.dl                              { display: grid; grid-template-columns: 35% 1fr; }
.dl__dt                          { grid-column: 1 / 2; }
.dl__dd                          { grid-column: 2 / 3; }
.dl__dd > a:hover,
.dl__dd > a:focus                { color: var(--col-pink); }
.dl__dd > a.tonedown:hover,
.dl__dd > a.tonedown:focus       { color: var(--col-text); }
.dl__dd > .tag,
.dl__dd > a.tag:hover,
.dl__dd > a.tag:focus            { color: var(--col-text); }

.text ol > li > a,
.text ul > li > a,
.text--compact ol > li > a,
.text--compact ul > li > a,
.text--compact p > a,
.text p > a                      { color: var(--col-blue); }
.text ol                         { counter-reset: text-list; }
.text ol > li                    { counter-increment: text-list; }
.text li                         { position: relative; }
.text ol > li                    { padding-left: 2rem; }
.text ul > li                    { padding-left: 2rem; }
.text:not(.table__item) ol > li + li,
.text:not(.table__item) ul > li + li   { margin-top: .75em; }
.text .i--li,
.text li::before                 { position: absolute; left: 0; top: 0; }
.text .i--li                     { top: .125rem; }
.text > ol > li::before,
.text li > ol > li::before       { content: counter(text-list) "."; color: var(--col-highlight); }
@container r-col (min-width: 50em) {
	.text > ul:has(li:nth-child(7)),
	.text > ol:has(li:nth-child(7)) { columns: 2; column-gap: 4rem; }
	.text > ul:has(li:nth-child(7)) > li,
	.text > ol:has(li:nth-child(7)) > li { break-inside: avoid; }
	.text.table__item > ul:has(li:nth-child(7)),
	.text.table__item > ol:has(li:nth-child(7)) { columns: auto; }
}


.pagination__item                { background-color: var(--col-blue-08); }
.pagination__item--active,
.pagination__item:hover,
.pagination__item:focus          { --col-text: var(--col-white); background-color: var(--col-blue); }

.check                                       { cursor: pointer; }
.check--pad                                  { padding-top: .5rem; padding-bottom: .5rem; }
.check__ui                                   { position: relative; z-index: 0; top: .1875rem; width: 1.25rem; height: 1.25rem; border: var(--border) solid var(--input-col); overflow: clip; }
.check__ui--solid                            { border-color: transparent; background-color: var(--col-white); }
.check__ui.checkbox::before                  { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--input-col); opacity: 0; }
.check--static .check__ui                    { opacity: .5; filter: grayscale(); }
.check__mark                                 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; }
.checkbox .check__mark                       { fill: var(--col-white); }
.check:has(input:disabled)                         { pointer-events: none; }
input:disabled + .check__label .check__ui    { opacity: .5; }
/* input:disabled + .check__label .check__label-text  { opacity: .35; } */
.check--static input:disabled + .check__label .check__label-text  { opacity: 1; }
.check--checked .check__mark,
input:hover + .check__label .check__mark,
input:focus + .check__label .check__mark           { transform: translate(-50%,-50%) scale(.8); opacity: .5; }
input:checked + .check__label .check__mark         { transform: translate(-50%,-50%) scale(1); opacity: 1; }
input:hover + .check__label .check__ui.checkbox::before,
input:focus + .check__label .check__ui.checkbox::before { opacity: .15; }
input:checked + .check__label .check__ui--solid.checkbox,
input:hover + .check__label .check__ui--solid.checkbox,
input:focus + .check__label .check__ui--solid.checkbox  { border-color: var(--input-col); }
input:hover + .check__label .check__ui--solid.checkbox::before,
input:focus + .check__label .check__ui--solid.checkbox::before { opacity: 0; }
input:checked + .check__label .check__ui.checkbox::before,
.check--checked .check__ui.checkbox::before        { opacity: 1; }
.checkbox                                          { border-radius: var(--border-radius-m); }
.radio                                             { border-radius: 50%; }
.radio__mark                                       { width: .6rem; height: .6rem; background-color: var(--input-col); border-radius: 50%; }



@keyframes loading {
  0% { transform: translate(-50%,-50%) scale(0); opacity: 1; }
  100% { transform: translate(-50%,-50%) scale(1); opacity: 0; }
}
.loader::before, .loader::after { position: absolute; z-index: 1; width: var(--loader-size); height: var(--loader-size); background-color: var(--col-blue); border-radius: 50%; opacity: 0; animation: loading 1.6s infinite ease; }
.loader::after                  { animation-delay: 1.2s; }
.loader--active::before,
.loader--active::after          { content: ""; }
.loader--center,
.loader--view                   { position: relative; }
.loader--center.loader--active,
.loader--view.loader--active    { min-height: var(--loader-size); }
.loader--center::before,
.loader--center::after          { left: 50%; top: 50%; }
.loader--view::before,
.loader--view::after            { left: 50%; top: calc(var(--loader-size) / 2); }


.highlighter__mark      { position: absolute; left: 0; top: 0; z-index: -1; }
.highlighter__mark--out { opacity: 0; }


.modal,
.modal__back                    { top: 0; left: 0; width: 100%; height: 100%; height: 100dvh; }
.modal                          { position: fixed; z-index: 5; }
.modal--out                     { opacity: 0; }
.modal--off                     { display: none; }
.modal__back                    { position: absolute; background-color: var(--col-white); opacity: .9; }
.modal__card                    { position: relative; z-index: 1; max-height: 100vh; max-height: 100dvh; background-color: var(--col-white); }
.modal__c                       { width: 100%; max-height: 100vh; max-height: 100dvh; overflow-x: hidden; overflow-y: auto; }
.modal--empty .modal__c         { width: 80vw; height: 50vh; }
.modal--loading .modal__card    { transform: scale(.9); opacity: 0; }
.modal__close                   { position: absolute; top: 0rem; right: 0rem; }
@media (min-width: 60em) {
	.modal__card                  { max-width: calc(100% - 16rem); max-height: calc(100vh - 4rem); box-shadow: var(--box-shadow-15); }
	.modal--empty .modal__card    { width: 50vw; }
	.modal__c                     { max-height: calc(100vh - 4rem); }
	.modal__close                 { top: -.5rem; right: -.5rem; }
}

.contentslider__slider[data-slider-dots]  { padding-bottom: calc(var(--dot-size) + 1rem); }
.contentslider .swiper                    { overflow: visible; }
.contentslider .swiper-slide:not(.swiper-slide-fully-visible) { cursor: ew-resize; }
.contentslider .swiper-slide:not(.swiper-slide-fully-visible) iframe { pointer-events: none; }
.slider__prev                             { left: 0; background: no-repeat linear-gradient(to left, rgba(255,255,255,0),var(--col-white)) transparent; }
.slider__next                             { right: 0; background: no-repeat linear-gradient(to right, rgba(255,255,255,0),var(--col-white)) transparent; }
.slider--has-no-pre .slider__prev,
.slider--has-no-post .slider__next        { opacity: 0; pointer-events: none; }
.slider__arrow                            { position: absolute; top: 0; z-index: 2; height: 100%; width: 8rem; }
.slider__arrow-btn                        { position: relative; z-index: 0; padding: .75rem 1.5rem; }
.slider__prev .slider__arrow-btn          { left: -1.5rem; padding-left: 3rem; }
.slider__next .slider__arrow-btn          { left: 1.5rem; padding-right: 3rem; }
.slider__arrow-btn::before                { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--col-dark); transform: skewX(-22.8deg); }
.slider:has([data-slider-slides] > :first-child:last-child) .slider__arrow  { display: none; }
@media (max-width: 59.95em) {
	.slider__arrow                          { display: none; }
}
@media (min-width: 85em) {
	.slider__prev                           { left: -2rem; }
	.slider__next                           { right: -2rem; }
}
@media (min-width: 120em) {
	.slider__prev                           { left: calc((120rem - 100vw) / 2 - 2rem); }
	.slider__next                           { right: calc((120rem - 100vw) / 2 - 2rem); }
}



.table                               { container: table / inline-size; --table-col-min-width: 9rem; --table-scroll-transform: none; position: relative; text-align: left; width: 100%; overflow: hidden; }
[data-table-columns="3"]             { --table-col-count: 3; }
[data-table-columns="4"]             { --table-col-count: 4; }
[data-table-columns="5"]             { --table-col-count: 5; }
[data-table-columns="6"]             { --table-col-count: 6; }
[data-table-columns="7"]             { --table-col-count: 7; }
[data-table-columns="8"]             { --table-col-count: 8; }
[data-table-columns="9"]             { --table-col-count: 9; }
[data-table-columns="10"]             { --table-col-count: 10; }
[data-table-columns="11"]             { --table-col-count: 11; }
[data-table-columns="12"]             { --table-col-count: 12; }
.table__view                         { position: relative; overflow-x: auto; overflow-y: visible; }
.table--is-scrollable:not(.table--is-scrolled-end)::before  { content: ""; position: absolute; top: 0; right: -4rem; width: 4rem; height: 100%; z-index: 1; box-shadow: -3px 0 0 0 var(--col-dark-x05), 0 0 2rem -.5rem var(--col-dark-x15); }
.table__c                            { width:100%; min-width: calc(var(--table-col-count) * var(--table-col-min-width)); }
.table__row                          { background-color: var(--table-col-row); }
.table__row:nth-child(2n+1)          { --table-col-row: var(--col-blue-05); }
.table__item                         { padding: var(--table-pad-cell); vertical-align: top; }
.table__item--align-l                { text-align: left; }
.table__item--align-c                { text-align: center; }
.table__item--align-r                { text-align: right; }
.table__header,
.table__cell--scope                  { font-weight: var(--font-weight-bold); }
.table__cell--scope                  { --col-text: var(--col-dark); }

.table .pin-spacer                   { pointer-events: none; z-index: 2 !important; }
.table__pin                          { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; box-shadow: 0 3px 0 0 var(--col-dark-x05); opacity: 0; }
.table__pin.toolbar--pinned  { opacity: 1; }
.table__pin::before                  { content: ""; position: absolute; top: 0; left: 2rem; right: 2rem; height: 100%; z-index: -1; box-shadow: var(--box-shadow-15); }
.table__pin-scroller                 { width: 100%; overflow: hidden; }
.table__pin-row                      { transform: translateX(calc(0px - var(--table-scroll-transform))); }
.table__pin-row                      { width: fit-content; background-color: var(--col-white); }
.table__pin-th                       { flex: 0 0 auto; }

/* @container table (min-width:) */
@media (max-width: 59.95em) {
	[data-table-header*="column"] .table__row                          { position: relative; z-index: 0; transform: translate(0,0); }
	[data-table-header*="column"] .table__row .table__item             { padding-top: calc(2 * var(--table-pad-cell) + var(--font-size) * var(--line-height)); }
	[data-table-header*="column"] .table__row .table__item:first-child { display: block; position: absolute; top: 0; left: 0; z-index: 1; padding-top: var(--table-pad-cell); transform: translateX(var(--table-scroll-transform)); }
}
@media (min-width: 60em) {
	[data-table-header*="column"].table--is-scrolled .table__item:first-child         { transform: translateX(var(--table-scroll-transform)); }
	[data-table-header*="column"].table--is-scrolled .table__item:first-child::after  { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: var(--table-col-row); }
	[data-table-header*="column"].table--is-scrolled .table__item:first-child         { position: relative; z-index: 1; box-shadow: 3px 0 0 0 var(--col-dark-x05); }
	[data-table-header*="column"].table--is-scrolled .table__item:first-child::before { content: ""; position: absolute; top: 1rem; right: 0; bottom: 1rem; z-index: -1; width: 100%; box-shadow: 0 0 2rem -.5rem var(--col-dark-x15); }
	/* .table__c                          { width: 150%; } */
	.table__item                       { --table-pad-cell: .75rem; }
}



.toggleslider__card                { background-color: var(--col-blue-08); border-radius: var(--border-radius-m); }
.s--bg .toggleslider__card         { background-color: var(--col-white); }
.toggleslider__box                 { padding: 2rem; }
.toggleslider__media               { width: 66%; }
.toggleslider__dots                { position: absolute; }
.toggleslider__btn                 { width: 100%; padding-left: .75rem; padding-right: .75rem; border-radius: var(--border-radius-m); }
.toggleslider__btn[data-highlighter-marked] { --col-text: var(--col-white); }
.toggleslider__mark                { border-radius: var(--border-radius-m); }
@media (max-width: 84.95em) {
	.toggleslider__copy              { margin-top: 1rem; }
	.toggleslider__dots              { right: 0; top: 50%; width: 40%; transform: translateY(-50%); }
}
@media (max-width: 59.95em) {
	.toggleslider__btn[data-panes-btn-active] { --col-text: var(--col-white); background-color: var(--col-dark); }
	.toggleslider__card                       { margin-top: .5rem; margin-bottom: 2rem; }
	.toggleslider__copy .h1:first-child,
	.toggleslider__copy .h2:first-child,
	.toggleslider__copy .h3:first-child       { display: none; }
}
@media (min-width: 60em) {
	.s--bg .toggleslider__card       { box-shadow: var(--box-shadow-15); }
	.toggleslider__card.panes__out   { transform: translateY(1rem); }
	.toggleslider__list-h            { margin-top: 2rem; }

	.toggleslider__box--lg                         { padding: 3rem 16rem 3rem 3rem; }
	.toggleslider--reverse .toggleslider__box--lg  { padding-left: 16rem; padding-right: 3rem; }
	.toggleslider--wide .toggleslider__box--lg     { padding: 3rem 20rem 3rem 3rem; }
	.toggleslider--wide.toggleslider--reverse .toggleslider__box--lg  { padding-left: 20rem; padding-right: 3rem; }
	.toggleslider__pic--lg                         { position: absolute; right: -4rem; top: 4rem; }
	.toggleslider--reverse .toggleslider__pic--lg  { left: -4rem; right: auto; }
	.toggleslider--wide .toggleslider__pic--lg     { right: -1rem; }
	.toggleslider--wide.toggleslider--reverse .toggleslider__pic--lg  { left: -1rem; right: auto; }
	.toggleslider__media--lg                       { width: 16rem; }
	.toggleslider__dots--lg                        { right: 3rem; top: calc(100% + .5rem); width: 8rem; }
	.toggleslider--reverse .toggleslider__dots--lg { left: 3rem; right: auto; }
}
@media (min-width: 85em) {
	.toggleslider__box                         { padding: 4rem 20rem 4rem 4rem; }
	.toggleslider--reverse .toggleslider__box  { padding-left: 20rem; padding-right: 4rem; }
	.toggleslider--wide .toggleslider__box     { padding: 4rem 30rem 4rem 4rem; }
	.toggleslider--wide.toggleslider--reverse .toggleslider__box  { padding-left: 30rem; padding-right: 4rem; }
	.toggleslider__list-h                      { margin-top: 4rem; }
	.toggleslider__pic                         { position: absolute; right: -4rem; top: 4rem; }
	.toggleslider--reverse .toggleslider__pic  { left: -4rem; right: auto; }
	.toggleslider__media                       { width: 20rem; }
	.toggleslider--wide .toggleslider__media   { width: 25rem; }
	.toggleslider__dots                        { right: 2rem; top: calc(100% - 2rem); width: 12rem; }
	.toggleslider--reverse .toggleslider__dots { left: 2rem; right: auto; }
}
@media (min-width: 100em) {
	.toggleslider__box                         { padding-right: 25rem; }
	.toggleslider--reverse .toggleslider__box  { padding-left: 25rem; }
	.toggleslider--wide .toggleslider__box     { padding-right: 35rem; }
	.toggleslider--wide.toggleslider--reverse .toggleslider__box  { padding-left: 35rem; }
	.toggleslider__media                       { width: 25rem; }
	.toggleslider--wide .toggleslider__media   { width: 30rem; }
}


@media (min-width: 42.5em) {
	.tabs__pic                       { flex: 0 0 25%; margin-top: var(--pad-box); }
	.tabs__media                     { margin-left: -1rem; }
}
@media (min-width: 60em) {
	.tabs__pic                       { flex: 0 0 33%; min-width: 25rem; margin-top: 0; }
	.tabs__media                     { height: 100%; margin-left: 0; }
	.tabs__media .fit                { object-fit: cover; }
}
@media (min-width: 85em) {
	.tabs__pic                       { min-width: 20rem; }
}


.keyfacts                          { --col-text: var(--col-dark); }
.keyfact                           { width: 100%; padding-left: 2rem; padding-right: 2rem; }
.keyfact__c,
.keyfact__c::before                { transition-duration: calc(var(--duration) * 2); transition-delay: var(--delay); }
.keyfact__c                        { position: relative; padding: .75rem 0 1rem; }
.keyfact__c::before                { content: ""; position: absolute; background-color: var(--col-pink); }
.keyfact__number                   { font-size: 3rem; }
@media (max-width: 42.45em) {
	.keyfact:first-child .keyfact__c::before { content: none; }
	.keyfact__c                      { text-align: center; }
	.keyfact__c::before              { left: 50%; top: 0; transform: translateX(-50%); width: 4rem; height: .25rem; }
}
@media (min-width: 42.5em) {
	.keyfact                         { --keyfact-def-width: 49.9%; --keyfact-width: max(15rem, var(--keyfact-def-width)); flex: 0 0 var(--keyfact-width); max-width: var(--keyfact-width); }
	.keyfact__c                      { padding-left: 2rem; }
	.fx-view-out .keyfact__c         { transform: translateX(-1rem); opacity: 0; }
	.keyfact__c::before              { left: 0; top: 0; height: 100%; width: .3125rem; }
	.keyfact.fx-view-out .keyfact__c::before { transform: translateX(-.5rem); opacity: 0; }
}
@media (min-width: 60em) {
	.keyfact                         { --keyfact-def-width: 33.33%; }
	.keyfact__number                 { font-size: 5rem; }
	.keyfact__label                  { margin-top: 1rem; }
}
@media (min-width: 85em) {
	.keyfact                         { --keyfact-def-width:24.9%; }
	[data-keyfacts-row-count="5"] .keyfact { --keyfact-def-width:19.9%; }
}


.job,
.download                  { position: relative; padding-left: 4rem; }
#s-productrange-downloads.solid--blue-05 .download { background-color: var(--col-blue-15); }
.download + .download      { margin-top: .5rem; }
/* .job + .job                { margin-top: 2rem; } */
.job__tag,
.download__tag             { --btn-pad-side: .5rem; position: absolute; left: -.5rem; top: 50%; transform: translateY(-50%); }
.job__tag                  { top: 1.375rem; transform: none; }
@media (max-width: 42.45em) {
	.job,
	.download                { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; }
}
@media (min-width: 42.5em) {
	.job,
	.download                { padding-right: 8rem; }
	.job__btn,
	.download__btn           { position: absolute; right: -2rem; top: 50%; transform: translateY(-50%); }
	.job__btn                { top: 1.375rem; transform: none; }
	.job__tag                { padding-left: 1rem; }
}
/* .download                  { position: relative; padding-left: 4rem; padding-right: 6rem; }
.download + .download      { margin-top: .5rem; }
.download__tag             { --btn-pad-side: .5rem; position: absolute; left: -.5rem; top: 50%; transform: translateY(-50%); }
.download__btn             { position: absolute; right: -2rem; top: 50%; transform: translateY(-50%); } */


.langswitch                { --btn-pad-top: .5rem; width: 100%; }
.langswitch__list          { margin-top: 2rem; }
.langswitch__a             { --btn-pad-side: .5rem; }
.langswitch__a:first-child { margin-left: calc(0px - var(--btn-pad-side)); }
.langswitch__a--active,
.langswitch__a:hover,
.langswitch__a:focus       { background-color: var(--col-blue-08); }
.langswitch__corner        { position: absolute; right: .5rem; bottom: .5rem; width: 9.25rem; }
@media (max-width: 59.95em) {
	.langswitch__corner      { display: none; }
}
@media (min-width: 60em) {
	.langswitch__list        { row-gap: 1rem; }
}
@media (min-width: 85em) {
	.langswitch              { width: 65vw; }
	.langswitch__list        { margin-top: 4rem; }
}

.langnotice                { position: fixed; top: 5rem; right: 1rem; z-index: 4; padding-right: calc(var(--btn-square-size) + 1rem); }
.langnotice--out           { opacity: 0; transform: translateY(1.5rem); }
.langnotice::before        { content: ""; position: absolute; top: 0; left: 50%; width: 1rem; height: 1rem; transform: translate(-50%,-100%); border: .5rem solid; border-color: transparent transparent var(--col-pink) transparent; }
.langnotice__close         { position: absolute; top: 0; right: 0; }
@media (max-width: 42.45em) {
	.langnotice              { left: 1rem; }
}

.chatnotice                { position: fixed; top: 5rem; right: 1rem; z-index: 4; padding-right: calc(var(--btn-square-size) + 1rem); }
.chatnotice--out           { opacity: 0; transform: translateY(1.5rem); }
.chatnotice::before        { content: ""; position: absolute; top: 0; left: 50%; width: 1.5rem; height: 1.5rem; transform: translate(-50%,-100%); border: .75rem solid; border-color: transparent transparent var(--col-blue) transparent; }
.chatnotice__close         { position: absolute; top: 0; right: 0; }
@media (max-width: 42.45em) {
	.chatnotice              { left: 1rem; }
}
@media (max-width: 59.95em) {
	.chatnotice::before      { left: auto; right: 1rem; }
}
@media (min-width: 42.5em) {
	.chatnotice--anchored                  { right: auto; left: var(--chatnotice-anchor-x, 50%); transform: translateX(-50%); }
	.chatnotice--anchored.chatnotice--out  { transform: translateX(-50%) translateY(1.5rem); }
}


.searchteaser                { --searchteaser-pad-top: 3rem; --searchteaser-patch-size: 7rem; position: relative; min-height: 100vh; padding: var(--searchteaser-pad-top) 0; overflow: hidden; }
.searchteaser__pic,
.searchteaser__field,
.searchteaser__c             { transition-duration: calc(var(--duration) * 3); }
.searchteaser__field,
.searchteaser__c             { transition-delay: calc(var(--duration) * 1); }
.searchteaser--unused .searchteaser__c { transform: translateY(calc(50vh - var(--searchteaser-pad-top) - 65%)); }
.searchteaser__field         { width: 100%; margin-top: 3rem; transition-property: max-width, padding-right; transition-timing-function: cubic-bezier(.8,0,0,1); }
.searchteaser--used .searchteaser__field { max-width: 100%; }
.searchteaser__pics          { z-index: -1; pointer-events: none; }
.searchteaser__pic           { position: absolute; }
.fx-view-out .searchteaser__pic,
.searchteaser--used .searchteaser__pic { opacity: 0; transform: var(--searchteaser-pic-transform); }
.searchteaser__pic-c         { transform: translate(-50%,-50%); width: var(--searchteaser-patch-size); aspect-ratio: 5/4; background-color: var(--col-blue-08); clip-path: polygon(34% 0%, 100% 0%, 66% 100%, 0% 100%); }
.searchteaser__pic-c--strong { background-color: var(--col-blue); }
.searchteaser--unused .searchteaser__search { display: none; }
@media (max-width: 59.95em) {
	.searchteaser--unused .searchteaser__field    { padding-right: 0; }
	.search__filters-toggle                       { transition-delay: calc(var(--duration) * 3); }
	.searchteaser--unused .search__filters-toggle { transform: translateX(1rem); opacity: 0; pointer-events: none; }
}
@media (min-width: 42.5em) {
	.searchteaser              { --searchteaser-patch-size: 12rem; }
}
@media (min-width: 60em) {
	.searchteaser              { --searchteaser-pad-top: 6rem; }
	.searchteaser__copy,
	.searchteaser__field       { max-width: 44rem; }
	.searchteaser__field       { margin-top: 6rem; }
}
@media (min-width: 85em) {
	.searchteaser              { --searchteaser-patch-size: 18.75rem; }
}
@media (min-width: 100em) {
	.searchteaser              { --searchteaser-patch-size: 24rem; }
}




.logoslider--mono                           { opacity: .35; pointer-events: none; }
.logoslider__canvas                         { width: 125%; height: 8rem; overflow: hidden; }
.logoslider__c                              { flex: 1 0 auto; height: 100%; }
.logoslider__slide                          { padding: 1rem; }
.logoslider__slide--mono                    { filter: invert(48%) sepia(1) saturate(4000%) hue-rotate(195deg) brightness(.45) contrast(1); }
@media (min-width: 60em) {
	.logoslider__canvas                       { height: 10rem; }
	.logoslider__slide                        { margin-right: 4rem; padding: 1.5rem; }
}



.eventsteaser__img         { width: 4rem; }
.search .cardteaser__card  { background-color: var(--col-blue-08); }
@media (max-width: 42.45em) {
	.cardteaser__card        { padding-left: var(--pad-side-main); padding-right: var(--pad-side-main); }
}
@media (min-width: 42.5em) {
	button.cardteaser__card:hover,
	button.cardteaser__card:focus,
	a.cardteaser__card:hover,
	a.cardteaser__card:focus  { position: relative; z-index: 1; box-shadow: var(--box-shadow-15); }
	.search button.cardteaser__card:hover,
	.search button.cardteaser__card:focus,
	.search a.cardteaser__card:hover,
	.search a.cardteaser__card:focus  { background-color: var(--col-white); }
	.cardteaser:has(button.cardteaser__card:focus) .cardteaser__card:not(:focus),
	.cardteaser:has(button.cardteaser__card:hover) .cardteaser__card:not(:hover),
	.cardteaser:has(a.cardteaser__card:focus) .cardteaser__card:not(:focus),
	.cardteaser:has(a.cardteaser__card:hover) .cardteaser__card:not(:hover) { transform: scale(.98); opacity: .8; }
	.eventsteaser__meta      { padding-top: var(--pad-tag-top); }
}
@media (min-width: 85em) {
	.eventsteaser__img       { width: 6rem; }
}

.pastgrid                  { display: grid; grid-template-columns: 1fr; }
.pastgrid__item            { columns: span 1; }
.pastgrid__pic             { max-width: 15rem; height: 3rem; }
.pastgrid__img             { object-position: left center; }
.pastgrid .more__ui        { pointer-events: none; }
.s--bg .pastgrid .more__ui { background-image: linear-gradient(to bottom,rgba(242,250,253,0),var(--col-blue-05) 75%); }
@container r-col (min-width: 30em) { .pastgrid { grid-template-columns: repeat(2,minmax(0, 1fr)); } }
@container r-col (min-width: 60em) { .pastgrid { grid-template-columns: repeat(3,minmax(0, 1fr)); } }



.faq                       { --faq-pad: 1rem; transition-property: margin-top; }
.faq + .faq                { margin-top: .5rem; }
.faq--active + .faq,
.faq + .faq--active        { margin-top: 1rem; }
.faq__card                 { background-color: var(--col-blue-08); }
.faq--active .faq__card    { background-color: var(--col-white); box-shadow: var(--box-shadow-15); }
.faq__bar                  { position: relative; z-index: 1; padding: var(--faq-pad) 5rem var(--faq-pad) var(--faq-pad); }
.faq__toggle               { --col-btn: transparent; position: absolute; top: 0; right: 0; z-index: 1; transform: translate(calc(0px - var(--faq-pad)),.75rem); transition-delay: calc(var(--duration) / 2); }
.faq--active .faq__toggle  { --col-btn: var(--col-blue); --col-fill: var(--col-white); transform: translate(.5rem,-.5rem); }
.faq--active .faq__toggle .i { transform: scaleY(-1); }
.faq__c                    { padding: 0 var(--faq-pad) var(--faq-pad); opacity: 0; }
.faq--in .faq__c           { opacity: 1; transition-delay: var(--duration); }
@media (min-width: 60em) {
	.faq                     { --faq-pad: 1.5rem; }
	.faq--active + .faq,
	.faq + .faq--active      { margin-top: 2rem; }
}



.combiform                 { position: relative; }
.combiform__logo-img--s,
.combiform__logo-img--l    { width: 4rem; }
@media (min-width: 60em) {
	.combiform__logo--l      { position: absolute; top: -1rem; left: -6rem; width: 8rem; height: 8rem; background-color: var(--col-blue); }
	.combiform__logo-img--l  { width: 5rem; filter: invert() brightness(10); }
}
@media (min-width: 85em) {
	.combiform               { padding-left: calc(var(--pad-side-main) + var(--pad-box)); }
	.combiform__logo--s      { position: absolute; top: 50%; left: -4rem; transform: translateY(-50%); width: 7rem; height: 7rem; background-color: var(--col-blue); }
	.combiform__logo--l      { top: -2rem; left: -10rem; width: 14rem; height: 14rem; }
	.combiform__logo-img--s  { width: 4.5rem; filter: invert() brightness(10); }
	.combiform__logo-img--l  { width: 9rem; }
}


.doublepic                  { --doublepic-pad: -1rem; --doublepic-pos: calc(0px - var(--doublepic-pad)); position: relative; }
.doublepic__overlay         { position: absolute; left: 0; top: var(--doublepic-pad); right: 0; bottom: var(--doublepic-pad); z-index: 1; pointer-events: none; }
.doublepic--tl .doublepic__overlay { clip-path: polygon(0% 0%, 65.8% 0%, 36.4% 100%, 0% 100%); }
.doublepic--tr .doublepic__overlay { clip-path: polygon(36.4% 0%, 100% 0%, 100% 100%, 65.8% 100%); }
.doublepic--bl .doublepic__overlay { clip-path: polygon(0% 0%, 36.4% 0%, 65.8% 100%, 0% 100%); }
.doublepic--br .doublepic__overlay { clip-path: polygon(63.6% 0%,100% 0%,100% 100%,34.2% 100%); }
.doublepic__overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--col-blue); }
.doublepic__overlay .media  { opacity: .1; }
.doublepic__label           { --col-h: var(--col-white); position: absolute; z-index: 1; width: 50%; opacity: .5; line-height: 1; text-transform: uppercase; text-wrap: balance; hyphenate-limit-chars: 15 8 8; }
.doublepic--tl .doublepic__label { left: var(--doublepic-pos); top: var(--doublepic-pos); }
.doublepic--tr .doublepic__label { right: var(--doublepic-pos); top: var(--doublepic-pos); text-align: right; }
.doublepic--br .doublepic__label { right: var(--doublepic-pos); bottom: var(--doublepic-pos); text-align: right; }
.doublepic--bl .doublepic__label { left: var(--doublepic-pos); bottom: var(--doublepic-pos); }
.doublepic__overlay img { transition-duration: 1s; }
a:hover .doublepic__overlay img { filter: blur(10px); transform: scale(1.1); }

.doublepic__label             { font-size: 1.5rem; }
.doublepic__label--15         { font-size: 1.25rem; }
.doublepic__label--22         { font-size: 1.15rem; }
.doublepic__label--30         { font-size: 1rem; }
@media (min-width: 60em) {
	.doublepic__label           { font-size: 2.25rem; }
	.doublepic__label--15       { font-size: 2rem; }
	.doublepic__label--22       { font-size: 1.65rem; }
	.doublepic__label--30       { font-size: 1.35rem; }
}
@media (min-width: 85em) {
	.doublepic__label           { font-size: 2.25rem; }
	.doublepic__label--15       { font-size: 2.1rem; }
	.doublepic__label--22       { font-size: 1.75rem; }
	.doublepic__label--30       { font-size: 1.5rem; }
}
@media (min-width: 105em) {
	.doublepic__label           { font-size: 2.5rem; }
	.doublepic__label--15       { font-size: 2.35rem; }
	.doublepic__label--22       { font-size: 2.1rem; }
	.doublepic__label--30       { font-size: 1.9rem; }
}



.fullteaser                   { position: relative; }
.fullteaser__pane             { position: relative; overflow: hidden; }
.fullteaser__tag              { position: absolute; top: -1rem; left: 0; }
.fullteaser__btn              { --btn-square-size: 4rem; position: absolute; bottom: -1px; right: 0; width: 20rem; max-width: 80%; height: var(--btn-square-size); padding-left: 2rem; }
.fullteaser__btn::before,
.fullteaser__btn-tag::before  { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; transform: skewX(-22.8deg); }
.fullteaser__btn::before      { transform-origin: bottom; background-color: var(--col-white); }
.fullteaser__btn-tag          { position: absolute; z-index: 1; left: -3rem; top: 0; }
.fullteaser__btn-tag::before  { background-color: var(--col-blue); }
.fullteaser__btn:hover .btn__label,
.fullteaser__btn:focus .btn__label { transform: translateX(.25rem); }
@media (min-width: 60em) {
	.fullteaser__tag            { left: -1rem; }
}

@media (min-width: 60em) {
	[data-slider-slides] .techteaser:first-child:last-child { display: flex; align-items: center; gap: 4rem; max-width: 90rem; margin: 0 auto; }
	[data-slider-slides] .techteaser:first-child:last-child > * { flex: 1; }
}
@media (min-width: 85em) {
	.techteaser--small .techteaser__pic  { padding-right: 8rem; }
}


.offerteaser__card                          { padding: var(--pad-box); padding-right: 0; }
.offerteaser__banner                        { position: absolute; top: 2rem; left: 0; transform: rotate(-90deg) translate(-100%,-20%); transform-origin: top left; font-size: 3rem; }
.offerteaser__slider                        { --col-dot: rgba(255,255,255,.35); padding: 2rem 2rem var(--pad-box) 0; }
.offerteaser__slider .dots__dot--active     { --col-dot: var(--col-white); }
.offerteaser__slide                         { width: calc(100% - 2rem); max-width: 35rem; padding-top: calc( var(--pad-box) + 1rem); }
.offerteaser__tag                           { position: absolute; top: 0; left: var(--pad-box); transform: translateY(-50%); }
.offerteaser__copy[data-more]               { max-height: 20rem; overflow: hidden; }
.offerteaser__copy.more--expanding[data-more],
.offerteaser__copy[data-more-state="open"]  { max-height: none }
.offer-form                                 { width: 60rem; max-width: 100vw; }
@media (min-width: 42.5em) {
	.offerteaser__slider                      { overflow: hidden; }
	.offerteaser__c                           { padding-left: 6rem; }
}
@media (min-width: 60em) {
	.offerteaser__card                        { padding-bottom: 2rem; }
	.offerteaser__banner                      { font-size: 4rem; }
}
@media (min-width: 85em) {
	[data-mod="cols1"] + .offerteaser         { margin-top: 4rem; }
	.offerteaser__card                        { padding: 6rem 0 2rem 6rem; }
	.offerteaser__banner                      { font-size: 5rem; }
	.offerteaser__slider                      { padding-right: 4rem; padding-bottom: 6rem; }
	.offerteaser__c                           { padding-left: 12rem; }
}

.gaq-form                                   { width: 60rem; max-width: 100vw; }
.gaq__prod                                  { border: var(--border) solid var(--col-blue-15); border-radius: var(--border-radius-m); }
.gaq__thumb                                 { width: 6rem; }
@media (min-width: 42.5em) {
	.gaq__thumb                               { width: 8rem; }
}


.map__map                        { position: absolute; z-index: 0; bottom: 0; left: 0; height: 100%; width: auto; }
.map__select                     { position: relative; z-index: 1; margin-bottom: -2rem; }
.map__connector                  { position: absolute; z-index: 1; fill: none; stroke: var(--col-blue); stroke-width: var(--border); stroke-dasharray: 100,100; stroke-dashoffset: 200; transition: stroke-dashoffset calc(var(--duration) * 4) cubic-bezier(.4,0,.2,1); pointer-events: none; }
.map__connector--out             { stroke-dashoffset: 100; transition-duration: var(--duration); }
.map__pins                       { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.map__pin                        { --map-col-pin: var(--col-blue); position: absolute; transform: translate(-50%,-50%); width: .71%; height: .71%; min-width: .25rem; min-height: .25rem; }
.map__pin[data-panes-btn-active] { --map-col-pin: var(--col-pink); }
.map__pin-back,
.map__pin-dot,
.map__pin-dot::before,
.map__pin-dot::after,
.map__pin::after                 { content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); border-radius: 50%; }
.map__pin-back                   { z-index: -1; width: 3rem; height: 3rem; }
.map__pin-dot                    { z-index: 1; width: 100%; height: 100%; }
.map__pin-dot::before            { width: 400%; height: 400%; background-color: var(--map-col-pin); }
.map__pin-dot::after             { width: 650%; height: 650%; border: var(--border) solid var(--map-col-pin); transform: translate(-50%,-50%) scale(.5); opacity: 0; }
.map__pin::after                 { width: 100%; height: 100%; background-color: var(--col-white); }
@media (max-width: 59.95em) {
	.map__container                { overflow: hidden; }
	.map__map                      { height: 120%; }
	.map__connector                { display: none; }
	.map__pin                      { pointer-events: none; cursor: pointer; }
}
@media (min-width: 42.5em) and (max-width: 59.95em) {
	.map__container                { aspect-ratio: 3/2; }
	.map__map                      { left: auto; right: 0; height: 130%; }
}
@media (min-width: 42.5em) {
	.map__box                      { position: relative; z-index: 1; padding: 4rem; border-radius: var(--border-radius-m); border: var(--border) solid transparent; background: linear-gradient(var(--col-white),var(--col-white)) padding-box, linear-gradient(to bottom,var(--col-blue),var(--col-pink)) border-box; box-shadow: var(--box-shadow-15); }
}
@media (min-width: 60em) {
	.map__select                   { display: none; }
	.map__pin:hover .map__pin-dot::after,
	.map__pin:focus .map__pin-dot::after   { transform: translate(-50%,-50%) scale(1); opacity: 1; }
	.map__box:not(.panes__out)     { transition-delay: .5s; }
	.map__box:not(.panes__out)     { transition-duration: 2s; }
	.map__box::after               { content: ""; position: absolute; top: 5rem; right: 0; z-index: 1; transform: translate(50%,-50%); width: .75rem; height: .75rem; border: 1px solid var(--col-blue); background-color: var(--col-white); border-radius: 50%; }
}


.consent__banner                 { position: fixed; bottom: 0; left: 0; z-index: 4; width: 100%; }
.consent__box                    { max-width: 60rem; }

.quickfilter__hide               { display: none; }


main:has(.s--last.s--bg) + .ftr { background-color: var(--col-blue-05); padding-top: 0; }
.ftr.s                     { padding-bottom: 0; }
.ftr__main                 { padding: 2rem 0; }
.ftr__main-logo            { width: 8rem; filter: invert() brightness(10); }
.ftr__box-logo             { width: 7rem; max-width: 20%; }
.ftr__box-tag              { position: absolute; top: -.5rem; left: var(--pad-side-main); }
.ftr__social:hover,
.ftr__social:focus         { --col-fill: var(--col-blue); }
.ftr__a                    { --btn-pad-top: .5rem; --btn-pad-side: .5rem; --col-btn: var(--col-white); }
a.ftr__a:hover,
a.ftr__a:focus             { --col-btn: var(--col-blue); }
.ftr__certs                { margin-top: 3rem; }
.ftr__cert                 { max-width: 7.5rem; }
.ftr__disclaimer           { max-width: 70rem; margin: 4rem auto 0; }
@media (max-width: 42.45em) {
	.ftr                     { position: relative; }
	.ftr__sub                { padding-top: 1.5rem; background-color: var(--col-blue-08); }
}
@media (min-width: 42.5em) {
	.ftr                     { display: grid; grid-template-rows: auto 3rem auto; }
	.ftr__sub                { grid-column: 1 / 2; grid-row: 1 / 3; position: relative; z-index: 1; }
	.ftr__main               { grid-column: 1 / 2; grid-row: 2 / 4; padding-top: 7rem; }
	.ftr__box                { position: relative; background-color: var(--col-white); box-shadow: var(--box-shadow-15); }
	.ftr__box-tag            { left: -.5rem; }
	.ftr__socials .i         { width: 2.5rem; height: 2.5rem; }
}
@media (min-width: 60em) {
	.ftr__main-logo          { width: 9.5rem; }
	.ftr__certs              { margin-top: 2rem; }
	.ftr__disclaimer         { margin-top: 6rem; }
}

/* sup and sub */
sub,sup						 { font-size: .7em; }

/* AI Chat by WDM */

.wdm-chat                    					{ position: relative; background-color: white; border-radius: 20px; overflow: hidden; }

.wdm-chat--header                               { display: flex; background-color: var(--col-dark); align-items: center; justify-content: space-between; padding: 1rem 2rem; }
.wdm-chat--title strong                         { color: white; }
.wdm-chat--burger                               { position: relative; display: flex; gap: 2px; padding: 5px; cursor: pointer; }
.wdm-chat--burger span                          { display: inline-flex;  background-color: white; width: 5px; height: 5px; border-radius: 100%; }
.wdm-chat--menu                                 { position: absolute; background-color: white; right: 0; width: fit-content; opacity: 0; pointer-events: none; transition: opacity .3s; box-shadow: 0px 0px 2px rgba(3, 7, 18, 0.02), 0px 0px 6px rgba(3, 7, 18, 0.04), 0px 0px 14px rgba(3, 7, 18, 0.06), 0px 0px 24px rgba(3, 7, 18, 0.08); }
.wdm-chat--menu ul                              { padding: 0; list-style: none; }
.wdm-chat--menu ul li                           { padding: 1em; text-wrap: nowrap; }
.wdm-chat--burger:hover .wdm-chat--menu         { opacity: 1; pointer-events: auto; }

.wdm-chat--conversation      					{ display: flex; flex: 1 1 auto; min-height: 0; gap: 1rem; flex-direction: column; padding-right: 2rem; padding: 2rem 2rem 3rem 2rem; }

.wdm-chat--message           					{ display: flex; flex-direction: column; position: relative; }
.wdm-chat--message .msg-container   			{ display: flex; }
.wdm-chat--message.user .msg-container          { justify-content: flex-end; }

.wdm-chat--message .msg             			{ display: flex; gap: 1em; flex-direction: column; max-width: 80%; padding: 1.2rem; border-radius: 20px; width: fit-content; text-wrap: wrap; overflow-wrap: break-word; hyphens: auto; white-space: normal; }
.wdm-chat--message .msg,
.wdm-chat--message .msg p,
.wdm-chat--message .msg li          			{ font-size: 17px; line-height: 1.5; }
.wdm-chat--message .msg strong a                { text-decoration: underline; }
.wdm-chat--message.assistant .msg 				{ background-color: #f4f4f4; }
.wdm-chat--message.user .msg      				{ background-color: var(--col-blue); color: white; }


.wdm-chat--message .msg ul      				{ list-style-type: disc; padding-left: 1em; }
.wdm-chat--message .msg ul li   				{ padding-left: 0; }
.wdm-chat--message .msg ul ul                   { margin-top: 1em; list-style-type:circle; }
.chat-table--overflow                           { position: relative; z-index: 0; }
.chat-table--overflow::after                    { position: absolute; top: 0; left: 100%; bottom: 0; transform: translateX(-100%); z-index: 1; width: 2rem; background: scroll no-repeat linear-gradient(to right,rgba(255,255,255,.0),#fff); pointer-events: none; }
.wdm-chat--message .msg table                   { background-color: white; border-radius: 10px; }
.wdm-chat--message .msg table thead th          { padding: 10px; color: var(--col-blue); font-weight: bold; }
.wdm-chat--message .msg table td                { padding: 10px; font-size: 14px; }
.wdm-chat--message .msg table tbody tr:nth-child(odd) td { background-color: #f9f9f9; }
.chat-table                                     { overflow-x: auto; border-radius: 10px; }
@media (max-width: 42.45em) {
	.chat-table                                   { margin-left: -1rem; margin-right: -1rem; }
	.chat-table th, .chat-table td                { min-width: min(9rem,35vw); }
}


.wdm-chat .btn-quote 							{ display: inline-flex; width: fit-content; align-items: center; line-height: 1; padding: 5px 10px; border-radius: 12px; font-size: 14px; background-color: var(--col-blue); color: white; }
.wdm-chat .btn-quote:hover 						{ background-color: var(--col-dark) !important; color: white; }
.wdm-chat a.wdm-chat--product-link              { color: var(--col-blue); }
.wdm-chat .chat-btn-group                       { display: inline-flex; gap: 10px; }
.wdm-chat .chat-btn-group .btn-quote            { background-color: var(--col-black-50); }
.wdm-chat .chat-table .chat-btn-group           { display: flex; flex-direction: column; }

.wdm-chat--message-meta      					{ margin-top: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 1rem; }
.wdm-chat--message-meta span                    { color: #bbb; }

.wdm-chat--message-boxes                        { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.wdm-chat--message-box                          { display: flex; flex-direction: column; justify-content: space-between; width: 30%; padding: 20px; border-radius: 10px; border: 1px solid #ccc; }
.wdm-chat--message-box:has(img:hover)           { border-color: var(--col-blue); }
.wdm-chat--message-box--info                    { font-size: 14px; }
.wdm-chat--message-box--info                    { display: flex; flex-direction: column; gap: 5px; }

.wdm-chat--input             					{ display: flex; justify-content: space-between; position: relative; margin-top: 20px; padding: 2rem; }

.wdm-chat--input textarea       				{ background-color: white; box-sizing: border-box; field-sizing: content; border: 1px solid #ccc; padding: 1rem 3.5rem 1rem 1.5rem; border-radius: 30px; unicode-bidi: plaintext; resize: none; line-height: 1.4; min-height: calc(1.4em + 2rem); height: auto; box-shadow: 0px 0px 2px rgba(3, 7, 18, 0.02), 0px 0px 6px rgba(3, 7, 18, 0.04), 0px 0px 14px rgba(3, 7, 18, 0.06), 0px 0px 24px rgba(3, 7, 18, 0.08); }
#wdm-chat--input-field                          { overflow-y: hidden; } /* hide vertical scrollbar */
.wdm-chat--input textarea::-webkit-scrollbar 	{ width: 0; height: 0; }
.wdm-chat.is-sending .wdm-chat--input           { pointer-events: none; opacity: 0.3; }

.wdm-chat--input button      					{ position: absolute; right: calc( 10px + 2.5rem); top: 50%; transform: translateY(-50%); background-color: #f4f4f4; width: 30px; height: 30px; border-radius: 30px; display: flex; align-items: center; justify-content: center; }
.wdm-chat--input textarea:hover,
.wdm-chat--input textarea:focus       { border-color: var(--col-blue); box-shadow: 0 0 0 1px var(--col-blue), 0 .25rem 1.5rem -.5rem rgba(3,7,18,.35); }
.wdm-chat--input button:hover,
.wdm-chat--input textarea:focus + button 		{ background-color: var(--col-dark);}
.wdm-chat--input button:hover svg,
.wdm-chat--input textarea:focus + button svg 	{ stroke: white; stroke-width: 2px; }

.wdm-chat--message:not(.streaming) .streaming-cursor { display: none; }

.wdm-chat--notice            					{ padding: 0 2rem 2rem; text-wrap: balance; }

@media (max-width: 42.45em) {
#chatbase-columns > .col-12                     { padding: 0; }
#chatbase-columns .col-12 + .col-12             { padding: 0 2rem; }
.wdm-chat                                       { border-radius: 0; }
.wdm-chat--header,
.wdm-chat--input,
.wdm-chat--conversation                         { padding-left: 20px; padding-right: 20px; }
.wdm-chat--conversation                         { padding-bottom: 0; }
.wdm-chat--input                                { margin-top: 0; }
.wdm-chat--message .msg                         { max-width: 90%; }
.wdm-chat--message:has(.chat-table) .msg        { max-width: 100%; }
.wdm-chat--message .msg,
.wdm-chat--message .msg p,
.wdm-chat--message .msg li          			{ font-size: 16px; line-height: 1.5; }
.wdm-chat--message-box 							{ width: calc(50% - .5rem); }
}


@keyframes flynav-cart    { 0%,100% { transform: translateX(0); } 50% { transform: translateX(.375rem); } }
@keyframes flynav-chat    { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes flynav-contact { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-.25rem); } }
.flynav                          { display: flex; position: fixed; right: 1rem; bottom: 1rem; z-index: 1; opacity: 0; transition-delay: .5s; pointer-events: none; }
.page-scrolled-more .flynav      { opacity: 1; transition-delay: 0s; pointer-events: all; }
.flynav__btn                     { position: relative; z-index: 0; transform: translateX(200%); opacity: 0; transition-duration: calc(var(--duration) * 2); }
.page-scrolled-more .flynav__btn { transform: translateX(0); opacity: 1; }
.flynav__btn:nth-child(2)        { transition-delay: .1s; }
.flynav__btn:nth-child(3)        { transition-delay: .2s; }
.flynav__details                 { --col-text: var(--col-dark); position: absolute; right: 100%; top: 0; z-index: -1; transform: scaleX(0); transform-origin: right; height: 100%; padding: 0 .75rem; white-space: nowrap; opacity: 0; }
.flynav__btn:hover .flynav__details,
.flynav__btn:focus .flynav__details { transform: scaleX(1); opacity: 1; box-shadow: 0 0 3rem -1rem rgba(0,0,0,.15); }
.flynav__btn--cart:hover .i,
.flynav__btn--cart:focus .i      { animation: flynav-cart var(--duration); }
.flynav__btn--chat:hover .i,
.flynav__btn--chat:focus .i      { animation: flynav-chat var(--duration); }
.flynav__btn--contact:hover .i,
.flynav__btn--contact:focus .i   { animation: flynav-contact var(--duration); }
@media (min-width: 60em) {
	.flynav                        { right: 2rem; bottom: 2rem; }
}
@media (min-width: 85em) {
	.flynav__btn                   { --btn-square-size: 3.5rem; }
}