@orangesk/orange-design-system 3.3.1 → 3.4.0

package/build/lib/utilities.css

@@ -1,2 +1,2 @@
-@layer utilities{.background-primary{background-color:var(--color-background-primary)!important}.background-secondary{background-color:var(--color-background-secondary)!important}.background-contrast{background-color:var(--color-background-contrast)!important}.background-accent{background-color:var(--color-background-accent)!important}.background-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.background-accent2-blog{background-color:var(--color-background-accent2-blog)!important}.surface-primary{background-color:var(--color-surface-primary)!important}.surface-secondary{background-color:var(--color-surface-secondary)!important}.surface-tertiary{background-color:var(--color-surface-tertiary)!important}.surface-subtle{background-color:var(--color-surface-subtle)!important}.surface-moderate{background-color:var(--color-surface-moderate)!important}.surface-contrast{background-color:var(--color-surface-contrast)!important}.surface-accent{background-color:var(--color-surface-accent)!important}.fill-primary{background-color:var(--color-fill-primary)!important}.fill-secondary{background-color:var(--color-fill-secondary)!important}.fill-tertiary{background-color:var(--color-fill-tertiary)!important}.fill-subtle{background-color:var(--color-fill-subtle)!important}.fill-moderate{background-color:var(--color-fill-moderate)!important}.fill-disabled{background-color:var(--color-fill-disabled)!important}.fill-contrast{background-color:var(--color-fill-contrast)!important}.fill-accent1{background-color:var(--color-fill-accent1)!important}.fill-accent2{background-color:var(--color-fill-accent2)!important}.fill-accent3{background-color:var(--color-fill-accent3)!important}.fill-accent4{background-color:var(--color-fill-accent4)!important}.fill-accent5{background-color:var(--color-fill-accent5)!important}.fill-accent6{background-color:var(--color-fill-accent6)!important}.fill-information{background-color:var(--color-fill-information)!important}.fill-positive{background-color:var(--color-fill-positive)!important}.fill-warning{background-color:var(--color-fill-warning)!important}.fill-negative{background-color:var(--color-fill-negative)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.border-strong{border-color:var(--color-border-strong)!important}.border-contrast{border-color:var(--color-border-contrast)!important}.border-accent{border-color:var(--color-border-accent)!important}.border-information{border-color:var(--color-border-information)!important}.border-positive{border-color:var(--color-border-positive)!important}.border-warning{border-color:var(--color-border-warning)!important}.border-negative{border-color:var(--color-border-negative)!important}.text-default{color:var(--color-text-default)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-accent{color:var(--color-text-accent)!important}.icon-default{color:var(--color-icon-default)!important}.icon-inverse{color:var(--color-icon-inverse)!important}.icon-brand{color:var(--color-icon-brand)!important}.icon-accent{color:var(--color-icon-accent)!important}.icon-disabled{color:var(--color-icon-disabled)!important}.icon-information{color:var(--color-icon-information)!important}.icon-positive{color:var(--color-icon-positive)!important}.icon-warning{color:var(--color-icon-warning)!important}.icon-negative{color:var(--color-icon-negative)!important}.surface-secondary::selection,.surface-tertiary::selection{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.background-none{background:none!important}.bold,strong{font-weight:700!important}.normal{font-weight:400!important}.thin{font-weight:300!important}.italic,em{font-style:italic!important}.underline{text-decoration:underline!important}.no-underline,.underline-hover{text-decoration:none!important}.underline-hover:hover{text-decoration:underline!important}.no-accent{color:inherit!important;text-decoration:underline}.small,small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}}@layer utilities{@media screen and (min-width:768px){.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.body-text-sm{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}@media screen and (min-width:480px){.align-middle--sm{vertical-align:middle!important}.align-top--sm{vertical-align:top!important}.align-bottom--sm{vertical-align:bottom!important}.align-baseline--sm{vertical-align:baseline!important}}@media screen and (min-width:768px){.align-middle--md{vertical-align:middle!important}.align-top--md{vertical-align:top!important}.align-bottom--md{vertical-align:bottom!important}.align-baseline--md{vertical-align:baseline!important}}@media screen and (min-width:992px){.align-middle--lg{vertical-align:middle!important}.align-top--lg{vertical-align:top!important}.align-bottom--lg{vertical-align:bottom!important}.align-baseline--lg{vertical-align:baseline!important}}@media screen and (min-width:1240px){.align-middle--xl{vertical-align:middle!important}.align-top--xl{vertical-align:top!important}.align-bottom--xl{vertical-align:bottom!important}.align-baseline--xl{vertical-align:baseline!important}}@media screen and (min-width:1380px){.align-middle--xxl{vertical-align:middle!important}.align-top--xxl{vertical-align:top!important}.align-bottom--xxl{vertical-align:bottom!important}.align-baseline--xxl{vertical-align:baseline!important}}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.text-relaxed{max-inline-size:clamp(40rem,75vw,70rem)}.border-radius--medium{border-radius:10px}.border{border:2px solid var(--color-border-contrast)}.border.is-invalid{border-color:var(--color-border-negative)!important}.border--gray{border-color:var(--color-border-subtle)}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}@media screen and (min-width:0) and (max-width:479.98px){.fullwidth-xs-only{width:100%!important}}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}@supports selector(::-webkit-scrollbar){.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:transparent;border-radius:99px;height:.5rem}.table-scrollable::-webkit-scrollbar-track,[class*=horizontal-scroll]::-webkit-scrollbar-track{background-clip:content-box;background-color:var(--color-surface-moderate);border:.0625rem solid transparent;border-radius:99px}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--color-fill-contrast);border:.0625rem solid transparent;border-radius:99px;opacity:1}.table-scrollable::-webkit-scrollbar-thumb:active,.table-scrollable::-webkit-scrollbar-thumb:hover,.table-scrollable:active::-webkit-scrollbar-thumb,.table-scrollable:hover::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb:active,[class*=horizontal-scroll]::-webkit-scrollbar-thumb:hover,[class*=horizontal-scroll]:active::-webkit-scrollbar-thumb,[class*=horizontal-scroll]:hover::-webkit-scrollbar-thumb{background-color:var(--color-fill-secondary)!important;border-width:0}}@supports not selector(::-webkit-scrollbar){.table-scrollable,[class*=horizontal-scroll]{scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}body.has-modal .megamenu-header.is-sticky,body.has-modal .mm-header.is-sticky,body.has-modal [data-megamenu].is-sticky:not(.megamenu){padding-right:var(--ods-modal-scrollbar-width,0)}}
+@layer utilities{.background-primary{background-color:var(--color-background-primary)!important}.background-secondary{background-color:var(--color-background-secondary)!important}.background-contrast{background-color:var(--color-background-contrast)!important}.background-accent{background-color:var(--color-background-accent)!important}.background-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.background-accent2-blog{background-color:var(--color-background-accent2-blog)!important}.surface-primary{background-color:var(--color-surface-primary)!important}.surface-secondary{background-color:var(--color-surface-secondary)!important}.surface-tertiary{background-color:var(--color-surface-tertiary)!important}.surface-subtle{background-color:var(--color-surface-subtle)!important}.surface-moderate{background-color:var(--color-surface-moderate)!important}.surface-contrast{background-color:var(--color-surface-contrast)!important}.surface-accent{background-color:var(--color-surface-accent)!important}.fill-primary{background-color:var(--color-fill-primary)!important}.fill-secondary{background-color:var(--color-fill-secondary)!important}.fill-tertiary{background-color:var(--color-fill-tertiary)!important}.fill-subtle{background-color:var(--color-fill-subtle)!important}.fill-moderate{background-color:var(--color-fill-moderate)!important}.fill-disabled{background-color:var(--color-fill-disabled)!important}.fill-contrast{background-color:var(--color-fill-contrast)!important}.fill-accent1{background-color:var(--color-fill-accent1)!important}.fill-accent2{background-color:var(--color-fill-accent2)!important}.fill-accent3{background-color:var(--color-fill-accent3)!important}.fill-accent4{background-color:var(--color-fill-accent4)!important}.fill-accent5{background-color:var(--color-fill-accent5)!important}.fill-accent6{background-color:var(--color-fill-accent6)!important}.fill-information{background-color:var(--color-fill-information)!important}.fill-positive{background-color:var(--color-fill-positive)!important}.fill-warning{background-color:var(--color-fill-warning)!important}.fill-negative{background-color:var(--color-fill-negative)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.border-strong{border-color:var(--color-border-strong)!important}.border-contrast{border-color:var(--color-border-contrast)!important}.border-accent{border-color:var(--color-border-accent)!important}.border-information{border-color:var(--color-border-information)!important}.border-positive{border-color:var(--color-border-positive)!important}.border-warning{border-color:var(--color-border-warning)!important}.border-negative{border-color:var(--color-border-negative)!important}.text-default{color:var(--color-text-default)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-accent{color:var(--color-text-accent)!important}.icon-default{color:var(--color-icon-default)!important}.icon-inverse{color:var(--color-icon-inverse)!important}.icon-brand{color:var(--color-icon-brand)!important}.icon-accent{color:var(--color-icon-accent)!important}.icon-disabled{color:var(--color-icon-disabled)!important}.icon-information{color:var(--color-icon-information)!important}.icon-positive{color:var(--color-icon-positive)!important}.icon-warning{color:var(--color-icon-warning)!important}.icon-negative{color:var(--color-icon-negative)!important}.surface-secondary::selection,.surface-tertiary::selection{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.background-none{background:none!important}.bold,strong{font-weight:700!important}.normal{font-weight:400!important}.thin{font-weight:300!important}.italic,em{font-style:italic!important}.underline{text-decoration:underline!important}.no-underline,.underline-hover{text-decoration:none!important}.underline-hover:hover{text-decoration:underline!important}.no-accent{color:inherit!important;text-decoration:underline}.small,small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}}@layer utilities{@media screen and (min-width:768px){.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.body-text-sm{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}@media screen and (min-width:480px){.align-middle--sm{vertical-align:middle!important}.align-top--sm{vertical-align:top!important}.align-bottom--sm{vertical-align:bottom!important}.align-baseline--sm{vertical-align:baseline!important}}@media screen and (min-width:768px){.align-middle--md{vertical-align:middle!important}.align-top--md{vertical-align:top!important}.align-bottom--md{vertical-align:bottom!important}.align-baseline--md{vertical-align:baseline!important}}@media screen and (min-width:992px){.align-middle--lg{vertical-align:middle!important}.align-top--lg{vertical-align:top!important}.align-bottom--lg{vertical-align:bottom!important}.align-baseline--lg{vertical-align:baseline!important}}@media screen and (min-width:1240px){.align-middle--xl{vertical-align:middle!important}.align-top--xl{vertical-align:top!important}.align-bottom--xl{vertical-align:bottom!important}.align-baseline--xl{vertical-align:baseline!important}}@media screen and (min-width:1380px){.align-middle--xxl{vertical-align:middle!important}.align-top--xxl{vertical-align:top!important}.align-bottom--xxl{vertical-align:bottom!important}.align-baseline--xxl{vertical-align:baseline!important}}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.text-relaxed{max-inline-size:clamp(40rem,75vw,70rem)}.border-radius--medium{border-radius:10px}.border{border:2px solid var(--color-border-contrast)}.border.is-invalid{border-color:var(--color-border-negative)!important}.border--gray{border-color:var(--color-border-subtle)}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}@media screen and (min-width:0) and (max-width:479.98px){.fullwidth-xs-only{width:100%!important}}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}@supports selector(::-webkit-scrollbar){.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:transparent;border-radius:99px;height:.5rem}.table-scrollable::-webkit-scrollbar-track,[class*=horizontal-scroll]::-webkit-scrollbar-track{background-clip:content-box;background-color:var(--color-surface-moderate);border:.0625rem solid transparent;border-radius:99px}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--color-fill-contrast);border:.0625rem solid transparent;border-radius:99px;opacity:1}.table-scrollable::-webkit-scrollbar-thumb:active,.table-scrollable::-webkit-scrollbar-thumb:hover,.table-scrollable:active::-webkit-scrollbar-thumb,.table-scrollable:hover::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb:active,[class*=horizontal-scroll]::-webkit-scrollbar-thumb:hover,[class*=horizontal-scroll]:active::-webkit-scrollbar-thumb,[class*=horizontal-scroll]:hover::-webkit-scrollbar-thumb{background-color:var(--color-fill-secondary)!important;border-width:0}}@supports not selector(::-webkit-scrollbar){.table-scrollable,[class*=horizontal-scroll]{scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.875rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}body.has-modal .megamenu-header.is-sticky,body.has-modal .mm-header.is-sticky,body.has-modal [data-megamenu]:not(.non-sticky):not(.megamenu){padding-right:var(--ods-modal-scrollbar-width,0)}}
 /*# sourceMappingURL=utilities.css.map */

package/build/lib/utilities.css.map

@@ -1 +1 @@
-{"version":3,"sources":["utilities.scss"],"names":[],"mappings":"AAAA,iBACE,oBACE,0DACF,CACA,sBACE,4DACF,CACA,qBACE,2DACF,CACA,mBACE,yDACF,CACA,yBACE,+DACF,CACA,yBACE,+DACF,CACA,iBACE,uDACF,CACA,mBACE,yDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,kBACE,wDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,cACE,oDACF,CACA,gBACE,sDACF,CACA,eACE,qDACF,CACA,aACE,mDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,kBACE,wDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,eACE,qDACF,CACA,eACE,iDACF,CACA,eACE,iDACF,CACA,iBACE,mDACF,CACA,eACE,iDACF,CACA,oBACE,sDACF,CACA,iBACE,mDACF,CACA,gBACE,kDACF,CACA,iBACE,mDACF,CACA,cACE,yCACF,CACA,gBACE,2CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,aACE,wCACF,CACA,cACE,yCACF,CACA,cACE,yCACF,CACA,YACE,uCACF,CACA,aACE,wCACF,CACA,eACE,0CACF,CACA,kBACE,6CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,eACE,0CACF,CACA,2DAEE,iDAAkD,CAClD,+BACF,CACA,iBACE,yBACF,CAMA,aAEE,yBACF,CACA,QACE,yBACF,CACA,MACE,yBACF,CACA,WAEE,2BACF,CACA,WACE,mCACF,CAIA,+BACE,8BACF,CACA,uBACE,mCACF,CACA,WACE,uBAAyB,CACzB,yBACF,CACA,aAEE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CAzCF,CAIA,iBAsCE,oCACE,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,oCACE,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,cACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACA,OACE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACA,oCACE,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,oCACE,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,aACE,4BACF,CACA,WACE,4BACF,CACA,eACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CACA,YACE,yBACF,CACA,cACE,2BACF,CACA,aACE,0BACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,iBACE,0BACF,CACA,gBACE,yBACF,CACA,kBACE,2BACF,CACF,CACA,uBACE,8BACF,CACA,cACE,+BACF,CACA,WACE,4BACF,CACA,cACE,+BACF,CACA,gBACE,iCACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,qCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,qCACE,mBACE,+BACF,CACA,gBACE,4BACF,CACA,mBACE,+BACF,CACA,qBACE,iCACF,CACF,CACA,mBACE,yBACF,CACA,iBACE,wBAA0B,CAC1B,0BACF,CACA,gBACE,cACF,CACA,eACE,cACF,CACA,aACE,cACF,CACA,cACE,uCACF,CAGA,uBACE,kBACF,CACA,QACE,6CACF,CACA,mBACE,mDACF,CACA,cACE,uCACF,CACA,mEACE,wCACF,CACA,gBACE,uCACF,CAGA,IACE,qBACF,CAIA,WACE,2BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,SACE,yBACF,CA7CF,CAqBA,iBAyBE,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,eACE,2BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,aACE,yBACF,CACF,CACA,SACE,sBACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,SACE,yBACF,CACA,SACE,0BACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,QACE,kBACF,CACA,QACE,mBACF,CACA,iCACE,UAAW,CACX,aACF,CAIA,uBACE,UACF,CACA,uBACE,0BACF,CACA,qBACE,wBACF,CACA,wBACE,sBACF,CACA,8BACE,4BACF,CACA,+BACE,6BACF,CACA,mBACE,sBACF,CACA,iBACE,oBACF,CACA,oBACE,kBACF,CACA,qBACE,mBACF,CACA,iBACE,aAAc,CACd,iBACF,CACA,kBACE,gBAAiB,CACjB,cACF,CACA,mBACE,gBAAiB,CACjB,iBACF,CACA,gBACE,qBACF,CACA,mBACE,mBACF,CACA,mBACE,iBACF,CACA,oBACE,kBACF,CACA,iBACE,SACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,4BACE,0BACF,CACA,0BACE,wBACF,CACA,6BACE,sBACF,CACA,mCACE,4BACF,CACA,oCACE,6BACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,kBACF,CACA,0BACE,mBACF,CACA,sBACE,aAAc,CACd,iBACF,CACA,uBACE,gBAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,iBACF,CACA,qBACE,qBACF,CACA,wBACE,mBACF,CACA,wBACE,iBACF,CACA,yBACE,kBACF,CACA,sBACE,SACF,CACF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,SACE,aACF,CACA,gBACE,oBACF,CACA,UACE,cACF,CACA,QACE,YACF,CACA,eACE,mBACF,CACA,aACE,qBACF,CACA,WACE,oBACF,CACA,yDACE,mBACE,oBACF,CACF,CACA,YACE,qBACF,CACA,cACE,0BAA4B,CAC5B,2BACF,CACA,UACE,2BACF,CACA,UACE,2BACF,CAGA,0BASE,0BAA2B,CAC3B,0BAA8B,CAJ9B,QAAS,CAJT,UAAW,CAEX,WAAY,CAIZ,eAAgB,CAHhB,SAAU,CAEV,iBAAkB,CAJlB,SAQF,CACA,MACE,sBACF,CACA,WACE,iBACF,CAnBF,CACA,iBAmBE,oCACE,cACE,sBACF,CACF,CACA,yDACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,8DACE,cACE,sBACF,CACF,CACA,wCACE,SACE,sBACF,CACF,CACA,qCACE,SACE,sBACF,CACF,CACA,wCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,+DACE,cACE,sBACF,CACF,CACA,wCACE,UACE,sBACF,CACF,CACA,qCACE,UACE,sBACF,CACF,CACA,wCACE,eACE,sBACF,CACF,CACF,CACA,iBACE,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,aACE,iBACF,CAGA,aACE,iBACF,CAJF,CAMF,CACA,iBACE,6CAEE,4BACF,CACA,iDAEE,uBACF,CACA,wCACE,mFAGE,eAAgB,CAChB,4BAA6B,CAC7B,kBAAmB,CAHnB,YAIF,CACA,+FAIE,2BAA4B,CAD5B,8CAA+C,CAD/C,iCAAmC,CAGnC,kBACF,CACA,+FAME,2BAA4B,CAH5B,2CAA4C,CAE5C,iCAAmC,CADnC,kBAAmB,CAFnB,SAKF,CACA,gbAME,sDAAwD,CADxD,cAEF,CACF,CACA,4CACE,6CAEE,wEAAyE,CACzE,oBACF,CACF,CACA,mBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,2BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,wBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,gCAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACF,CACA,iBAKE,mDAIE,YAAa,CADb,cAEF,CACA,4DAIE,eAAgB,CADhB,YAEF,CAMA,sIAGE,gDACF,CACF","file":"utilities.css","sourcesContent":["@layer utilities {\n  .background-primary {\n    background-color: var(--color-background-primary) !important;\n  }\n  .background-secondary {\n    background-color: var(--color-background-secondary) !important;\n  }\n  .background-contrast {\n    background-color: var(--color-background-contrast) !important;\n  }\n  .background-accent {\n    background-color: var(--color-background-accent) !important;\n  }\n  .background-accent1-blog {\n    background-color: var(--color-background-accent1-blog) !important;\n  }\n  .background-accent2-blog {\n    background-color: var(--color-background-accent2-blog) !important;\n  }\n  .surface-primary {\n    background-color: var(--color-surface-primary) !important;\n  }\n  .surface-secondary {\n    background-color: var(--color-surface-secondary) !important;\n  }\n  .surface-tertiary {\n    background-color: var(--color-surface-tertiary) !important;\n  }\n  .surface-subtle {\n    background-color: var(--color-surface-subtle) !important;\n  }\n  .surface-moderate {\n    background-color: var(--color-surface-moderate) !important;\n  }\n  .surface-contrast {\n    background-color: var(--color-surface-contrast) !important;\n  }\n  .surface-accent {\n    background-color: var(--color-surface-accent) !important;\n  }\n  .fill-primary {\n    background-color: var(--color-fill-primary) !important;\n  }\n  .fill-secondary {\n    background-color: var(--color-fill-secondary) !important;\n  }\n  .fill-tertiary {\n    background-color: var(--color-fill-tertiary) !important;\n  }\n  .fill-subtle {\n    background-color: var(--color-fill-subtle) !important;\n  }\n  .fill-moderate {\n    background-color: var(--color-fill-moderate) !important;\n  }\n  .fill-disabled {\n    background-color: var(--color-fill-disabled) !important;\n  }\n  .fill-contrast {\n    background-color: var(--color-fill-contrast) !important;\n  }\n  .fill-accent1 {\n    background-color: var(--color-fill-accent1) !important;\n  }\n  .fill-accent2 {\n    background-color: var(--color-fill-accent2) !important;\n  }\n  .fill-accent3 {\n    background-color: var(--color-fill-accent3) !important;\n  }\n  .fill-accent4 {\n    background-color: var(--color-fill-accent4) !important;\n  }\n  .fill-accent5 {\n    background-color: var(--color-fill-accent5) !important;\n  }\n  .fill-accent6 {\n    background-color: var(--color-fill-accent6) !important;\n  }\n  .fill-information {\n    background-color: var(--color-fill-information) !important;\n  }\n  .fill-positive {\n    background-color: var(--color-fill-positive) !important;\n  }\n  .fill-warning {\n    background-color: var(--color-fill-warning) !important;\n  }\n  .fill-negative {\n    background-color: var(--color-fill-negative) !important;\n  }\n  .border-subtle {\n    border-color: var(--color-border-subtle) !important;\n  }\n  .border-strong {\n    border-color: var(--color-border-strong) !important;\n  }\n  .border-contrast {\n    border-color: var(--color-border-contrast) !important;\n  }\n  .border-accent {\n    border-color: var(--color-border-accent) !important;\n  }\n  .border-information {\n    border-color: var(--color-border-information) !important;\n  }\n  .border-positive {\n    border-color: var(--color-border-positive) !important;\n  }\n  .border-warning {\n    border-color: var(--color-border-warning) !important;\n  }\n  .border-negative {\n    border-color: var(--color-border-negative) !important;\n  }\n  .text-default {\n    color: var(--color-text-default) !important;\n  }\n  .text-secondary {\n    color: var(--color-text-secondary) !important;\n  }\n  .text-disabled {\n    color: var(--color-text-disabled) !important;\n  }\n  .text-inverse {\n    color: var(--color-text-inverse) !important;\n  }\n  .text-accent {\n    color: var(--color-text-accent) !important;\n  }\n  .icon-default {\n    color: var(--color-icon-default) !important;\n  }\n  .icon-inverse {\n    color: var(--color-icon-inverse) !important;\n  }\n  .icon-brand {\n    color: var(--color-icon-brand) !important;\n  }\n  .icon-accent {\n    color: var(--color-icon-accent) !important;\n  }\n  .icon-disabled {\n    color: var(--color-icon-disabled) !important;\n  }\n  .icon-information {\n    color: var(--color-icon-information) !important;\n  }\n  .icon-positive {\n    color: var(--color-icon-positive) !important;\n  }\n  .icon-warning {\n    color: var(--color-icon-warning) !important;\n  }\n  .icon-negative {\n    color: var(--color-icon-negative) !important;\n  }\n  .surface-secondary::selection,\n  .surface-tertiary::selection {\n    background-color: var(--color-background-contrast);\n    color: var(--color-text-inverse);\n  }\n  .background-none {\n    background: none !important;\n  }\n}\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer utilities {\n  strong,\n  .bold {\n    font-weight: 700 !important;\n  }\n  .normal {\n    font-weight: 400 !important;\n  }\n  .thin {\n    font-weight: 300 !important;\n  }\n  em,\n  .italic {\n    font-style: italic !important;\n  }\n  .underline {\n    text-decoration: underline !important;\n  }\n  .no-underline {\n    text-decoration: none !important;\n  }\n  .underline-hover {\n    text-decoration: none !important;\n  }\n  .underline-hover:hover {\n    text-decoration: underline !important;\n  }\n  .no-accent {\n    color: inherit !important;\n    text-decoration: underline;\n  }\n  small,\n  .small {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 400;\n    letter-spacing: 0rem;\n  }\n  @media screen and (min-width: 768px) {\n    small,\n    .small {\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 400;\n      letter-spacing: -0.00625rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    small,\n    .small {\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 400;\n      letter-spacing: -0.00625rem;\n    }\n  }\n  .body-text-sm {\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 400;\n    letter-spacing: -0.00625rem;\n  }\n  .large {\n    font-size: 1.125rem;\n    line-height: 1.625rem;\n    font-weight: 400;\n    letter-spacing: -0.0125rem;\n  }\n  @media screen and (min-width: 768px) {\n    .large {\n      font-size: 1.25rem;\n      line-height: 1.875rem;\n      font-weight: 400;\n      letter-spacing: -0.0125rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .large {\n      font-size: 1.25rem;\n      line-height: 1.875rem;\n      font-weight: 400;\n      letter-spacing: -0.0125rem;\n    }\n  }\n  .text-nowrap {\n    white-space: nowrap !important;\n  }\n  .text-wrap {\n    white-space: normal !important;\n  }\n  .text-ellipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .align-left {\n    text-align: left !important;\n  }\n  .align-center {\n    text-align: center !important;\n  }\n  .align-right {\n    text-align: right !important;\n  }\n  @media screen and (min-width: 480px) {\n    .align-sm-right {\n      text-align: right !important;\n    }\n    .align-sm-left {\n      text-align: left !important;\n    }\n    .align-sm-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .align-md-right {\n      text-align: right !important;\n    }\n    .align-md-left {\n      text-align: left !important;\n    }\n    .align-md-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .align-lg-right {\n      text-align: right !important;\n    }\n    .align-lg-left {\n      text-align: left !important;\n    }\n    .align-lg-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .align-xl-right {\n      text-align: right !important;\n    }\n    .align-xl-left {\n      text-align: left !important;\n    }\n    .align-xl-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .align-xxl-right {\n      text-align: right !important;\n    }\n    .align-xxl-left {\n      text-align: left !important;\n    }\n    .align-xxl-center {\n      text-align: center !important;\n    }\n  }\n  .reset-text-decoration {\n    text-decoration: none !important;\n  }\n  .align-middle {\n    vertical-align: middle !important;\n  }\n  .align-top {\n    vertical-align: top !important;\n  }\n  .align-bottom {\n    vertical-align: bottom !important;\n  }\n  .align-baseline {\n    vertical-align: baseline !important;\n  }\n  @media screen and (min-width: 480px) {\n    .align-middle--sm {\n      vertical-align: middle !important;\n    }\n    .align-top--sm {\n      vertical-align: top !important;\n    }\n    .align-bottom--sm {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--sm {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .align-middle--md {\n      vertical-align: middle !important;\n    }\n    .align-top--md {\n      vertical-align: top !important;\n    }\n    .align-bottom--md {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--md {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .align-middle--lg {\n      vertical-align: middle !important;\n    }\n    .align-top--lg {\n      vertical-align: top !important;\n    }\n    .align-bottom--lg {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--lg {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .align-middle--xl {\n      vertical-align: middle !important;\n    }\n    .align-top--xl {\n      vertical-align: top !important;\n    }\n    .align-bottom--xl {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--xl {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .align-middle--xxl {\n      vertical-align: middle !important;\n    }\n    .align-top--xxl {\n      vertical-align: top !important;\n    }\n    .align-bottom--xxl {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--xxl {\n      vertical-align: baseline !important;\n    }\n  }\n  .reset-font-weight {\n    font-weight: normal !important;\n  }\n  .reset-font-size {\n    font-size: 16px !important;\n    line-height: 1.25 !important;\n  }\n  .text-fullwidth {\n    max-width: none;\n  }\n  .text-readable {\n    max-width: 35em;\n  }\n  .text-narrow {\n    max-width: 22em;\n  }\n  .text-relaxed {\n    max-inline-size: clamp(40rem, 75vw, 70rem);\n  }\n}\n@layer utilities {\n  .border-radius--medium {\n    border-radius: 10px;\n  }\n  .border {\n    border: 2px solid var(--color-border-contrast);\n  }\n  .border.is-invalid {\n    border-color: var(--color-border-negative) !important;\n  }\n  .border--gray {\n    border-color: var(--color-border-subtle);\n  }\n  .border--gray.border-hover:hover, .border--gray.is-indicating:hover {\n    border-color: var(--color-text-secondary);\n  }\n  .border--orange {\n    border-color: var(--color-border-accent);\n  }\n}\n@layer utilities {\n  .mb {\n    margin-bottom: 1.25rem;\n  }\n  .mb-none {\n    margin-bottom: 0 !important;\n  }\n  .mb-xsmall {\n    margin-bottom: 5px !important;\n  }\n  .mb-small {\n    margin-bottom: 10px !important;\n  }\n  .mb-medium {\n    margin-bottom: 20px !important;\n  }\n  .mb-large {\n    margin-bottom: 30px !important;\n  }\n  .mb-xlarge {\n    margin-bottom: 60px !important;\n  }\n  .mb-none {\n    margin-bottom: 0 !important;\n  }\n  @media screen and (min-width: 480px) {\n    .mb-sm-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-sm-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-sm-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-sm-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-sm-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-sm-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-sm-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .mb-md-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-md-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-md-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-md-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-md-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-md-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-md-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .mb-lg-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-lg-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-lg-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-lg-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-lg-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-lg-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-lg-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .mb-xl-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-xl-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-xl-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-xl-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-xl-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-xl-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-xl-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .mb-xxl-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-xxl-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-xxl-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-xxl-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-xxl-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-xxl-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-xxl-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  .mt-none {\n    margin-top: 0 !important;\n  }\n  .pt-none {\n    padding-top: 0 !important;\n  }\n  .mr-none {\n    margin-right: 0 !important;\n  }\n  .pr-none {\n    padding-right: 0 !important;\n  }\n  .pb-none {\n    padding-bottom: 0 !important;\n  }\n  .ml-none {\n    margin-left: 0 !important;\n  }\n  .pl-none {\n    padding-left: 0 !important;\n  }\n  .no-mrg {\n    margin: 0 !important;\n  }\n  .no-pad {\n    padding: 0 !important;\n  }\n  .clearfix::before, .clearfix::after {\n    content: \"\";\n    display: table;\n  }\n  .clearfix::after {\n    clear: both;\n  }\n  .clear {\n    clear: both;\n  }\n  .justify-content-start {\n    justify-content: flex-start;\n  }\n  .justify-content-end {\n    justify-content: flex-end;\n  }\n  .justify-content-center {\n    justify-content: center;\n  }\n  .justify-content-space-around {\n    justify-content: space-around;\n  }\n  .justify-content-space-between {\n    justify-content: space-between;\n  }\n  .align-items-start {\n    align-items: flex-start;\n  }\n  .align-items-end {\n    align-items: flex-end;\n  }\n  .align-items-center {\n    align-items: center;\n  }\n  .align-items-stretch {\n    align-items: stretch;\n  }\n  .align-self-left {\n    margin-left: 0;\n    margin-right: auto;\n  }\n  .align-self-right {\n    margin-left: auto;\n    margin-right: 0;\n  }\n  .align-self-center {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .align-self-top {\n    align-self: flex-start;\n  }\n  .align-self-bottom {\n    align-self: flex-end;\n  }\n  .align-self-middle {\n    align-self: center;\n  }\n  .align-self-stretch {\n    align-self: stretch;\n  }\n  .align-self-last {\n    order: 999;\n  }\n  @media screen and (min-width: 480px) {\n    .justify-content-start--sm {\n      justify-content: flex-start;\n    }\n    .justify-content-end--sm {\n      justify-content: flex-end;\n    }\n    .justify-content-center--sm {\n      justify-content: center;\n    }\n    .justify-content-space-around--sm {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--sm {\n      justify-content: space-between;\n    }\n    .align-items-start--sm {\n      align-items: flex-start;\n    }\n    .align-items-end--sm {\n      align-items: flex-end;\n    }\n    .align-items-center--sm {\n      align-items: center;\n    }\n    .align-items-stretch--sm {\n      align-items: stretch;\n    }\n    .align-self-left--sm {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--sm {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--sm {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--sm {\n      align-self: flex-start;\n    }\n    .align-self-bottom--sm {\n      align-self: flex-end;\n    }\n    .align-self-middle--sm {\n      align-self: center;\n    }\n    .align-self-stretch--sm {\n      align-self: stretch;\n    }\n    .align-self-last--sm {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .justify-content-start--md {\n      justify-content: flex-start;\n    }\n    .justify-content-end--md {\n      justify-content: flex-end;\n    }\n    .justify-content-center--md {\n      justify-content: center;\n    }\n    .justify-content-space-around--md {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--md {\n      justify-content: space-between;\n    }\n    .align-items-start--md {\n      align-items: flex-start;\n    }\n    .align-items-end--md {\n      align-items: flex-end;\n    }\n    .align-items-center--md {\n      align-items: center;\n    }\n    .align-items-stretch--md {\n      align-items: stretch;\n    }\n    .align-self-left--md {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--md {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--md {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--md {\n      align-self: flex-start;\n    }\n    .align-self-bottom--md {\n      align-self: flex-end;\n    }\n    .align-self-middle--md {\n      align-self: center;\n    }\n    .align-self-stretch--md {\n      align-self: stretch;\n    }\n    .align-self-last--md {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .justify-content-start--lg {\n      justify-content: flex-start;\n    }\n    .justify-content-end--lg {\n      justify-content: flex-end;\n    }\n    .justify-content-center--lg {\n      justify-content: center;\n    }\n    .justify-content-space-around--lg {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--lg {\n      justify-content: space-between;\n    }\n    .align-items-start--lg {\n      align-items: flex-start;\n    }\n    .align-items-end--lg {\n      align-items: flex-end;\n    }\n    .align-items-center--lg {\n      align-items: center;\n    }\n    .align-items-stretch--lg {\n      align-items: stretch;\n    }\n    .align-self-left--lg {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--lg {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--lg {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--lg {\n      align-self: flex-start;\n    }\n    .align-self-bottom--lg {\n      align-self: flex-end;\n    }\n    .align-self-middle--lg {\n      align-self: center;\n    }\n    .align-self-stretch--lg {\n      align-self: stretch;\n    }\n    .align-self-last--lg {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .justify-content-start--xl {\n      justify-content: flex-start;\n    }\n    .justify-content-end--xl {\n      justify-content: flex-end;\n    }\n    .justify-content-center--xl {\n      justify-content: center;\n    }\n    .justify-content-space-around--xl {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--xl {\n      justify-content: space-between;\n    }\n    .align-items-start--xl {\n      align-items: flex-start;\n    }\n    .align-items-end--xl {\n      align-items: flex-end;\n    }\n    .align-items-center--xl {\n      align-items: center;\n    }\n    .align-items-stretch--xl {\n      align-items: stretch;\n    }\n    .align-self-left--xl {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--xl {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--xl {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--xl {\n      align-self: flex-start;\n    }\n    .align-self-bottom--xl {\n      align-self: flex-end;\n    }\n    .align-self-middle--xl {\n      align-self: center;\n    }\n    .align-self-stretch--xl {\n      align-self: stretch;\n    }\n    .align-self-last--xl {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .justify-content-start--xxl {\n      justify-content: flex-start;\n    }\n    .justify-content-end--xxl {\n      justify-content: flex-end;\n    }\n    .justify-content-center--xxl {\n      justify-content: center;\n    }\n    .justify-content-space-around--xxl {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--xxl {\n      justify-content: space-between;\n    }\n    .align-items-start--xxl {\n      align-items: flex-start;\n    }\n    .align-items-end--xxl {\n      align-items: flex-end;\n    }\n    .align-items-center--xxl {\n      align-items: center;\n    }\n    .align-items-stretch--xxl {\n      align-items: stretch;\n    }\n    .align-self-left--xxl {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--xxl {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--xxl {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--xxl {\n      align-self: flex-start;\n    }\n    .align-self-bottom--xxl {\n      align-self: flex-end;\n    }\n    .align-self-middle--xxl {\n      align-self: center;\n    }\n    .align-self-stretch--xxl {\n      align-self: stretch;\n    }\n    .align-self-last--xxl {\n      order: 999;\n    }\n  }\n  .aspect-ratio-21-9 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 21/9;\n  }\n  .aspect-ratio-16-9 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 16/9;\n  }\n  .aspect-ratio-4-3 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 4/3;\n  }\n  .aspect-ratio-1-1 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 1/1;\n  }\n  .aspect-ratio-3-2 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 3/2;\n  }\n  .d-block {\n    display: block;\n  }\n  .d-inline-block {\n    display: inline-block;\n  }\n  .d-inline {\n    display: inline;\n  }\n  .d-flex {\n    display: flex;\n  }\n  .d-inline-flex {\n    display: inline-flex;\n  }\n  .flex-column {\n    flex-direction: column;\n  }\n  .fullwidth {\n    width: 100% !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .fullwidth-xs-only {\n      width: 100% !important;\n    }\n  }\n  .fullheight {\n    height: 100% !important;\n  }\n  .center-block {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  .relative {\n    position: relative !important;\n  }\n  .absolute {\n    position: absolute !important;\n  }\n}\n@layer utilities {\n  .visually-hidden,\n  .sr-only {\n    height: 1px;\n    width: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    position: absolute;\n    overflow: hidden;\n    clip: rect(1px 1px 1px 1px);\n    clip: rect(1px, 1px, 1px, 1px);\n  }\n  .hide {\n    display: none !important;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  @media screen and (min-width: 480px) {\n    .show-xs-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .hide-xs-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .show-sm {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .hide-sm {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .show-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .show-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .hide-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .show-md {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .hide-md {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .show-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .show-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .hide-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .show-lg {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .hide-lg {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .show-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .show-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .hide-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .show-xl {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .hide-xl {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .show-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .show-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .hide-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .show-xxl {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .hide-xxl {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .show-xxl-only {\n      display: none !important;\n    }\n  }\n}\n@layer utilities {\n  .order-1 {\n    order: 1 !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .order-1-xs-only {\n      order: 1 !important;\n    }\n  }\n  .order-2 {\n    order: 2 !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .order-2-xs-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .order-1-sm {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .order-1-sm-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .order-2-sm {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .order-2-sm-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .order-1-md {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .order-1-md-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .order-2-md {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .order-2-md-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .order-1-lg {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .order-1-lg-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .order-2-lg {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .order-2-lg-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .order-1-xl {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .order-1-xl-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .order-2-xl {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .order-2-xl-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .order-1-xxl {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .order-2-xxl {\n      order: 2 !important;\n    }\n  }\n}\n@layer utilities {\n  [class*=horizontal-scroll],\n  .table-scrollable {\n    scroll-snap-type: x mandatory;\n  }\n  [class*=horizontal-scroll] > *,\n  .table-scrollable > * {\n    scroll-snap-align: start;\n  }\n  @supports selector(::-webkit-scrollbar) {\n    [class*=horizontal-scroll]::-webkit-scrollbar,\n    .table-scrollable::-webkit-scrollbar {\n      height: 0.5rem;\n      appearance: none;\n      background-color: transparent;\n      border-radius: 99px;\n    }\n    [class*=horizontal-scroll]::-webkit-scrollbar-track,\n    .table-scrollable::-webkit-scrollbar-track {\n      border: 0.0625rem solid transparent;\n      background-color: var(--color-surface-moderate);\n      background-clip: content-box;\n      border-radius: 99px;\n    }\n    [class*=horizontal-scroll]::-webkit-scrollbar-thumb,\n    .table-scrollable::-webkit-scrollbar-thumb {\n      opacity: 1;\n      background-color: var(--color-fill-contrast);\n      border-radius: 99px;\n      border: 0.0625rem solid transparent;\n      background-clip: content-box;\n    }\n    [class*=horizontal-scroll]:hover::-webkit-scrollbar-thumb, [class*=horizontal-scroll]:active::-webkit-scrollbar-thumb, [class*=horizontal-scroll]::-webkit-scrollbar-thumb:hover, [class*=horizontal-scroll]::-webkit-scrollbar-thumb:active,\n    .table-scrollable:hover::-webkit-scrollbar-thumb,\n    .table-scrollable:active::-webkit-scrollbar-thumb,\n    .table-scrollable::-webkit-scrollbar-thumb:hover,\n    .table-scrollable::-webkit-scrollbar-thumb:active {\n      border-width: 0;\n      background-color: var(--color-fill-secondary) !important;\n    }\n  }\n  @supports not selector(::-webkit-scrollbar) {\n    [class*=horizontal-scroll],\n    .table-scrollable {\n      scrollbar-color: var(--color-fill-contrast) var(--color-surface-moderate);\n      scrollbar-width: thin;\n    }\n  }\n  .horizontal-scroll {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: auto;\n    margin-bottom: 1.875rem;\n  }\n  .horizontal-scroll-disable {\n    flex-wrap: wrap;\n    overflow-x: initial;\n    -webkit-overflow-scrolling: initial;\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 480px) {\n    .horizontal-scroll--sm {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--sm-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .horizontal-scroll--md {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--md-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .horizontal-scroll--lg {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--lg-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .horizontal-scroll--xl {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--xl-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .horizontal-scroll--xxl {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--xxl-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n}\n@layer utilities {\n  /**\n  * Resets for megamenu and footer\n  * This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n  **/\n  .osk-footer-menu,\n  .mm-header ul,\n  .megamenu-header ul {\n    max-width: none;\n    margin-top: 0;\n  }\n  .osk-footer-menu li,\n  .mm-header ul li,\n  .megamenu-header ul li {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n  /**\n  * Fixes for header and megamenu when modal is open\n  * This is required to prevent the header and megamenu from shifting when a modal is open due to scrollbar disappearance.\n  * This is a temporary fix and will be removed once the header and megamenu components are migrated to ods2\n  **/\n  body.has-modal .mm-header.is-sticky,\n  body.has-modal .megamenu-header.is-sticky,\n  body.has-modal [data-megamenu].is-sticky:not(.megamenu) {\n    padding-right: var(--ods-modal-scrollbar-width, 0px);\n  }\n}"]}
+{"version":3,"sources":["utilities.scss"],"names":[],"mappings":"AAAA,iBACE,oBACE,0DACF,CACA,sBACE,4DACF,CACA,qBACE,2DACF,CACA,mBACE,yDACF,CACA,yBACE,+DACF,CACA,yBACE,+DACF,CACA,iBACE,uDACF,CACA,mBACE,yDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,kBACE,wDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,cACE,oDACF,CACA,gBACE,sDACF,CACA,eACE,qDACF,CACA,aACE,mDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,kBACE,wDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,eACE,qDACF,CACA,eACE,iDACF,CACA,eACE,iDACF,CACA,iBACE,mDACF,CACA,eACE,iDACF,CACA,oBACE,sDACF,CACA,iBACE,mDACF,CACA,gBACE,kDACF,CACA,iBACE,mDACF,CACA,cACE,yCACF,CACA,gBACE,2CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,aACE,wCACF,CACA,cACE,yCACF,CACA,cACE,yCACF,CACA,YACE,uCACF,CACA,aACE,wCACF,CACA,eACE,0CACF,CACA,kBACE,6CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,eACE,0CACF,CACA,2DAEE,iDAAkD,CAClD,+BACF,CACA,iBACE,yBACF,CAMA,aAEE,yBACF,CACA,QACE,yBACF,CACA,MACE,yBACF,CACA,WAEE,2BACF,CACA,WACE,mCACF,CAIA,+BACE,8BACF,CACA,uBACE,mCACF,CACA,WACE,uBAAyB,CACzB,yBACF,CACA,aAEE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CAzCF,CAIA,iBAsCE,oCACE,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,oCACE,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,cACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACA,OACE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACA,oCACE,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,oCACE,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,aACE,4BACF,CACA,WACE,4BACF,CACA,eACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CACA,YACE,yBACF,CACA,cACE,2BACF,CACA,aACE,0BACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,iBACE,0BACF,CACA,gBACE,yBACF,CACA,kBACE,2BACF,CACF,CACA,uBACE,8BACF,CACA,cACE,+BACF,CACA,WACE,4BACF,CACA,cACE,+BACF,CACA,gBACE,iCACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,oCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,qCACE,kBACE,+BACF,CACA,eACE,4BACF,CACA,kBACE,+BACF,CACA,oBACE,iCACF,CACF,CACA,qCACE,mBACE,+BACF,CACA,gBACE,4BACF,CACA,mBACE,+BACF,CACA,qBACE,iCACF,CACF,CACA,mBACE,yBACF,CACA,iBACE,wBAA0B,CAC1B,0BACF,CACA,gBACE,cACF,CACA,eACE,cACF,CACA,aACE,cACF,CACA,cACE,uCACF,CAGA,uBACE,kBACF,CACA,QACE,6CACF,CACA,mBACE,mDACF,CACA,cACE,uCACF,CACA,mEACE,wCACF,CACA,gBACE,uCACF,CAGA,IACE,qBACF,CAIA,WACE,2BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,SACE,yBACF,CA7CF,CAqBA,iBAyBE,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,eACE,2BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,aACE,yBACF,CACF,CACA,SACE,sBACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,SACE,yBACF,CACA,SACE,0BACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,QACE,kBACF,CACA,QACE,mBACF,CACA,iCACE,UAAW,CACX,aACF,CAIA,uBACE,UACF,CACA,uBACE,0BACF,CACA,qBACE,wBACF,CACA,wBACE,sBACF,CACA,8BACE,4BACF,CACA,+BACE,6BACF,CACA,mBACE,sBACF,CACA,iBACE,oBACF,CACA,oBACE,kBACF,CACA,qBACE,mBACF,CACA,iBACE,aAAc,CACd,iBACF,CACA,kBACE,gBAAiB,CACjB,cACF,CACA,mBACE,gBAAiB,CACjB,iBACF,CACA,gBACE,qBACF,CACA,mBACE,mBACF,CACA,mBACE,iBACF,CACA,oBACE,kBACF,CACA,iBACE,SACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,4BACE,0BACF,CACA,0BACE,wBACF,CACA,6BACE,sBACF,CACA,mCACE,4BACF,CACA,oCACE,6BACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,kBACF,CACA,0BACE,mBACF,CACA,sBACE,aAAc,CACd,iBACF,CACA,uBACE,gBAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,iBACF,CACA,qBACE,qBACF,CACA,wBACE,mBACF,CACA,wBACE,iBACF,CACA,yBACE,kBACF,CACA,sBACE,SACF,CACF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,SACE,aACF,CACA,gBACE,oBACF,CACA,UACE,cACF,CACA,QACE,YACF,CACA,eACE,mBACF,CACA,aACE,qBACF,CACA,WACE,oBACF,CACA,yDACE,mBACE,oBACF,CACF,CACA,YACE,qBACF,CACA,cACE,0BAA4B,CAC5B,2BACF,CACA,UACE,2BACF,CACA,UACE,2BACF,CAGA,0BASE,0BAA2B,CAC3B,0BAA8B,CAJ9B,QAAS,CAJT,UAAW,CAEX,WAAY,CAIZ,eAAgB,CAHhB,SAAU,CAEV,iBAAkB,CAJlB,SAQF,CACA,MACE,sBACF,CACA,WACE,iBACF,CAnBF,CACA,iBAmBE,oCACE,cACE,sBACF,CACF,CACA,yDACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,8DACE,cACE,sBACF,CACF,CACA,wCACE,SACE,sBACF,CACF,CACA,qCACE,SACE,sBACF,CACF,CACA,wCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,+DACE,cACE,sBACF,CACF,CACA,wCACE,UACE,sBACF,CACF,CACA,qCACE,UACE,sBACF,CACF,CACA,wCACE,eACE,sBACF,CACF,CACF,CACA,iBACE,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,aACE,iBACF,CAGA,aACE,iBACF,CAJF,CAMF,CACA,iBACE,6CAEE,4BACF,CACA,iDAEE,uBACF,CACA,wCACE,mFAGE,eAAgB,CAChB,4BAA6B,CAC7B,kBAAmB,CAHnB,YAIF,CACA,+FAIE,2BAA4B,CAD5B,8CAA+C,CAD/C,iCAAmC,CAGnC,kBACF,CACA,+FAME,2BAA4B,CAH5B,2CAA4C,CAE5C,iCAAmC,CADnC,kBAAmB,CAFnB,SAKF,CACA,gbAME,sDAAwD,CADxD,cAEF,CACF,CACA,4CACE,6CAEE,wEAAyE,CACzE,oBACF,CACF,CACA,mBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,2BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,wBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,sBAAuB,CAFvB,eAGF,CACA,gCAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACF,CACA,iBAKE,mDAIE,YAAa,CADb,cAEF,CACA,4DAIE,eAAgB,CADhB,YAEF,CAMA,6IAGE,gDACF,CACF","file":"utilities.css","sourcesContent":["@layer utilities {\n  .background-primary {\n    background-color: var(--color-background-primary) !important;\n  }\n  .background-secondary {\n    background-color: var(--color-background-secondary) !important;\n  }\n  .background-contrast {\n    background-color: var(--color-background-contrast) !important;\n  }\n  .background-accent {\n    background-color: var(--color-background-accent) !important;\n  }\n  .background-accent1-blog {\n    background-color: var(--color-background-accent1-blog) !important;\n  }\n  .background-accent2-blog {\n    background-color: var(--color-background-accent2-blog) !important;\n  }\n  .surface-primary {\n    background-color: var(--color-surface-primary) !important;\n  }\n  .surface-secondary {\n    background-color: var(--color-surface-secondary) !important;\n  }\n  .surface-tertiary {\n    background-color: var(--color-surface-tertiary) !important;\n  }\n  .surface-subtle {\n    background-color: var(--color-surface-subtle) !important;\n  }\n  .surface-moderate {\n    background-color: var(--color-surface-moderate) !important;\n  }\n  .surface-contrast {\n    background-color: var(--color-surface-contrast) !important;\n  }\n  .surface-accent {\n    background-color: var(--color-surface-accent) !important;\n  }\n  .fill-primary {\n    background-color: var(--color-fill-primary) !important;\n  }\n  .fill-secondary {\n    background-color: var(--color-fill-secondary) !important;\n  }\n  .fill-tertiary {\n    background-color: var(--color-fill-tertiary) !important;\n  }\n  .fill-subtle {\n    background-color: var(--color-fill-subtle) !important;\n  }\n  .fill-moderate {\n    background-color: var(--color-fill-moderate) !important;\n  }\n  .fill-disabled {\n    background-color: var(--color-fill-disabled) !important;\n  }\n  .fill-contrast {\n    background-color: var(--color-fill-contrast) !important;\n  }\n  .fill-accent1 {\n    background-color: var(--color-fill-accent1) !important;\n  }\n  .fill-accent2 {\n    background-color: var(--color-fill-accent2) !important;\n  }\n  .fill-accent3 {\n    background-color: var(--color-fill-accent3) !important;\n  }\n  .fill-accent4 {\n    background-color: var(--color-fill-accent4) !important;\n  }\n  .fill-accent5 {\n    background-color: var(--color-fill-accent5) !important;\n  }\n  .fill-accent6 {\n    background-color: var(--color-fill-accent6) !important;\n  }\n  .fill-information {\n    background-color: var(--color-fill-information) !important;\n  }\n  .fill-positive {\n    background-color: var(--color-fill-positive) !important;\n  }\n  .fill-warning {\n    background-color: var(--color-fill-warning) !important;\n  }\n  .fill-negative {\n    background-color: var(--color-fill-negative) !important;\n  }\n  .border-subtle {\n    border-color: var(--color-border-subtle) !important;\n  }\n  .border-strong {\n    border-color: var(--color-border-strong) !important;\n  }\n  .border-contrast {\n    border-color: var(--color-border-contrast) !important;\n  }\n  .border-accent {\n    border-color: var(--color-border-accent) !important;\n  }\n  .border-information {\n    border-color: var(--color-border-information) !important;\n  }\n  .border-positive {\n    border-color: var(--color-border-positive) !important;\n  }\n  .border-warning {\n    border-color: var(--color-border-warning) !important;\n  }\n  .border-negative {\n    border-color: var(--color-border-negative) !important;\n  }\n  .text-default {\n    color: var(--color-text-default) !important;\n  }\n  .text-secondary {\n    color: var(--color-text-secondary) !important;\n  }\n  .text-disabled {\n    color: var(--color-text-disabled) !important;\n  }\n  .text-inverse {\n    color: var(--color-text-inverse) !important;\n  }\n  .text-accent {\n    color: var(--color-text-accent) !important;\n  }\n  .icon-default {\n    color: var(--color-icon-default) !important;\n  }\n  .icon-inverse {\n    color: var(--color-icon-inverse) !important;\n  }\n  .icon-brand {\n    color: var(--color-icon-brand) !important;\n  }\n  .icon-accent {\n    color: var(--color-icon-accent) !important;\n  }\n  .icon-disabled {\n    color: var(--color-icon-disabled) !important;\n  }\n  .icon-information {\n    color: var(--color-icon-information) !important;\n  }\n  .icon-positive {\n    color: var(--color-icon-positive) !important;\n  }\n  .icon-warning {\n    color: var(--color-icon-warning) !important;\n  }\n  .icon-negative {\n    color: var(--color-icon-negative) !important;\n  }\n  .surface-secondary::selection,\n  .surface-tertiary::selection {\n    background-color: var(--color-background-contrast);\n    color: var(--color-text-inverse);\n  }\n  .background-none {\n    background: none !important;\n  }\n}\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer utilities {\n  strong,\n  .bold {\n    font-weight: 700 !important;\n  }\n  .normal {\n    font-weight: 400 !important;\n  }\n  .thin {\n    font-weight: 300 !important;\n  }\n  em,\n  .italic {\n    font-style: italic !important;\n  }\n  .underline {\n    text-decoration: underline !important;\n  }\n  .no-underline {\n    text-decoration: none !important;\n  }\n  .underline-hover {\n    text-decoration: none !important;\n  }\n  .underline-hover:hover {\n    text-decoration: underline !important;\n  }\n  .no-accent {\n    color: inherit !important;\n    text-decoration: underline;\n  }\n  small,\n  .small {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 400;\n    letter-spacing: 0rem;\n  }\n  @media screen and (min-width: 768px) {\n    small,\n    .small {\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 400;\n      letter-spacing: -0.00625rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    small,\n    .small {\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 400;\n      letter-spacing: -0.00625rem;\n    }\n  }\n  .body-text-sm {\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 400;\n    letter-spacing: -0.00625rem;\n  }\n  .large {\n    font-size: 1.125rem;\n    line-height: 1.625rem;\n    font-weight: 400;\n    letter-spacing: -0.0125rem;\n  }\n  @media screen and (min-width: 768px) {\n    .large {\n      font-size: 1.25rem;\n      line-height: 1.875rem;\n      font-weight: 400;\n      letter-spacing: -0.0125rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .large {\n      font-size: 1.25rem;\n      line-height: 1.875rem;\n      font-weight: 400;\n      letter-spacing: -0.0125rem;\n    }\n  }\n  .text-nowrap {\n    white-space: nowrap !important;\n  }\n  .text-wrap {\n    white-space: normal !important;\n  }\n  .text-ellipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .align-left {\n    text-align: left !important;\n  }\n  .align-center {\n    text-align: center !important;\n  }\n  .align-right {\n    text-align: right !important;\n  }\n  @media screen and (min-width: 480px) {\n    .align-sm-right {\n      text-align: right !important;\n    }\n    .align-sm-left {\n      text-align: left !important;\n    }\n    .align-sm-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .align-md-right {\n      text-align: right !important;\n    }\n    .align-md-left {\n      text-align: left !important;\n    }\n    .align-md-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .align-lg-right {\n      text-align: right !important;\n    }\n    .align-lg-left {\n      text-align: left !important;\n    }\n    .align-lg-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .align-xl-right {\n      text-align: right !important;\n    }\n    .align-xl-left {\n      text-align: left !important;\n    }\n    .align-xl-center {\n      text-align: center !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .align-xxl-right {\n      text-align: right !important;\n    }\n    .align-xxl-left {\n      text-align: left !important;\n    }\n    .align-xxl-center {\n      text-align: center !important;\n    }\n  }\n  .reset-text-decoration {\n    text-decoration: none !important;\n  }\n  .align-middle {\n    vertical-align: middle !important;\n  }\n  .align-top {\n    vertical-align: top !important;\n  }\n  .align-bottom {\n    vertical-align: bottom !important;\n  }\n  .align-baseline {\n    vertical-align: baseline !important;\n  }\n  @media screen and (min-width: 480px) {\n    .align-middle--sm {\n      vertical-align: middle !important;\n    }\n    .align-top--sm {\n      vertical-align: top !important;\n    }\n    .align-bottom--sm {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--sm {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .align-middle--md {\n      vertical-align: middle !important;\n    }\n    .align-top--md {\n      vertical-align: top !important;\n    }\n    .align-bottom--md {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--md {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .align-middle--lg {\n      vertical-align: middle !important;\n    }\n    .align-top--lg {\n      vertical-align: top !important;\n    }\n    .align-bottom--lg {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--lg {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .align-middle--xl {\n      vertical-align: middle !important;\n    }\n    .align-top--xl {\n      vertical-align: top !important;\n    }\n    .align-bottom--xl {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--xl {\n      vertical-align: baseline !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .align-middle--xxl {\n      vertical-align: middle !important;\n    }\n    .align-top--xxl {\n      vertical-align: top !important;\n    }\n    .align-bottom--xxl {\n      vertical-align: bottom !important;\n    }\n    .align-baseline--xxl {\n      vertical-align: baseline !important;\n    }\n  }\n  .reset-font-weight {\n    font-weight: normal !important;\n  }\n  .reset-font-size {\n    font-size: 16px !important;\n    line-height: 1.25 !important;\n  }\n  .text-fullwidth {\n    max-width: none;\n  }\n  .text-readable {\n    max-width: 35em;\n  }\n  .text-narrow {\n    max-width: 22em;\n  }\n  .text-relaxed {\n    max-inline-size: clamp(40rem, 75vw, 70rem);\n  }\n}\n@layer utilities {\n  .border-radius--medium {\n    border-radius: 10px;\n  }\n  .border {\n    border: 2px solid var(--color-border-contrast);\n  }\n  .border.is-invalid {\n    border-color: var(--color-border-negative) !important;\n  }\n  .border--gray {\n    border-color: var(--color-border-subtle);\n  }\n  .border--gray.border-hover:hover, .border--gray.is-indicating:hover {\n    border-color: var(--color-text-secondary);\n  }\n  .border--orange {\n    border-color: var(--color-border-accent);\n  }\n}\n@layer utilities {\n  .mb {\n    margin-bottom: 1.25rem;\n  }\n  .mb-none {\n    margin-bottom: 0 !important;\n  }\n  .mb-xsmall {\n    margin-bottom: 5px !important;\n  }\n  .mb-small {\n    margin-bottom: 10px !important;\n  }\n  .mb-medium {\n    margin-bottom: 20px !important;\n  }\n  .mb-large {\n    margin-bottom: 30px !important;\n  }\n  .mb-xlarge {\n    margin-bottom: 60px !important;\n  }\n  .mb-none {\n    margin-bottom: 0 !important;\n  }\n  @media screen and (min-width: 480px) {\n    .mb-sm-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-sm-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-sm-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-sm-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-sm-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-sm-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-sm-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .mb-md-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-md-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-md-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-md-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-md-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-md-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-md-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .mb-lg-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-lg-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-lg-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-lg-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-lg-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-lg-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-lg-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .mb-xl-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-xl-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-xl-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-xl-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-xl-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-xl-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-xl-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .mb-xxl-none {\n      margin-bottom: 0 !important;\n    }\n    .mb-xxl-xsmall {\n      margin-bottom: 5px !important;\n    }\n    .mb-xxl-small {\n      margin-bottom: 10px !important;\n    }\n    .mb-xxl-medium {\n      margin-bottom: 20px !important;\n    }\n    .mb-xxl-large {\n      margin-bottom: 30px !important;\n    }\n    .mb-xxl-xlarge {\n      margin-bottom: 60px !important;\n    }\n    .mb-xxl-none {\n      margin-bottom: 0 !important;\n    }\n  }\n  .mt-none {\n    margin-top: 0 !important;\n  }\n  .pt-none {\n    padding-top: 0 !important;\n  }\n  .mr-none {\n    margin-right: 0 !important;\n  }\n  .pr-none {\n    padding-right: 0 !important;\n  }\n  .pb-none {\n    padding-bottom: 0 !important;\n  }\n  .ml-none {\n    margin-left: 0 !important;\n  }\n  .pl-none {\n    padding-left: 0 !important;\n  }\n  .no-mrg {\n    margin: 0 !important;\n  }\n  .no-pad {\n    padding: 0 !important;\n  }\n  .clearfix::before, .clearfix::after {\n    content: \"\";\n    display: table;\n  }\n  .clearfix::after {\n    clear: both;\n  }\n  .clear {\n    clear: both;\n  }\n  .justify-content-start {\n    justify-content: flex-start;\n  }\n  .justify-content-end {\n    justify-content: flex-end;\n  }\n  .justify-content-center {\n    justify-content: center;\n  }\n  .justify-content-space-around {\n    justify-content: space-around;\n  }\n  .justify-content-space-between {\n    justify-content: space-between;\n  }\n  .align-items-start {\n    align-items: flex-start;\n  }\n  .align-items-end {\n    align-items: flex-end;\n  }\n  .align-items-center {\n    align-items: center;\n  }\n  .align-items-stretch {\n    align-items: stretch;\n  }\n  .align-self-left {\n    margin-left: 0;\n    margin-right: auto;\n  }\n  .align-self-right {\n    margin-left: auto;\n    margin-right: 0;\n  }\n  .align-self-center {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .align-self-top {\n    align-self: flex-start;\n  }\n  .align-self-bottom {\n    align-self: flex-end;\n  }\n  .align-self-middle {\n    align-self: center;\n  }\n  .align-self-stretch {\n    align-self: stretch;\n  }\n  .align-self-last {\n    order: 999;\n  }\n  @media screen and (min-width: 480px) {\n    .justify-content-start--sm {\n      justify-content: flex-start;\n    }\n    .justify-content-end--sm {\n      justify-content: flex-end;\n    }\n    .justify-content-center--sm {\n      justify-content: center;\n    }\n    .justify-content-space-around--sm {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--sm {\n      justify-content: space-between;\n    }\n    .align-items-start--sm {\n      align-items: flex-start;\n    }\n    .align-items-end--sm {\n      align-items: flex-end;\n    }\n    .align-items-center--sm {\n      align-items: center;\n    }\n    .align-items-stretch--sm {\n      align-items: stretch;\n    }\n    .align-self-left--sm {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--sm {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--sm {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--sm {\n      align-self: flex-start;\n    }\n    .align-self-bottom--sm {\n      align-self: flex-end;\n    }\n    .align-self-middle--sm {\n      align-self: center;\n    }\n    .align-self-stretch--sm {\n      align-self: stretch;\n    }\n    .align-self-last--sm {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .justify-content-start--md {\n      justify-content: flex-start;\n    }\n    .justify-content-end--md {\n      justify-content: flex-end;\n    }\n    .justify-content-center--md {\n      justify-content: center;\n    }\n    .justify-content-space-around--md {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--md {\n      justify-content: space-between;\n    }\n    .align-items-start--md {\n      align-items: flex-start;\n    }\n    .align-items-end--md {\n      align-items: flex-end;\n    }\n    .align-items-center--md {\n      align-items: center;\n    }\n    .align-items-stretch--md {\n      align-items: stretch;\n    }\n    .align-self-left--md {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--md {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--md {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--md {\n      align-self: flex-start;\n    }\n    .align-self-bottom--md {\n      align-self: flex-end;\n    }\n    .align-self-middle--md {\n      align-self: center;\n    }\n    .align-self-stretch--md {\n      align-self: stretch;\n    }\n    .align-self-last--md {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .justify-content-start--lg {\n      justify-content: flex-start;\n    }\n    .justify-content-end--lg {\n      justify-content: flex-end;\n    }\n    .justify-content-center--lg {\n      justify-content: center;\n    }\n    .justify-content-space-around--lg {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--lg {\n      justify-content: space-between;\n    }\n    .align-items-start--lg {\n      align-items: flex-start;\n    }\n    .align-items-end--lg {\n      align-items: flex-end;\n    }\n    .align-items-center--lg {\n      align-items: center;\n    }\n    .align-items-stretch--lg {\n      align-items: stretch;\n    }\n    .align-self-left--lg {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--lg {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--lg {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--lg {\n      align-self: flex-start;\n    }\n    .align-self-bottom--lg {\n      align-self: flex-end;\n    }\n    .align-self-middle--lg {\n      align-self: center;\n    }\n    .align-self-stretch--lg {\n      align-self: stretch;\n    }\n    .align-self-last--lg {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .justify-content-start--xl {\n      justify-content: flex-start;\n    }\n    .justify-content-end--xl {\n      justify-content: flex-end;\n    }\n    .justify-content-center--xl {\n      justify-content: center;\n    }\n    .justify-content-space-around--xl {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--xl {\n      justify-content: space-between;\n    }\n    .align-items-start--xl {\n      align-items: flex-start;\n    }\n    .align-items-end--xl {\n      align-items: flex-end;\n    }\n    .align-items-center--xl {\n      align-items: center;\n    }\n    .align-items-stretch--xl {\n      align-items: stretch;\n    }\n    .align-self-left--xl {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--xl {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--xl {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--xl {\n      align-self: flex-start;\n    }\n    .align-self-bottom--xl {\n      align-self: flex-end;\n    }\n    .align-self-middle--xl {\n      align-self: center;\n    }\n    .align-self-stretch--xl {\n      align-self: stretch;\n    }\n    .align-self-last--xl {\n      order: 999;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .justify-content-start--xxl {\n      justify-content: flex-start;\n    }\n    .justify-content-end--xxl {\n      justify-content: flex-end;\n    }\n    .justify-content-center--xxl {\n      justify-content: center;\n    }\n    .justify-content-space-around--xxl {\n      justify-content: space-around;\n    }\n    .justify-content-space-between--xxl {\n      justify-content: space-between;\n    }\n    .align-items-start--xxl {\n      align-items: flex-start;\n    }\n    .align-items-end--xxl {\n      align-items: flex-end;\n    }\n    .align-items-center--xxl {\n      align-items: center;\n    }\n    .align-items-stretch--xxl {\n      align-items: stretch;\n    }\n    .align-self-left--xxl {\n      margin-left: 0;\n      margin-right: auto;\n    }\n    .align-self-right--xxl {\n      margin-left: auto;\n      margin-right: 0;\n    }\n    .align-self-center--xxl {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .align-self-top--xxl {\n      align-self: flex-start;\n    }\n    .align-self-bottom--xxl {\n      align-self: flex-end;\n    }\n    .align-self-middle--xxl {\n      align-self: center;\n    }\n    .align-self-stretch--xxl {\n      align-self: stretch;\n    }\n    .align-self-last--xxl {\n      order: 999;\n    }\n  }\n  .aspect-ratio-21-9 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 21/9;\n  }\n  .aspect-ratio-16-9 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 16/9;\n  }\n  .aspect-ratio-4-3 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 4/3;\n  }\n  .aspect-ratio-1-1 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 1/1;\n  }\n  .aspect-ratio-3-2 {\n    max-width: 100%;\n    border: 0;\n    aspect-ratio: 3/2;\n  }\n  .d-block {\n    display: block;\n  }\n  .d-inline-block {\n    display: inline-block;\n  }\n  .d-inline {\n    display: inline;\n  }\n  .d-flex {\n    display: flex;\n  }\n  .d-inline-flex {\n    display: inline-flex;\n  }\n  .flex-column {\n    flex-direction: column;\n  }\n  .fullwidth {\n    width: 100% !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .fullwidth-xs-only {\n      width: 100% !important;\n    }\n  }\n  .fullheight {\n    height: 100% !important;\n  }\n  .center-block {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  .relative {\n    position: relative !important;\n  }\n  .absolute {\n    position: absolute !important;\n  }\n}\n@layer utilities {\n  .visually-hidden,\n  .sr-only {\n    height: 1px;\n    width: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    position: absolute;\n    overflow: hidden;\n    clip: rect(1px 1px 1px 1px);\n    clip: rect(1px, 1px, 1px, 1px);\n  }\n  .hide {\n    display: none !important;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  @media screen and (min-width: 480px) {\n    .show-xs-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .hide-xs-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .show-sm {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .hide-sm {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .show-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .show-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .hide-sm-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .show-md {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .hide-md {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .show-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .show-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .hide-md-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .show-lg {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .hide-lg {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .show-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .show-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .hide-lg-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .show-xl {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .hide-xl {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .show-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .show-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .hide-xl-only {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .show-xxl {\n      display: none !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .hide-xxl {\n      display: none !important;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .show-xxl-only {\n      display: none !important;\n    }\n  }\n}\n@layer utilities {\n  .order-1 {\n    order: 1 !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .order-1-xs-only {\n      order: 1 !important;\n    }\n  }\n  .order-2 {\n    order: 2 !important;\n  }\n  @media screen and (min-width: 0) and (max-width: 479.98px) {\n    .order-2-xs-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .order-1-sm {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .order-1-sm-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 480px) {\n    .order-2-sm {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 480px) and (max-width: 767.98px) {\n    .order-2-sm-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .order-1-md {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .order-1-md-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .order-2-md {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 768px) and (max-width: 991.98px) {\n    .order-2-md-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .order-1-lg {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .order-1-lg-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .order-2-lg {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n    .order-2-lg-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .order-1-xl {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .order-1-xl-only {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .order-2-xl {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n    .order-2-xl-only {\n      order: 2 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .order-1-xxl {\n      order: 1 !important;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .order-2-xxl {\n      order: 2 !important;\n    }\n  }\n}\n@layer utilities {\n  [class*=horizontal-scroll],\n  .table-scrollable {\n    scroll-snap-type: x mandatory;\n  }\n  [class*=horizontal-scroll] > *,\n  .table-scrollable > * {\n    scroll-snap-align: start;\n  }\n  @supports selector(::-webkit-scrollbar) {\n    [class*=horizontal-scroll]::-webkit-scrollbar,\n    .table-scrollable::-webkit-scrollbar {\n      height: 0.5rem;\n      appearance: none;\n      background-color: transparent;\n      border-radius: 99px;\n    }\n    [class*=horizontal-scroll]::-webkit-scrollbar-track,\n    .table-scrollable::-webkit-scrollbar-track {\n      border: 0.0625rem solid transparent;\n      background-color: var(--color-surface-moderate);\n      background-clip: content-box;\n      border-radius: 99px;\n    }\n    [class*=horizontal-scroll]::-webkit-scrollbar-thumb,\n    .table-scrollable::-webkit-scrollbar-thumb {\n      opacity: 1;\n      background-color: var(--color-fill-contrast);\n      border-radius: 99px;\n      border: 0.0625rem solid transparent;\n      background-clip: content-box;\n    }\n    [class*=horizontal-scroll]:hover::-webkit-scrollbar-thumb, [class*=horizontal-scroll]:active::-webkit-scrollbar-thumb, [class*=horizontal-scroll]::-webkit-scrollbar-thumb:hover, [class*=horizontal-scroll]::-webkit-scrollbar-thumb:active,\n    .table-scrollable:hover::-webkit-scrollbar-thumb,\n    .table-scrollable:active::-webkit-scrollbar-thumb,\n    .table-scrollable::-webkit-scrollbar-thumb:hover,\n    .table-scrollable::-webkit-scrollbar-thumb:active {\n      border-width: 0;\n      background-color: var(--color-fill-secondary) !important;\n    }\n  }\n  @supports not selector(::-webkit-scrollbar) {\n    [class*=horizontal-scroll],\n    .table-scrollable {\n      scrollbar-color: var(--color-fill-contrast) var(--color-surface-moderate);\n      scrollbar-width: thin;\n    }\n  }\n  .horizontal-scroll {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: auto;\n    margin-bottom: 1.875rem;\n  }\n  .horizontal-scroll-disable {\n    flex-wrap: wrap;\n    overflow-x: initial;\n    -webkit-overflow-scrolling: initial;\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 480px) {\n    .horizontal-scroll--sm {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--sm-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .horizontal-scroll--md {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--md-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .horizontal-scroll--lg {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--lg-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .horizontal-scroll--xl {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--xl-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .horizontal-scroll--xxl {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: auto;\n      margin-bottom: 1.875rem;\n    }\n    .horizontal-scroll--xxl-disable {\n      flex-wrap: wrap;\n      overflow-x: initial;\n      -webkit-overflow-scrolling: initial;\n      margin-bottom: 0;\n    }\n  }\n}\n@layer utilities {\n  /**\n  * Resets for megamenu and footer\n  * This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n  **/\n  .osk-footer-menu,\n  .mm-header ul,\n  .megamenu-header ul {\n    max-width: none;\n    margin-top: 0;\n  }\n  .osk-footer-menu li,\n  .mm-header ul li,\n  .megamenu-header ul li {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n  /**\n  * Fixes for header and megamenu when modal is open\n  * This is required to prevent the header and megamenu from shifting when a modal is open due to scrollbar disappearance.\n  * This is a temporary fix and will be removed once the header and megamenu components are migrated to ods2\n  **/\n  body.has-modal .mm-header.is-sticky,\n  body.has-modal .megamenu-header.is-sticky,\n  body.has-modal [data-megamenu]:not(.non-sticky):not(.megamenu) {\n    padding-right: var(--ods-modal-scrollbar-width, 0px);\n  }\n}"]}

package/build/play--dark.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.25 21.2114V2.78954C2.25012 2.74957 2.26204 2.71053 2.28427 2.67731C2.30649 2.64409 2.33803 2.61817 2.37492 2.6028C2.41182 2.58743 2.45243 2.5833 2.49166 2.59092C2.5309 2.59854 2.56701 2.61757 2.59547 2.64563L12.1875 12L2.59547 21.3553C2.56701 21.3834 2.5309 21.4024 2.49166 21.41C2.45243 21.4177 2.41182 21.4135 2.37492 21.3982C2.33803 21.3828 2.30649 21.3569 2.28427 21.3236C2.26204 21.2904 2.25012 21.2514 2.25 21.2114Z" fill="black"/>
+  <path d="M16.2094 15.8438L4.18219 22.47L4.17469 22.4742C3.9675 22.5867 3.77063 22.3064 3.94031 22.1433L13.3683 13.1283L16.2094 15.8438Z" fill="black"/>
+  <path d="M3.94126 1.85671C3.77063 1.69359 3.96751 1.41327 4.17563 1.52577L4.18313 1.52999L16.2094 8.15624L13.3683 10.8727L3.94126 1.85671Z" fill="black"/>
+  <path d="M21.0647 13.1719L17.7061 15.0216L14.5481 12L17.7061 8.97986L21.0647 10.8281C21.9783 11.333 21.9783 12.667 21.0647 13.1719Z" fill="black"/>
+</svg>

package/build/play--white.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.25 21.2114V2.78954C2.25012 2.74957 2.26204 2.71053 2.28427 2.67731C2.30649 2.64409 2.33803 2.61817 2.37492 2.6028C2.41182 2.58743 2.45243 2.5833 2.49166 2.59092C2.5309 2.59854 2.56701 2.61757 2.59547 2.64563L12.1875 12L2.59547 21.3553C2.56701 21.3834 2.5309 21.4024 2.49166 21.41C2.45243 21.4177 2.41182 21.4135 2.37492 21.3982C2.33803 21.3828 2.30649 21.3569 2.28427 21.3236C2.26204 21.2904 2.25012 21.2514 2.25 21.2114Z" fill="white"/>
+  <path d="M16.2093 15.8437L4.18216 22.47L4.17466 22.4742C3.96747 22.5867 3.7706 22.3064 3.94028 22.1433L13.3683 13.1283L16.2093 15.8437Z" fill="white"/>
+  <path d="M3.9412 1.85674C3.77057 1.69362 3.96745 1.4133 4.17557 1.5258L4.18307 1.53002L16.2093 8.15627L13.3682 10.8727L3.9412 1.85674Z" fill="white"/>
+  <path d="M21.0647 13.1719L17.7061 15.0215L14.5481 12L17.7061 8.97983L21.0647 10.8281C21.9783 11.333 21.9783 12.667 21.0647 13.1719Z" fill="white"/>
+</svg>

package/build/play.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.25 21.2114V2.78954C2.25012 2.74957 2.26204 2.71053 2.28427 2.67731C2.30649 2.64409 2.33803 2.61817 2.37492 2.6028C2.41182 2.58743 2.45243 2.5833 2.49166 2.59092C2.5309 2.59854 2.56701 2.61757 2.59547 2.64563L12.1875 12L2.59547 21.3553C2.56701 21.3834 2.5309 21.4024 2.49166 21.41C2.45243 21.4177 2.41182 21.4135 2.37492 21.3982C2.33803 21.3828 2.30649 21.3569 2.28427 21.3236C2.26204 21.2904 2.25012 21.2514 2.25 21.2114Z" fill="black"/>
+  <path d="M16.2094 15.8438L4.18219 22.47L4.17469 22.4742C3.9675 22.5867 3.77063 22.3064 3.94031 22.1433L13.3683 13.1283L16.2094 15.8438Z" fill="black"/>
+  <path d="M3.94126 1.85671C3.77063 1.69359 3.96751 1.41327 4.17563 1.52577L4.18313 1.52999L16.2094 8.15624L13.3683 10.8727L3.94126 1.85671Z" fill="black"/>
+  <path d="M21.0647 13.1719L17.7061 15.0216L14.5481 12L17.7061 8.97986L21.0647 10.8281C21.9783 11.333 21.9783 12.667 21.0647 13.1719Z" fill="black"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangesk/orange-design-system",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "private": false,
   "engines": {
     "node": ">=20.x"
@@ -56,7 +56,7 @@
     "@cloudfour/transition-hidden-element": "^2.0.2",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "16.2.12",
+    "@next/mdx": "16.3.0",
     "@orangesk/accessible-autocomplete": "3.2.2",
     "@popperjs/core": "^2.11.8",
     "@types/mdx": "^2.0.14",
@@ -64,11 +64,11 @@
     "classnames": "^2.5.1",
     "daypickr": "^0.3.4",
     "diff2html": "^3.4.56",
-    "dompurify": "^3.4.12",
+    "dompurify": "^3.4.13",
     "html-react-parser": "6.1.5",
     "lorem-ipsum": "3.0.0",
     "minisearch": "7.2.0",
-    "next": "16.2.12",
+    "next": "16.3.0",
     "normalize.css": "^8.0.1",
     "nouislider": "^15.8.1",
     "prism-react-renderer": "^2.4.1",
@@ -100,11 +100,11 @@
     "@rollup/plugin-terser": "1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-url": "^8.0.2",
-    "@rollup/rollup-darwin-arm64": "^4.62.3",
+    "@rollup/rollup-darwin-arm64": "^4.62.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.3",
     "@types/node": "26.1.2",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.4",
@@ -117,16 +117,16 @@
     "canvas": "^3.2.3",
     "fs-extra": "^11.4.0",
     "glob": "13.0.6",
-    "html-validate": "11.6.0",
+    "html-validate": "11.6.2",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "30.0.1",
-    "lint-staged": "17.2.0",
+    "lint-staged": "17.3.0",
     "playwright": "^1.62.1",
     "prettier": "^3.9.6",
-    "rollup": "^4.62.3",
+    "rollup": "^4.62.4",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-dts": "^6.5.1",
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.102.0",
     "svg-sprite": "^2.0.4",

package/src/components/BodyBanner/styles/mixins.scss

@@ -102,6 +102,12 @@
   }
 
   .body-banner__image {
+    > * {
+      width: fit-content;
+      max-width: 100%;
+      height: 100%;
+    }
+
     img {
       width: 100%;
       height: 100%;

package/src/components/FeatureAccordion/styles/mixins.scss

@@ -56,6 +56,12 @@ $preview-height: convert.to-rem(480px);
     align-items: stretch;
   }
 
+  // Image may be wrapped in a div or picture element by page-builder output.
+  > * {
+    display: block;
+    width: 100%;
+  }
+
   @include breakpoint.get("xl", "down") {
     display: block;
     height: auto;

package/src/components/Megamenu/LogoJeTu.tsx

@@ -6,9 +6,8 @@ export const LogoJeTu: React.FC = () => {
       viewBox="0 0 40 67"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      aria-hidden="true"
     >
-      <g clipPath="url(#clip0_897_389)">
+      <g clipPath="url(#clip0_21208_2750)">
         <rect width="40" height="40" fill="white" />
         <rect width="40" height="40" fill="#FF7900" />
         <path
@@ -20,11 +19,17 @@ export const LogoJeTu: React.FC = () => {
         <path
           fillRule="evenodd"
           clipRule="evenodd"
-          d="M29.417 36.2296V30.969L28.1861 30.9718L28.0717 31.6068C27.9581 31.3346 27.5374 30.8676 26.4692 30.8676C25.2875 30.869 24.2354 31.9085 24.2354 33.7662C24.2354 35.6451 25.2565 36.5437 26.5508 36.5437C27.4001 36.5437 27.7537 36.1493 27.9861 35.7352L28.0058 35.7549V36.4014C28.0058 37.2704 27.6382 37.6338 26.879 37.6338C26.0607 37.6338 25.8945 37.3606 25.8339 37.0873L24.3903 37.3197C24.5931 38.2747 25.6058 38.7042 26.6973 38.7042C29.3466 38.6873 29.417 37.1592 29.417 36.2296ZM28.0116 33.4775C28.0116 34.2155 27.9187 35.3437 26.8088 35.3521C25.7356 35.3592 25.6877 34.2254 25.6877 33.538C25.6877 32.2859 26.2736 31.9028 26.799 31.9028C27.5891 31.9028 28.0116 32.6099 28.0116 33.4775Z"
+          d="M30.2988 33.7648C30.2988 35.5929 31.2763 36.645 32.9143 36.645C34.0566 36.645 34.9045 36.231 35.3763 35.445L34.3045 34.8507C33.9622 35.3324 33.5974 35.5549 33.0439 35.5549C32.1833 35.5549 31.7467 35.0239 31.7354 33.9718H35.4354C35.4354 33.9274 35.4382 33.8817 35.441 33.8352C35.4438 33.7873 35.4467 33.7387 35.4467 33.6901C35.4467 31.8831 34.496 30.8619 32.8904 30.8619C31.2847 30.8619 30.2988 31.9366 30.2988 33.7648ZM32.8904 31.8507C33.5876 31.8507 34.0101 32.2873 34.0101 33.031H31.7636C31.8186 32.2732 32.2312 31.8507 32.8904 31.8507Z"
           fill="white"
         />
         <path
-          d="M18.2451 31.1366L19.455 30.969L19.5874 31.6281C20.2705 31.1281 20.8127 30.8619 21.4958 30.8619C22.6395 30.8619 23.2282 31.469 23.2282 32.6704V36.5394H21.7677V32.9253C21.7677 32.245 21.5902 31.9394 21.0634 31.9394C20.6268 31.9394 20.1916 32.1408 19.6958 32.5563V36.5422H18.2451V31.1366Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M29.4168 36.2296V30.969L28.1858 30.9718L28.0715 31.6068C27.9579 31.3346 27.5372 30.8676 26.4689 30.8676C25.2872 30.869 24.2351 31.9085 24.2351 33.7662C24.2351 35.6451 25.2562 36.5437 26.5506 36.5437C27.3999 36.5437 27.7534 36.1493 27.9858 35.7352L28.0055 35.7549V36.4014C28.0055 37.2704 27.6379 37.6338 26.8788 37.6338C26.0605 37.6338 25.8943 37.3606 25.8337 37.0873L24.39 37.3197C24.5929 38.2747 25.6055 38.7042 26.6971 38.7042C29.3464 38.6873 29.4168 37.1592 29.4168 36.2296ZM28.0114 33.4775C28.0114 34.2155 27.9184 35.3437 26.8086 35.3521C25.7353 35.3592 25.6874 34.2254 25.6874 33.538C25.6874 32.2859 26.2734 31.9028 26.7987 31.9028C27.5889 31.9028 28.0114 32.6099 28.0114 33.4775Z"
+          fill="white"
+        />
+        <path
+          d="M18.2454 31.1366L19.4552 30.969L19.5876 31.6281C20.2707 31.1281 20.813 30.8619 21.4961 30.8619C22.6397 30.8619 23.2285 31.469 23.2285 32.6704V36.5394H21.7679V32.9253C21.7679 32.245 21.5904 31.9394 21.0637 31.9394C20.6271 31.9394 20.1918 32.1408 19.6961 32.5563V36.5422H18.2454V31.1366Z"
           fill="white"
         />
         <path
@@ -34,7 +39,7 @@ export const LogoJeTu: React.FC = () => {
           fill="white"
         />
         <path
-          d="M8.6665 30.9859H10.0566V31.6394C10.4389 31.1829 10.9931 30.905 11.5876 30.8718C11.6507 30.8702 11.7138 30.8735 11.7764 30.8817V32.2535H11.7059C11.0693 32.2535 10.3735 32.3521 10.1566 32.8465V36.5422H8.6665V30.9859Z"
+          d="M8.66626 30.9859H10.0564V31.6394C10.4387 31.1829 10.9929 30.905 11.5874 30.8718C11.6505 30.8702 11.7136 30.8735 11.7761 30.8817V32.2535H11.7057C11.0691 32.2535 10.3733 32.3521 10.1564 32.8465V36.5422H8.66626V30.9859Z"
           fill="white"
         />
         <path
@@ -45,13 +50,13 @@ export const LogoJeTu: React.FC = () => {
         />
       </g>
       <path
-        d="M5.17969 48.9411V58.7468C5.17969 59.2294 5.12509 59.648 5.01562 60.0016C4.91726 60.3582 4.73898 60.6555 4.47949 60.8903C4.23191 61.1371 3.89372 61.3132 3.46875 61.4225C3.0428 61.5441 2.50378 61.6052 1.85352 61.6052C1.55111 61.6051 1.27791 61.5807 1.03418 61.5319L0.994141 61.5241V59.3054L1.06055 59.3298C1.18473 59.3749 1.35864 59.3991 1.58398 59.3991C1.84091 59.3991 2.06009 59.3467 2.24316 59.2438L2.24707 59.2419C2.42478 59.1581 2.52441 58.961 2.52441 58.6208V48.9411H5.17969ZM11.8213 48.6891C12.6199 48.6892 13.3186 48.8463 13.915 49.1628H13.9141C14.5085 49.4661 14.9944 49.8788 15.3711 50.4011C15.7592 50.9225 16.0385 51.5165 16.208 52.1823C16.3774 52.8477 16.437 53.5433 16.3887 54.2682L16.3857 54.3151H9.67871C9.72089 55.1097 9.92711 55.6774 10.29 56.029C10.6618 56.3892 11.1996 56.5729 11.9111 56.5729C12.4182 56.5729 12.8515 56.4489 13.2139 56.2038C13.5812 55.9431 13.7993 55.6758 13.8789 55.403L13.8896 55.3669H16.2461L16.2246 55.4323C15.8623 56.5556 15.3051 57.3652 14.5488 57.8532C13.7953 58.3393 12.885 58.5807 11.8213 58.5807C11.0842 58.5807 10.4178 58.4665 9.82324 58.236L9.82227 58.235C9.22819 57.9925 8.72374 57.653 8.31055 57.2155C7.89778 56.7784 7.57681 56.2565 7.34668 55.6511V55.6501C7.12849 55.044 7.01953 54.378 7.01953 53.653C7.01953 52.9515 7.13393 52.2972 7.36426 51.6911C7.59452 51.0852 7.9226 50.5629 8.34766 50.1257C8.77222 49.6771 9.27584 49.3254 9.85742 49.071C10.4523 48.816 11.1072 48.6891 11.8213 48.6891ZM32.832 48.9411V54.2468C32.832 55.0107 32.9512 55.5757 33.1836 55.9479L33.2773 56.072C33.5157 56.3432 33.8929 56.4831 34.4199 56.4831C35.1062 56.4831 35.5922 56.2819 35.8916 55.8903C36.1935 55.4835 36.3496 54.8133 36.3496 53.8688V48.9411H39.0059V58.3474H36.4756V57.0866C36.1522 57.6029 35.7387 57.981 35.2324 58.2165C34.7104 58.4592 34.1754 58.5807 33.6279 58.5807C33.0259 58.5807 32.5133 58.5119 32.0918 58.3718L31.917 58.3073C31.4782 58.1245 31.1281 57.8675 30.8701 57.5358V57.5349C30.6134 57.1925 30.4306 56.784 30.3213 56.3102L30.3203 56.3093C30.2236 55.8255 30.1758 55.2933 30.1758 54.7145V48.9411H32.832ZM27.167 46.1511V48.9411H29.0391V50.7507H27.167V55.3093C27.167 55.5226 27.1851 55.698 27.2197 55.8366C27.2544 55.9753 27.305 56.0741 27.3682 56.1374C27.4314 56.2007 27.5301 56.2521 27.6689 56.2868C27.8076 56.3215 27.9837 56.3386 28.1973 56.3386C28.3398 56.3386 28.4762 56.3328 28.6064 56.321C28.7368 56.3091 28.8614 56.2919 28.9795 56.2682L29.0391 56.2556V58.3395L28.9971 58.3464C28.7788 58.3827 28.5369 58.4066 28.2715 58.4186C28.0068 58.4307 27.7479 58.4372 27.4951 58.4372C27.0966 58.4372 26.7154 58.4069 26.3525 58.3464V58.3454C25.9998 58.2965 25.6819 58.194 25.4004 58.0349L25.3994 58.0339C25.1273 57.873 24.9109 57.6445 24.751 57.3493C24.5897 57.0515 24.5108 56.664 24.5107 56.1911V50.7507H22.9629V48.9411H24.5107V46.1511H27.167ZM11.749 50.7145C11.397 50.7146 11.0978 50.7697 10.8496 50.8766L10.7461 50.9255C10.4882 51.0544 10.2772 51.2174 10.1143 51.4147C9.96152 51.6145 9.85138 51.8264 9.78125 52.0485L9.78027 52.0475C9.72704 52.2502 9.69442 52.4329 9.67969 52.5954H13.7217C13.6007 51.9822 13.3926 51.5194 13.0986 51.2028L13.0977 51.2018C12.8104 50.8803 12.3642 50.7145 11.749 50.7145ZM5.17969 45.3952V47.6013H2.52441V45.3952H5.17969Z"
+        d="M5.17993 48.9411V58.7468C5.17993 59.2294 5.12534 59.648 5.01587 60.0016C4.91751 60.3582 4.73923 60.6555 4.47974 60.8903C4.23215 61.1371 3.89396 61.3132 3.46899 61.4225C3.04305 61.5441 2.50403 61.6052 1.85376 61.6052C1.55135 61.6051 1.27816 61.5807 1.03442 61.5319L0.994385 61.5241V59.3054L1.06079 59.3298C1.18497 59.3749 1.35889 59.3991 1.58423 59.3991C1.84115 59.3991 2.06033 59.3467 2.24341 59.2438L2.24731 59.2419C2.42503 59.1581 2.52466 58.961 2.52466 58.6208V48.9411H5.17993ZM11.8215 48.6891C12.6201 48.6892 13.3188 48.8463 13.9153 49.1628H13.9143C14.5087 49.4661 14.9946 49.8788 15.3713 50.4011C15.7594 50.9225 16.0387 51.5165 16.2083 52.1823C16.3776 52.8477 16.4372 53.5433 16.3889 54.2682L16.386 54.3151H9.67896C9.72114 55.1097 9.92735 55.6774 10.2903 56.029C10.6621 56.3892 11.1998 56.5729 11.9114 56.5729C12.4184 56.5729 12.8518 56.4489 13.2141 56.2038C13.5814 55.9431 13.7996 55.6758 13.8792 55.403L13.8899 55.3669H16.2463L16.2249 55.4323C15.8625 56.5556 15.3054 57.3652 14.5491 57.8532C13.7956 58.3393 12.8853 58.5807 11.8215 58.5807C11.0844 58.5807 10.418 58.4665 9.82349 58.236L9.82251 58.235C9.22844 57.9925 8.72398 57.653 8.31079 57.2155C7.89803 56.7784 7.57705 56.2565 7.34692 55.6511V55.6501C7.12873 55.044 7.01978 54.378 7.01978 53.653C7.01978 52.9515 7.13417 52.2972 7.3645 51.6911C7.59477 51.0852 7.92285 50.5629 8.3479 50.1257C8.77246 49.6771 9.27609 49.3254 9.85767 49.071C10.4525 48.816 11.1075 48.6891 11.8215 48.6891ZM32.8323 48.9411V54.2468C32.8323 55.0107 32.9514 55.5757 33.1838 55.9479L33.2776 56.072C33.516 56.3432 33.8932 56.4831 34.4202 56.4831C35.1064 56.4831 35.5924 56.2819 35.8918 55.8903C36.1938 55.4835 36.3499 54.8133 36.3499 53.8688V48.9411H39.0061V58.3474H36.4758V57.0866C36.1525 57.6029 35.739 57.981 35.2327 58.2165C34.7106 58.4592 34.1756 58.5807 33.6282 58.5807C33.0262 58.5807 32.5135 58.5119 32.092 58.3718L31.9172 58.3073C31.4784 58.1245 31.1284 57.8675 30.8704 57.5358V57.5349C30.6136 57.1925 30.4309 56.784 30.3215 56.3102L30.3206 56.3093C30.2238 55.8255 30.176 55.2933 30.176 54.7145V48.9411H32.8323ZM27.1672 46.1511V48.9411H29.0393V50.7507H27.1672V55.3093C27.1673 55.5226 27.1854 55.698 27.22 55.8366C27.2547 55.9753 27.3053 56.0741 27.3684 56.1374C27.4317 56.2007 27.5304 56.2521 27.6692 56.2868C27.8079 56.3215 27.9839 56.3386 28.1975 56.3386C28.34 56.3386 28.4764 56.3328 28.6067 56.321C28.7371 56.3091 28.8616 56.2919 28.9797 56.2682L29.0393 56.2556V58.3395L28.9973 58.3464C28.7791 58.3827 28.5372 58.4066 28.2717 58.4186C28.007 58.4307 27.7482 58.4372 27.4954 58.4372C27.0969 58.4372 26.7157 58.4069 26.3528 58.3464V58.3454C26 58.2965 25.6822 58.194 25.4006 58.0349L25.3997 58.0339C25.1276 57.873 24.9112 57.6445 24.7512 57.3493C24.5899 57.0515 24.511 56.664 24.511 56.1911V50.7507H22.9631V48.9411H24.511V46.1511H27.1672ZM11.7493 50.7145C11.3972 50.7146 11.098 50.7697 10.8499 50.8766L10.7463 50.9255C10.4885 51.0544 10.2774 51.2174 10.1145 51.4147C9.96176 51.6145 9.85162 51.8264 9.78149 52.0485L9.78052 52.0475C9.72728 52.2502 9.69466 52.4329 9.67993 52.5954H13.7219C13.601 51.9822 13.3928 51.5194 13.0989 51.2028L13.0979 51.2018C12.8106 50.8803 12.3645 50.7145 11.7493 50.7145ZM5.17993 45.3952V47.6013H2.52466V45.3952H5.17993Z"
         fill="var(--color-text-default)"
         stroke="var(--color-text-default)"
         strokeWidth="0.1"
       />
       <defs>
-        <clipPath id="clip0_897_389">
+        <clipPath id="clip0_21208_2750">
           <rect width="40" height="40" fill="white" />
         </clipPath>
       </defs>

package/src/components/Megamenu/Megamenu.static.ts

@@ -449,7 +449,7 @@ export default class Megamenu {
         topElement.classList.remove("is-hidden");
         this.element.classList.remove("top-hidden");
       }
-    } else if (this.element.classList.contains("is-sticky") && hasBrandMark) {
+    } else if (!this.element.classList.contains("non-sticky") && hasBrandMark) {
       this.element.classList.toggle("top-hidden", shouldHideTop);
     }
   }