/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/sidebar/sidebar.scss ***!
  \**********************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Sidebar
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Sidebar
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-sidebar {
  width: var(--pr-c-sidebar--Width);
  max-height: 100vh;
  padding: 1rem;
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  position: fixed;
  overflow: auto;
}
.pr-c-sidebar nav {
  margin-block-start: 3.6875rem;
}
.pr-c-sidebar .logout-item {
  list-style-type: none;
  margin-block-end: 0.8125rem;
}
.pr-c-sidebar footer {
  display: flex;
  justify-content: space-between;
  border-block-start: 2px solid var(--pr-zerowaste--palette-accent--default--20);
  padding-block-start: 0.4375rem;
  color: var(--pr-zerowaste--palette-primary--dark-gray--76);
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/registrations_table/registrations_table.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Registrations Table
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Registrations Table
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-registrations_table {
  --fluid-106-159: clamp(6.625rem, 0rem + 8.2813vw, 9.9375rem);
  --fluid-125-187: clamp(7.8125rem, 0.0625rem + 9.6875vw, 11.6875rem);
  --pr-c-header--Height: 6.625rem;
  --pr-c-footer--Height: 7.8125rem;
  height: calc(100vh - var(--pr-c-header--Height) - var(--pr-c-footer--Height) - var(--pr-c-table_wrapper--MarginBlockStart));
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  padding-inline-end: 0.75rem;
  margin-inline-end: -1.1rem;
  --scrollbar-color-thumb: #DEE1FC;
  --scrollbar-color-track: var(--pr-zerowaste--palette-accent--default--04);
  --scrollbar-width: normal;
  --scrollbar-radius: 2.5px;
  --scrollbar-width-legacy: 5px;
  /* Only for Firefox */
}
.pr-c-registrations_table[data-variant=filter] {
  padding-inline-start: 3.3125rem;
  margin-inline-start: -3.3125rem;
  position: relative;
}
.pr-c-registrations_table[data-variant=filter]::before {
  content: "";
  display: block;
  background-color: white;
  width: 3rem;
  height: 1.9375rem;
  position: absolute;
  top: -2px;
  margin-left: -3.125rem;
  z-index: 2;
}
.pr-c-registrations_table[data-variant=filter] tbody tr {
  cursor: pointer;
}
@supports selector(::-webkit-scrollbar) {
  .pr-c-registrations_table::-webkit-scrollbar-track {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-registrations_table::-webkit-scrollbar {
    width: var(--scrollbar-width-legacy);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-registrations_table::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-thumb);
  }
}
@-moz-document url-prefix() {
  .pr-c-registrations_table {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}
.pr-c-registrations_table thead th {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
  padding-inline: 1.0625rem;
}
.pr-c-registrations_table thead th.sequence_number {
  padding-inline-start: 0.4375rem;
}
.pr-c-registrations_table thead th:last-child {
  padding-inline-end: 0.5rem;
}
.pr-c-registrations_table thead th.selection {
  padding: 0;
}
.pr-c-registrations_table tr {
  scroll-snap-align: start;
}
.pr-c-registrations_table tr td.sequence_number {
  padding-inline-start: 0.4375rem;
}
.pr-c-registrations_table tr td:last-child label.pr-c-table_cell-changes {
  padding-inline-end: 0.5rem;
}
.pr-c-registrations_table tbody tr {
  height: 2.3125rem;
}
.pr-c-registrations_table tbody tr[data-relative-to] {
  display: none;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity var(--pr-global--Duration--xs), transform var(--pr-global--Duration--xs), display var(--pr-global--Duration--xs) allow-discrete;
}
.pr-c-registrations_table tbody tr[data-relative-to] td:not(.selection) {
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked) + tr[data-relative-to] {
  display: table-row;
  opacity: 1;
  transform: scaleY(1);
}
@starting-style {
  .pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked) + tr[data-relative-to] {
    opacity: 0;
    transform: scaleY(0);
  }
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked):not([data-relative-to]) .pr-c-table_cell-changes .status {
  background-color: var(--pr-zerowaste--palette-accent--hover);
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked):not([data-relative-to]) .pr-c-table_cell-changes > svg {
  color: var(--pr-zerowaste--palette-accent--hover);
  transform: rotate(0);
  transition: transform var(--pr-global--Duration--xs);
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked):not([data-relative-to]) td:not(.selection) {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked):not([data-relative-to]) td:not(.selection)::before {
  content: "";
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.pr-c-registrations_table tbody tr:has(.pr-c-table_cell-changes > input:checked):not([data-relative-to]) .transmission_date .pr-c-pill[data-status=inactive] {
  --pr-c-pill--BackgroundColor: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr:has(.selection input:checked) td:not(.selection) {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr:has(.selection input:checked) td:not(.selection)::before {
  content: "";
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.pr-c-registrations_table tbody tr:has(.selection input:checked) .transmission_date .pr-c-pill[data-status=inactive] {
  --pr-c-pill--BackgroundColor: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr:hover td:not(.selection) {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr:hover td:not(.selection)::before {
  content: "";
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.pr-c-registrations_table tbody tr:hover .transmission_date .pr-c-pill[data-status=inactive] {
  --pr-c-pill--BackgroundColor: var(--pr-c-page--AccentColor);
}
.pr-c-registrations_table tbody tr td {
  position: relative;
  overflow: visible;
}
.pr-c-registrations_table tbody tr td.selection {
  position: absolute;
  left: 0;
  z-index: 2;
  height: 2.4375rem;
  border-block-end: unset;
}
.pr-c-registrations_table tbody tr td.selection .pr-c-field,
.pr-c-registrations_table tbody tr td.selection .form-field {
  height: 100%;
}
.pr-c-registrations_table tbody tr td.selection .pr-c-field input,
.pr-c-registrations_table tbody tr td.selection .form-field input {
  border-color: var(--pr-zerowaste--palette-accent--default--20);
  pointer-events: none;
}
.pr-c-registrations_table tbody tr td.operation_type, .pr-c-registrations_table tbody tr td.reason {
  font-weight: var(--pr-global--FontWeight-bold);
  text-transform: uppercase;
}
.pr-c-registrations_table tbody tr td.quantity {
  text-align: end;
  max-width: 5.5rem;
}
.pr-c-registrations_table tbody tr td.transmission_date > div {
  display: inline-flex;
  justify-content: center;
  width: 5.0625rem;
}
.pr-c-registrations_table tbody tr td.fir > a {
  display: inline-flex;
}
.pr-c-registrations_table tbody tr td.reference {
  max-width: 6.75rem;
}
.pr-c-registrations_table tbody tr td.changes {
  padding: 0;
}
.pr-c-registrations_table tbody tr td.changes label {
  padding-block: var(--pr-c-table__cell--PaddingBlock);
  padding-inline: var(--pr-c-table__cell--PaddingInline);
}
.pr-c-registrations_table .no-records td {
  border: none;
}
.pr-c-registrations_table .no-records h4 {
  margin: unset;
  text-align: left;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/registration_form/registration_form.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Registration Form
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Registration Form
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-registration_form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.1875rem;
}
.pr-c-registration_form .wasteType-field {
  margin-block-start: 2.5625rem;
}
.pr-c-registration_form .operationType-field {
  margin-block-start: 1.625rem;
}
.pr-c-registration_form .operationType-field > .form-field:only-child {
  margin-block-end: 1.625rem;
}
.pr-c-registration_form .radio-wrapper {
  display: flex;
  gap: 1rem 2.25rem;
  flex-wrap: wrap;
  margin-block-start: 2.5625rem;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/rectification_form/rectification_form.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Rectification Form
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/rectification_choice_form/rectification_choice_form.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Rectification Confirmation Form
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-rectification_choice_form {
  margin-block-start: 2.0625rem;
}
.pr-c-rectification_choice_form .form-field .nd-c-multiple_input {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.pr-c-rectification_choice_form .action-buttons {
  margin-block-start: 2.5rem;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/records_table/records_table.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Records Table
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-records_table h1 {
  color: var(--pr-c-page--AccentColor);
  margin-block: 1.875rem 2.25rem;
}
.pr-c-records_table .table-wrapper {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  padding-inline-end: 0.75rem;
  margin-inline-end: -1.1rem;
  --scrollbar-color-thumb: #DEE1FC;
  --scrollbar-color-track: var(--pr-zerowaste--palette-accent--default--04);
  --scrollbar-width: normal;
  --scrollbar-radius: 2.5px;
  --scrollbar-width-legacy: 5px;
  /* Only for Firefox */
}
@supports selector(::-webkit-scrollbar) {
  .pr-c-records_table .table-wrapper::-webkit-scrollbar-track {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-records_table .table-wrapper::-webkit-scrollbar {
    width: var(--scrollbar-width-legacy);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-records_table .table-wrapper::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-thumb);
  }
}
@-moz-document url-prefix() {
  .pr-c-records_table .table-wrapper {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}
.pr-c-records_table .table-wrapper thead th {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
  padding-inline: 1.0625rem;
}
.pr-c-records_table .table-wrapper thead th.company_name, .pr-c-records_table .table-wrapper thead th.waste_name {
  text-align: start;
  padding-inline-start: unset;
}
.pr-c-records_table .table-wrapper thead th.fiscal_code, .pr-c-records_table .table-wrapper thead th.registration_number {
  width: 14.125rem;
}
.pr-c-records_table .table-wrapper thead th.eer_code, .pr-c-records_table .table-wrapper thead th.physical_state, .pr-c-records_table .table-wrapper thead th.origin {
  width: 8.3125rem;
}
.pr-c-records_table .table-wrapper tbody tr {
  height: 2.3125rem;
  position: relative;
}
.pr-c-records_table .table-wrapper tbody tr:hover td {
  position: relative;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-records_table .table-wrapper tbody tr:hover td::before {
  content: "";
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.pr-c-records_table .table-wrapper tr {
  scroll-snap-align: start;
}
.pr-c-records_table .table-wrapper td.company_name, .pr-c-records_table .table-wrapper td.waste_name {
  text-align: start;
  padding-inline-start: unset;
}
.pr-c-records_table .table-wrapper .no-records td {
  border: none;
}
.pr-c-records_table .table-wrapper .no-records h4 {
  margin: unset;
  text-align: left;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/new_password/new_password.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Edit Password
 *************************************************************************** */
.pr-c-profile-overlay.pr-m-new-password .action-buttons.edit .pr-u-button.pr-c-button {
  margin-block-end: 0;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/edit_password/edit_password.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Edit Password
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Edit Password
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-profile-overlay.pr-m-edit-password {
  padding-block-end: 2.25rem;
}
.pr-c-profile-overlay.pr-m-edit-password .fields {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.pr-c-profile-overlay.pr-m-edit-password .nd-c-field {
  margin-block: unset;
}
.pr-c-profile-overlay.pr-m-edit-password .nd-c-field:nth-child(1), .pr-c-profile-overlay.pr-m-edit-password .action-buttons, .pr-c-profile-overlay.pr-m-edit-password .password-criteria {
  width: 100%;
}
.pr-c-profile-overlay.pr-m-edit-password .password-criteria {
  margin-block: 1.25rem 0.625rem;
}
.pr-c-profile-overlay.pr-m-edit-password .password-criteria .pr-c-label {
  line-height: 1.375rem;
}
.pr-c-profile-overlay.pr-m-edit-password .nd-c-field:nth-child(2), .pr-c-profile-overlay.pr-m-edit-password .nd-c-field:nth-child(3) {
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .pr-c-profile-overlay.pr-m-edit-password .nd-c-field:nth-child(2), .pr-c-profile-overlay.pr-m-edit-password .nd-c-field:nth-child(3) {
    flex: 1;
  }
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/edit/edit.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Edit
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Edit
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-profile-overlay.pr-m-edit {
  padding-block-end: 2.25rem;
}
.pr-c-profile-overlay.pr-m-edit .fields {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.pr-c-profile-overlay.pr-m-edit .nd-c-field {
  margin-block: unset;
}
.pr-c-profile-overlay.pr-m-edit .nd-c-field.newsletter {
  align-self: center;
}
.pr-c-profile-overlay.pr-m-edit .nd-c-field:nth-child(3), .pr-c-profile-overlay.pr-m-edit .action-buttons, .pr-c-profile-overlay.pr-m-edit .password-criteria {
  width: 100%;
}
.pr-c-profile-overlay.pr-m-edit .nd-c-field:nth-child(1), .pr-c-profile-overlay.pr-m-edit .nd-c-field:nth-child(2) {
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .pr-c-profile-overlay.pr-m-edit .nd-c-field:nth-child(1), .pr-c-profile-overlay.pr-m-edit .nd-c-field:nth-child(2) {
    flex: 1;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/detail/detail.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Detail
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Detail
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-profile-overlay.pr-m-detail .fields {
  background-color: var(--pr-global--palette-white-smoke);
  border-radius: 4px;
  padding-block: 1.4375rem;
  padding-inline: 1.0625rem;
}
@media screen and (min-width: 64rem) {
  .pr-c-profile-overlay.pr-m-detail .fields {
    padding-block: 3.3125rem;
    padding-inline: 4.1875rem;
  }
}
.pr-c-profile-overlay.pr-m-detail .action-buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.9375rem;
}
.pr-c-profile-overlay.pr-m-detail .action-buttons > div:first-child {
  display: flex;
  gap: 0.9375rem;
  flex-direction: column;
}
@media screen and (min-width: 48rem) {
  .pr-c-profile-overlay.pr-m-detail .action-buttons > div:first-child {
    flex-direction: row;
    align-items: center;
  }
}
.pr-c-profile-overlay.pr-m-detail .action-buttons .pr-u-button.pr-c-button:first-of-type {
  margin-block-end: 1.063rem;
}
.pr-c-profile-overlay.pr-m-detail .action-buttons .pr-m-outline--light-blue.shrink {
  width: initial;
  margin-block-start: 1.563rem;
}
@media screen and (min-width: 48rem) {
  .pr-c-profile-overlay.pr-m-detail .action-buttons {
    flex-direction: row;
    align-items: center;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/delete/delete.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Delete
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Delete
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-profile-overlay.pr-m-delete {
  padding-block-end: 2.25rem;
}
.pr-c-profile-overlay.pr-m-delete .pr-c-notification_card {
  width: 100%;
  border-radius: 4px;
  margin-block-start: 1.875rem;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/contact_us/contact_us.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Contact us
 *************************************************************************** */
.pr-c-profile-overlay.pr-m-contact_us {
  padding-block-end: 1.625rem;
}
.pr-c-profile-overlay.pr-m-contact_us .description {
  font-size: 1.188rem;
  color: var(--pr-global--palette-dark-blue);
  text-align: center;
  padding-block-end: 2.875rem;
}
.pr-c-profile-overlay.pr-m-contact_us .field-wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 16rem;
}
.pr-c-profile-overlay.pr-m-contact_us .field-wrapper:last-of-type {
  border-block-end: 1px solid var(--pr-global--palette-dusty-blue);
}
.pr-c-profile-overlay.pr-m-contact_us .form-fields {
  margin-block: 1.125rem;
}
.pr-c-profile-overlay.pr-m-contact_us .action-buttons .pr-m-outline--light-blue.shrink {
  width: initial;
  margin-block-start: 1.563rem;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/profile/00-base/base.scss ***!
  \***************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Base
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Base
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-profile-overlay {
  border-radius: 4px;
}
.pr-c-profile-overlay.pr-m-signup {
  background-color: var(--pr-global--palette-white-smoke);
}
.pr-c-profile-overlay .profile-section-title {
  grid-column: 1/-1;
  margin-block-end: 2.375rem;
}
@media screen and (min-width: 64rem) {
  .pr-c-profile-overlay .profile-section-title {
    margin-block-end: 5.5rem;
  }
}
.pr-c-profile-overlay .profile-section-subtitle {
  grid-column: 1/-1;
  margin-block-end: 1.5625rem;
}
.pr-c-profile-overlay .account-status {
  font: var(--pr-global--FontWeight-regular) 0.6875rem var(--pr-global--FontFamily-default);
  margin-block-end: 2.125rem;
  letter-spacing: unset;
}
.pr-c-profile-overlay .field-title {
  grid-column: span 4;
  font: var(--pr-global--Font-label--md-semibold);
  margin-block-end: 0.563rem;
}
.pr-c-profile-overlay .field-value {
  grid-column: span 8;
  font: var(--pr-global--Font-label--md-regular);
  margin-block-end: 1.063rem;
}
.pr-c-profile-overlay .pr-c-button.pr-m-primary,
.pr-c-profile-overlay .nd-c-field > .input-wrapper,
.pr-c-profile-overlay .nd-c-field input:not([type=checkbox]) {
  width: 100%;
}
.pr-c-profile-overlay .nd-c-field {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
}
.pr-c-profile-overlay .nd-c-field:nth-last-child(1 of .nd-c-field) {
  margin-block: 0;
}
.pr-c-profile-overlay .action-buttons {
  margin-block-start: 1.5rem;
  text-align: center;
}
.pr-c-profile-overlay .action-buttons.edit {
  margin-block-start: 1.875rem;
  display: flex;
  align-items: center;
  gap: 1.4375rem;
}
.pr-c-profile-overlay .action-buttons.edit .pr-u-button.pr-c-button {
  display: block;
  margin-block-end: 1.875rem;
}
.pr-c-profile-overlay .action-buttons.edit .cancel-cta {
  font: var(--pr-global--Font-label--sm-regular);
}
.pr-c-profile-overlay .action-buttons.edit .cancel-cta a {
  font: var(--pr-zerowaste--Font-label--md-medium);
  text-decoration: underline;
  text-underline-position: from-font;
}
.pr-c-profile-overlay .action-buttons.edit.center {
  justify-content: center;
}

.pr-c-profile-overlay.pr-m-order_list,
.pr-c-profile-overlay.pr-m-order_detail {
  --pr-c-profile-overlay--m-order_list--FontSize: .75rem; /* 12px */
  font-size: var(--pr-c-profile-overlay--m-order_list--FontSize);
}
@media all and (min-width: 48rem) {
  .pr-c-profile-overlay.pr-m-order_list,
  .pr-c-profile-overlay.pr-m-order_detail {
    --pr-c-profile-overlay--m-order_list--FontSize: 1rem; /* 16px */
  }
}

.pr-c-profile-overlay.pr-m-order_list tbody td:last-child > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media all and (min-width: 37.5rem) {
  .pr-c-profile-overlay.pr-m-order_list tbody td:last-child > div {
    flex-direction: row;
  }
}

.pr-c-profile-overlay.pr-m-order_detail section {
  margin-block-start: 2rem;
}
.pr-c-profile-overlay.pr-m-order_detail .pr-c-cart_summary {
  max-inline-size: 32.5rem; /* 520px */
  position: static;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/modal/00-base/base.scss ***!
  \*************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Modal / Base
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Modal / Base
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-modal {
  --pr-c-page--Grid-Template: var(--pr-zerowaste--content-grid--AlternativeGridTemplateColumns);
  --pr-c-page--Grid-Gap: var(--pr-zerowaste--content-grid--alternative-guttersize);
  position: fixed;
  top: var(--pr-c-template_shared--top_nav--OffsetHeight);
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  visibility: hidden;
}
.pr-c-modal.is-open {
  pointer-events: auto;
  touch-action: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility, opacity var(--pr-global--Duration--xs) linear;
  z-index: 9999999;
}
.pr-c-modal .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--pr-zerowaste--palette-primary--dark-gray--76);
}
.pr-c-modal .modal-main {
  display: grid;
  grid-template-columns: var(--pr-c-page--Grid-Template);
  grid-template-rows: 100%;
  grid-gap: 0 var(--pr-c-page--Grid-Gap);
  align-items: center;
  margin-inline: auto;
  max-width: min(90vw, 66.875rem);
  height: 100%;
}
.pr-c-modal .modal-main .modal-main-container {
  --pr-c-modal--registration--PaddingBlockStart: 4.5rem ;
  --pr-c-modal--registration--PaddingBlockEnd: 3.0625rem;
  --pr-c-modal--registration--PaddingInline: 4.875rem;
  grid-column: 1/-1;
  background-color: var(--pr-c-page--BackgroundColor);
  border-radius: 9px;
  max-height: 90%;
  overflow: auto;
  position: relative;
  padding-block-start: var(--pr-c-modal--registration--PaddingBlockStart);
  padding-block-end: var(--pr-c-modal--registration--PaddingBlockEnd);
  padding-inline: var(--pr-c-modal--registration--PaddingInline);
}
.pr-c-modal .modal-main .action-buttons {
  display: flex;
  gap: 0.9375rem;
  flex-wrap: wrap;
}

.pr-c-modal--registration {
  --pr-c-modal--registration--HeaderHeight: 3.4375rem;
  --pr-c-modal--registration--TitleHeight: 4.625rem;
  --pr-c-modal--registration--FooterHeight: 5.625rem;
}
.pr-c-modal--registration .modal-main .modal-main-container {
  grid-column: 4/span 8;
  overflow-x: hidden;
  padding-block-start: unset;
  padding-block-end: unset;
  padding-inline: unset;
  max-height: 86%;
}
.pr-c-modal--registration .modal-main .modal-main-container.table-modal {
  grid-column: 1/-1;
}
.pr-c-modal--registration .modal-main .modal-main-container:has(#registration-step2.is-current) {
  height: 86%;
}
.pr-c-modal--registration .modal-main .modal-main-container h1 {
  margin-block-end: 1rem;
}
.pr-c-modal--registration #steps-container {
  display: flex;
  width: 200%; /* Due step, ciascuno largo il 100% */
  transition: transform var(--pr-global--Duration--sm) ease;
}
.pr-c-modal--registration .step {
  width: 50%;
  height: 100%;
}
.pr-c-modal--registration .slide-in {
  transform: translateX(0);
}
.pr-c-modal--registration .slide-out {
  transform: translateX(-50%);
}
.pr-c-modal--registration #registration-step1 {
  padding-block-start: var(--pr-c-modal--registration--PaddingBlockStart);
  padding-block-end: var(--pr-c-modal--registration--PaddingBlockEnd);
  padding-inline: var(--pr-c-modal--registration--PaddingInline);
}
.pr-c-modal--registration #registration-step1:not(.is-current) {
  height: 0;
  overflow: hidden;
}
.pr-c-modal--registration #registration-step2 {
  --pr-c-modal--registration--PaddingBlockStart: 2.6875rem;
  --pr-c-modal--registration--PaddingBlockEnd: 3.0625rem;
  padding-block-start: var(--pr-c-modal--registration--PaddingBlockStart);
  padding-block-end: var(--pr-c-modal--registration--PaddingBlockEnd);
  padding-inline: var(--pr-c-modal--registration--PaddingInline);
}
.pr-c-modal--registration #registration-step2:not(.is-current) {
  height: 0;
  overflow: hidden;
}

.pr-c-modal--filters h1 {
  margin-block-end: 0.75rem;
}
.pr-c-modal--filters h1 + p {
  margin-block: 0.75rem 1.5rem;
}
.pr-c-modal--filters .modal-main .modal-main-container {
  grid-column: 1/-1;
}
.pr-c-modal--filters .action-buttons {
  justify-content: flex-end;
}

.pr-c-modal--print .modal-main .modal-main-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}
.pr-c-modal--print h1 {
  margin-block-end: 0.75rem;
}
.pr-c-modal--print p {
  margin-block: unset;
}
.pr-c-modal--print footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.pr-c-modal--rectification_choice .modal-main .modal-main-container {
  grid-column: 4/-4;
}
.pr-c-modal--rectification_choice h1 {
  margin-block-end: 2.0625rem;
}
.pr-c-modal--rectification_choice .subtitle {
  margin-block-end: 0.8125rem;
}

.pr-c-modal--rectification_confirm .modal-main .modal-main-container,
.pr-c-modal--registration_confirm .modal-main .modal-main-container {
  grid-column: 4/-4;
}
.pr-c-modal--rectification_confirm h1,
.pr-c-modal--registration_confirm h1 {
  margin-block-end: 2.0625rem;
}
.pr-c-modal--rectification_confirm .warning-message,
.pr-c-modal--registration_confirm .warning-message {
  margin-block-start: 0.9375rem;
  color: var(--pr-zerowaste--palette-danger--text);
}
.pr-c-modal--rectification_confirm .warning-message .pr-c-label,
.pr-c-modal--registration_confirm .warning-message .pr-c-label {
  margin-block: 0.9375rem;
}
.pr-c-modal--rectification_confirm .warning-message .pr-c-label .bolder,
.pr-c-modal--registration_confirm .warning-message .pr-c-label .bolder {
  font-weight: var(--pr-global--FontWeight-extrabold);
}
.pr-c-modal--rectification_confirm .warning-message .nd-u-divider,
.pr-c-modal--registration_confirm .warning-message .nd-u-divider {
  height: 1px;
  background-color: var(--pr-zerowaste--palette-danger--fill);
}
.pr-c-modal--rectification_confirm .action-buttons,
.pr-c-modal--registration_confirm .action-buttons {
  margin-block-start: 2.5rem;
}

.pr-c-modal--create_fir {
  --pr-c-modal--create_fir--PaddingBlockStart: 4.5rem ;
  --pr-c-modal--create_fir--PaddingBlockEnd: 3.0625rem;
  --pr-c-modal--create_fir--PaddingInline: 4.875rem;
  --pr-c-modal--create_fir--HeaderHeight: 3.4375rem;
  --pr-c-modal--create_fir--TitleHeight: 4.625rem;
  --pr-c-modal--create_fir--FooterHeight: 5.625rem;
}
.pr-c-modal--create_fir .modal-main .modal-main-container {
  grid-column: 4/span 8;
  overflow-x: hidden;
  padding-block-start: unset;
  padding-block-end: unset;
  padding-inline: unset;
  max-height: 86%;
}
.pr-c-modal--create_fir .modal-main .modal-main-container.table-modal {
  grid-column: 1/-1;
}
.pr-c-modal--create_fir .modal-main .modal-main-container:has(#create_fir-step2.is-current) {
  height: 86%;
}
.pr-c-modal--create_fir .modal-main .modal-main-container h1 {
  margin-block-end: 2.0625rem;
}
.pr-c-modal--create_fir #steps-container {
  display: flex;
  width: 200%; /* Due step, ciascuno largo il 100% */
  transition: transform var(--pr-global--Duration--sm) ease;
}
.pr-c-modal--create_fir .step {
  width: 50%;
  height: 100%;
}
.pr-c-modal--create_fir .slide-in {
  transform: translateX(0);
}
.pr-c-modal--create_fir .slide-out {
  transform: translateX(-50%);
}
.pr-c-modal--create_fir #create_fir-step1 {
  padding-block-start: var(--pr-c-modal--create_fir--PaddingBlockStart);
  padding-block-end: var(--pr-c-modal--create_fir--PaddingBlockEnd);
  padding-inline: var(--pr-c-modal--create_fir--PaddingInline);
}
.pr-c-modal--create_fir #create_fir-step1:not(.is-current) {
  height: 0;
  overflow: hidden;
}
.pr-c-modal--create_fir #create_fir-step1 .action-buttons {
  margin-block-start: 2.5rem;
}
.pr-c-modal--create_fir #create_fir-step2 {
  --pr-c-modal--create_fir--PaddingBlockStart: 2.6875rem;
  --pr-c-modal--create_fir--PaddingBlockEnd: 3.0625rem;
  padding-block-start: var(--pr-c-modal--create_fir--PaddingBlockStart);
  padding-block-end: var(--pr-c-modal--create_fir--PaddingBlockEnd);
  padding-inline: var(--pr-c-modal--create_fir--PaddingInline);
}
.pr-c-modal--create_fir #create_fir-step2:not(.is-current) {
  height: 0;
  overflow: hidden;
}

.pr-c-modal--retrieve_record h1 {
  margin-block-end: 2.0625rem;
}
.pr-c-modal--retrieve_record .modal-main .modal-main-container {
  width: min(37.625rem, 100%);
  margin-inline: auto;
  overflow: visible;
}
.pr-c-modal--retrieve_record .action-buttons {
  margin-block-start: 2.5rem;
}

.pr-c-modal--contact_request h1 {
  margin-block-end: 2.0625rem;
}
.pr-c-modal--contact_request .modal-main .modal-main-container {
  width: min(37.625rem, 100%);
  margin-inline: auto;
  overflow: visible;
}
.pr-c-modal--contact_request .action-buttons {
  margin-block-start: 2.5rem;
}

.pr-c-modal--fake_reference p {
  margin-block-end: 2.5rem;
}
.pr-c-modal--fake_reference .modal-main .modal-main-container {
  margin-inline: auto;
  width: min(37.625rem, 100%);
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/headquarter_registers/headquarter_registers.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Headquarter Registers
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Headquarter Registers
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-headquarter_registers {
  margin-block-start: 0.3125rem;
}
.pr-c-headquarter_registers > * {
  grid-column: 1/-1;
}
.pr-c-headquarter_registers h2 {
  margin-block: 0.375rem 0.625rem;
}
.pr-c-headquarter_registers .nd-u-divider {
  margin-block-end: 1.4375rem;
}
.pr-c-headquarter_registers .pr-c-register_label {
  grid-column: span 3;
}
.pr-c-headquarter_registers + .pr-c-headquarter_registers {
  margin-block-start: 3.5625rem;
}
.pr-c-headquarter_registers .headquarters-wrapper {
  row-gap: 0.9375rem;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/header/header.scss ***!
  \********************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Header
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-header {
  padding-block: 3.4375rem 1.0625rem;
  display: flex;
  gap: 0.9375rem;
  justify-content: space-between;
  align-items: flex-start;
}
.pr-c-header .pr-m-back_button {
  margin-block-end: 1.0625rem;
  justify-content: flex-start;
}
.pr-c-header h1 {
  margin-block: 0;
}
.pr-c-header .registration-end {
  display: flex;
  gap: 0.6875rem;
}
.pr-c-header .registration-end .content-wrapper {
  display: flex;
  gap: 0.4375rem;
}
.pr-c-header .registration-end .pr-c-label {
  padding-block: 3px;
}
.pr-c-header .registration-end .references-wrapper {
  padding-block: unset;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-header .registration-end .references-wrapper .references-list {
  max-width: 18.75rem;
}
.pr-c-header .registration-end .references-wrapper a:not(:last-child) {
  margin-inline-end: 0.125rem;
}
.pr-c-header .registration-end .references-wrapper a span {
  text-decoration: underline;
}
.pr-c-header .filters-applied {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--pr-zerowaste--palette-primary--dark-gray--76);
}
.pr-c-header .filters-applied:has(.filters-list:empty) .filters-applied__label {
  display: none;
}
.pr-c-header .filters-list {
  display: flex;
  gap: 0.5rem;
}
.pr-c-header .header-end {
  display: flex;
  align-items: flex-end;
  gap: 1.3125rem;
}
.pr-c-header .header-end .filters-applied .pr-c-button.pr-m-chip {
  --pr-c-button--BackgroundColor: var(--pr-c-page--AccentColor);
}
.pr-c-header .header-end .filters-applied .pr-c-button.pr-m-chip svg {
  display: block;
}
.pr-c-header .header-end .filters-applied .pr-c-button.pr-m-chip .pr-c-label {
  font: var(--pr-zerowaste--Font-label--xs-medium);
}
.pr-c-header .header-start {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}
.pr-c-header .header-start .tags-wrapper {
  display: flex;
  gap: 0.6875rem;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/fir_table/fir_table.scss ***!
  \**************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / FIR Table
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-fir_table {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  padding-inline-end: 0.75rem;
  margin-inline-end: -1.1rem;
  --scrollbar-color-thumb: #DEE1FC;
  --scrollbar-color-track: var(--pr-zerowaste--palette-accent--default--04);
  --scrollbar-width: normal;
  --scrollbar-radius: 2.5px;
  --scrollbar-width-legacy: 5px;
  /* Only for Firefox */
}
@supports selector(::-webkit-scrollbar) {
  .pr-c-fir_table::-webkit-scrollbar-track {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-fir_table::-webkit-scrollbar {
    width: var(--scrollbar-width-legacy);
    background-color: var(--scrollbar-color-track);
  }
  .pr-c-fir_table::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-radius);
    background-color: var(--scrollbar-color-thumb);
  }
}
@-moz-document url-prefix() {
  .pr-c-fir_table {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}
.pr-c-fir_table thead th {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
  padding-inline: 1.0625rem;
}
.pr-c-fir_table thead .fir_number {
  width: 10rem;
}
.pr-c-fir_table tbody tr {
  height: 2.3125rem;
  position: relative;
}
.pr-c-fir_table tbody tr:hover td {
  position: relative;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-fir_table tbody tr:hover td::before {
  content: "";
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.pr-c-fir_table tr {
  scroll-snap-align: start;
}
.pr-c-fir_table td.fir_number .content-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.pr-c-fir_table td.referenced_by .content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1875rem;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-fir_table td.referenced_by .content-wrapper .reference-number {
  text-underline-position: from-font;
}
.pr-c-fir_table td.referenced_by .content-wrapper .reference-number:hover {
  --pr-c-table__link--hover--Color: initial;
  -webkit-text-decoration: revert-layer;
          text-decoration: revert-layer;
}
.pr-c-fir_table .no-records td {
  border: none;
}
.pr-c-fir_table .no-records h4 {
  margin: unset;
  text-align: left;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filters_form/filters_form.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filters Form
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Filters Form
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-filters_form {
  margin-block-start: 1.5rem;
}
.pr-c-filters_form .form-field .nd-c-multiple_input {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.pr-c-filters_form .nd-c-field {
  margin-block-end: 1.6875rem;
}
.pr-c-filters_form > .pr-c-label {
  margin-block-end: 0.8125rem;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filter_table/send_rentri/send_rentri.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Send Rentri
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Send Rentri
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filter_table/rectification/rectification.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Rectification
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filter_table/new_registration/new_registration.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Send Rentri
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Send Rentri
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-filter_table--send_rentri .pr-c-header {
  align-items: flex-end;
  padding-block-start: unset;
  padding-block-end: 1.3125rem;
}
.pr-c-filter_table--send_rentri .title-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.pr-c-filter_table--send_rentri .title-container h1 {
  margin-block: 1.25rem 1.4375rem;
}
.pr-c-filter_table--send_rentri .pr-c-messages {
  display: none;
  padding-block: 1.125rem;
  margin-block-start: unset;
}
.pr-c-filter_table--send_rentri .selection-counter {
  display: flex;
  gap: 0.1875rem;
}
.pr-c-filter_table--send_rentri .pr-c-registrations_table {
  height: calc(84vh - var(--pr-c-modal--registration--PaddingBlockStart) - var(--pr-c-modal--registration--HeaderHeight) - 0.125rem - var(--pr-c-modal--registration--TitleHeight) - var(--pr-c-table_wrapper--MarginBlockStart) - var(--pr-c-modal--registration--FooterHeight) - var(--pr-c-modal--registration--PaddingBlockEnd));
}
.pr-c-filter_table--send_rentri .pr-c-bottom_bar {
  position: unset;
  align-items: center;
  padding-block-end: unset;
}
.pr-c-filter_table--send_rentri .pr-c-bottom_bar .start-buttons .pr-c-label {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-filter_table--send_rentri .pr-c-bottom_bar .start-buttons .pr-c-label a {
  text-decoration: underline;
  text-underline-position: from-font;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filter_table/create_fir/create_fir.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Create FIR
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/filter_table/00-base/base.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Base
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Filter Table / Base
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-filter_table .pr-c-header {
  align-items: flex-end;
  padding-block-start: unset;
  padding-block-end: 1.3125rem;
}
.pr-c-filter_table .title-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.pr-c-filter_table .title-container h1 {
  margin-block: 1.25rem 1.4375rem;
}
.pr-c-filter_table .pr-c-messages {
  display: none;
  padding-block: 1.125rem;
  margin-block-start: unset;
}
.pr-c-filter_table .selection-counter {
  display: flex;
  gap: 0.1875rem;
}
.pr-c-filter_table .pr-c-registrations_table {
  height: calc(84vh - var(--pr-c-modal--registration--PaddingBlockStart) - var(--pr-c-modal--registration--HeaderHeight) - 0.125rem - var(--pr-c-modal--registration--TitleHeight) - var(--pr-c-table_wrapper--MarginBlockStart) - var(--pr-c-modal--registration--FooterHeight) - var(--pr-c-modal--registration--PaddingBlockEnd));
}
.pr-c-filter_table .pr-c-bottom_bar {
  position: unset;
  align-items: center;
  padding-block-end: unset;
}
.pr-c-filter_table .pr-c-bottom_bar .start-buttons .pr-c-label {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-filter_table .pr-c-bottom_bar .start-buttons .pr-c-label a {
  text-decoration: underline;
  text-underline-position: from-font;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/company_selection/company_selection.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Company Selection
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-company_selection {
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
  border-radius: 4px;
  padding-block: 1.75rem 2.4375rem;
  padding-inline: 1.5625rem;
}
.pr-c-company_selection header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-block-end: 0.5rem;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-company_selection header h1 {
  margin-block: unset;
}
.pr-c-company_selection header .contact-modal-trigger {
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: from-font;
}
.pr-c-company_selection form {
  display: flex;
  align-items: flex-end;
  gap: 2.5625rem;
  padding-block-start: 2.25rem;
}
.pr-c-company_selection form .pr-c-field {
  width: 27.875rem;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/cms_plugins/contact_info/contact_info.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / CMS plugins / Contact information
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-contact_info {
  padding-block: 2.625rem;
  margin-block-end: 2.5rem;
}
.pr-c-contact_info.card {
  background-color: var(--pr-global--palette-white-smoke);
  border-radius: 4px;
}
.pr-c-contact_info > div {
  grid-column: 1/-1;
  padding-inline: var(--pr-zerowaste--content-grid--offsetsize);
}
@media screen and (min-width: 48rem) {
  .pr-c-contact_info > div {
    grid-column: 2/-2;
    padding-inline: unset;
  }
}
.pr-c-contact_info h2 {
  grid-column: 1/-1;
}
.pr-c-contact_info .socials-line {
  grid-column: 1/-1;
  display: flex;
  gap: 1.5625rem;
}
.pr-c-contact_info .text-line {
  grid-column: 1/-1;
  margin-block-start: 2.4375rem;
}
.pr-c-contact_info .columns-line {
  grid-column: 1/-1;
  grid-row-gap: 2.75rem;
  margin-block-start: 3.875rem;
  /**
   * Column title
   * 1: simulate H4
   */
}
.pr-c-contact_info .columns-line h3 {
  font: var(--pr-global--Font-title--md-semibold); /* 1 */
  line-height: var(--pr-global--LineHeight-xs); /* 1 */
  margin-block-end: 0.875rem; /* 1 */
  margin-block-end: 1.1875rem;
  margin-block-start: 0; /* 1 */
}
.pr-c-contact_info .columns-line > div {
  grid-column: 1/-1;
}
@media screen and (min-width: 37.5rem) {
  .pr-c-contact_info .columns-line > div {
    grid-column: span 6;
  }
}
@media screen and (min-width: 80rem) {
  .pr-c-contact_info .columns-line > div {
    grid-column: span 3;
  }
}
.pr-c-contact_info .columns-line .address-button {
  font-size: 0.8125rem;
  margin-block-start: 1.1875rem;
}
.pr-c-contact_info .columns-line .pr-c-email_address:nth-of-type(n+2) {
  margin-block-start: 1.6875rem;
}
.pr-c-contact_info .columns-line a:not(.pr-c-button) {
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.563;
}
@media screen and (min-width: 64rem) {
  .pr-c-contact_info {
    padding-block: 4.5rem;
    margin-block-end: 11.25rem;
  }
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/cms_plugins/channels/channels.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Channels
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Channels
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-channels > .container {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  justify-content: space-evenly;
}
.pr-c-channels > .container > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 33%;
  gap: 1.125rem;
}
.pr-c-channels > .container > *:hover .arrow-button {
  opacity: 1;
}
.pr-c-channels > .container img {
  block-size: 5rem;
}
.pr-c-channels > .container .pr-c-label {
  text-align: center;
  letter-spacing: 0.2285714298px;
}
.pr-c-channels > .container .pr-c-label.semibold {
  font-size: 1.375rem;
  letter-spacing: 0.3142857254px;
}
.pr-c-channels > .container .arrow-button {
  --pr-c-button--icon-only--Dimension: 1.9375rem;
  --pr-c-button--icon-only--Padding: 0.3125rem;
  opacity: 0;
  transition: opacity var(--pr-global--Duration--xs) ease-in-out;
  display: none;
}
.pr-c-channels > .container .arrow-button svg {
  block-size: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .pr-c-channels > .container .arrow-button {
    display: block;
  }
}
@media screen and (min-width: 48rem) {
  .pr-c-channels > .container {
    flex-direction: row;
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/cms_plugins/accordion/accordion.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Accordion Section
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Accordion Section
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/bottom_bar/bottom_bar.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Bottom Bar
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Organisms / Bottom Bar
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-bottom_bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-block: 2.8125rem 2.1875rem;
  gap: 1.25rem;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.pr-c-bottom_bar .start-buttons,
.pr-c-bottom_bar .end-buttons {
  display: flex;
  gap: 1.125rem;
}
.pr-c-bottom_bar .pr-c-button.pr-m-secondary {
  --pr-c-button--BackgroundColor: var(--pr-zerowaste--palette-primary--dark-gray);
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/account/login/login.scss ***!
  \**************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Profile / Login
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-account_overlay.pr-m-login .nd-c-field input[type=checkbox] {
  border-color: var(--pr-global--palette-dark-blue--31);
}
.pr-c-account_overlay.pr-m-login .nd-c-field input[type=checkbox]::before {
  background-color: var(--pr-global--palette-dark-blue);
  opacity: 0.6;
}
.pr-c-account_overlay.pr-m-login .login-options {
  display: flex;
  justify-content: space-between;
  padding-block-start: 1.125rem;
  color: var(--pr-zerowaste--palette-primary--dark-gray--76);
}
.pr-c-account_overlay.pr-m-login .login-options .nd-c-field {
  margin: initial;
}
.pr-c-account_overlay.pr-m-login .login-options a {
  text-decoration: underline;
  text-underline-position: from-font;
}
.pr-c-account_overlay.pr-m-login .personal-info-check {
  font-size: 1rem;
  text-align: center;
}
.pr-c-account_overlay.pr-m-login .edit-cta a {
  font: var(--pr-global--Font-paragraph--md-bold);
  color: var(--pr-global--palette-light-blue);
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/03-organisms/account/00-base/base.scss ***!
  \***************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Organisms / Account / Base
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-account_overlay {
  border-radius: 4px;
}
.pr-c-account_overlay.pr-m-signup {
  background-color: var(--pr-global--palette-white-smoke);
}
.pr-c-account_overlay .profile-section-title {
  font: var(--pr-global--FontWeight-semibold) 1.625rem var(--pr-global--FontFamily-default);
  margin-block-end: 1.5625rem;
}
.pr-c-account_overlay .account-status {
  font: var(--pr-global--FontWeight-regular) 0.6875rem var(--pr-global--FontFamily-default);
  margin-block-end: 2.125rem;
  letter-spacing: unset;
}
.pr-c-account_overlay .nd-c-field {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
}
.pr-c-account_overlay .nd-c-field:nth-last-child(1 of .nd-c-field) {
  margin-block: 0;
}
.pr-c-account_overlay .action-buttons {
  margin-block-start: 1.5rem;
  text-align: center;
}
.pr-c-account_overlay .action-buttons.edit {
  margin-block-start: 1.875rem;
}
.pr-c-account_overlay .action-buttons.edit .pr-u-button.pr-c-button {
  display: block;
  margin-block-end: 1.875rem;
}
.pr-c-account_overlay .action-buttons.edit .cancel-cta {
  color: var(--pr-global--palette-dark-blue);
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/stepper/stepper.scss ***!
  \**********************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Cart Item
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Molecules / Cart Item
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-stepper {
  border-block: 1px solid var(--pr-global--palette-black--40);
  margin-block-end: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  row-gap: 5px;
}
.pr-c-stepper .step {
  --pr-c-button--PaddingBlock: 0.875rem;
  --pr-c-button--PaddingInline: unset;
  --pr-c-button--no-frame--Color: var(--pr-c-page--Color);
  --pr-c-button--hover--Color: var(--pr-c-button--no-frame--Color);
  font: var(--pr-global--Font-label--sm-semibold);
  opacity: 0.5;
}
.pr-c-stepper .step.is-disabled, .pr-c-stepper .step.is-current {
  pointer-events: none;
}
.pr-c-stepper .step.is-active {
  opacity: 1;
}
.pr-c-stepper .step.is-current span {
  position: relative;
}
.pr-c-stepper .step.is-current span::after {
  content: "";
  display: block;
  height: 3px;
  background-color: var(--pr-c-page--Color);
  border-radius: 3px;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 48rem) {
  .pr-c-stepper .step.is-current span::after {
    bottom: -29px;
  }
}
@media screen and (min-width: 48rem) {
  .pr-c-stepper .step {
    --pr-c-button--PaddingBlock: 1.6875rem;
  }
}
@media screen and (min-width: 48rem) {
  .pr-c-stepper {
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
    row-gap: 11px;
    margin-block-end: 4.3125rem;
  }
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \*********************************************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/slider/slider/slider.scss ***!
  \***************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Molecules / Slider / Slider
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.splide {
  --fluid-45-85: clamp(2.8125rem, 1.9322rem + 3.7559vw, 5.3125rem);
  --splide-items-gap: var(--fluid-45-85);
}
.splide__track {
  overflow-y: visible;
  overflow-x: clip;
  margin-block-end: 3.25rem;
}
.splide__list {
  align-items: center;
}
.splide__slide {
  background-color: var(--pr-global--palette-black--03);
  border-radius: 4px;
  padding-block: 2.0625rem;
  padding-inline: 1.875rem;
}
.splide__slide .main-content {
  width: 18.5rem;
}
.splide__slide .main-content h1 {
  font: var(--pr-global--Font-title--sm-semibold);
  line-height: normal;
  margin-block-end: 0.1875rem;
}
.splide__slide .main-content h2 {
  font-size: 0.9375rem;
  font-weight: var(--pr-global--FontWeight-regular);
  line-height: normal;
  margin-block-end: 0.4375rem;
}
.splide__slide .main-content .pr-c-button {
  --pr-c-button--PaddingBlock: 0.723em;
  --pr-c-button--PaddingInline: 1.515em;
  --pr-c-button--BackgroundColor: var(--pr-c-page--Color);
  --pr-c-button--hover--BackgroundColor: var(--pr-c-page--AccentColor);
  font-size: 1rem;
  font-weight: var(--pr-global--FontWeight-semibold);
  display: inline-flex;
  margin-block-start: 1.1875rem;
}
.splide__slide .main-content .pr-c-price_wrapper .period {
  font-size: 0.75rem;
  line-height: 1.375rem;
}
.splide__slide .main-content .pr-c-price {
  position: relative;
}
.splide__slide .main-content .pr-c-price:nth-child(1):not(:only-child)::before {
  height: 1px;
}
.splide__slide .main-content .pr-c-price .pr-c-label.semibold.extralarge {
  font-size: 1rem;
}
.splide__slide .main-content .pr-c-price .pr-c-label.decimal {
  font-size: 0.6875rem;
}
.splide__slide .main-content .pr-c-price .pr-c-label.currency {
  font-size: 0.75rem;
}
.splide__slide .main-content .pr-c-variant {
  margin-block-start: 0.75rem;
}
.splide__slide .main-content .pr-c-variant .options {
  border-block: none;
  gap: 0.4375rem;
  padding-block: 0;
}
.splide__slide .main-content .pr-c-variant .options .pr-c-button {
  --pr-c-button--PaddingInline: 0.625rem;
  font-size: 0.6875rem;
  letter-spacing: 0;
  height: 1.0625rem;
}
.splide__slide .pr-c-image_wrapper {
  position: absolute;
  bottom: 0;
  right: 5.6875rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 35.5625rem;
  height: 24.6875rem;
}
.splide__slide .pr-c-image_wrapper .mask-on-image {
  display: none;
}
.splide__slide .pr-c-image_wrapper img {
  max-width: 100%;
  max-height: 100%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.splide__arrows .splide__arrow {
  --fluid-10-14: clamp(0.625rem, 0.0096rem + 0.9615vw, 0.875rem);
  --fluid-65-91: clamp(4.0625rem, 0.0625rem + 6.25vw, 5.6875rem);
  opacity: 1;
  border: 1px solid var(--pr-c-page--AccentColor);
  background-color: var(--pr-c-page--AccentColor);
  color: var(--pr-c-page--BackgroundColor);
  width: 1.9375rem;
  height: 1.9375rem;
  top: unset;
  bottom: 4rem;
  transform: none;
}
.splide__arrows .splide__arrow svg {
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
}
.splide__arrows .splide__arrow--prev {
  left: -6.9375rem;
}
.splide__arrows .splide__arrow--next {
  right: -6.9375rem;
}
.splide__arrows .splide__arrow:hover {
  background-color: var(--pr-c-page--BackgroundColor);
  border-color: var(--pr-c-page--BackgroundColor);
  color: var(--pr-c-page--Color);
}
.splide__arrows .splide__arrow:disabled {
  background-color: transparent;
  color: var(--pr-c-page--AccentColor);
}
@media (min-width: 64rem) {
  .splide__arrows {
    display: block;
  }
}
.splide .splide__pagination {
  --fluid-10-14: clamp(0.625rem, 0.0096rem + 0.9615vw, 0.875rem);
  --fluid-17-24: clamp(1.0625rem, -0.0144rem + 1.6827vw, 1.5rem);
  --fluid-26-36: clamp(1.625rem, 0.0865rem + 2.4038vw, 2.25rem);
  counter-reset: pagination-num;
  background-color: transparent;
  position: relative;
  margin-block-start: var(--fluid-26-36);
}
.splide .splide__pagination__page {
  color: currentColor;
  background-color: transparent;
  opacity: 1;
  width: var(--fluid-17-24);
  height: var(--fluid-17-24);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
}
.splide .splide__pagination__page.is-active {
  color: var(--pr-global--palette-white);
  background-color: var(--pr-c-page--AccentColor);
  transform: none;
}
.splide .splide__pagination__page:before {
  counter-increment: pagination-num;
  content: counter(pagination-num);
  font-size: var(--fluid-10-14);
}
.splide .splide__pagination__page:hover {
  color: var(--pr-global--palette-white);
  background-color: var(--pr-c-page--AccentColor);
}
.splide .my_splide__progress__bar {
  position: absolute;
  top: -2px;
  height: 3px;
  background: var(--pr-c-page--Color);
  border-radius: 3px;
}
.splide .thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
  border-block-start: 1px solid var(--pr-global--palette-black--60);
}
.splide .thumbnails .thumbnail {
  position: relative;
  flex: 1;
  height: 5rem;
  list-style: none;
  margin: 0;
  cursor: pointer;
  padding-block-start: 1.5625rem;
}
.splide .thumbnails .thumbnail img {
  width: 100%;
  height: auto;
}
.splide .thumbnails .counter {
  margin-block-start: 0.625rem;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/register_label/register_label.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Register Label
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Molecules / Register Label
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-register_label {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: var(--pr-c-page--Color);
  padding-block: 0.4375rem;
  padding-inline: 0.5625rem;
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  border-radius: 4px;
}
.pr-c-register_label > * {
  position: relative;
  z-index: 2;
}
.pr-c-register_label h4 {
  color: var(--pr-zerowaste--palette-accent--default);
  margin-block: unset;
}
.pr-c-register_label .roles-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1875rem 0.625rem;
}
.pr-c-register_label:hover {
  cursor: pointer;
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
  border-radius: 4px;
}
.pr-c-register_label:hover::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 5px;
  width: 7px;
  height: 7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iUG9seWdvbiA2IiBkPSJNNS41IDIuNjMzOThDNi4xNjY2NyAzLjAxODg4IDYuMTY2NjcgMy45ODExMyA1LjUgNC4zNjYwM0wxLjc1IDYuNTMxMDlDMS4wODMzMyA2LjkxNTk5IDAuMjUgNi40MzQ4NiAwLjI1IDUuNjY1MDZMMC4yNSAxLjMzNDkzQzAuMjUgMC41NjUxMzQgMS4wODMzMyAwLjA4NDAxMDcgMS43NSAwLjQ2ODkxMUw1LjUgMi42MzM5OFoiIGZpbGw9IiM1ODY3RUUiLz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.pr-c-register_label.pr-m-navigation {
  pointer-events: none;
  margin-block-start: 1rem;
  margin-block-end: 0.4375rem;
  padding-block: unset;
  padding-inline: unset;
}
.pr-c-register_label.pr-m-navigation::before {
  --offset-horizontal: 9px;
  --offset-vertical: 7px;
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset-vertical));
  left: calc(-1 * var(--offset-horizontal));
  width: calc(100% + var(--offset-horizontal) * 2);
  height: calc(100% + var(--offset-vertical) * 2);
  z-index: 1;
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
  border-radius: 4px;
}
.pr-c-register_label.pr-m-navigation::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 7px;
  height: 7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iUG9seWdvbiA2IiBkPSJNNS41IDIuNjMzOThDNi4xNjY2NyAzLjAxODg4IDYuMTY2NjcgMy45ODExMyA1LjUgNC4zNjYwM0wxLjc1IDYuNTMxMDlDMS4wODMzMyA2LjkxNTk5IDAuMjUgNi40MzQ4NiAwLjI1IDUuNjY1MDZMMC4yNSAxLjMzNDkzQzAuMjUgMC41NjUxMzQgMS4wODMzMyAwLjA4NDAxMDcgMS43NSAwLjQ2ODkxMUw1LjUgMi42MzM5OFoiIGZpbGw9IiM1ODY3RUUiLz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 1;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/record_box/record_box.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Record Box
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-record_box {
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  flex: 1;
  padding: 1.125rem 0.625rem;
}
.pr-c-record_box .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 0.3125rem;
}
.pr-c-record_box .title h2 {
  color: var(--pr-zerowaste--palette-accent--default);
  margin-block: unset;
}
.pr-c-record_box .title svg {
  transform: rotate(180deg);
  block-size: 9px;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-record_box.is-active {
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/navigation/navigation.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Navigation
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Molecules / Navigation
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-navigation {
  --pr-c-navigation--BackgroundColor: var(--pr-c-page--Color);
  --pr-c-navigation--Color: var(--pr-c-page--BackgroundColor);
  --pr-c-navigation--ColumnGap: 2.75em; /* 55px */
  --pr-c-navigation--Font: var(--pr-global--Font-title--lg-bold);
  --pr-c-navigation--MarginBlock: 3.4375rem;
}
.pr-c-navigation ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/messages/messages.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Messages
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***************************************************************************
 * Zerowaste / Molecules / Messages
 *************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-messages {
  background-color: var(--pr-c-messages--BackgroundColor);
  color: var(--pr-c-messages--Color);
  padding-block: 1.75rem;
  padding-inline: 1.5rem;
  border-radius: 3px;
  margin-block: 0.9375rem 1.75rem;
}
.pr-c-messages.info {
  --pr-c-messages--BackgroundColor: var(--pr-zerowaste--palette-accent--default--20);
  --pr-c-messages--Color: var(--pr-zerowaste--palette-primary--dark-gray);
}
.pr-c-messages.warning {
  --pr-c-messages--BackgroundColor: yellow;
  --pr-c-messages--Color: var(--pr-zerowaste--palette-primary--dark-gray);
}
.pr-c-messages.error {
  --pr-c-messages--BackgroundColor: var(--pr-zerowaste--palette-danger--text);
  --pr-c-messages--Color: var(--pr-zerowaste--palette-primary--white);
}
.pr-c-messages .nd-u-divider {
  background-color: var(--pr-c-messages--Color);
  margin-block: 1rem;
}
.pr-c-messages__content {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
}
.pr-c-messages__content > * {
  margin-block: 0;
}
.pr-c-messages:has(+ .pr-c-callout_box) {
  margin-block-end: unset;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/local_unit/local_unit.scss ***!
  \****************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Local Unit
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-local_unit {
  padding-block: 0.4375rem;
  padding-inline: 0.5625rem;
  border-radius: 4px;
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pr-c-local_unit h2 {
  color: var(--pr-c-page--AccentColor);
}
.pr-c-local_unit h2,
.pr-c-local_unit h4 {
  margin-block: unset;
}
.pr-c-local_unit .local_unit_item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/forms/group/group.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Forms / Group
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-group .nd-c-form__group:has(.nd-hide-checkbox:checked) {
  display: none;
}
.pr-c-group > .pr-c-field.file {
  align-content: end;
  border-inline-end: 2px solid var(--pr-zerowaste--palette-accent--default--20);
}
.pr-c-group .pr-c-field:has(label input[type=checkbox]) {
  align-content: center;
}
.pr-c-group .pr-c-field.waste_danger_characteristics {
  display: none;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/forms/field/field.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Forms / Field
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-field {
  --pr-c-field--PaddingInline: 1.0625rem;
  font: var(--pr-zerowaste--Font-label--md-semibold);
}

/**
 * Component
 * 1: contain label
 */
.pr-c-field {
  position: relative; /* 1 */
}
.pr-c-field > .form-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pr-c-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > .form-field {
  border: none;
  padding: 0;
  min-height: unset;
}
.pr-c-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])).pr-m-invalid > .form-field input, .pr-c-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])).pr-m-invalid > .form-field textarea, .pr-c-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])).pr-m-invalid > .form-field select {
  outline-color: var(--pr-zerowaste--palette-danger--fill);
}
.pr-c-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])):focus-within > .form-field {
  outline-color: var(--pr-global--palette-black--60);
}

/**
 * Label
 * 1: put label behind widget
 * 2: extend label to the whole row
 */
.pr-c-field > .form-field > label:not(:only-child) {
  display: block;
  font: var(--pr-zerowaste--Font-label--md-semibold);
  color: var(--pr-zerowaste--palette-primary--dark-gray);
  text-align: start;
  margin-block-end: 0.75rem;
}

.pr-c-field.file > .form-field {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.pr-c-field.file > .form-field > label {
  display: flex;
  color: var(--pr-c-page--BackgroundColor);
  font-weight: var(--pr-global--FontWeight-semibold);
  margin-block-end: unset;
}
.pr-c-field.file > .form-field .loaded-file {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font: var(--pr-zerowaste--Font-label--xs-medium);
}
.pr-c-field.file > .form-field .loaded-file .check-icon {
  display: none;
  background-color: var(--pr-c-page--Color);
  color: var(--pr-c-page--BackgroundColor);
  width: 1.1875rem;
  height: 1.1875rem;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-weight: var(--pr-global--FontWeight-light);
  justify-content: center;
  align-items: center;
}
.pr-c-field.file.uploaded {
  grid-column: span 6 !important;
}
.pr-c-field.file.uploaded > .form-field .loaded-file .check-icon {
  display: flex;
}

.pr-c-field > .form-field:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > label[for] {
  cursor: initial;
}

.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) {
  background-color: unset;
}
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > input {
  background-color: transparent;
}
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > label {
  cursor: inherit;
}
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > .form-field input,
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > .form-field > select,
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])) > .form-field textarea {
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
}
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])):not(.pr-m-invalid) > .form-field input,
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])):not(.pr-m-invalid) > .form-field > select,
.pr-c-field.pr-m-disabled:not(:has(input[type=checkbox], input[type=radio], input[type=file])):not(.pr-m-invalid) > .form-field textarea {
  outline-color: var(--pr-zerowaste--palette-neutral--light-gray);
}

/**
 * Form widget
 * 1: put widget in front of label
 */
.pr-c-field > .form-field > label + * {
  z-index: 1; /* 1 */
}

.pr-c-field > .form-field > label:only-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

.pr-c-field input:not([type=checkbox]):not([type=radio]):not([type=range]),
.pr-c-field select,
.pr-c-field textarea {
  outline: 2px solid var(--pr-c-page--AccentColor);
  border-radius: 7px;
  min-height: 2.6875rem;
  padding-block: 0.875rem;
  padding-inline: var(--pr-c-field--PaddingInline);
  font: var(--pr-zerowaste--Font-label--md-medium);
  color: var(--pr-c-page--Color);
  background-color: transparent;
  letter-spacing: 0.23px;
  width: 100%;
}

.pr-c-field textarea {
  width: 100%;
  max-width: 100%;
  height: unset;
}

.pr-c-field input[type=password]:not(:placeholder-shown):not(:-webkit-autofill) {
  font-family: initial;
  font-size: 1.25rem;
  height: 2.9375rem;
  letter-spacing: 4px;
}

.pr-c-field > .form-field > .input-wrapper {
  position: relative;
  display: inline-block;
}

.pr-c-field > .form-field > .input-wrapper .eye-icon {
  display: block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg viewBox=%270 0 16 16%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3Eeye-off%3C/title%3E%3Cg id=%27Symbols%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cg id=%27eye-off%27 transform=%27translate%281, 1%29%27 stroke=%27%2300538f%27%3E%3Cpath d=%27M10.78,10.78 C9.69219361,11.6091832 8.36761384,12.0685493 7,12.0909091 C2.54545455,12.0909091 0,7 0,7 C0.791566297,5.5248427 1.88944983,4.2360229 3.22,3.22 M5.66363636,2.06181818 C6.10166601,1.95928696 6.55013168,1.90803374 7,1.90907488 C11.4545455,1.90907488 14,7 14,7 C13.6137143,7.72265922 13.1530353,8.40301387 12.6254545,9.03 M8.34909091,8.34909091 C7.8731658,8.85984445 7.15640407,9.07008883 6.47999187,8.89734502 C5.80357966,8.72460121 5.27539879,8.19642034 5.10265498,7.52000813 C4.92991117,6.84359593 5.14015555,6.1268342 5.65090909,5.65090909%27 id=%27Shape%27%3E%3C/path%3E%3Cline x1=%270%27 y1=%270%27 x2=%2714%27 y2=%2714%27 id=%27Path%27%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
  position: absolute;
  right: 21px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: var(--pr-global--palette-light-blue);
}

.pr-c-field > .form-field > .input-wrapper .eye-icon.active {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg viewBox=%270 0 14 14%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3EIcone/eye on%3C/title%3E%3Cg id=%27Icone/eye-on%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M0,7 C0,7 2.54545455,2 7,2 C11.4545455,2 14,7 14,7 C14,7 11.4545455,12 7,12 C2.54545455,12 0,7 0,7 Z%27 id=%27Path%27 stroke=%27%2300538f%27%3E%3C/path%3E%3Cellipse id=%27Oval%27 stroke=%27%2300538f%27 cx=%277%27 cy=%277%27 rx=%271.90909091%27 ry=%271.875%27%3E%3C/ellipse%3E%3C/g%3E%3C/svg%3E");
}

.pr-c-field input[type=password]::-moz-placeholder {
  letter-spacing: 0.2px;
}

.pr-c-field input[type=password]::placeholder {
  letter-spacing: 0.2px;
}

.pr-c-field input::-moz-placeholder, .pr-c-field textarea::-moz-placeholder {
  font: var(--pr-zerowaste--Font-label--md-medium);
  color: var(--pr-zerowaste--palette-primary--dark-gray--65);
}

.pr-c-field input::placeholder,
.pr-c-field textarea::placeholder,
.pr-c-field select:invalid {
  font: var(--pr-zerowaste--Font-label--md-medium);
  color: var(--pr-zerowaste--palette-primary--dark-gray--65);
}

.pr-c-field input[type=checkbox] {
  display: inline-grid;
  place-content: center;
  vertical-align: bottom;
  border-radius: 3.4px;
  border: 2px solid var(--pr-c-page--AccentColor);
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.0625rem;
  height: 1.0625rem;
  margin: 0;
  cursor: pointer;
}

.pr-c-field input[type=checkbox]::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  transform: scale(0);
  transition: transform 120ms ease-in-out;
  /* box-shadow: inset 1em 1em var(--form-control-color); */
  border-radius: 1px;
  background-color: var(--pr-c-page--AccentColor);
}

.pr-c-field input[type=checkbox]:checked::before {
  transform: scale(1);
}

.pr-c-field input[type=checkbox]:disabled {
  border-color: var(--pr-zerowaste--palette-accent--default--20);
  opacity: 1;
}

.pr-c-field input[type=radio] {
  display: inline-grid;
  place-content: center;
  vertical-align: bottom;
  border-radius: 10px;
  border: 2px solid var(--pr-c-page--AccentColor);
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.0625rem;
  height: 1.0625rem;
  margin: 0;
  cursor: pointer;
}

.pr-c-field input[type=radio]::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  /* box-shadow: inset 1em 1em var(--form-control-color); */
  border-radius: 5px;
  background-color: var(--pr-c-page--AccentColor);
}

.pr-c-field input[type=radio]:checked::before {
  transform: scale(1);
}

.pr-c-field input[type=radio]:disabled {
  border-color: var(--pr-zerowaste--palette-accent--default--20);
  opacity: 1;
}
.pr-c-field input[type=radio]:disabled::before {
  background-color: var(--pr-zerowaste--palette-accent--default--20);
}

.pr-c-field input:focus-visible,
.pr-c-field textarea:focus-visible,
.pr-c-field select:focus-visible {
  outline: 2px solid var(--pr-c-page--AccentColor);
  background-color: var(--pr-zerowaste--palette-accent--default--03) !important;
}

.pr-u-message_text {
  font: var(--pr-zerowaste--Font-label--md-medium);
  color: var(--pr-zerowaste--palette-primary--dark-gray--76);
  margin-block: 1.0625rem;
}

.form-field .nd-c-multiple_input {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8125rem 1.0625rem;
  padding-inline-start: 0;
  list-style: none;
}
.pr-c-field.pr-m-disabled .form-field .nd-c-multiple_input li > label:has(input[type=checkbox]) {
  background-color: var(--pr-zerowaste--palette-primary--dark-gray--65);
  pointer-events: none;
}
.pr-c-field.pr-m-disabled .form-field .nd-c-multiple_input li > label:has(input[type=checkbox]) svg {
  display: none;
}
.pr-c-field.pr-m-disabled .form-field .nd-c-multiple_input li > label:has(input[type=checkbox]):has(input:checked) {
  background-color: var(--pr-zerowaste--palette-primary--dark-gray);
}
.pr-c-field.pr-m-disabled .form-field .nd-c-multiple_input li > label:has(input[type=radio]) {
  pointer-events: none;
}
.pr-c-field.pr-m-disabled .form-field .nd-c-multiple_input li > label:has(input[type=radio]) input {
  border-color: var(--pr-zerowaste--palette-accent--default--20);
}

.pr-c-field.field-overflow input, .pr-c-field.field-overflow select, .pr-c-field.field-overflow textarea {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/date_range/date_range.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Date Range
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-date_range {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.8125rem;
  -moz-column-gap: 1.9375rem;
       column-gap: 1.9375rem;
}
.pr-c-date_range .one-line {
  width: 100%;
}
.pr-c-date_range .date-group {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.pr-c-date_range .date-group .nd-c-field {
  margin-block-end: 1.6875rem;
}
.pr-c-date_range .date-group .nd-c-field.year {
  width: 3.9375rem;
}
.pr-c-date_range .date-group .nd-c-field.progressive {
  width: 7.25rem;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/dashboard_box/dashboard_box.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Dashboard Box
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-dashboard_box {
  padding-block: 1.8125rem 1.4375rem;
  padding-inline: 1.5625rem;
  border-radius: 4px;
  background-color: var(--pr-zerowaste--palette-neutral--light-gray);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pr-c-dashboard_box h2 {
  color: var(--pr-c-page--AccentColor);
  margin-block: unset;
}
.pr-c-dashboard_box .pr-c-button {
  margin-block-start: 0.625rem;
  background-color: var(--pr-c-page--AccentColor);
  width: -moz-fit-content;
  width: fit-content;
}
.pr-c-dashboard_box:hover {
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
}
.pr-c-dashboard_box:hover .pr-c-button {
  background-color: var(--pr-zerowaste--palette-accent--hover);
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/cms_plugins/accordion/accordion.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Accordion / CMS Page
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Molecules / Accordion / CMS Page
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-accordion.pr-c-accordion--cms_page .accordion-group {
  border-block-end: unset;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.pr-c-accordion.pr-c-accordion--cms_page .accordion-group > div {
  grid-column: span 11;
  border-block-end: var(--pr-global--border);
}
@media screen and (min-width: 64rem) {
  .pr-c-accordion.pr-c-accordion--cms_page .accordion-group {
    display: grid;
    grid-template-columns: var(--pr-c-page--Grid-Template);
    grid-gap: 0 var(--pr-c-page--Grid-Gap);
  }
}
.pr-c-accordion.pr-c-accordion--cms_page .pr-c-button.plus {
  --pr-c-button--icon-only--Padding: 0.1875rem;
  margin-block: 2.125rem;
  background-color: transparent;
  color: var(--pr-c-page--Color);
  border: 2px solid var(--pr-c-page--Color);
  block-size: 1.875rem;
  transition: all var(--pr-global--Duration--xs) ease;
}
.pr-c-accordion.pr-c-accordion--cms_page .pr-c-button.plus.hoverized {
  background-color: var(--pr-c-page--AccentColor);
  color: var(--pr-c-page--BackgroundColor);
  border-color: var(--pr-c-page--AccentColor);
}
.pr-c-accordion.pr-c-accordion--cms_page .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.pr-c-accordion.pr-c-accordion--cms_page .accordion-header .pr-c-button--outline {
  font-size: 0.6875rem;
  letter-spacing: 0;
  height: 1.0625rem;
}
.pr-c-accordion.pr-c-accordion--cms_page .pr-c-button--no-frame {
  --pr-c-accordion--Font-title: var(--pr-global--FontWeight-semibold) 1.5rem/1.875rem var(--pr-global--FontFamily-default);
  --pr-c-button--PaddingBlock: 2.125rem;
  --pr-c-button--PaddingInline: unset;
  --pr-c-button--hover--Color: var(--pr-c-page--AccentColor);
}
.pr-c-accordion.pr-c-accordion--cms_page .pr-c-accordion__item {
  margin-inline: unset;
}
.pr-c-accordion.pr-c-accordion--cms_page input[name=pr-c-accordion__item]:checked ~ div {
  padding-block-end: 1rem;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/callout_box/callout_box.scss ***!
  \******************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Zerowaste / Molecules / Error Message
 *************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-callout_box {
  --pr-c-callout_box--BackgroundColor: #F3F4FE;
  background-color: var(--pr-c-callout_box--BackgroundColor);
  padding-block: 0.9375rem;
  padding-inline: 1.75rem;
  border-radius: 3px;
  margin-block: 0.9375rem;
}
.pr-c-callout_box .nd-u-divider {
  background-color: var(--pr-c-messages--Color);
  margin-block: 1rem;
}
.pr-c-callout_box__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4375rem;
}
.pr-c-callout_box__content > * {
  margin-block: 0;
}
.pr-c-callout_box__content h4 {
  margin-block: unset;
}
.pr-c-callout_box__content .message {
  display: flex;
  flex-direction: column;
}
.pr-c-callout_box__content .message > * {
  margin-block: 0;
}
.pr-c-callout_box__content .message .first-line {
  display: flex;
  align-items: baseline;
  gap: 0.6875rem;
}
.pr-c-callout_box__content .message p {
  margin-block-start: 0.4375rem;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/breadcrumb/breadcrumb.scss ***!
  \****************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Breadcrumb
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Molecules / Breadcrumb
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-breadcrumb {
  --pr-c-button--no-frame--Color: var(--pr-c-page--Color);
  display: flex;
  align-items: center;
}
.pr-c-breadcrumb > .pr-c-button {
  --pr-c-button--hover--Color: var(--pr-c-button--no-frame--Color);
  --pr-c-button--hover--BackgroundColor: unset;
  --pr-c-button--icon-only--Dimension: unset;
  justify-content: flex-start;
  padding: 0;
}
.pr-c-breadcrumb > .pr-c-button:first-child {
  margin-inline-end: 0.5625rem;
}
.pr-c-breadcrumb > .pr-c-button:first-child svg {
  transform: rotate(180deg);
}
.pr-c-breadcrumb > .pr-c-button.is-last {
  --pr-c-button--no-frame--Color: var(--pr-c-page--AccentColor);
}
.pr-c-breadcrumb .crumb-separator {
  margin-inline: 0.125rem;
}
@media all and (min-width: 80rem) {
  .pr-c-breadcrumb > .pr-c-button:first-child {
    display: none;
  }
  .pr-c-breadcrumb a.pr-c-button {
    font-size: 1.125rem;
    border-block-end: 1px solid var(--pr-c-button--no-frame--Color);
  }
  .pr-c-breadcrumb a.pr-c-button.is-last {
    --pr-c-button--no-frame--Color: unset;
  }
  .pr-c-breadcrumb .crumb-separator {
    font-size: 1.125rem;
    margin-inline: 0.4375rem;
  }
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/aeqo_cta/aeqo_cta.scss ***!
  \************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / AEQO CTA
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-aeqo_cta {
  padding-block: 1.5625rem;
  padding-inline: 1.5625rem 3.125rem;
  border-radius: 4px;
  background-color: var(--pr-c-page--AccentColor);
  color: var(--pr-c-page--BackgroundColor);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
.pr-c-aeqo_cta h2 {
  margin-block: 0 0.1875rem;
}
.pr-c-aeqo_cta svg {
  block-size: 1.25rem;
}
.pr-c-aeqo_cta .cta-end {
  display: flex;
  align-items: center;
  gap: 1.8125rem;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/accordion/form_groups/form_groups.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Accordion / Form Groups
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group {
  position: relative;
  border-block-end: unset;
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group:not(:last-child):has(> input:checked) {
  margin-block-end: 3.125rem;
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group > input:checked ~ label > svg {
  transform: rotate(0deg);
  transition: transform var(--pr-global--Duration--sm) ease;
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group > label.pr-c-button {
  --pr-c-button--PaddingBlock: 1.75rem;
  --pr-c-button--PaddingInline: unset;
  color: var(--pr-c-page--AccentColor);
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group > label.pr-c-button > .pr-c-label {
  font: var(--pr-zerowaste--Font-title--h2);
  font-size: 1.125rem;
  letter-spacing: -0.02em;
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group > label.pr-c-button svg {
  --svg-dimensions: 1.6875rem;
  transform: rotate(180deg);
  block-size: var(--svg-dimensions);
  padding: 0.4375rem;
  border-radius: 50%;
  border: 2px solid currentColor;
  width: var(--svg-dimensions);
  height: var(--svg-dimensions);
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group:has(input#pr-c-accordion-group__operator) {
  display: none;
}
.pr-c-accordion.pr-c-accordion--form-groups .accordion-group .accordion-button {
  position: absolute;
  top: 2em;
  right: 4em;
  cursor: pointer;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item {
  padding-inline: 2px;
  padding-block-end: 2px;
  margin-inline: -2px;
  display: grid;
  grid-template-columns: var(--pr-c-page--Grid-Template);
  grid-gap: 1.8125rem var(--pr-c-page--Grid-Gap);
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-1 {
  grid-column: span 1;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-2 {
  grid-column: span 2;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-3 {
  grid-column: span 3;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-4 {
  grid-column: span 4;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-5 {
  grid-column: span 5;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-6 {
  grid-column: span 6;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-7 {
  grid-column: span 7;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-8 {
  grid-column: span 8;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-9 {
  grid-column: span 9;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-10 {
  grid-column: span 10;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-11 {
  grid-column: span 11;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.span-12 {
  grid-column: span 12;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row {
  grid-column-start: 1;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-1 {
  grid-column-end: 2;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-2 {
  grid-column-end: 3;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-3 {
  grid-column-end: 4;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-4 {
  grid-column-end: 5;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-5 {
  grid-column-end: 6;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-6 {
  grid-column-end: 7;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-7 {
  grid-column-end: 8;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-8 {
  grid-column-end: 9;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-9 {
  grid-column-end: 10;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-10 {
  grid-column-end: 11;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-11 {
  grid-column-end: 12;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item *.new-row.span-12 {
  grid-column-end: -1;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .additional-section {
  display: none;
  align-items: baseline;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h1, .pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h2, .pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h3, .pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h4, .pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h5, .pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item h6 {
  grid-column: 1/-1;
  margin-block: 1.375rem 0;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .nd-c-field:has(input[type=checkbox]:checked, input[type=radio]:checked) + .additional-section {
  display: inherit;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .button-wrapper {
  grid-column: span 4;
  align-content: end;
  padding-inline-end: 0.625rem;
  border-inline-end: 2px solid var(--pr-zerowaste--palette-accent--default--20);
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile + .additional-section {
  padding-block: 0.5625rem;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile + .additional-section .pr-c-label {
  grid-column: 1/-1;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile + .additional-section .pr-c-label,
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile + .additional-section > * {
  display: none;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile .form-field > label {
  margin-block-end: 1.375rem;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile ul {
  -moz-column-gap: 1.8125rem;
       column-gap: 1.8125rem;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile:has(input[type=radio][value=yes]:checked) + .additional-section .pr-c-label,
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile:has(input[type=radio][value=yes]:checked) + .additional-section > * {
  display: inherit;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile:has(input[type=radio][value=no]:checked) + .additional-section {
  display: inherit;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile:has(input[type=radio][value=no]:checked) + .additional-section :not(.button-wrapper, .pr-c-label) {
  display: inherit;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item.pr-c-accordion-group__fir .nd-c-field.fir_compile.pr-m-disabled + .additional-section .button-wrapper button {
  background-color: var(--pr-zerowaste--palette-primary--dark-gray--65);
  pointer-events: none;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .first-row-wrapper {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .remove-button-wrapper {
  grid-column: 1/-1;
  align-content: end;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .remove-button-wrapper:has(.nd-js-remove-action) {
  justify-self: flex-end;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .remove-button-wrapper .pr-c-button.pr-m-basic {
  --pr-c-button--Color: var(--pr-c-page--AccentColor);
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .remove-button-wrapper .pr-c-button.pr-m-basic .pr-c-label {
  font: var(--pr-zerowaste--Font-label--sm-semibold);
  text-decoration: underline;
  text-underline-position: from-font;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item > .remove-button-wrapper {
  margin-block-start: 0.6875rem;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .nd-u-divider {
  grid-column: 1/-1;
  height: 1px;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .pr-c-messages {
  margin-block: unset;
  grid-column: 1/-1;
}
.pr-c-accordion.pr-c-accordion--form-groups .pr-c-accordion__item .pr-c-messages h2 {
  margin-block: unset;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/02-molecules/accordion/base/base.scss ***!
  \**************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Molecules / Accordion
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Molecules / Accordion
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-accordion {
  margin: 0;
  padding: 0;
}
.pr-c-accordion .accordion-group {
  display: flex;
  flex-direction: column;
  border-block-end: var(--pr-global--border);
  padding: unset;
}
.pr-c-accordion .accordion-group > label.pr-c-button {
  --pr-c-button--Color: var(--pr-c-page--Color);
  --pr-c-button--hover--Color: var(--pr-c-page--Color);
  --pr-c-button--PaddingBlock: 0.9375rem;
  --pr-c-button--PaddingInline: 0.8125rem;
  font: var(--pr-c-accordion--Font-title);
  letter-spacing: 0.33px;
  width: 100%;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.pr-c-accordion .accordion-group > label.pr-c-button > .label {
  pointer-events: none;
}
.pr-c-accordion .pr-c-accordion__item {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--pr-global--Duration--sm) ease;
  margin-inline: 0.8125rem;
}
.pr-c-accordion input[name=pr-c-accordion__item]:checked ~ .pr-c-accordion__item {
  max-height: 500px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/transmission_date/transmission_date.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / Transmission Date
 *********************************************************************************** */
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/sequence_number/sequence_number.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / Sequence Number
 *********************************************************************************** */
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/selection/selection.scss ***!
  \*********************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / Selection
 *********************************************************************************** */
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/referenced_by/referenced_by.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / FIR Number
 *********************************************************************************** */
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/fir_number/fir_number.scss ***!
  \***********************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / FIR Number
 *********************************************************************************** */
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/fir/fir.scss ***!
  \*********************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / FIR
 *********************************************************************************** */
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/eer/eer.scss ***!
  \*********************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / EER
 *********************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-table_cell-eer {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.pr-c-table_cell-eer span > svg {
  block-size: 0.75rem;
}
.pr-c-table_cell-eer [data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
.pr-c-table_cell-eer [data-title]:after {
  content: attr(data-title);
  font-weight: normal;
  background-color: var(--pr-c-page--AccentColor);
  color: var(--pr-c-page--BackgroundColor);
  position: absolute;
  padding: 0.4375rem 0.3125rem;
  bottom: 100%; /* Posiziona il tooltip sopra l'elemento */
  left: 50%;
  transform: translateX(-50%) translateY(-5px); /* Centra il tooltip e aggiunge un piccolo offset */
  white-space: nowrap;
  border-radius: 0.3125rem;
  opacity: 0;
  z-index: 99999;
  visibility: hidden;
  white-space: normal; /* Permette al testo di andare a capo */
  max-width: 18.75rem; /* Imposta una larghezza massima per il tooltip */
  width: -moz-max-content;
  width: max-content;
  text-transform: none;
}
.pr-c-table_cell-eer [data-title] {
  position: relative;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/table_cell/changes/changes.scss ***!
  \*****************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Table Cell / Changes
 *********************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-table_cell-changes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1875rem;
}
.pr-c-table_cell-changes > svg {
  block-size: 0.5625rem;
  color: var(--pr-c-page--AccentColor);
  transform: rotate(180deg);
}
.pr-c-table_cell-changes[data-status=warning] {
  pointer-events: none;
}
.pr-c-table_cell-changes[data-status=warning] > svg {
  visibility: hidden;
}
.pr-c-table_cell-changes[data-status=others] {
  pointer-events: none;
}
.pr-c-table_cell-changes[data-status=others] > svg {
  visibility: hidden;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/status_icon/status_icon.scss ***!
  \**************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Atoms / Status Icon
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
.pr-c-status_icon {
  background-color: var(--pr-c-page--AccentColor);
  color: var(--pr-c-page--BackgroundColor);
  border-radius: 10px;
  width: 1.1875rem;
  height: 1.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pr-c-status_icon[data-status=warning] {
  background-color: var(--pr-zerowaste--palette-danger--fill);
  font-size: 0.625rem;
}
.pr-c-status_icon[data-status=others] {
  background-color: var(--pr-zerowaste--palette-primary--dark-gray);
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/navigation_item/navigation_item.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Atoms / Navigation Item
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Atoms / Navigation Item
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-navigation_item {
  --pr-c-navigation_item--Color: var(--pr-zerowaste--palette-primary--dark-gray--76);
  --pr-c-navigation_item--Font: var(--pr-zerowaste--Font-title--h2);
  position: relative;
  font: var(--pr-c-navigation_item--Font);
  color: var(--pr-c-navigation_item--Color);
}
.pr-c-navigation_item > a:not(.pr-c-register_label) {
  position: relative;
  display: block;
  z-index: 2;
}
.pr-c-navigation_item.pr-m-current {
  --pr-c-navigation_item--Color: var(--pr-zerowaste--palette-accent--default);
}
.pr-c-navigation_item.pr-m-current:not(.pr-m-lock_highlight)::before {
  --offset-horizontal: 9px;
  --offset-vertical: 11px;
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset-vertical));
  left: calc(-1 * var(--offset-horizontal));
  width: calc(100% + var(--offset-horizontal) * 2);
  height: calc(100% + var(--offset-vertical) * 2);
  z-index: 1;
  background-color: var(--pr-zerowaste--palette-secondary--light-blue);
  border-radius: 4px;
}
.pr-c-navigation_item.pr-m-current:not(.pr-m-lock_highlight)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iUG9seWdvbiA2IiBkPSJNNS41IDIuNjMzOThDNi4xNjY2NyAzLjAxODg4IDYuMTY2NjcgMy45ODExMyA1LjUgNC4zNjYwM0wxLjc1IDYuNTMxMDlDMS4wODMzMyA2LjkxNTk5IDAuMjUgNi40MzQ4NiAwLjI1IDUuNjY1MDZMMC4yNSAxLjMzNDkzQzAuMjUgMC41NjUxMzQgMS4wODMzMyAwLjA4NDAxMDcgMS43NSAwLjQ2ODkxMUw1LjUgMi42MzM5OFoiIGZpbGw9IiM1ODY3RUUiLz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 1;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/label_role/label_role.scss ***!
  \************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Atoms / Label Role
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/******************************************************************************
 * Zerowaste / Atoms / Label Role
 *****************************************************************************/
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

.pr-c-label_role {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}
.pr-c-label_role > svg {
  color: var(--pr-c-page--AccentColor);
  height: 0.625rem;
}
.pr-c-label_role.pr-m-small {
  gap: 0.375rem;
}
.pr-c-label_role.pr-m-small > svg {
  height: 0.5rem;
}
.pr-c-label_role.pr-m-small .pr-c-label.md.semibold {
  font-size: 0.625rem;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/_modal_plugin/modal_plugin.scss ***!
  \*****************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Zerowaste / Atoms / Modal plugin
 *****************************************************************************/
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/03-list/list.scss ***!
  \***************************************************************************************************************************************************************************************/
/******************************************************************************
 * Atoms / List
 *****************************************************************************/
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
ol, ul {
  padding-inline-start: 0;
  margin-block-end: 1.5625rem;
}

ol {
  counter-reset: item;
  list-style-type: none;
}

ol > li {
  display: flex;
  gap: 20px;
}
ol > li::before {
  content: counter(item) " ";
  counter-increment: item;
  font-size: 1rem;
  font-weight: var(--pr-global--FontWeight-semibold);
  flex-basis: 0.5625rem;
}

li {
  line-height: var(--pr-global--LineHeight-sm);
}
li::marker {
  --pr-c-list__marker--Color: var(--pr-c-page--Color);
  color: var(--pr-c-list__marker--Color, var(--pr-c-page--AccentColor));
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/01-typography/label/label.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Typography / Label
 *********************************************************************************** */
.pr-c-label.md.semibold {
  font: var(--pr-zerowaste--Font-label--md-semibold);
}
.pr-c-label.md.medium {
  font: var(--pr-zerowaste--Font-label--md-medium);
}
.pr-c-label.sm.semibold {
  font: var(--pr-zerowaste--Font-label--sm-semibold);
}
.pr-c-label.sm.bold {
  font: var(--pr-zerowaste--Font-label--sm-bold);
  letter-spacing: -0.02em;
}
.pr-c-label.xs.normal {
  font: var(--pr-zerowaste--Font-label--xs-normal);
  letter-spacing: -0.02em;
}
.pr-c-label.xs.medium {
  font: var(--pr-zerowaste--Font-label--xs-medium);
}
.pr-c-label.xs.bold {
  font: var(--pr-zerowaste--Font-label--xs-bold);
}
.pr-c-label.xs.extrabold {
  font: var(--pr-zerowaste--Font-label--xs-extrabold);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/01-typography/03-inline_elements/03-strong/strong.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Strong text styles
 *********************************************************************************** */
body {
  --pr-c-page__strong--FontWeight: var(--pr-global--FontWeight-semibold);
}

b,
strong {
  font-weight: var(--pr-c-page__strong--FontWeight);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/01-typography/03-inline_elements/01-anchor/anchor.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Atoms / Typography / Inline elements / Anchor
 *********************************************************************************** */
body {
  /**
   * Link
   */
  --pr-c-page__link--FontWeight: var(--pr-global--FontWeight-bold);
}

/**
 * Component
 */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p a {
  font-weight: var(--pr-global--FontWeight-medium);
  text-decoration: underline;
  text-underline-position: from-font;
  &:hover {
    text-decoration: underline;
  }
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/01-typography/02-paragraph/paragraph.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Typography / Paragraph
 *********************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
p {
  font: var(--pr-zerowaste--Font-paragraph--normal);
  line-height: 1.21;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-zerowaste/01-atoms/01-typography/01-heading/heading.scss ***!
  \***********************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Zerowaste / Atoms / Typography / Heading
 *********************************************************************************** */
/** ***************************************************************************
 * Paride SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* Function for converting a px based font-size to em. */
/** ***********************************************************************************
 * Zerowaste / Atoms / Typography / Heading
 *********************************************************************************** */
/**
 * This is useful to use variables in JS files
 * Like this: `import { xl, xxl } from '../../../../src/styles/shared/variables.module.scss';`
 */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

h1 {
  font: var(--pr-zerowaste--Font-title--h1);
}

h2 {
  font: var(--pr-zerowaste--Font-title--h2);
  letter-spacing: -0.02em;
}

h4 {
  font: var(--pr-zerowaste--Font-title--h4);
  letter-spacing: -0.02em;
}

/*# sourceMappingURL=components.css.5eb95aa0983c.map */