/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-typography-vars
 * Sets typography-related CSS custom properties for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $primary-prefix - The primary prefix used for the custom properties.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom properties.
 * @param {String} [$font-family-default=null] - The default font-family value.
 * @param {String} [$font-size-default=null] - The default font-size value.
 * @param {String} [$line-height-default=null] - The default line-height value.
 * @param {String} [$font-weight-default=null] - The default font-weight value.
 * @param {String} [$text-transform-default=null] - The default text-transform value.
 * @param {String} [$color-default=null] - The default color value.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declarations.
 */
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-margin-vars
 * Sets margin-related CSS custom properties for a given prefix and assigns them to the margin property.
 *
 * @param {String} $prefix - The prefix used for the custom properties.
 * @param {*} [$my=null] - The margin value for the top and bottom.
 * @param {*} [$mx=null] - The margin value for the left and right.
 * @param {*} [$mt=null] - The margin value for the top.
 * @param {*} [$mr=null] - The margin value for the right.
 * @param {*} [$mb=null] - The margin value for the bottom.
 * @param {*} [$ml=null] - The margin value for the left.
 * @param {*} [$my-default=0] - The default margin value for the top and bottom.
 * @param {*} [$mx-default=0] - The default margin value for the left and right.
 * @param {*} [$mt-default=0] - The default margin value for the top.
 * @param {*} [$mr-default=0] - The default margin value for the right.
 * @param {*} [$mb-default=0] - The default margin value for the bottom.
 * @param {*} [$ml-default=0] - The default margin value for the left.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
/**
* Sets custom padding variables for an element using CSS variables.
* @param {string} $prefix - The prefix to use for the CSS variable names.
* @param {number} [$py=null] - The padding value for top and bottom sides.
* @param {number} [$px=null] - The padding value for left and right sides.
* @param {number} [$pt=null] - The padding value for the top side.
* @param {number} [$pr=null] - The padding value for the right side.
* @param {number} [$pb=null] - The padding value for the bottom side.
* @param {number} [$pl=null] - The padding value for the left side.
* @param {number} [$py-default=0] - The default padding value for top and bottom sides.
* @param {number} [$px-default=0] - The default padding value for left and right sides.
* @param {number} [$pt-default=0] - The default padding value for the top side.
* @param {number} [$pr-default=0] - The default padding value for the right side.
* @param {number} [$pb-default=0] - The default padding value for the bottom side.
* @param {number} [$pl-default=0] - The default padding value for the left side.
* @param {boolean} [$important=false] - Whether to use "!important" modifier for the CSS "padding" property.
*/
/**
 * @mixin set-var
 * Sets a single CSS custom property for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $property - The CSS property to set.
 * @param {String} $primary-prefix - The primary prefix used for the custom property.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom property.
 * @param {String} [$var-name=null] - The custom property name, if different from the CSS property.
 * @param {*} [$default=null] - The default value for the custom property.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
@import '../fonts/stylesheet.css';
.button.button__solid.not-prose span, .button span {
  padding: var(--button-pt, var(--button-py, var(--space-xs))) var(--button-pr, var(--button-px, var(--space-m))) var(--button-pb, var(--button-py, var(--space-xs))) var(--button-pl, var(--button-px, var(--space-m))) !important;
  font-family: var(--button-font-family , var(--base-font-family)) !important;
  font-size: var(--button-font-size , var(--step-0)) !important;
  line-height: var(--button-line-height , var(--leading-normal)) !important;
  font-weight: var(--button-font-weight , var(--base-font-weight)) !important;
  text-transform: var(--button-text-transform , inherit) !important;
  color: var(--button-color , var(--base-color)) !important;
  border-radius: var(--button-border-radius, 0);
  border: var(--button-border, unset);
  background: var(--button-background-color, transparent);
  transition: var(--button-transition, var(--transition));
}
.button.button__solid.not-prose span:hover, .button span:hover, .button.button__solid.not-prose span:active, .button span:active, .button.button__solid.not-prose span:focus, .button span:focus {
  color: var(--button-focus-color, var(--button-color)) !important;
  background: var(--button-focus-background-color, var(--button-background-color)) !important;
  border: var(--button-focus-border, var(--button-border)) !important;
}

.prose-link, .max_height_read_more_button,
.max_height_read_less_button, .records_list ul li .content .read_more_label, .button.button__solid.not-prose.prose-link {
  font-family: var(--link-font-family , var(--base-font-family)) !important;
  font-size: var(--link-font-size , var(--base-font-size)) !important;
  line-height: var(--link-line-height , var(--base-line-height)) !important;
  font-weight: var(--link-font-weight , var(--base-font-weight)) !important;
  text-transform: var(--link-text-transform , inherit) !important;
  color: var(--link-color , var(--base-color)) !important;
}
.prose-link:hover, .max_height_read_more_button:hover,
.max_height_read_less_button:hover, .records_list ul li .content .read_more_label:hover, .button.button__solid.not-prose.prose-link:hover, .prose-link:focus, .max_height_read_more_button:focus,
.max_height_read_less_button:focus, .records_list ul li .content .read_more_label:focus, .button.button__solid.not-prose.prose-link:focus {
  color: var(--link-focus-color, var(--link-color)) !important;
  text-decoration: var(--link-text-decoration) !important;
}

/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
@keyframes link-underline {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --step--2: clamp(1.25rem, 1.2380597015rem + 0.03731343vw, 1.3rem);
  --step--1: clamp(1.3rem, 1.2247761194rem + 0.23507463vw, 1.615rem);
  --step-0: clamp(1.3rem, 1.1841791045rem + 0.3619403vw, 1.785rem);
  --step-1: clamp(1.3rem, 1.163880597rem + 0.42537313vw, 1.87rem);
  --step-2: clamp(1.4rem, 1.2268656716rem + 0.54104478vw, 2.125rem);
  --step-3: clamp(1.36rem, 1.111641791rem + 0.7761194vw, 2.4rem);
  --step-4: clamp(1.52rem, 1.271641791rem + 0.7761194vw, 2.56rem);
  --step-5: clamp(1.6rem, 1.3134328358rem + 0.89552239vw, 2.8rem);
  --step-6: clamp(1.76rem, 1.416119403rem + 1.07462687vw, 3.2rem);
  --step-7: clamp(2rem, 1.6179104478rem + 1.19402985vw, 3.6rem);
  --step-8: clamp(2.08rem, 1.6788059701rem + 1.25373134vw, 3.76rem);
  --step-9: clamp(2.24rem, 1.8197014925rem + 1.31343284vw, 4rem);
}

:root {
  --space-4xs: clamp(0.2rem, 0.1331343284rem + 0.20895522vw, 0.48rem);
  --space-3xs: clamp(0.4rem, 0.3426865672rem + 0.17910448vw, 0.64rem);
  --space-2xs: clamp(0.5rem, 0.428358209rem + 0.2238806vw, 0.8rem);
  --space-xs: clamp(1rem, 0.8567164179rem + 0.44776119vw, 1.6rem);
  --space-s: clamp(1.5rem, 1.2850746269rem + 0.67164179vw, 2.4rem);
  --space-m: clamp(1.6rem, 1.2179104478rem + 1.19402985vw, 3.2rem);
  --space-l: clamp(1.6rem, 1.0268656716rem + 1.79104478vw, 4rem);
  --space-xl: clamp(2.4rem, 1.8268656716rem + 1.79104478vw, 4.8rem);
  --space-xxl: clamp(3.2rem, 2.4358208955rem + 2.3880597vw, 6.4rem);
  --space-2xl: clamp(3.2rem, 2.2447761194rem + 2.98507463vw, 7.2rem);
  --space-3xl: clamp(3.6rem, 2.5492537313rem + 3.28358209vw, 8rem);
  --space-4xl: clamp(4rem, 2.6626865672rem + 4.17910448vw, 9.6rem);
  --space-5xl: clamp(5.6rem, 4.071641791rem + 4.7761194vw, 12rem);
  --space-6xl: clamp(12rem, 10.0895522388rem + 5.97014925vw, 20rem);
  /* One-up pairs */
  --space-4xs-3xs: clamp(0.2rem, 0.0949253731rem + 0.32835821vw, 0.64rem);
  --space-3xs-2xs: clamp(0.4rem, 0.3044776119rem + 0.29850746vw, 0.8rem);
  --space-2xs-xs: clamp(0.5rem, 0.2373134328rem + 0.82089552vw, 1.6rem);
  --space-xs-s: clamp(1rem, 0.6656716418rem + 1.04477612vw, 2.4rem);
  --space-s-m: clamp(1.5rem, 1.0940298507rem + 1.26865672vw, 3.2rem);
  --space-m-l: clamp(1.6rem, 1.0268656716rem + 1.79104478vw, 4rem);
  --space-l-xl: clamp(1.6rem, 0.8358208955rem + 2.3880597vw, 4.8rem);
  --space-xl-2xl: clamp(2.4rem, 1.2537313433rem + 3.58208955vw, 7.2rem);
  --space-2xl-3xl: clamp(3.2rem, 2.0537313433rem + 3.58208955vw, 8rem);
  --space-3xl-4xl: clamp(3.6rem, 2.1671641791rem + 4.47761194vw, 9.6rem);
  --space-4xl-5xl: clamp(4rem, 2.0895522388rem + 5.97014925vw, 12rem);
  --space-5xl-6xl: clamp(5.6rem, 2.1611940299rem + 10.74626866vw, 20rem);
  /* Custom pairs */
  --space-s-l: clamp(1.5rem, 0.9029850746rem + 1.86567164vw, 4rem);
  --space-m-xl: clamp(1.6rem, 0.8358208955rem + 2.3880597vw, 4.8rem);
  --space-l-2xl: clamp(1.6rem, 0.2626865672rem + 4.17910448vw, 7.2rem);
  --space-xl-2xl: clamp(2.4rem, 1.2537313433rem + 3.58208955vw, 7.2rem);
  --space-xl-3xl: clamp(2.4rem, 1.0626865672rem + 4.17910448vw, 8rem);
  --space-xl-4xl: clamp(2.4rem, 0.6805970149rem + 5.37313433vw, 9.6rem);
  --space-2xl-4xl: clamp(3.2rem, 1.671641791rem + 4.7761194vw, 9.6rem);
}

:root {
  --base-50: #F7F7F7;
  --base-100: #E3E3E3;
  --base-200: #C8C8C8;
  --base-300: #999999;
  --base-400: #767676;
  --base-500: #717171;
  --base-600: #515151;
  --base-700: #434343;
  --base-800: #404040;
  --base-900: #030303;
  --white: #FFFFFF;
  --light-grey: #F7F7F7;
  --grey: #717171;
  --black: #030303;
  --primary-color: var(--base-900);
  --icon-arrow-right-dark: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjc0MDcgMUw0MCAxOS43NU00MCAxOS43NUwyMC43NDA3IDM4LjVNNDAgMTkuNzVIMCIgc3Ryb2tlPSIjMDMwMzAzIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
  --icon-arrow-right-light: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.2963 1L16 8.5M16 8.5L8.2963 16M16 8.5H0' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ");
}

:root {
  --border-color: var(--base-200);
  --easing: cubic-bezier(.49, .11, .24, 1);
  --transition: 0.3s all var(--easing);
  --section-vertical-space: var(--space-xl-3xl);
  --section-subheading-mb: var(--space-m);
  --section-subheading-mt: 0;
  --negative-container-padding: calc(-1 * var(--CONTAINER-PADDING));
  --horizontal-gap: var(--space-2xl-3xl);
  --button-font-size: var(--step--1);
  --button-font-weight: 600;
  --button-color: var(--text-primary);
  --button-border-radius: 0;
  --button-border: 1px solid var(--text-primary);
  --button-background-color: transparent;
  --button-focus-color: var(--text-primary-invert);
  --button-focus-background-color: var(--text-primary);
  --button-text-transform: uppercase;
  --button-py: var(--space-2xs);
  --button-py: clamp(1.2rem, 1.128358209rem + 0.2238806vw, 1.5rem);
  --button-px: var(--space-xl);
  --button-padding: var(--button-pt, var(--button-py, var(--space-xs))) var(--button-pr, var(--button-px, var(--space-m))) var(--button-pb, var(--button-py, var(--space-xs))) var(--button-pl, var(--button-px, var(--space-m))) !important;
  --link-font-size: var(--step--1);
  --link-font-weight: 600;
  --link-color: var(--text-primary);
  --link-focus-color: var(--text-primary);
  --link-text-transform: uppercase;
  --ARROW-RIGHT-DARK: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTggMTciIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDE4djE3aC0xOHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTguMjk2MyAxIDcuNzAzNyA3LjVtMCAwLTcuNzAzNyA3LjVtNy43MDM3LTcuNWgtMTYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9zdmc+");
  --plyr-color-main: var(--text-primary);
}
@media only screen and (max-width: 1023px) {
  :root {
    --horizontal-gap: var(--space-xl);
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --horizontal-gap: var(--space-2xl-3xl);
  }
}
@media only screen and (max-width: 639px) {
  :root {
    --CONTAINER-PADDING: var(--space-m);
  }
}
@media only screen and (max-width: 459px) {
  :root {
    --CONTAINER-PADDING: var(--space-m);
  }
}

:root {
  --text-secondary: var(--base-400);
  --text-primary: var(--base-900);
  --leading-tight: 1.1;
  --leading-snug: 1.24;
  --leading-normal: 1.3;
  --leading-relaxed: 1.5;
  --leading-loose: 1.6;
  --tracking-tight: -0.01em;
  --base-font-family: "New Pegasus";
  --base-font-size: var(--step-0);
  --base-line-height: var(--leading-normal);
  --base-font-weight: 400;
  --heading-font-family: "New Pegasus";
  --heading-font-size: var(--step-8);
  --heading-line-height: var(--leading-normal);
  --heading-font-weight: 400;
  --heading-color: var(--text-primary);
  --hero-heading-font-size: var(--step-7);
  --panel-heading-font-size: var(--step-7);
  --panel-heading-line-height: var(--leading-tight);
  --panel-subheading-font-size: var(--step-2);
  --panel-subheading-color: var(--text-primary);
  --footer-heading-font-size: var(--step-7);
  --footer-heading-line-height: var(--leading-tight);
  --content-module-font-size: var(--step-1);
  --caption-font-size: var(--step--2);
  --hero-date-font-size: var(--step-2);
  --list-heading-font-size: var(--step-4);
  --list-heading-line-height: var(--leading-normal);
  --list-subheading-font-size: var(--step-2);
  --list-subheading-font-style: italic;
  --list-subheading-color: var(--text-primary);
  --list-heading-color: var(--text-primary);
  --list-secondary-content-font-size: var(--step-2);
  --list-content-font-size: var(--step-0);
  --blockquote-font-size: var(--step-7);
  --blockquote-line-height: var(--leading-snug);
  --blockquote-font-weight: 400;
  --blockquote-color: var(--text-primary);
  --prose-blockquote-font-size: var(--step-7);
  --prose-links-text-decoration: none;
  --prose-blockquote-line-height: var(--leading-tight);
  --section-subheading-font-size: var(--step-6);
  --section-subheading-line-height: var(--base-line-height);
  --section-subheading-color: var(--text-primary);
}
.prose,
.mceContentBody,
.content_section,
.detail_view_module:not(.secondary_images),
.scroll_section .content_module,
#bio,
.subsection-news-record #content_module,
.subsection-video-record #content_module,
.subsection-store-record #content_module,
.description,
.panel_type_11 .content_columns,
.panel_type_11 .content_full,
#publications_text,
#cookie_notification_message {
  --prose-heading-font-weight: 400;
  --prose-body: var(--base-900);
}
.prose blockquote,
.mceContentBody blockquote,
.content_section blockquote,
.detail_view_module:not(.secondary_images) blockquote,
.scroll_section .content_module blockquote,
#bio blockquote,
.subsection-news-record #content_module blockquote,
.subsection-video-record #content_module blockquote,
.subsection-store-record #content_module blockquote,
.description blockquote,
.panel_type_11 .content_columns blockquote,
.panel_type_11 .content_full blockquote,
#publications_text blockquote,
#cookie_notification_message blockquote {
  font-style: normal;
  padding-left: 0;
  border-left: 0;
}

:root {
  --logo-font-size: var(--step-7);
  --logo-line-height: var(--leading-tight);
  --logo-font-weight: 600;
}

blockquote {
  overflow: hidden;
}

h1 {
  --heading-font-size: var(--step-7);
  --heading-line-height: var(--leading-snug);
}

h2 {
  --heading-font-size: var(--step-8);
  --heading-font-weight: 400;
  --heading-line-height: var(--leading-snug);
}

h3 {
  --heading-font-size: var(--step-3);
  --heading-line-height: var(--leading-snug);
}

h4 {
  --heading-font-size: var(--step-2);
  --heading-line-height: var(--leading-snug);
}

h5 {
  --heading-font-size: var(--step-1);
  --heading-line-height: var(--leading-snug);
}

h6 {
  --heading-font-size: var(--step-0);
  --heading-line-height: var(--leading-snug);
}

.load_more_button {
  cursor: pointer;
  display: flex;
  margin: var(--space-3xl) auto 0;
  font-family: var(--button-font-family);
  text-transform: uppercase;
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  font-weight: var(--button-font-weight);
  color: var(--button-color);
  border-radius: var(--button-border-radius);
  border: var(--button-border);
  background: var(--button-background-color);
  padding: var(--button-pt, var(--button-py, var(--space-xs))) var(--button-pr, var(--button-px, var(--space-m))) var(--button-pb, var(--button-py, var(--space-xs))) var(--button-pl, var(--button-px, var(--space-m))) !important;
  transition: var(--transition);
}
.load_more_button:hover {
  color: var(--button-focus-color);
  background: var(--button-focus-background-color);
}
@media only screen and (max-width: 767px) {
  .load_more_button {
    width: 100%;
    justify-content: center;
  }
}

@media only screen and (max-width: 639px) {
  .button {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 639px) {
  .button a {
    width: 100%;
  }
}
.button a,
.button span {
  white-space: nowrap;
}
.c-button {
  cursor: pointer;
}

.store_item_add_to_cart {
  --button-font-size: clamp(1.4rem, 1.352238806rem + 0.14925373vw, 1.6rem);
  --button-py: clamp(0.6rem, 0.5044776119rem + 0.29850746vw, 1rem);
  --button-px: var(--space-s);
}

.button.button__solid.not-prose span {
  padding: 0;
  display: inline-flex;
  justify-content: center;
}
@media only screen and (max-width: 639px) {
  .button.button__solid.not-prose span {
    display: block;
    text-align: center;
  }
}
.button.button__solid.not-prose span:hover {
  --link-color: var(--button-focus-color);
  --link-focus-color: var(--button-focus-color);
}
.button.button__solid.not-prose span span::after {
  content: unset;
}

.button.button__solid.not-prose.prose-link {
  position: relative;
  display: inline-block;
  display: flex;
}
.button.button__solid.not-prose.prose-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
}
.button.button__solid.not-prose.prose-link:hover::after {
  animation-name: link-underline;
  animation-duration: 0.3s;
  animation-timing-function: var(--easing);
}
a:hover .button.button__solid.not-prose.prose-link::after {
  animation-name: link-underline;
  animation-duration: 0.3s;
  animation-timing-function: var(--easing);
}

.records_list ul li .content .read_more_label, .link {
  display: flex;
  text-decoration: none;
}
.records_list ul li .content .read_more_label > span, .link > span,
.records_list ul li .content .read_more_label > a,
.link > a {
  position: relative;
  display: inline-block;
  transition: var(--transition);
}
.records_list ul li .content .read_more_label > span::after, .link > span::after,
.records_list ul li .content .read_more_label > a::after,
.link > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: 0.2s all ease;
  opacity: 0;
}
.records_list ul li .content .read_more_label > span:hover::after, .link > span:hover::after,
.records_list ul li .content .read_more_label > a:hover::after,
.link > a:hover::after {
  opacity: 1;
}
a:hover .records_list ul li .content .read_more_label > span::after, .records_list ul li .content a:hover .read_more_label > span::after, a:hover .link > span::after,
a:hover .records_list ul li .content .read_more_label > a::after,
.records_list ul li .content a:hover .read_more_label > a::after,
a:hover .link > a::after {
  opacity: 1;
}
@media only screen and (max-width: 639px) {
  .records_list ul li .content .read_more_label > span, .link > span,
  .records_list ul li .content .read_more_label > a,
  .link > a {
    display: flex;
    justify-content: center;
  }
}

.roomview-button-custom a {
  position: relative;
  display: inline-block;
}
.roomview-button-custom a::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: 0.2s all ease;
  opacity: 0;
}
.roomview-button-custom a:hover::after {
  opacity: 1;
}
a:hover .roomview-button-custom a::after {
  opacity: 1;
}

.prose .link,
.mceContentBody .link,
.content_section .link,
.detail_view_module:not(.secondary_images) .link,
.scroll_section .content_module .link,
#bio .link,
.subsection-news-record #content_module .link,
.subsection-video-record #content_module .link,
.subsection-store-record #content_module .link,
.description .link,
.panel_type_11 .content_columns .link,
.panel_type_11 .content_full .link,
#publications_text .link,
#cookie_notification_message .link {
  display: inline-block;
}

.records_list ul li .content .read_more_label {
  position: relative;
  display: inline-block;
}
.records_list ul li .content .read_more_label::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: 0.2s all ease;
  opacity: 0;
}
.records_list ul li .content .read_more_label:hover::after {
  opacity: 1;
}
a:hover .records_list ul li .content .read_more_label::after {
  opacity: 1;
}

.max_height_read_more_button,
.max_height_read_less_button {
  position: relative;
  display: inline-block;
  margin-bottom: var(--space-3xs);
}
.max_height_read_more_button::after,
.max_height_read_less_button::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: 0.2s all ease;
  opacity: 0;
}
.max_height_read_more_button:hover::after,
.max_height_read_less_button:hover::after {
  opacity: 1;
}
a:hover .max_height_read_more_button::after,
a:hover .max_height_read_less_button::after {
  opacity: 1;
}

.prose-link {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}
.prose-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid currentColor;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: 0.2s all ease;
  opacity: 0;
}
.prose-link:hover::after {
  opacity: 1;
}
a:hover .prose-link::after {
  opacity: 1;
}
.prose-link a {
  text-decoration: none !important;
}

.link.view_works {
  display: none;
}

#popup_links {
  margin-bottom: var(--space-3xs);
}

/*# sourceMappingURL=base.css.map */