.fdes-comparison-hero__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
align-items: center;
gap: clamp(24px, 4vw, 48px);
box-sizing: border-box;
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px}
.fdes-comparison-hero__media,
.fdes-comparison-hero__content {
min-width: 0}
.fdes-comparison-hero__image {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 180px;
margin: 0 auto;
filter: brightness(0) invert(1);
border-radius: 8px}
.fdes-comparison-hero__image.fdes-comparison-hero__image--opaque {
filter: none}
.fdes-comparison-hero__content h1,
.fdes-comparison-hero__content p {
overflow-wrap: anywhere}
@media (min-width: 769px) {
.bg-primary.fdes-comparison-hero--with-image {
padding-top: 40px;
padding-bottom: 40px}
.fdes-comparison-hero--with-image .fdes-comparison-hero__layout {
padding-top: 24px;
padding-bottom: 24px}
.fdes-comparison-hero__content .fdes-comparison-hero__error {
position: absolute;
top: 100%;
left: 0;
right: 0}
.fdes-comparison-hero__content .fdes-comparison-hero__error p {
height: auto;
min-height: 40px;
margin: 8px 0 0}
}
@media (max-width: 768px) {
.fdes-comparison-hero__layout {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
padding: 24px 20px}
.fdes-comparison-hero__media {
width: 100%;
max-width: 400px;
margin: 0 auto}
}
.fdes-comparison-faq {
width: 100%;
margin-top: 3rem;
overflow-wrap: anywhere;
font-family: inherit}
.fdes-comparison-faq h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 1.5rem}
.fdes-comparison-faq > ul {
list-style: none;
margin: 0;
padding: 0}
.fdes-comparison-faq > ul > li {
margin: 0;
border-top: 1px solid #d1d5db}
.fdes-comparison-faq summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
list-style: none;
padding: .875rem .25rem;
cursor: pointer;
font-size: 1rem;
font-weight: 700;
line-height: 1.5}
.fdes-comparison-faq summary::marker {
content: ""}
.fdes-comparison-faq summary::-webkit-details-marker {
display: none}
.fdes-comparison-faq summary::after {
content: "+";
flex: 0 0 1.25rem;
text-align: center;
font-size: 1.5rem;
line-height: 1;
color: var(--color-primary, var(--accent))}
.fdes-comparison-faq details[open] > summary::after {
content: "−"}
.fdes-comparison-faq summary:hover {
color: var(--color-primary, var(--accent))}
.fdes-comparison-faq summary:focus-visible {
outline: 2px solid var(--color-primary, var(--accent));
outline-offset: 2px}
.fdes-comparison-faq__answer {
padding: 0 .25rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.7}
.fdes-comparison-faq__answer > ul {
list-style: none;
margin: 0;
padding: 0}
.fdes-comparison-faq a {
color: var(--color-primary, var(--accent));
text-decoration: underline}
.fdes-comparison-faq a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px}
.fdes-switch-steps {
width: 100%;
margin-top: 3rem;
font-family: inherit;
overflow-wrap: anywhere}
.fdes-switch-steps h2 {
margin: 0 0 1.5rem;
font-size: 2rem;
font-weight: 700}
.fdes-switch-steps .fdes-switch-steps__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 2.5rem;
margin: 0;
padding: 0;
list-style: none}
.fdes-switch-steps__card {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
min-width: 0;
margin: 0;
padding: 1.5rem;
border: 1px solid #d1d5db;
border-radius: 8px;
background: #fff;
color: #222}
.fdes-switch-steps .fdes-switch-steps__icon {
display: block;
flex-shrink: 0;
width: 4rem;
height: 4rem;
margin: 0 auto 1rem;
color: var(--color-primary, #50155d);
fill: none;
stroke: currentColor}
.fdes-switch-steps__card h3 {
margin: 0 0 .75rem;
color: inherit;
font-size: 1.125rem;
line-height: 1.4;
font-weight: 700}
.fdes-switch-steps__card p {
margin: 0;
font-size: 1rem;
line-height: 1.7}
.fdes-switch-steps .fdes-switch-steps__connector {
position: absolute;
top: 50%;
right: -2.25rem;
width: 2rem;
height: 2rem;
margin: 0;
transform: translateY(-50%);
color: var(--color-primary, #50155d);
fill: none;
stroke: currentColor;
pointer-events: none}
@media (min-width: 769px) and (max-width: 1024px) {
.fdes-switch-steps .fdes-switch-steps__grid {
grid-template-columns: repeat(2, minmax(0, 1fr))}
.fdes-switch-steps__card:nth-child(3) {
grid-column: 2;
grid-row: 2}
.fdes-switch-steps__card:nth-child(4) {
grid-column: 1;
grid-row: 2}
.fdes-switch-steps__card:nth-child(5) {
grid-column: 1;
grid-row: 3}
.fdes-switch-steps__card:nth-child(2) .fdes-switch-steps__connector,
.fdes-switch-steps__card:nth-child(4) .fdes-switch-steps__connector {
top: auto;
right: auto;
bottom: -2.25rem;
left: 50%;
transform: translateX(-50%) rotate(90deg)}
.fdes-switch-steps__card:nth-child(3) .fdes-switch-steps__connector {
right: auto;
left: -2.25rem;
transform: translateY(-50%) rotate(180deg)}
}
@media (max-width: 768px) {
.fdes-switch-steps .fdes-switch-steps__grid {
grid-template-columns: minmax(0, 1fr)}
.fdes-switch-steps .fdes-switch-steps__connector {
top: auto;
right: auto;
bottom: -2.25rem;
left: 50%;
transform: translateX(-50%) rotate(90deg)}
}
.entry-content .fdes-provider-overview {
margin: 0 0 1.5em;
max-width: 100%;
overflow-x: auto;
border: 1px solid #ded8e0;
background: #fff;
color: #222}
.entry-content .fdes-provider-overview:focus-visible {
outline: 2px solid var(--base-3, #50155d);
outline-offset: 3px}
.entry-content .fdes-provider-overview table {
width: 100%;
margin: 0;
border: 0;
border-collapse: collapse;
font: inherit}
.entry-content .fdes-provider-overview th,
.entry-content .fdes-provider-overview td {
padding: 12px 16px;
border: 0;
border-bottom: 1px solid #e8e4e9;
text-align: left;
vertical-align: top;
overflow-wrap: anywhere;
min-width: 8em}
.entry-content .fdes-provider-overview tbody th { font-weight: 600}
.entry-content .fdes-provider-overview tbody tr:nth-child(even) { background: #f7f5f8}
.entry-content .fdes-provider-overview tbody tr:last-child > * { border-bottom: 0}
@media (max-width: 768px) {
.entry-content .fdes-provider-overview th,
.entry-content .fdes-provider-overview td { padding: 10px 12px}
}
.entry-content .fdes-provider-overview thead th {
background: #fff;
color: #222;
font-weight: 700;
vertical-align: middle}
.entry-content .fdes-provider-overview .fdes-provider-overview__logo {
display: block;
width: auto;
height: auto;
max-width: min(150px, 100%);
max-height: 56px;
object-fit: contain;
margin: 0}
.fdes-directory { max-width: 1100px; margin-inline: auto}
.fdes-directory__intro { max-width: 760px; margin-bottom: 28px}
.fdes-directory .fdes-directory__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none}
.fdes-directory__card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; padding: 24px; border: 1px solid #ddd; border-radius: 8px; background: var(--base, #fff); overflow-wrap: anywhere}
.fdes-directory__logo { display: block; width: 180px; max-width: 100%; height: 70px; object-fit: contain; object-position: center; margin-bottom: 20px}
.fdes-directory__card h2, .fdes-directory__card h3 { margin: 0 0 20px; font-size: 1.3em; line-height: 1.35}
.fdes-directory .fdes-directory__button,
.fdes-directory .fdes-directory__button:is(:focus, :active) { position: static; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: auto; max-width: 100%; min-height: 44px; text-align: center; font: inherit; font-weight: 600; line-height: 1.5; padding: 10px 18px; border: 1px solid currentColor; border-radius: 4px; margin-top: auto; text-decoration: none; background: var(--base-3, #50155d); color: var(--base, #fff)}
@media (hover: hover) {
.fdes-directory .fdes-directory__card--linked:hover .fdes-directory__button { background: var(--wp--preset--color--accent, var(--accent)); color: #000}
}
.fdes-directory a:focus-visible { outline: 3px solid var(--base-3, #50155d); outline-offset: 4px}
@media (max-width: 1024px) { .fdes-directory .fdes-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr))} }
@media (max-width: 768px) { .fdes-directory .fdes-directory__grid { grid-template-columns: minmax(0, 1fr); gap: 16px} .fdes-directory__card { padding: 20px} }
.fdes-directory__card--linked { cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease}
.fdes-directory__card--linked .fdes-directory__button::after { content: ""; position: absolute; inset: 0; border-radius: 8px}
.fdes-directory__card--linked:hover,
.fdes-directory__card--linked:focus-within { transform: translateY(-3px); border-color: var(--base-3, #50155d); box-shadow: 0 6px 18px rgba(0, 0, 0, .1)}
.fdes-directory__card--linked:focus-within { outline: 3px solid var(--base-3, #50155d); outline-offset: 4px}
.fdes-directory__card--linked .fdes-directory__button:focus-visible { outline: none}
.fdes-directory .fdes-directory__button { transition: background-color 160ms ease}
@media (prefers-reduced-motion: reduce) {
.fdes-directory__card--linked, .fdes-directory .fdes-directory__button { transition: none}
.fdes-directory__card--linked:hover, .fdes-directory__card--linked:focus-within { transform: none}
}
.fdes-related { margin-top: 40px}
.fdes-related > h2 { margin-bottom: 24px}
a[data-provider-url][role="link"] {
cursor: pointer}
a[data-provider-url][role="link"]:focus-visible {
outline: 2px solid currentColor;
outline-offset: -3px}
a[data-provider-url][aria-disabled="true"] {
cursor: default}
.entry-content .gs-toc {
box-sizing: border-box;
margin: 0 0 1.5em;
padding: 14px 20px;
border: 1px solid #ded8e0;
border-left: 4px solid var(--base-3, #50155d);
border-radius: 0;
background: #fff;
color: #222;
font: inherit;
text-align: left}
.entry-content .gs-toc .gs-toc__title {
margin: 0 0 6px;
padding: 0 0 6px;
border-bottom: 1px solid #e8e4e9;
color: #222;
font-size: 1.25em;
line-height: 1.4;
font-weight: 700}
.entry-content .gs-toc ul {
display: block;
margin: 0;
padding: 0 0 0 1.4em;
list-style: disc outside}
.entry-content .gs-toc li {
display: list-item;
float: none;
margin: 0;
padding: 0;
list-style: disc outside;
line-height: 1.45}
.entry-content .gs-toc li::marker {
color: var(--base-3, #50155d)}
.entry-content .gs-toc a,
.entry-content .gs-toc a:visited {
display: inline-block;
box-sizing: border-box;
padding: 3px 0;
max-width: 100%;
color: var(--base-3, #50155d);
font-weight: 500;
line-height: 1.45;
overflow-wrap: anywhere;
text-decoration: underline;
text-underline-offset: 0.2em}
.entry-content .gs-toc a:hover {
color: #222;
text-decoration-thickness: 2px}
.entry-content .gs-toc a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
border-radius: 2px}
.entry-content .gs-toc-heading {
scroll-margin-top: 0}
.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
.tablepress{background-color:#FFF}.tablepress thead th,.tablepress tfoot th{background-color:#FFF}#content .tablepress{width:auto}#content .tablepress th,#content .tablepress td{padding:8px}#content .tablepress .column-4{width:40%}#content .tablepress .column-3{width:30%}#content .tablepress .column-2{width:30%}#content .tablepress img{max-width:100%}
body{background-color:#efefef;color:#3a3a3a;}a{color:var(--accent);}a:hover, a:focus, a:active{color:var(--base-3);}body .grid-container{max-width:1000px;}.wp-block-group__inner-container{max-width:1000px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:550px;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#9b2bb4;--base:#ffffff;--base-2:#ffffff;--base-3:#50155D;--accent:#51b1d6;--global-color-8:#784f82;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}:root .has-global-color-8-color{color:var(--global-color-8);}:root .has-global-color-8-background-color{background-color:var(--global-color-8);}.gp-modal:not(.gp-modal--open):not(.gp-modal--transition){display:none;}.gp-modal--transition:not(.gp-modal--open){pointer-events:none;}.gp-modal-overlay:not(.gp-modal-overlay--open):not(.gp-modal--transition){display:none;}.gp-modal__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(3px);transition:opacity 500ms ease;opacity:0;}.gp-modal--open:not(.gp-modal--transition) .gp-modal__overlay{opacity:1;}.gp-modal__container{max-width:100%;max-height:100vh;transform:scale(0.9);transition:transform 500ms ease;padding:0 10px;}.gp-modal--open:not(.gp-modal--transition) .gp-modal__container{transform:scale(1);}.search-modal-fields{display:flex;}.gp-search-modal .gp-modal__overlay{align-items:flex-start;padding-top:25vh;background:var(--gp-search-modal-overlay-bg-color);}.search-modal-form{width:500px;max-width:100%;background-color:var(--gp-search-modal-bg-color);color:var(--gp-search-modal-text-color);}.search-modal-form .search-field, .search-modal-form .search-field:focus{width:100%;height:60px;background-color:transparent;border:0;appearance:none;color:currentColor;}.search-modal-fields button, .search-modal-fields button:active, .search-modal-fields button:focus, .search-modal-fields button:hover{background-color:transparent;border:0;color:currentColor;width:60px;}body, button, input, select, textarea{font-family:var(--gp-font--k-2-d);font-weight:300;font-size:18px;}.main-title{font-family:var(--gp-font--k-2-d);font-weight:300;font-size:25;}h1{font-family:var(--gp-font--k-2-d);font-weight:300;font-size:40;}h2{font-family:var(--gp-font--k-2-d);font-weight:300;font-size:30;}h3{font-family:var(--gp-font--k-2-d);font-size:20;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:#ffffff;color:#3a3a3a;}.site-header a{color:#3a3a3a;}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:#757575;}.main-navigation,.main-navigation ul ul{background-color:var(--global-color-8);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:#ffffff;}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#ffffff;background-color:var(--global-color-8);}button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus{color:#ffffff;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#ffffff;background-color:var(--global-color-8);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#2e2e2e;background-color:#ffffff;opacity:1;}.main-navigation ul ul{background-color:var(--base-2);}.main-navigation .main-nav ul ul li a{color:#000000;}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#000000;background-color:#f3f3f3;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#000000;background-color:var(--base-2);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:#ffffff;}.entry-meta{color:#595959;}.entry-meta a{color:#595959;}.entry-meta a:hover{color:#1e73be;}.sidebar .widget{background-color:#efefef;}.sidebar .widget .widget-title{color:#000000;}.footer-widgets{background-color:#ffffff;}.footer-widgets .widget-title{color:#000000;}.site-info{color:#ffffff;background-color:#222222;}.site-info a{color:#ffffff;}.site-info a:hover{color:#606060;}.footer-bar .widget_nav_menu .current-menu-item a{color:#606060;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#666666;background-color:#fafafa;border-color:#cccccc;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#666666;background-color:#ffffff;border-color:#bfbfbf;}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#666666;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f3f3f;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:#ffffff;}}.inside-top-bar{padding:10px;}.inside-header{padding:10px 0px 10px 0px;}.site-main .wp-block-group__inner-container{padding:40px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .mobile-bar-items a{padding-left:0px;padding-right:0px;line-height:51px;}.main-navigation .main-nav ul ul li a{padding:10px 0px 10px 0px;}.main-navigation ul ul{width:177px;}.navigation-search input[type="search"]{height:51px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:0px;}.menu-item-has-children .dropdown-menu-toggle{padding-right:0px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:0px;}.widget-area .widget{padding:0px;}.site-info{padding:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.site-info{padding-right:10px;padding-left:10px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}}
.main-navigation .mobile-bar-items {
order:3 !important}
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
order:2 !important}
.navigation-search {
height:100%}
form.search-form .ajax-search-results {
position:absolute;
left:0;
right:0;
background-color:#f0f0f0}
form.search-form .ajax-search-results .results-wrapper {
padding:20px}
.results-wrapper .single-item {
border-radius:5px;
margin-top:10px;
background-color:white}
.results-wrapper .single-item:first-child {
margin-top:0px}
.results-wrapper .single-item a {
padding:10px;
display: inline-flex;
align-items: center}
.results-wrapper .single-item a img {
height:50px;
width:50px;
object-fit:contain;
margin-right:10px}
.ajax-search-results .gs-search-loader-wrapper {
padding: 40px;
text-align:center}
.ajax-search-results .gs-search-loader-wrapper .gs-search-loader {
display: inline-block;
height:30px;
width:30px;
border: 5px solid #69b578;
border-bottom-color: transparent;
border-radius:30px;
animation: spin 0.5s linear infinite}
@keyframes spin {
from {
transform: rotate(0deg)}
to {
transform: rotate(360deg)}
}
.navigation-search input[type="search"] {
height:100% !important;
background-color: white !important}
.main-navigation .main-nav ul li.search-item.active > a {
background-color: white !important}
.main-navigation .mobile-bar-items .search-item.close-search a {
color:black}
.main-navigation {
font-weight: bold}
.page-header-image-single {
display: none !important}
.related-gallery .gallery-item img {
border-radius: 18px;
border: 8px solid #30bbf2}
.related-gallery .gallery-item {
padding-right: 20px}
.related-gallery .gallery-caption {
font-weight: bold}
@media (max-width: 768px) {
.inside-header {
padding: 0}
}
.site-info {
text-align: center}
.posted-on .updated {
display: inline-block}
.posted-on .published {
display: none}
.posted-on .updated:before {
content: "Last updated: "}
.wph-modal.hui-module-type--popup {
width: auto}
.mobile-table {
box-shadow: 0px 0px 15px 5px #e3e3e3;
text-align: center;
pointer-events: none;
position: relative}
@media only screen and (min-width: 1001px) {
.mobile-table{
display:none}
}
.mobile-table-header {
background-color: #e3e3e3;
color: #222222;
font-weight: bold;
font-size: 20pt;
background-image: linear-gradient(180deg, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 100%)}
.mobile-table-header p {
margin-bottom: 0.5em}
.mobile-table-header p {
margin-bottom: 0px !important}
.tables strong {
font-size: 15pt}
.mobile-table p {
margin-bottom: 0.7em}
.mobile-table hr {
margin: 0px 0px 0px 0px}
.mobile-table-arrow {
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ededed;
text-align: center;
display: inline-block}
.desktop-table{
box-shadow: 0px 0px 15px 5px #e3e3e3;
text-align: center;
background: linear-gradient(#ededed, #ededed) no-repeat center/4px 100%;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
position: relative}
.desktop-table-wrapper {
}
.desktop-table:hover{
transform: scale(1.05);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
a.table-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
z-index: 10;
background-color: white;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: auto}
.desktop-table .maxbutton {
z-index: 11}
@media only screen and (max-width: 1000px) {
.desktop-table {display: none;}
}
.desktop-table-header {
background-color: #e3e3e3;
color: #222222;
font-weight: bold;
font-size: 20pt;
background-image: linear-gradient(180deg, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 100%);
text-align: center}
.desktop-table-arrow {
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ededed;
text-align: center;
display: table;
margin: 0 auto}
@media only screen and (min-width: 1000px) and (max-width: 1045px) {
.desktop-table {
width: 103%;
margin-left: -5px}
.desktop-table:hover {
transform: scale(1.03);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
}
@media only screen and (min-width: 550px) and (max-width: 768px) {
.mobile-table {
width: 30%;
display: inline-block;
margin-right: 5%}
.mobile-table-wrapper p:empty { 
display:none}
.mobile-table p:empty { 
display:inherit}
.mobile-table:last-child {
margin-right: 0}
.mobile-table .maxbutton-1.maxbutton.maxbutton-buycontactcement {
width: 24vw !important}
.mobile-table .bold {
margin-bottom: 50px}
}
.desktop-table-wrapper {
margin-top: 33px}
.mobile-table-wrapper {
margin-bottom: 35px}
.desktop-table img {
max-height: 150px;
width: 80%;
padding-left: 13px}
.mobile-table img {
width: 80%}
@media only screen and (max-width: 485px) {
.navigation-branding img, .site-logo.mobile-header-logo img { 
height: 49px !important}
}
@media only screen and (min-width: 486px) and (max-width: 768px) {
.navigation-branding img, .site-logo.mobile-header-logo img { 
height: 69px !important}
}
.main-navigation a:not(.search-link) {
font-weight: bold !important}
.main-navigation 
@media only screen and (max-width: 768px) {
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
.one_fifth {
clear: both;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 1em}
}
.row-home {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
display : flex;
align-items : center;
justify-content: center}
.column-home {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1}
.left-column-home {
padding-left: 25%}
.right-column-home {
text-align: center}
@media only screen and (max-width: 768px) {
.row-home {
display: unset;
text-align: center}
.left-column-home {
padding-left: 0px}
.right-column-home {
padding-right: 0px}
}
@media only screen and (min-width: 900px) {
.left-column-iis {
width: 50%;
float: left}
.right-column-iis {
margin-left: 50%;
padding-top: 63px}
.clear {
clear: both}
}
@media only screen and (max-width: 899px) {
.right-column-iis {
padding-top: 15px}
}
.left-column-iis {
text-align: center;
padding-top: 15px;
padding-bottom: 15px}
@media (max-width: 768px) {
.inside-header {
padding: 0}
}
.set-of-3 {
padding: 0px 15px}
.blue-banner-outer {
background-color: #69B578;
transform: rotate(1.5deg); 
display: inline-block; 
width: 109%; 
margin-left: -2.5%; 
padding-top: 75px}
.blue-banner-inner {
transform: rotate(-1.5deg); 
max-width: 950px; 
margin: 0 auto;
color: white}
.blue-banner-inner-left {
padding: 115px 0px}
@media only screen and (max-width: 1000px) {
.blue-banner-outer {
padding-top: 0px;
margin-left: -4.5%}
.blue-banner-inner {
max-width: 80%}
.blue-banner-inner-left {
text-align: center;
padding: 45px 0px 0px 0px}
.blue-banner-inner-right {
float: unset;
max-width: 500px;
height: auto;
margin: 0 auto}
}
@media only screen and (min-width: 600px) and (max-width: 819px) {
.blue-banner-inner-left h2 {
padding-top: 81px}
.blue-banner-inner-left-mission h2 {
padding-top: 29px}
}
.seen-in {
padding-top: 25px}
.seen-in h2 {
text-align: center}
@media only screen and (min-width: 600px) {
.seen-in-right-image {
padding-left: 55px;
padding-bottom: 25px}
.seen-in-left-image {
padding-right: 55px;
padding-top: 25px}
}
.seen-in-right-image
.banner-outer { 
display: inline-block; 
width: 109%; 
margin-left: -2.5%; 
padding-top: 75px}
.banner-inner {
max-width: 950px; 
margin: 0 auto}
.banner-inner-left {
padding: 115px 0px}
@media only screen and (max-width: 1000px) {
.banner-outer {
padding-top: 0px;
margin-left: -4.5%}
.banner-inner {
max-width: 80%}
.banner-inner-left {
text-align: center;
padding: 45px 0px 0px 0px}
.banner-inner-right {
float: unset;
max-width: 500px;
height: auto;
margin: 0 auto}
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
.banner-inner, .blue-banner-inner {
display: flex;
padding-bottom: 10px}
.banner-inner img, .blue-banner-inner img {
margin-top: 75px}
}
@media only screen and (min-width: 820px) and (max-width: 1000px) {
.banner-inner h2, .blue-banner-inner h2 {
padding-top: 75px}
}
.tri-box {
background: #f5f5f5;
margin: 15px;
padding: 15px 15px 5px 15px;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px #cccccc;
transition: all .35s}
.tri-box:hover{
transform: scale(1.05);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
.tri-box p {
text-align: center}
.tri-box strong {
font-size: 15pt}
.tri-boxes {
position: relative;
z-index: 9999}
.zwei-box {
background: #f5f5f5;
margin: 15px;
padding: 15px 15px 5px 15px;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px #cccccc;
transition: all .35s}
.zwei-box:hover{
transform: scale(1.05);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
.zwei-box p {
text-align: center}
.zwei-box strong {
font-size: 15pt}
@media only screen and (min-width: 768px) {
.zwei-box-1 {
margin-left: 95px}
.zwei-box-2 {
margin-right: 95px}
}
.middle-bar {
position: relative;
background-color: #791389;
padding-top: 35px;
padding-bottom: 25px;
color: white}
.middle-bar:before, 
.middle-bar:after {
content: "";
position: absolute;
background: #791389; 
top: 0;
bottom: 0;
width: 9999px} 
.middle-bar:before {
right: 100%}
.middle-bar:after {
left: 100%}
.middle-bar-grey {
position: relative;
background-color: #f2f2f2;
padding-top: 35px;
padding-bottom: 25px;
margin-bottom: 25px;
z-index: 1}
.middle-bar-grey:before, 
.middle-bar-grey:after {
content: "";
position: absolute;
background: #f2f2f2; 
top: 0;
bottom: 0;
width: 9999px; 
z-index: 1} 
.middle-bar-grey:before {
right: 100%; 
z-index: 1}
.middle-bar-grey:after {
left: 100%;
z-index: 1}
.middle-bar-db {
position: relative;
background-color: #08447C;
padding-top: 35px;
padding-bottom: 25px;
margin-bottom: 25px;
color: white}
.middle-bar-db:before, 
.middle-bar-db:after {
content: "";
position: absolute;
background: #08447C; 
top: 0;
bottom: 0;
width: 9999px} 
.middle-bar-db:before {
right: 100%}
.middle-bar-db:after {
left: 100%}
html, body {
overflow-x: hidden}
body.postid-6363 .site.grid-container {
max-width: 1100px}
body.postid-6363 {
background-color: #FFFFFF}
.postid-6363 .comments-area, .postid-6363 .entry-meta {
display: none}
#post-6363 > div > div.entry-content > h2:nth-child(40) {
display: none}
#post-6363 > div > div > div.saboxplugin-wrap, #post-4043 > div > div.saboxplugin-wrap, #post-4043 > div.saboxplugin-wrap {
display: none}
}
#legend-container-map {
display: none !important}
#map-container, #bbs-map-countries-container {
border-radius: 0px !important}
#map-container {
padding-bottom: 125px}
#map-outer-container {
height: auto !important;
min-height: 200px !important;
overflow: hidden !important;
position: relative !important;
padding-top: 0;
margin-top: -40px}
#map-outer-container .leaflet-container {
background: #08447c !important}
.post-6363 .entry-content {
margin-top: 0}
.row-full {
width: 100vw;
position: relative;
margin-left: -50vw;
height: 100px;
left: 50%}
.tablepress-id-24 .column-1 {
width: 250px !important}
.tablepress-id-24 .column-2 {
width: 250px !important}
.tablepress-id-25 .column-1 {
width: 250px !important}
.tablepress-id-25 .column-2 {
width: 250px !important}
#tablepress-28, #tablepress-29, #tablepress-31 {
font-size: 10pt}
body.postid-6699 .site.grid-container {
max-width: 1100px}
body.postid-6699 {
background-color: #FFFFFF}
.postid-6699 .comments-area, .postid-6699 .entry-meta {
display: none}
#post-6699 > div > div.entry-content > h2:nth-child(43) {
display: none}
#post-6699 > div > div > div.saboxplugin-wrap, #post-4043 > div > div.saboxplugin-wrap, #post-4043 > div.saboxplugin-wrap {
display: none}
#post-6363 > div > div > h2:nth-child(43) {
display: none}
#legend-container-map {
display: none !important}
#map-container-bbsCities60ecddcbf0b7a > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div.info.legend-cities-scale.leaflet-control {
display: none !important}
.info .legend-cities-scale .leaflet-control {
display: none !important
}
.leaflet-right {
display: none !important}
.map-container {
border-radius: 0px !important}
#block-2 > ul li {
padding-bottom: 0px}
.main-navigation .main-nav ul li a {
padding-left: 20px !important;
padding-right: 20px !important}
@media (max-width: 769px) {
.moboff {
display: none}
}
.product-banner {
text-align: center; 
font-size: 15pt; 
font-weight: bold; 
color: #ffffff}
#block-4 > ul li {
padding-bottom: unset}
@media only screen and (min-width: 1000px) {
#post-6193 > div > div > div:nth-child(1) > div.blue-banner-outer > div > div.content-column.one_half.last_column.blue-banner-inner-right {
padding-top: 55px}
}
h1.product_title {
margin-bottom:20px}
.p-c {
border-radius: 9px;
padding: 15px 25px 1px 25px;
box-shadow: 0px 0px 15px 5px #e3e3e3;
transition: all .35s;
text-align: center}
.p-c li {
text-align: left;
font-size: 11pt;
padding: 0px 5px}
.p-c:hover{
transform: scale(1.03);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
.p-c-buffer {
padding-top: 15px}
.p-c hr {
margin-bottom: -7px; 
margin-top: -15px}
@media only screen and (max-width: 600px) {
.p-c {
padding: 15px 25px 0px 25px}
.p-c-buffer {
padding-top: 0px;
margin-top: -15px}
.p-c-negative-buffer {
margin-top: -15px}
.p-c div.content-column.one_third.last_column {
margin-top: -25px}
}
@media only screen and (min-width: 600px) {
.p-c-negative-buffer {
margin-top: -15px}
.p-c-row1 {
display: flex;
align-items: center;
justify-content: center;
width: 100%}
.p-c .p-c-row1 .p-c-row1-col {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center}
}
.tablepress .sorting,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
padding-right: 20px !important}
@media only screen and (min-width: 900px) {
.htsmtop {
padding-top: 75px}
}
@media only screen and (max-width: 899px) {
.htsmtop {
margin-top: -35px}
}
.tablepress-id-40 .column-1 {
width: 20% !important}
.tablepress-id-40 .column-2 {
width: 20% !important}
.tablepress-id-40 .column-3 {
width: 20% !important}
.tablepress-id-40 .column-4 {
width: 20% !important}
.tablepress-id-40 .column-54 {
width: 20% !important}
.funquizz-btn {
background-color: #333333;
border: 3px solid #333333}
.funquizz-btn:hover, .funquizz-btn:active, .funquizz-btn:focus {
background-color: #5f5f5f;
border: 3px solid #5f5f5f}
.quiz-progress {
color: #3a7d44}
.time-bar .in {
background-color: #3a7d44}
.funquizz-btn.wrong-answer {
background-color: red !important;
border-color: red !important}
.funquizz-btn.correct-answer {
background-color: green !important;
border-color: green !important;}
.result-share svg {
color: #3a7d44;
fill: #3a7d44}
.result-share a:hover svg{
color: #333333;
fill: #333333}
#post-1221081 > div > header {
display: none}
#post-1221081 > div > div > h2 {
display: none}
#post-1221081 > div > div > div.saboxplugin-wrap {
display: none}
#post-1221081 > div > footer {
display: none}
@media only screen and (min-width: 768px) {
.site-logo {
padding-left: 10px}
}
.woocommerce .woocommerce-breadcrumb a:hover {
color:#3a7d44}
.imagecolumn {
width: 25%;
padding: 15px;
box-sizing: border-box}
.imagerow {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center}
@media screen and (max-width: 768px) {
.imagecolumn {
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 21px}
}
@media only screen and (min-width: 900px) {
.left-column-ips {
width: 50%;
float: left}
.right-column-ips {
margin-left: 50%;
padding-top: 57px}
.clear {
clear: both}
}
@media only screen and (max-width: 899px) {
.right-column-ips {
padding-top: 15px}
}
.left-column-ips {
text-align: center;
padding-top: 15px;
padding-bottom: 15px}
@media only screen and (max-width: 1200px) {
.ce-mobile-title {
padding-bottom: 15px}
}
.woocommerce ul.products li.product .button {
background-color: #ff9b00 !important}
#tablepress-48 {
max-width: 555px !important}
.old-phone-box-container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap}
.old-phone-box-container {
display: flex;
align-items: center;
justify-content: space-between;
background: #f9f9f9;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease}
.old-phone-box-left, .old-phone-box-right {
width: 48%;
box-sizing: border-box}
.old-phone-box-left h2 {
margin-bottom: 10px}
.old-phone-box-left p {
margin-bottom: 20px}
.old-phone-box-left .audio {
margin-top: 10px}
.old-phone-box-right {
display: flex;
align-items: center;
justify-content: center}
.phone {
max-width: 100%;
height: auto}
body.postid-1221665 {
background-color: #FFFFFF}
@media (max-width: 768px) {
.old-phone-box-container {
flex-direction: column}
.old-phone-box-left, .old-phone-box-right {
width: 100%;
margin: 10px 0}
}
.timeline {
position: relative;
width: 80%;
margin: 0 auto; 
padding: 20px 0;
margin-top: -35px}
.timeline::before {
content: "";
position: absolute;
top: 10px; 
left: 50%;
transform: translateX(-50%);
width: 2px;
background: #000; 
height: calc(100% - 20px)}
.event {
position: relative;
padding: 20px 0}
.event::before {
position: absolute;
left: 50%;
top: 50%;
width: 20px; 
height: 20px;
border-radius: 50%;
background: #000; 
transform: translate(-50%, -50%)}
#post-1221665 > div > header > div {
display: none}
.bs-sm{
display: none}
.site.footer-widgets{
background: #191919}
.site-info{
background: #222222}
.site-footer .site-info{
padding-top: 12px}
.copyright-bar, .copyright-bar a {
color: #efefef;
transition: all ease-in-out 300ms}
.copyright-bar a{
text-decoration: none}
.copyright-bar a:hover{
color: #53b2d6}
.bs-footer {
padding: 0}
.bs-footer, .bs-footer a{
transition: all ease-in-out 300ms}
.bs-footer ul.wp-block-social-links li{
margin: 0;
padding-bottom: 0}
hr.bs-f2{
margin-top: 0;
height: auto}
.bs-footer.bs-f3 ul li{
margin:0;
margin-bottom: 5px}
.bs-footer.bs-f3 a{
text-decoration: none;
color: #efefef}
.bs-footer.bs-f3 a:hover{
color: #53b2d6}
.footer-widget-1 .widget_block {
margin-bottom: 15px}
.bs-footer.bs-f3{
padding-top:20px}
.bs-footer.bs-f3 p{
color: #efefef;
font-size: 20px;
font-weight: 700;
text-align: right}
.bs-footer.bs-f3 form{
max-width: 220px;
margin-left: auto;
color: #efefef}
.bs-footer.bs-f3 form button[type=submit]{
width: 120px;
margin-left: auto;
border-radius: 6px;
font-weight: 700}
@media screen and (min-width:782px){
.bs-footer-col-1 {
flex-basis: auto !important;
box-sizing: border-box;
width: 25%}
.bs-footer-col-3 {
flex-basis: auto !important;
box-sizing: border-box;
width: 60%}
.bs-3-col-ul{
columns: 3;
-webkit-columns: 3;
-moz-columns: 3}
}
.bs-footer p.yikes-easy-mc-error-message{
color: rgba(216,48,57,.87)}
.bs-footer p.yikes-easy-mc-success-message{
color: #4f8a10}
@media screen and (max-width: 781px){
.bs-md{
display: none}
.bs-sm{
display: block}
.bs-footer.bs-f1 {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 16px}
.bs-footer.bs-f1 > .wp-block-column {
min-width: 0;
margin: 0}
.bs-footer.bs-f1 .wp-block-image {
margin: 0}
.bs-footer.bs-f1 .wp-block-image img {
display: block;
width: 100%;
height: auto}
.bs-footer.bs-f1 .wp-block-column .wp-block-social-links {
float: none;
flex-wrap: nowrap;
padding: 0;
margin: 0}
.bs-footer.bs-f1 .wp-block-social-link-anchor {
box-sizing: border-box;
min-width: 44px;
min-height: 44px;
justify-content: center}
.bs-footer.bs-f3{
display: flex}
.bs-footer-col-2 {
max-width: 50%;
float: left}
.bs-footer-col-1 figure.alignright {
float: left;
margin: 0}
.bs-footer-col-1{
order: 1
}
.bs-footer-col-3{
order: 2
}
}
@media screen and (max-width: 359px){
.bs-footer h2,
.bs-footer p,
.bs-footer a
{
font-size: 14px !important}
.bs-footer ul li{
padding: 0;
line-height: 1.2
}
.bs-footer a.wp-block-social-link-anchor{
font-size: 20px !important}
.copyright-bar span,
.copyright-bar a
{
font-size: 13px !important}
}
body {
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)}
:where(.is-layout-flex) {
gap: 0.5em}
:where(.is-layout-grid) {
gap: 0.5em}
body .is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em}
body .is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0}
body .is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important}
body .is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em}
body .is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0}
body .is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important}
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important}
body .is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size)}
body .is-layout-flex {
display: flex}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center}
body .is-layout-flex>* {
margin: 0}
body .is-layout-grid {
display: grid}
body .is-layout-grid>* {
margin: 0}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6}
#tablepress-52_wrapper {
font-size: 7pt}
.p-c {
border-radius: 9px;
padding: 0px 25px 0px 25px;
box-shadow: 0px 0px 15px 5px #e3e3e3;
transition: all .35s;
text-align: center;
margin-bottom: 15px}
.p-c ol, ul {
margin: 0 0 1.5em 2em}
.p-c li {
text-align: left;
font-size: 11pt;
padding: 0px 5px}
.p-c:hover{
transform: scale(1.03);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s}
.p-c-buffer {
padding-top: 15px}
.p-c hr {
margin-bottom: 11px; 
margin-top: 13px;
height: 1.1px;
border: 0}
@media only screen and (max-width: 600px) {
.p-c {
padding: 15px 25px 0px 25px}
.p-c-buffer {
padding-top: 0px;
margin-top: -15px}
.p-c-negative-buffer {
margin-top: -15px}
.p-c div.content-column.one_third.last_column {
margin-top: -25px}
.p-c img {
max-height: 125px;
width: auto}
}
@media only screen and (min-width: 600px) {
.p-c-negative-buffer {
margin-top: -15px}
.p-c-row1 {
display: flex;
align-items: center;
justify-content: center;
width: 100%}
.p-c .p-c-row1 .p-c-row1-col {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center}
.p-c .clear_column {
width: unset}
.p-c hr {
margin-bottom: 5px; 
margin-top: -7px}
.p-c img {
max-height: 169px;
width: auto}
}
.p-c-row-top {
display: flex;
justify-content: space-between;
align-items: center; 
flex-wrap: wrap}
.p-c-row-bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap}
.p-c-row-top .p-c-col {
flex-basis: calc(33.333% - 10px); 
margin: 5px;
display: flex; 
align-items: center; 
justify-content: center; 
text-align: center}
@media only screen and (min-width: 600px) and (max-width: 640px) {
.p-c-row-top .p-c-col {
flex-basis: calc(33% - 50px)}
}
.p-c-row-bottom .p-c-col-half {
flex-basis: calc(50% - 10px); 
margin: 5px}
.p-c-col-last {
margin-right: 0}
.p-c::after {
content: "";
display: table;
clear: both}
@media only screen and (max-width: 600px) {
.p-c-row-top .p-c-col,
.p-c-row-bottom .p-c-col-half {
flex-basis: 100%;
margin: 5px 0}
.p-c-row-top .p-c-col-last {
order: 3; 
margin-top: 10px}
}
.post-image-aligned-left .inside-article .post-image {
float:none !important}
.post-image-aligned-left .inside-article .post-image img {
max-height: 400px;
width: auto}
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
}
.main-navigation .main-nav ul ul li a {
} 
body div.wpforms-container-full .wpforms-form :is(button[type="submit"], input[type="submit"], .wpforms-page-button),
body div.wpforms-container-full .wpforms-form :is(button[type="submit"], input[type="submit"], .wpforms-page-button):is(:hover, :focus, :active) {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: auto;
max-width: 100%;
height: auto;
min-height: 44px;
padding: 10px 18px;
border: 1px solid currentColor;
border-radius: 4px;
background: var(--wp--preset--color--base-3, var(--base-3));
color: #fff;
font: inherit;
font-weight: 600;
text-align: center;
text-decoration: none;
box-shadow: none;
cursor: pointer;
appearance: none}
@media (hover: hover) {
body div.wpforms-container-full .wpforms-form :is(button[type="submit"], input[type="submit"], .wpforms-page-button):hover:not(:disabled):not([aria-disabled="true"]) {
background: var(--wp--preset--color--accent, var(--accent));
color: #000}
}
body div.wpforms-container-full .wpforms-form :is(button[type="submit"], input[type="submit"], .wpforms-page-button):focus-visible {
outline: 2px solid var(--wp--preset--color--base-3, var(--base-3));
outline-offset: 3px}
body div.wpforms-container-full .wpforms-form :is(button[type="submit"], input[type="submit"], .wpforms-page-button):is(:disabled, [aria-disabled="true"]) {
opacity: 0.5;
cursor: not-allowed}
:root {
--nav-dropdown-radius: 8px;
--nav-dropdown-gap: 8px;
--nav-dropdown-border: rgba(0, 0, 0, 0.12);
--nav-dropdown-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
--nav-dropdown-speed: 160ms}
@media (min-width: 769px) {
.main-navigation .main-nav > ul > li.menu-item-has-children {
position: relative}
.main-navigation .main-nav > ul > li.menu-item-has-children::after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: var(--nav-dropdown-gap);
display: none}
.main-navigation .main-nav > ul > li.menu-item-has-children:hover::after,
.main-navigation .main-nav > ul > li.menu-item-has-children.sfHover::after {
display: block}
.main-navigation .main-nav ul ul {
margin: 0;
padding: 8px 0;
border: 1px solid var(--nav-dropdown-border);
border-radius: var(--nav-dropdown-radius);
box-shadow: var(--nav-dropdown-shadow);
overflow: hidden;
opacity: 0;
transform: translateY(6px);
transition:
opacity var(--nav-dropdown-speed) ease,
transform var(--nav-dropdown-speed) ease}
.main-navigation .main-nav > ul > li > ul {
margin-top: var(--nav-dropdown-gap)}
.main-navigation .main-nav ul li:hover > ul,
.main-navigation .main-nav ul li.sfHover > ul {
opacity: 1;
transform: translateY(0)}
.main-navigation .main-nav ul ul li {
border: 0}
.main-navigation .main-nav ul ul li a {
margin: 2px 6px;
border-radius: 6px;
line-height: 1.35;
transition:
background-color 140ms ease,
color 140ms ease}
.main-navigation .main-nav ul ul ul {
margin-top: 0;
margin-left: 6px}
}
.gs-optional-hero {
margin: 0;
background: var(--base-3)}
.gs-optional-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 42%);
align-items: center;
gap: clamp(24px, 4vw, 56px);
max-width: 1100px;
margin: 0 auto;
padding: clamp(28px, 5vw, 56px) 24px}
.gs-optional-hero--no-image .gs-optional-hero__inner {
grid-template-columns: 1fr}
.gs-optional-hero__image img {
display: block;
width: 100%;
height: auto;
max-height: 420px;
object-fit: contain;
border-radius: 8px}
.gs-optional-hero__content h1 {
margin: 0;
color: #ffffff;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.08}
.gs-optional-hero__subtitle {
margin: 18px 0 0;
font-size: clamp(18px, 2vw, 24px);
line-height: 1.45;
color: #ffffff}
@media (max-width: 768px) {
.gs-optional-hero__inner {
grid-template-columns: 1fr;
gap: 22px;
padding: 24px 18px}
.gs-optional-hero__content h1 {
font-size: 34px}
}
.bs-footer.bs-f3 .bs-footer-providers ul {
columns: 2;
column-gap: 24px}
.bs-footer.bs-f3 .bs-footer-providers li {
break-inside: avoid}
@media screen and (min-width: 782px) {
.bs-footer.bs-f3 > .bs-footer-col-1 {
width: 20%}
.bs-footer.bs-f3 > .bs-footer-providers {
width: 40%}
}
.bs-footer.bs-f3 .bs-footer-speeds ul {
columns: 2;
column-gap: 24px}
.bs-footer.bs-f3 .bs-footer-speeds li {
break-inside: avoid}
@media screen and (min-width: 782px) {
.bs-footer.bs-f3 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start}
.bs-footer.bs-f3 > .wp-block-column {
width: auto !important;
min-width: 0}
}
@media screen and (min-width: 1100px) {
.bs-footer.bs-f3 {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr)}
}
.main-navigation .provider-menu-label {
display: flex;
align-items: center;
gap: 10px}
.main-navigation .provider-menu-label > span {
min-width: 0;
overflow-wrap: anywhere}
.main-navigation .provider-menu-label > .provider-menu-logo {
display: block;
flex: 0 0 34px;
width: 34px;
height: 25px;
object-fit: contain}
.main-navigation .main-nav .youtube-menu-item > a {
display: flex;
align-items: center;
gap: 12px}
.main-navigation .youtube-menu-item > a::before {
content: "";
flex: 0 0 22px;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath fill='%23FF0000' d='M27.4 3.1c-.3-1.2-1.3-2.1-2.5-2.5C22.7 0 14 0 14 0S5.3 0 3.1.6C1.9 1 1 1.9.6 3.1 0 5.3 0 10 0 10s0 4.7.6 6.9c.3 1.2 1.3 2.1 2.5 2.5 2.2.6 10.9.6 10.9.6s8.7 0 10.9-.6c1.2-.3 2.1-1.3 2.5-2.5.6-2.2.6-6.9.6-6.9s0-4.7-.6-6.9Z'/%3E%3Cpath fill='white' d='M11 14.3 18.3 10 11 5.7z'/%3E%3C/svg%3E")}
.main-navigation .tool-menu-label {
display: flex;
align-items: center;
gap: 12px}
.main-navigation .tool-menu-icon {
flex: 0 0 22px;
width: 22px;
height: 22px}
.main-navigation .tool-menu-label > span {
min-width: 0}
@media (min-width: 769px) {
.main-navigation .inside-navigation {
position: relative}
.main-navigation .main-nav > ul > li > .sub-menu {
box-sizing: border-box;
width: 220px;
max-width: calc(100vw - 32px);
padding: 10px}
.main-navigation .main-nav > ul > li > .sub-menu > li > a {
display: flex;
align-items: center;
box-sizing: border-box;
min-height: 46px;
height: 100%;
margin: 0;
padding-top: 11px;
padding-bottom: 11px;
overflow-wrap: anywhere}
.main-navigation .main-nav > ul > li.gs-dropdown-wide {
position: static}
.main-navigation .main-nav > ul > li.gs-dropdown-wide > .sub-menu {
display: grid;
top: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px 8px;
width: 440px;
max-width: min(100%, calc(100vw - 32px))}
.main-navigation .main-nav > ul > li.gs-dropdown-wide > .sub-menu > li {
min-width: 0}
.main-navigation .main-nav > ul > li:hover > .sub-menu,
.main-navigation .main-nav > ul > li.sfHover > .sub-menu,
.main-navigation .main-nav > ul > li:focus-within > .sub-menu {
left: 0;
right: auto;
max-height: min(70vh, 680px);
overflow-y: auto;
overscroll-behavior: contain}
.main-navigation .main-nav > ul > li:focus-within > .sub-menu {
height: auto;
opacity: 1;
transform: translateY(0);
pointer-events: auto}
.main-navigation .main-nav > ul > li > .sub-menu a:focus-visible {
outline: 2px solid currentColor;
outline-offset: -3px}
}
@media (min-width: 1024px) {
.main-navigation .main-nav > ul > li.gs-dropdown-three > .sub-menu {
width: 660px;
grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (prefers-reduced-motion: reduce) {
.main-navigation .main-nav ul ul,
.main-navigation .main-nav ul ul li a {
transition: none}
}
.grecaptcha-badge {
bottom: 90px !important}
.post-image-above-header .inside-article .featured-image,.post-image-above-header .inside-article .post-image{margin-top:0;margin-bottom:2em}.post-image-aligned-left .inside-article .featured-image,.post-image-aligned-left .inside-article .post-image{margin-top:0;margin-right:2em;float:left;text-align:left}.post-image-aligned-center .featured-image,.post-image-aligned-center .post-image{text-align:center}.post-image-aligned-right .inside-article .featured-image,.post-image-aligned-right .inside-article .post-image{margin-top:0;margin-left:2em;float:right;text-align:right}.post-image-below-header.post-image-aligned-center .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .post-image,.post-image-below-header.post-image-aligned-right .inside-article .featured-image,.post-image-below-header.post-image-aligned-right .inside-article .post-image{margin-top:2em}.post-image-aligned-left>.featured-image,.post-image-aligned-right>.featured-image{float:none;margin-left:auto;margin-right:auto}.post-image-aligned-left .featured-image{text-align:left}.post-image-aligned-right .featured-image{text-align:right}.post-image-aligned-left .inside-article:after,.post-image-aligned-left .inside-article:before,.post-image-aligned-right .inside-article:after,.post-image-aligned-right .inside-article:before{content:"";display:table}.post-image-aligned-left .inside-article:after,.post-image-aligned-right .inside-article:after{clear:both}.one-container.post-image-above-header .no-featured-image-padding.generate-columns .inside-article .post-image,.one-container.post-image-above-header .page-header+.no-featured-image-padding .inside-article .post-image{margin-top:0}.one-container.both-right.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-right.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-right:0}.one-container.both-left.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-left.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0}.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0;margin-right:0}.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .featured-image,.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .post-image{margin-left:0;margin-right:0}@media (max-width:768px){body:not(.post-image-aligned-center) .featured-image,body:not(.post-image-aligned-center) .inside-article .featured-image,body:not(.post-image-aligned-center) .inside-article .post-image{margin-right:0;margin-left:0;float:none;text-align:center}}
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
--color-red-300: oklch(80.8% 0.114 19.571);
--color-orange-300: oklch(83.7% 0.128 66.29);
--color-orange-400: oklch(75% 0.183 55.934);
--color-orange-500: oklch(70.5% 0.213 47.604);
--color-orange-600: oklch(64.6% 0.222 41.116);
--color-orange-700: oklch(55.3% 0.195 38.402);
--color-orange-900: oklch(40.8% 0.123 38.172);
--color-orange-950: oklch(26.6% 0.079 36.259);
--color-yellow-400: oklch(85.2% 0.199 91.936);
--color-lime-500: oklch(76.8% 0.233 130.85);
--color-emerald-300: oklch(84.5% 0.143 164.978);
--color-emerald-600: oklch(59.6% 0.145 163.225);
--color-emerald-700: oklch(50.8% 0.118 165.612);
--color-emerald-900: oklch(37.8% 0.077 168.94);
--color-emerald-950: oklch(26.2% 0.051 172.552);
--color-teal-500: oklch(70.4% 0.14 182.503);
--color-cyan-500: oklch(71.5% 0.143 215.221);
--color-sky-500: oklch(68.5% 0.169 237.323);
--color-blue-50: oklch(97% 0.014 254.604);
--color-blue-200: oklch(88.2% 0.059 254.128);
--color-blue-400: oklch(70.7% 0.165 254.624);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-700: oklch(48.8% 0.243 264.376);
--color-blue-800: oklch(42.4% 0.199 265.638);
--color-blue-900: oklch(37.9% 0.146 265.522);
--color-blue-950: oklch(28.2% 0.091 267.935);
--color-indigo-500: oklch(58.5% 0.233 277.117);
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
--color-pink-500: oklch(65.6% 0.241 354.308);
--color-rose-300: oklch(81% 0.117 11.638);
--color-rose-500: oklch(64.5% 0.246 16.439);
--color-rose-700: oklch(51.4% 0.222 16.935);
--color-rose-800: oklch(45.5% 0.188 13.697);
--color-rose-900: oklch(41% 0.159 10.272);
--color-rose-950: oklch(27.1% 0.105 12.094);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-500: oklch(55.1% 0.027 264.364);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-gray-800: oklch(27.8% 0.033 256.848);
--color-gray-900: oklch(21% 0.034 264.665);
--color-gray-950: oklch(13% 0.028 261.692);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-thin: 100;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-tight: -0.4px;
--leading-tight: 1.25;
--radius-xs: 4px;
--radius-md: 0.375rem;
--radius-xl: 0.75rem;
--radius-4xl: 2rem;
--animate-spin: spin 1s linear infinite;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--leading-8: 32px;
--leading-6: 24px;
--leading-none: 1px;
--leading-5: 20px;
--radius-base: 12px;
--color-body: var(--color-gray-600);
--color-heading: var(--color-gray-900);
--color-fg-brand-strong: var(--color-blue-900);
--color-neutral-primary-soft: var(--color-white);
--color-neutral-primary: var(--color-white);
--color-neutral-secondary: var(--color-gray-50);
--color-neutral-secondary-medium: var(--color-gray-50);
--color-neutral-tertiary: var(--color-gray-100);
--color-neutral-quaternary: var(--color-gray-200);
--color-gray: var(--color-gray-300);
--color-brand-softer: var(--color-blue-50);
--color-brand: var(--base-3);
--color-brand-medium: var(--color-blue-200);
--color-brand-strong: var(--color-blue-800);
--color-dark: var(--color-gray-800);
--color-default: var(--color-gray-200);
--color-brand-subtle: var(--color-blue-200);
--color-primary: var(--base-3);
--color-secondary: #0CB2EF}
.invisible {
visibility: hidden}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0}
.absolute {
position: absolute}
.fixed {
position: fixed}
.relative {
position: relative}
.top-0 {
top: calc(var(--spacing) * 0)}
.top-4 {
top: calc(var(--spacing) * 4)}
.right-0 {
right: calc(var(--spacing) * 0)}
.right-8 {
right: calc(var(--spacing) * 8)}
.bottom-0 {
bottom: calc(var(--spacing) * 0)}
.left-0 {
left: calc(var(--spacing) * 0)}
.z-10 {
z-index: 10}
.z-40 {
z-index: 40}
.z-50 {
z-index: 50}
.mx-auto {
margin-inline: auto}
.-ms-0\.5 {
margin-inline-start: calc(var(--spacing) * -0.5)}
.ms-3 {
margin-inline-start: calc(var(--spacing) * 3)}
.me-1\.5 {
margin-inline-end: calc(var(--spacing) * 1.5)}
.mt-2 {
margin-top: calc(var(--spacing) * 2)}
.mt-4 {
margin-top: calc(var(--spacing) * 4)}
.mt-6 {
margin-top: calc(var(--spacing) * 6)}
.mt-10 {
margin-top: calc(var(--spacing) * 10)}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0)}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1)}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5)}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3)}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4)}
.ml-0 {
margin-left: calc(var(--spacing) * 0)}
.ml-2 {
margin-left: calc(var(--spacing) * 2)}
.box-border {
box-sizing: border-box}
.block {
display: block}
.flex {
display: flex}
.hidden {
display: none}
.inline-block {
display: inline-block}
.inline-flex {
display: inline-flex}
.h-4 {
height: calc(var(--spacing) * 4)}
.h-5 {
height: calc(var(--spacing) * 5)}
.h-6 {
height: calc(var(--spacing) * 6)}
.h-8 {
height: calc(var(--spacing) * 8)}
.h-10 {
height: calc(var(--spacing) * 10)}
.h-14 {
height: calc(var(--spacing) * 14)}
.h-16 {
height: calc(var(--spacing) * 16)}
.h-\[100px\] {
height: 100px}
.max-h-\[350px\] {
max-height: 350px}
.w-4 {
width: calc(var(--spacing) * 4)}
.w-5 {
width: calc(var(--spacing) * 5)}
.w-6 {
width: calc(var(--spacing) * 6)}
.w-8 {
width: calc(var(--spacing) * 8)}
.w-16 {
width: calc(var(--spacing) * 16)}
.w-full {
width: 100%}
.max-w-\[150px\] {
max-width: 150px}
.max-w-\[450px\] {
max-width: 450px}
.max-w-\[800px\] {
max-width: 800px}
.max-w-\[1366px\] {
max-width: 1366px}
.flex-1 {
flex: 1}
.shrink-0 {
flex-shrink: 0}
.translate-y-0 {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y)}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.animate-spin {
animation: var(--animate-spin)}
.cursor-pointer {
cursor: pointer}
.list-none {
list-style-type: none}
.flex-col {
flex-direction: column}
.flex-wrap {
flex-wrap: wrap}
.items-center {
align-items: center}
.items-start {
align-items: flex-start}
.justify-between {
justify-content: space-between}
.justify-center {
justify-content: center}
.gap-1 {
gap: calc(var(--spacing) * 1)}
.gap-2 {
gap: calc(var(--spacing) * 2)}
.gap-4 {
gap: calc(var(--spacing) * 4)}
.gap-6 {
gap: calc(var(--spacing) * 6)}
.\!space-y-1 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0 !important;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important}
}
.\!space-y-6 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0 !important;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important}
}
.self-end {
align-self: flex-end}
.overflow-hidden {
overflow: hidden}
.overflow-y-auto {
overflow-y: auto}
.rounded-4xl {
border-radius: var(--radius-4xl)}
.rounded-base {
border-radius: var(--radius-base)}
.rounded-full {
border-radius: calc(infinity * 1px)}
.rounded-md {
border-radius: var(--radius-md)}
.rounded-xl {
border-radius: var(--radius-xl)}
.rounded-xs {
border-radius: var(--radius-xs)}
.rounded-t-4xl {
border-top-left-radius: var(--radius-4xl);
border-top-right-radius: var(--radius-4xl)}
.rounded-b-4xl {
border-bottom-right-radius: var(--radius-4xl);
border-bottom-left-radius: var(--radius-4xl)}
.border {
border-style: var(--tw-border-style);
border-width: 1px}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px}
.border-3 {
border-style: var(--tw-border-style);
border-width: 3px}
.border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0px}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px}
.border-gray {
border-color: var(--color-gray)}
.border-gray-300 {
border-color: var(--color-gray-300)}
.border-primary {
border-color: var(--color-primary)}
.border-transparent {
border-color: transparent}
.bg-black\/50 {
background-color: color-mix(in srgb, #000 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent)}
}
.bg-brand {
background-color: var(--color-brand)}
.bg-dark {
background-color: var(--color-dark)}
.bg-gray-50 {
background-color: var(--color-gray-50)}
.bg-gray-200 {
background-color: var(--color-gray-200)}
.bg-neutral-primary {
background-color: var(--color-neutral-primary)}
.bg-neutral-primary-soft {
background-color: var(--color-neutral-primary-soft)}
.bg-primary {
background-color: var(--color-primary)}
.bg-secondary {
background-color: var(--color-secondary)}
.bg-white {
background-color: var(--color-white)}
.selected {
.datatable-wrapper .datatable-table tbody tr& {
background-color: var(--color-neutral-secondary)}
}
.fill-brand {
fill: var(--color-brand)}
.object-contain {
object-fit: contain}
.p-2 {
padding: calc(var(--spacing) * 2)}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5)}
.p-3 {
padding: calc(var(--spacing) * 3)}
.p-6 {
padding: calc(var(--spacing) * 6)}
.p-10 {
padding: calc(var(--spacing) * 10)}
.px-3 {
padding-inline: calc(var(--spacing) * 3)}
.px-4 {
padding-inline: calc(var(--spacing) * 4)}
.px-5 {
padding-inline: calc(var(--spacing) * 5)}
.px-6 {
padding-inline: calc(var(--spacing) * 6)}
.\!py-2 {
padding-block: calc(var(--spacing) * 2) !important}
.py-2 {
padding-block: calc(var(--spacing) * 2)}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5)}
.py-3 {
padding-block: calc(var(--spacing) * 3)}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5)}
.py-10 {
padding-block: calc(var(--spacing) * 10)}
.ps-1 {
padding-inline-start: calc(var(--spacing) * 1)}
.pt-0 {
padding-top: calc(var(--spacing) * 0)}
.pt-20 {
padding-top: calc(var(--spacing) * 20)}
.\!pr-0 {
padding-right: calc(var(--spacing) * 0) !important}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0)}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2)}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12)}
.\!pl-3 {
padding-left: calc(var(--spacing) * 3) !important}
.\!pl-12 {
padding-left: calc(var(--spacing) * 12) !important}
.pl-0 {
padding-left: calc(var(--spacing) * 0)}
.pl-12 {
padding-left: calc(var(--spacing) * 12)}
.text-center {
text-align: center}
.text-left {
text-align: left}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height))}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height))}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height))}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height))}
.leading-5 {
--tw-leading: var(--leading-5);
line-height: var(--leading-5)}
.leading-6 {
--tw-leading: var(--leading-6);
line-height: var(--leading-6)}
.leading-8 {
--tw-leading: var(--leading-8);
line-height: var(--leading-8)}
.leading-none {
--tw-leading: var(--leading-none);
line-height: var(--leading-none)}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight)}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold)}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold)}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold)}
.font-thin {
--tw-font-weight: var(--font-weight-thin);
font-weight: var(--font-weight-thin)}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight)}
.whitespace-nowrap {
white-space: nowrap}
.text-black {
color: var(--color-black)}
.text-body {
color: var(--color-body)}
.text-gray-400 {
color: var(--color-gray-400)}
.text-gray-500 {
color: var(--color-gray-500)}
.text-gray-700 {
color: var(--color-gray-700)}
.text-gray-800 {
color: var(--color-gray-800)}
.text-gray-900 {
color: var(--color-gray-900)}
.text-heading {
color: var(--color-heading)}
.text-neutral-quaternary {
color: var(--color-neutral-quaternary)}
.text-primary {
color: var(--color-primary)}
.text-red-300 {
color: var(--color-red-300)}
.text-white {
color: var(--color-white)}
.no-underline {
text-decoration-line: none}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale}
.opacity-0 {
opacity: 0%}
.opacity-100 {
opacity: 100%}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms}
.select-none {
-webkit-user-select: none;
user-select: none}
.peer-checked\:border-primary {
&:is(:where(.peer):checked ~ *) {
border-color: var(--color-primary)}
}
.peer-checked\:bg-brand-softer {
&:is(:where(.peer):checked ~ *) {
background-color: var(--color-brand-softer)}
}
.peer-checked\:text-fg-brand-strong {
&:is(:where(.peer):checked ~ *) {
color: var(--color-fg-brand-strong)}
}
.peer-disabled\:cursor-default {
&:is(:where(.peer):disabled ~ *) {
cursor: default}
}
.peer-disabled\:opacity-30 {
&:is(:where(.peer):disabled ~ *) {
opacity: 30%}
}
.placeholder\:text-sm {
&::placeholder {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height))}
}
.placeholder\:text-body {
&::placeholder {
color: var(--color-body)}
}
.hover\:scale-102 {
&:hover {
--tw-scale-x: 102%;
--tw-scale-y: 102%;
--tw-scale-z: 102%;
scale: var(--tw-scale-x) var(--tw-scale-y)}
}
.hover\:bg-brand {
&:hover {
background-color: var(--color-brand)}
}
.hover\:bg-brand-strong {
&:hover {
background-color: var(--color-brand-strong)}
}
.hover\:bg-gray-100 {
&:hover {
background-color: var(--color-gray-100)}
}
.hover\:bg-gray-200 {
&:hover {
background-color: var(--color-gray-200)}
}
.hover\:bg-neutral-secondary-medium {
&:hover {
background-color: var(--color-neutral-secondary-medium)}
}
.hover\:bg-primary {
&:hover {
background-color: var(--color-primary)}
}
.hover\:text-black {
&:hover {
color: var(--color-black)}
}
.hover\:text-gray-800 {
&:hover {
color: var(--color-gray-800)}
}
.hover\:text-white {
&:hover {
color: var(--color-white)}
}
.peer-checked\:hover\:bg-brand-softer {
&:is(:where(.peer):checked ~ *) {
&:hover {
background-color: var(--color-brand-softer)}
}
}
.focus\:border-primary {
&:focus {
border-color: var(--color-primary)}
}
.focus\:bg-brand {
&:focus {
background-color: var(--color-brand)}
}
.focus\:bg-gray-200 {
&:focus {
background-color: var(--color-gray-200)}
}
.focus\:text-black {
&:focus {
color: var(--color-black)}
}
.focus\:text-gray-800 {
&:focus {
color: var(--color-gray-800)}
}
.focus\:ring-2 {
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
.focus\:ring-4 {
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
.focus\:ring-brand-medium {
&:focus {
--tw-ring-color: var(--color-brand-medium)}
}
.focus\:ring-brand-subtle {
&:focus {
--tw-ring-color: var(--color-brand-subtle)}
}
.focus\:ring-gray {
&:focus {
--tw-ring-color: var(--color-gray)}
}
.focus\:ring-primary {
&:focus {
--tw-ring-color: var(--color-primary)}
}
.focus\:outline-none {
&:focus {
--tw-outline-style: none;
outline-style: none}
}
.active\:text-black {
&:active {
color: var(--color-black)}
}
.sm\:h-6 {
@media (width >= 40rem) {
height: calc(var(--spacing) * 6)}
}
.sm\:w-6 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 6)}
}
.sm\:max-w-\[350px\] {
@media (width >= 40rem) {
max-width: 350px}
}
.sm\:max-w-\[400px\] {
@media (width >= 40rem) {
max-width: 400px}
}
.sm\:\!pl-14 {
@media (width >= 40rem) {
padding-left: calc(var(--spacing) * 14) !important}
}
.sm\:text-lg {
@media (width >= 40rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))}
}
.sm\:placeholder\:text-lg {
@media (width >= 40rem) {
&::placeholder {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))}
}
}
.md\:mt-0 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 0)}
}
.md\:flex {
@media (width >= 48rem) {
display: flex}
}
.md\:hidden {
@media (width >= 48rem) {
display: none}
}
.md\:w-1\/3 {
@media (width >= 48rem) {
width: calc(1 / 3 * 100%)}
}
.md\:w-1\/6 {
@media (width >= 48rem) {
width: calc(1 / 6 * 100%)}
}
.md\:w-2\/3 {
@media (width >= 48rem) {
width: calc(2 / 3 * 100%)}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row}
}
.md\:gap-6 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 6)}
}
.lg\:flex {
@media (width >= 64rem) {
display: flex}
}
.lg\:flex-row {
@media (width >= 64rem) {
flex-direction: row}
}
.lg\:items-center {
@media (width >= 64rem) {
align-items: center}
}
.lg\:justify-between {
@media (width >= 64rem) {
justify-content: space-between}
}
.lg\:p-10 {
@media (width >= 64rem) {
padding: calc(var(--spacing) * 10)}
}
.xl\:block {
@media (width >= 80rem) {
display: block}
}
.xl\:flex {
@media (width >= 80rem) {
display: flex}
}
.xl\:hidden {
@media (width >= 80rem) {
display: none}
}
.xl\:max-w-\[350px\] {
@media (width >= 80rem) {
max-width: 350px}
}
.xl\:flex-row {
@media (width >= 80rem) {
flex-direction: row}
}
.xl\:items-start {
@media (width >= 80rem) {
align-items: flex-start}
}
.xl\:gap-10 {
@media (width >= 80rem) {
gap: calc(var(--spacing) * 10)}
}
.dark\:bg-gray-900 {
@media (prefers-color-scheme: dark) {
background-color: var(--color-gray-900)}
}
.dark\:text-gray-300 {
@media (prefers-color-scheme: dark) {
color: var(--color-gray-300)}
}
.dark\:text-white {
@media (prefers-color-scheme: dark) {
color: var(--color-white)}
}
.dark {
--color-body: var(--color-gray-400);
--color-body-subtle: var(--color-gray-400);
--color-heading: var(--color-white);
--color-fg-brand-subtle: var(--color-blue-200);
--color-fg-brand: var(--color-blue-500);
--color-fg-brand-strong: var(--color-blue-400);
--color-fg-success: var(--color-emerald-600);
--color-fg-success-strong: var(--color-emerald-300);
--color-fg-danger: var(--color-rose-500);
--color-fg-danger-strong: var(--color-rose-300);
--color-fg-warning-subtle: var(--color-orange-500);
--color-fg-warning: var(--color-orange-300);
--color-fg-yellow: var(--color-yellow-400);
--color-fg-disabled: var(--color-gray-600);
--color-fg-purple: var(--color-purple-500);
--color-fg-cyan: var(--color-cyan-500);
--color-fg-indigo: var(--color-indigo-500);
--color-fg-pink: var(--color-pink-500);
--color-fg-lime: var(--color-lime-500);
--color-neutral-primary-soft: var(--color-gray-900);
--color-neutral-primary: var(--color-gray-950);
--color-neutral-primary-medium: var(--color-gray-800);
--color-neutral-primary-strong: var(--color-gray-700);
--color-neutral-secondary-soft: var(--color-gray-900);
--color-neutral-secondary: var(--color-gray-950);
--color-neutral-secondary-medium: var(--color-gray-800);
--color-neutral-secondary-strong: var(--color-gray-700);
--color-neutral-secondary-strongest: var(--color-gray-600);
--color-neutral-tertiary-soft: var(--color-gray-900);
--color-neutral-tertiary: var(--color-gray-800);
--color-neutral-tertiary-medium: var(--color-gray-700);
--color-neutral-quaternary: var(--color-gray-700);
--color-neutral-quaternary-medium: var(--color-gray-600);
--color-gray: var(--color-gray-600);
--color-brand-softer: var(--color-blue-950);
--color-brand-soft: var(--color-blue-900);
--color-brand: var(--color-blue-600);
--color-brand-medium: var(--color-blue-900);
--color-brand-strong: var(--color-blue-700);
--color-success-soft: var(--color-emerald-950);
--color-success: var(--color-emerald-600);
--color-success-medium: var(--color-emerald-900);
--color-success-strong: var(--color-emerald-700);
--color-danger-soft: var(--color-rose-950);
--color-danger: var(--color-rose-700);
--color-danger-medium: var(--color-rose-900);
--color-danger-strong: var(--color-rose-800);
--color-warning-soft: var(--color-orange-950);
--color-warning: var(--color-orange-600);
--color-warning-medium: var(--color-orange-900);
--color-warning-strong: var(--color-orange-700);
--color-dark-soft: var(--color-gray-700);
--color-dark: var(--color-gray-800);
--color-dark-strong: var(--color-gray-700);
--color-disabled: var(--color-gray-800);
--color-purple: var(--color-purple-500);
--color-sky: var(--color-sky-500);
--color-teal: var(--color-teal-500);
--color-pink: var(--color-pink-500);
--color-cyan: var(--color-cyan-500);
--color-fuchsia: var(--color-fuchsia-500);
--color-indigo: var(--color-indigo-500);
--color-orange: var(--color-orange-400);
--color-buffer: var(--color-gray-950);
--color-buffer-medium: var(--color-gray-900);
--color-buffer-strong: var(--color-gray-800);
--color-muted: var(--color-gray-900);
--color-light-subtle: var(--color-gray-900);
--color-light: var(--color-gray-800);
--color-light-medium: var(--color-gray-700);
--color-default-subtle: var(--color-gray-900);
--color-default: var(--color-gray-800);
--color-default-medium: var(--color-gray-700);
--color-default-strong: var(--color-gray-600);
--color-success-subtle: var(--color-emerald-900);
--color-danger-subtle: var(--color-rose-900);
--color-warning-subtle: var(--color-orange-900);
--color-brand-subtle: var(--color-blue-900);
--color-brand-light: var(--color-blue-600);
--color-dark-subtle: var(--color-gray-700);
--color-dark-backdrop: var(--color-gray-950)}
.filters {
display: none;
@media (width >= 80rem) {
display: block}
}
.filters.active {
display: block !important}
.sticky-filters-btn.fd-hidden {
--tw-translate-y: calc(var(--spacing) * 20);
translate: var(--tw-translate-x) var(--tw-translate-y);
opacity: 0%}
.about-results-text > * {
&:last-child {
margin-bottom: calc(var(--spacing) * 0)}
}
@layer base {
.tooltip-arrow,.tooltip-arrow:before {
position: absolute;
width: 8px;
height: 8px;
background: inherit}
.tooltip-arrow {
visibility: hidden}
.tooltip-arrow:before {
content: "";
visibility: visible;
transform: rotate(45deg)}
[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
border-style: solid;
border-color: var(--color-neutral-tertiary)}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
border-bottom-width: 1px;
border-right-width: 1px}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
border-bottom-width: 1px;
border-left-width: 1px}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
border-top-width: 1px;
border-left-width: 1px}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
border-top-width: 1px;
border-right-width: 1px}
.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
bottom: -3px}
.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
top: -3px}
.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
right: -3px}
.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
left: -3px}
.tooltip.invisible > .tooltip-arrow:before {
visibility: hidden}
[data-popper-arrow],[data-popper-arrow]:before {
position: absolute;
width: 8px;
height: 8px;
background: inherit}
[data-popper-arrow] {
visibility: hidden}
[data-popper-arrow]:before {
content: "";
visibility: visible;
transform: rotate(45deg)}
[data-popper-arrow]:after {
content: "";
visibility: visible;
transform: rotate(45deg);
position: absolute;
width: 9px;
height: 9px;
background: inherit}
[role="tooltip"] > [data-popper-arrow]:before {
border-style: solid;
border-color: var(--color-neutral-tertiary)}
.dark [role="tooltip"] > [data-popper-arrow]:before {
border-style: solid;
border-color: var(--color-dark)}
[role="tooltip"] > [data-popper-arrow]:after {
border-style: solid;
border-color: var(--color-neutral-tertiary)}
.dark [role="tooltip"] > [data-popper-arrow]:after {
border-style: solid;
border-color: var(--color-dark)}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
border-bottom-width: 1px;
border-right-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
border-bottom-width: 1px;
border-right-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
border-bottom-width: 1px;
border-left-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
border-bottom-width: 1px;
border-left-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
border-top-width: 1px;
border-left-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
border-top-width: 1px;
border-left-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
border-top-width: 1px;
border-right-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
border-top-width: 1px;
border-right-width: 1px}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
bottom: -4px}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
top: -4px}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
right: -4px}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
left: -4px}
[role="tooltip"].invisible > [data-popper-arrow]:before {
visibility: hidden}
[role="tooltip"].invisible > [data-popper-arrow]:after {
visibility: hidden}
}
@layer base {
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
appearance: none;
background-color: #fff;
border-color: var(--color-body);
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: var(--color-brand);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: var(--color-brand)}
}
input::placeholder,textarea::placeholder {
color: var(--color-body);
opacity: 1}
::-webkit-datetime-edit-fields-wrapper {
padding: 0}
input[type="time"]::-webkit-calendar-picker-indicator {
background: none}
select:not([size]) {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
padding-right: 2.5rem;
print-color-adjust: exact}
:is([dir=rtl]) select:not([size]) {
background-position: left 0.75rem center;
padding-right: 0.75rem;
padding-left: 0}
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset}
[type='checkbox'],[type='radio'] {
position: relative;
appearance: none;
padding: 0;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: var(--color-brand);
background-color: #fff;
border-color: var(--color-default);
border-width: 1px;
--tw-shadow: 0 0 #0000}
[type='checkbox'] {
border-radius: 0px}
[type='radio'] {
border-radius: 100%}
[type='checkbox']:focus,[type='radio']:focus {
outline: 1px solid transparent;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-color: #fff;
--tw-ring-color: var(--color-brand);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
[type='checkbox']:checked,.dark [type='checkbox']:checked {
border-color: currentColor !important}
[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {
background-color: currentColor !important;
background-size: 0.85em 0.85em !important;
background-position: center;
background-repeat: no-repeat}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11.917 9.724 16.5 19 7.5'/%3e %3c/svg%3e");
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
print-color-adjust: exact}
[type='radio']:checked:before, [type='radio']:disabled:checked:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background-color: var(--color-brand);
width: .9em !important;
height: .9em !important}
[type='radio']:checked:after, [type='radio']:disabled:checked:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background-color: var(--color-white);
width: .35em !important;
height: .35em !important}
.dark [type='radio']:checked:before, .dark [type='radio']:disabled:checked:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background-color: var(--color-brand);
width: .9em !important;
height: .9em !important}
.dark [type='radio']:checked:after, .dark [type='radio']:disabled:checked:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background-color: var(--color-white);
width: .35em !important;
height: .35em !important}
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
background-color: currentColor !important;
border-color: transparent !important;
background-position: center;
background-repeat: no-repeat;
background-size: 1.55em 1.55em;
print-color-adjust: exact}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent !important;
background-color: currentColor !important}
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit}
[type='file']:focus {
outline: 1px auto inherit}
input[type=file]::file-selector-button {
color: var(--color-body);
background: var(--color-neutral-quaternary);
border: 0;
font-weight: 500;
font-size: 0.875rem;
cursor: pointer;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 2rem;
padding-right: 1rem;
margin-inline-start: -1rem;
margin-inline-end: 1rem;
&:hover {
background: var(--color-neutral-quaternary)}
}
:is([dir=rtl]) input[type=file]::file-selector-button {
padding-right: 2rem;
padding-left: 1rem}
.dark input[type=file]::file-selector-button {
color: var(--color-body);
background: var(--color-neutral-quaternary);
&:hover {
background: var(--color-neutral-quaternary)}
}
input[type="range"]::-webkit-slider-thumb {
height: 1.25rem;
width: 1.25rem;
background: var(--color-brand);
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer}
input[type="range"]:disabled::-webkit-slider-thumb {
background: var(--color-body)}
.dark input[type="range"]:disabled::-webkit-slider-thumb {
background: var(--color-body)}
input[type="range"]:focus::-webkit-slider-thumb {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}
input[type="range"]::-moz-range-thumb {
height: 1.25rem;
width: 1.25rem;
background: var(--color-brand);
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer}
input[type="range"]:disabled::-moz-range-thumb {
background: var(--color-body)}
.dark input[type="range"]:disabled::-moz-range-thumb {
background: var(--color-body)}
input[type="range"]::-moz-range-progress {
background: var(--color-brand)}
input[type="range"]::-ms-fill-lower {
background: var(--color-brand)}
input[type="range"].range-sm::-webkit-slider-thumb {
height: 1rem;
width: 1rem}
input[type="range"].range-lg::-webkit-slider-thumb {
height: 1.5rem;
width: 1.5rem}
input[type="range"].range-sm::-moz-range-thumb {
height: 1rem;
width: 1rem}
input[type="range"].range-lg::-moz-range-thumb {
height: 1.5rem;
width: 1.5rem}
.toggle-bg:after {
content: "";
position: absolute;
top: 0.125rem;
left: 0.125rem;
background: white;
border-color: var(--color-default);
border-width: 1px;
border-radius: 9999px;
height: 1.25rem;
width: 1.25rem;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-duration: .15s;
box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
input:checked + .toggle-bg:after {
transform: translateX(100%);;
border-color: white}
input:checked + .toggle-bg {
background: var(--color-brand);
border-color: var(--color-brand)}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0}
@property --tw-rotate-x {
syntax: "*";
inherits: false}
@property --tw-rotate-y {
syntax: "*";
inherits: false}
@property --tw-rotate-z {
syntax: "*";
inherits: false}
@property --tw-skew-x {
syntax: "*";
inherits: false}
@property --tw-skew-y {
syntax: "*";
inherits: false}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid}
@property --tw-leading {
syntax: "*";
inherits: false}
@property --tw-font-weight {
syntax: "*";
inherits: false}
@property --tw-tracking {
syntax: "*";
inherits: false}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000}
@property --tw-shadow-color {
syntax: "*";
inherits: false}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%}
@property --tw-ring-color {
syntax: "*";
inherits: false}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000}
@property --tw-ring-inset {
syntax: "*";
inherits: false}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000}
@property --tw-duration {
syntax: "*";
inherits: false}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1}
@keyframes spin {
to {
transform: rotate(360deg)}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-duration: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1}
}
}
.ce-range-filter .ui-slider {
position: relative;
width: 100%;
background-color: #787878;
height: 3px;
display: flex;
align-items: center;
margin: 0px 25px}
.ce-slider-filter .ui-slider {
margin-right: 10px}
.ce-range-filter .ui-slider .ui-slider-range {
background-color: var(--color-primary);
height: 3px;
position: absolute}
.ce-range-filter .ui-slider span.ui-slider-handle {
background-color: var(--color-primary);
height: 20px;
width: 20px;
display: block;
position: absolute;
border-radius: 20px;
transform: translateX(-10px);
cursor: pointer}
.ce-range-filter {
display: flex;
align-items: center}
.ce-range-filter input {
width: 70px;
text-align: center;
min-width: 0;
padding: 10px 5px !important}
.ce-range-filter .ce-filter-range-box {
border: 2px solid #787878;
padding: 6px 6px;
color: #787878;
min-width: 65px;
text-align: center;
border-radius: 5px;
font-weight: bold}
#sort_by {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
padding-right: 2.5rem;
print-color-adjust: exact}
[x-cloak] {
display: none !important}
.fdes-comparison {
color-scheme: only light}
.fdes-comparison .ui-slider {
touch-action: none}
.fdes-comparison .ui-slider .ui-slider-handle::before {
content: "";
position: absolute;
inset: -12px}