/* TNS Framework — structural CSS only. Visual design belongs to the project. */

:root {
    --tns-container: 1280px;
    --tns-container-narrow: 860px;
    --tns-container-wide: 1520px;
    --tns-layout-max: 1920px;
    --tns-gutter: clamp(20px, 4vw, 60px);
    --tns-space-none: 0px;
    --tns-space-sm: clamp(20px, 2vw, 32px);
    --tns-space-md: clamp(32px, 4vw, 56px);
    --tns-space-lg: clamp(56px, 6vw, 96px);
    --tns-space-xl: clamp(80px, 8vw, 140px);
    --tns-gap-sm: 20px;
    --tns-gap-md: clamp(24px, 3vw, 40px);
    --tns-gap-lg: clamp(32px, 4vw, 64px);
    --tns-gap-xl: clamp(48px, 6vw, 96px);
}

.tns-framework-builder,
.c-section,
.c-section *,
.c-page-header,
.c-page-header * { box-sizing: border-box; }

/* Section shell */
.c-section { --section-width: var(--tns-container); --section-space: var(--tns-space-lg); padding-block: var(--section-space); }
.c-section.width-narrow { --section-width: var(--tns-container-narrow); }
.c-section.width-wide { --section-width: var(--tns-container-wide); }
.c-section.width-full { --section-width: none; }
.c-section.sp-lg { --section-space: var(--tns-space-lg); }
.c-section.sp-md { --section-space: var(--tns-space-md); }
.c-section.sp-sm { --section-space: var(--tns-space-sm); }
.c-section.sp-none { --section-space: var(--tns-space-none); }
.c-section__container { width: min(100% - (2 * var(--tns-gutter)), var(--section-width)); margin-inline: auto; container-type: inline-size; }
.c-section.width-full > .c-section__container { width: 100%; }
.c-section__intro { margin: 0; }
.c-section__intro:has(~ *) { margin-bottom: var(--tns-space-md); }

/* Shared content */
.c-content { display: flex; flex-direction: column; gap: var(--content-gap, var(--tns-gap-sm)); max-width: 100%; }
.c-content.content-width-narrow { max-width: 760px; }
.c-content.content-width-wide { max-width: 1080px; }
.c-content.align-center { margin-inline: auto; text-align: center; }
.c-content.align-right { margin-left: auto; text-align: right; }
.c-subtitle,.c-heading,.c-content__text,.c-actions { margin-top: 0; }
.c-content > :is(.c-heading, .c-subtitle, .c-content__text, .c-actions, .c-content-addon) { margin-block: 0; }
.c-content__text > :first-child { margin-top: 0; }
.c-content__text > :last-child { margin-bottom: 0; }
.c-actions { display: flex; flex-wrap: wrap; gap: var(--tns-gap-sm); }
.c-content.align-center .c-actions { justify-content: center; }
.c-content.align-right .c-actions { justify-content: flex-end; }

/* Content section layouts */
.c-content-section { display: grid; gap: var(--tns-gap-lg); align-items: center; }
.c-content-section > * { min-width: 0; }
.c-content-section.layout-hero { position: relative; }
.c-content-section.layout-hero .c-content-section__media { grid-area: 1 / 1; }
.c-content-section.layout-hero .c-content-section__content { grid-area: 1 / 1; position: relative; z-index: 1; }

/* Image / Video shared visual state */
.c-image__frame,.c-video__frame { position: relative; overflow: hidden; }
.c-image__img,.c-video__media,.c-video iframe,.c-video__poster { display: block; width: 100%; max-width: 100%; }
.c-image.ratio-1-1 .c-image__frame,.c-video.ratio-1-1 .c-video__frame { aspect-ratio: 1 / 1; }
.c-image.ratio-4-3 .c-image__frame,.c-video.ratio-4-3 .c-video__frame { aspect-ratio: 4 / 3; }
.c-image.ratio-3-2 .c-image__frame,.c-video.ratio-3-2 .c-video__frame { aspect-ratio: 3 / 2; }
.c-image.ratio-16-9 .c-image__frame,.c-video.ratio-16-9 .c-video__frame { aspect-ratio: 16 / 9; }
.c-image.ratio-21-9 .c-image__frame,.c-video.ratio-21-9 .c-video__frame { aspect-ratio: 21 / 9; }
.c-image.ratio-3-4 .c-image__frame,.c-video.ratio-3-4 .c-video__frame { aspect-ratio: 3 / 4; }
.c-image:not(.ratio-original) .c-image__img,
.c-video:not(.ratio-original) .c-video__media,
.c-video:not(.ratio-original) .c-video__embed,
.c-video:not(.ratio-original) .c-video__embed iframe,
.c-video:not(.ratio-original) .c-video__poster { width: 100%; height: 100%; }
.c-image.fit-cover .c-image__img,.c-video.fit-cover .c-video__media,.c-video.fit-cover .c-video__poster { object-fit: cover; }
.c-image.fit-contain .c-image__img,.c-video.fit-contain .c-video__media,.c-video.fit-contain .c-video__poster { object-fit: contain; }
.c-image.pos-center .c-image__img,.c-video.pos-center .c-video__media,.c-video.pos-center .c-video__poster { object-position: center; }
.c-image.pos-top .c-image__img,.c-video.pos-top .c-video__media,.c-video.pos-top .c-video__poster { object-position: center top; }
.c-image.pos-bottom .c-image__img,.c-video.pos-bottom .c-video__media,.c-video.pos-bottom .c-video__poster { object-position: center bottom; }
.c-image.pos-left .c-image__img,.c-video.pos-left .c-video__media,.c-video.pos-left .c-video__poster { object-position: left center; }
.c-image.pos-right .c-image__img,.c-video.pos-right .c-video__media,.c-video.pos-right .c-video__poster { object-position: right center; }
.mask-none { mask-image: none; clip-path: none; }

/* Video */
.c-video__trigger { position: relative; display: grid; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.c-video__trigger:focus-visible,.c-image__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.c-video__trigger > * { grid-area: 1 / 1; }
.c-video__trigger .c-icon { place-self: center; position: relative; z-index: 2; }
.c-video__player,.c-video__embed,.c-video__embed iframe { width: 100%; height: 100%; }
.c-video.is-active .c-video__trigger { display: none; }
.c-icon__asset { display: block; width: 1em; height: 1em; }
.c-icon__asset--css { background-image: var(--tns-icon-url); background-repeat: no-repeat; background-position: center; background-size: contain; }
.c-button__icon { display: inline-flex; align-items: center; justify-content: center; }
.c-button__icon .c-icon__asset { fill: currentColor; }

/* Gallery */
.c-gallery--grid { display: grid; grid-template-columns: repeat(var(--gallery-cols, 3), minmax(0, 1fr)); gap: var(--tns-gap-sm); }
.c-gallery__item { min-width: 0; margin: 0; }
.c-gallery__link { display: block; }
.c-gallery__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.c-gallery__video-placeholder { display: grid; place-items: center; width: 100%; min-height: 12rem; aspect-ratio: 16 / 9; background: color-mix(in srgb, currentColor 8%, transparent); }
.c-gallery__video-placeholder .c-icon { font-size: clamp(2.5rem, 8vw, 5rem); }
.c-content-addon { margin-block: 0; }
/* Keep the icon asset inside an inline box so it follows the content alignment. */
.c-content-addon--icon > .c-icon { display: inline-flex; vertical-align: top; }
.c-contact-group + .c-contact-group { margin-top: var(--tns-gap-md); }
.c-contact-group__heading { margin: 0 0 8px; font-weight: 600; }
.c-contact-entry + .c-contact-entry { margin-top: 8px; }
.c-contact-entry__label { font-size: .85em; margin-bottom: 4px; }
.c-contact-entry__value { overflow-wrap: anywhere; }
.c-contact-entry__link { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; overflow-wrap: anywhere; }

/* Collection */
.c-collection { --collection-gap: var(--tns-gap-md); display: grid; gap: var(--collection-gap); }
.c-collection.gap-none { --collection-gap: 0px; }
.c-collection.gap-sm { --collection-gap: var(--tns-gap-sm); }
.c-collection.gap-md { --collection-gap: var(--tns-gap-md); }
.c-collection.gap-lg { --collection-gap: var(--tns-gap-lg); }
.c-collection.gap-xl { --collection-gap: var(--tns-gap-xl); }
.c-collection.layout-grid { grid-template-columns: repeat(var(--collection-cols, 3), minmax(0, 1fr)); }
.c-collection.layout-list { grid-template-columns: minmax(0, 1fr); }
.c-collection.layout-split { grid-template-columns: minmax(0, 1fr); gap: var(--tns-gap-xl); }
.c-item { min-width: 0; }
.c-item.align-left { text-align: left; }
.c-item.align-center { text-align: center; }
.c-item.align-right { text-align: right; }
.c-item.align-center .c-item-index { margin-inline: auto; }
.c-item.align-right .c-item-index { margin-left: auto; }
.c-item.variant-card { padding: var(--tns-gap-md); }
.c-collection.layout-split .c-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--tns-gap-lg); align-items: center; }
.c-collection.layout-split .c-item.is-reversed .c-item__media { order: 2; }
.c-item__media + .c-item__content { margin-top: var(--tns-gap-sm); }
.c-collection.layout-split .c-item__media + .c-item__content { margin-top: 0; }
.c-item-index,.c-item__icon,.c-item__value { margin-bottom: var(--tns-gap-sm); }

/* Page Header */
.c-page-header { --section-space: var(--tns-space-lg); padding-block: var(--section-space); }
.c-page-header__container { width: min(100% - (2 * var(--tns-gutter)), var(--tns-container)); margin-inline: auto; container-type: inline-size; }
.c-page-header.layout-hero { padding-block: 0; }
.c-page-header.layout-hero .c-page-header__container { position: relative; width: 100%; max-width: none; }
.c-page-header.layout-hero .c-page-header__media { min-height: 360px; }
.c-page-header.layout-hero .c-page-header__content--overlay { position: relative; grid-area: 1 / 1; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding-block: var(--tns-space-md); width: min(100% - (2 * var(--tns-gutter)), var(--tns-container)); margin-inline: auto; pointer-events: none; }
.c-page-header.layout-hero .c-page-header__container { display: grid; }
.c-page-header.layout-hero .c-page-header__media { grid-area: 1 / 1; min-width: 0; }
.c-page-header.layout-hero .c-page-header__content--overlay .c-content { pointer-events: auto; }
.c-page-header.layout-hero .c-breadcrumbs { pointer-events: auto; }

/* Shared split. Query the shell, never the grid that must respond to it. */
.c-split-shell { container: tns-split-shell / inline-size; padding-top: var(--split-padding-top, var(--section-space)); padding-bottom: var(--split-padding-bottom, var(--section-space)); }
.c-split-shell > :is(.c-section__container, .c-page-header__container) { container-type: normal; }
.c-split-shell.split-size-large { max-width: var(--tns-layout-max); margin-inline: auto; }
.c-split-shell.split-size-large > :is(.c-section__container, .c-page-header__container) { width: min(100% - 2 * var(--tns-gutter), var(--tns-container)); }
.c-split { --split-text: 1fr; --split-media: 1fr; display: grid; grid-template-columns: minmax(0, var(--split-text)) minmax(0, var(--split-media)); gap: var(--tns-gap-lg); align-items: center; }
.c-split > * { min-width: 0; }
.c-split.split-ratio-40-60 { --split-text: 2fr; --split-media: 3fr; }
.c-split.split-ratio-30-70 { --split-text: 3fr; --split-media: 7fr; }
.c-split.split-ratio-60-40 { --split-text: 3fr; --split-media: 2fr; }
.c-split.split-ratio-70-30 { --split-text: 7fr; --split-media: 3fr; }
.c-split.media-side-left { grid-template-columns: minmax(0, var(--split-media)) minmax(0, var(--split-text)); }
.c-split.media-side-left > .c-split__media { order: -1; }
.c-split.has-no-media { grid-template-columns: minmax(0, 1fr); }
.c-split.media-edge-top > .c-split__media { align-self: start; margin-top: calc(-1 * var(--split-padding-top, var(--section-space))); }
.c-split.media-edge-bottom > .c-split__media { align-self: end; margin-bottom: calc(-1 * var(--split-padding-bottom, var(--section-space))); }
.c-split__media :is(.c-image, .c-video, .c-media) { margin-block: 0; }
@container tns-split-shell (min-width: 861px) {
    .c-split.split-size-large { --split-bleed: max(0px, calc((100cqw - min(100cqw - 2 * var(--tns-gutter), var(--tns-container))) / 2)); }
    .c-split.split-size-large > .c-split__media { margin-right: calc(-1 * var(--split-bleed)); }
    .c-split.split-size-large.media-side-left > .c-split__media { margin-right: 0; margin-left: calc(-1 * var(--split-bleed)); }
}
@container tns-split-shell (max-width: 860px) {
    .c-split, .c-split.media-side-left { grid-template-columns: minmax(0, 1fr); }
    .c-split > .c-split__media { margin: 0; order: 0; }
    .c-split.media-edge-top > .c-split__media { margin-top: 0; }
    .c-split.media-edge-bottom > .c-split__media { margin-bottom: 0; }
    .c-split.mobile-order-text-first > .c-split__media { order: 1; }
    .c-split.mobile-order-media-first > .c-split__media { order: -1; }
    .c-split.media-edge-top.mobile-order-media-first > .c-split__media { margin-top: calc(-1 * var(--split-padding-top, var(--section-space))); }
    .c-split.media-edge-bottom.mobile-order-text-first > .c-split__media { margin-bottom: calc(-1 * var(--split-padding-bottom, var(--section-space))); }
}

/* Breadcrumbs remain usable without a page header. */
.c-breadcrumbs { margin-bottom: var(--tns-gap-sm); font-size: .875rem; overflow-wrap: anywhere; }
.c-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5em; list-style: none; padding: 0; margin: 0; }
.c-breadcrumbs li { display: inline-flex; align-items: baseline; gap: .5em; min-width: 0; }
.c-breadcrumbs__separator { display: inline-flex; align-self: center; opacity: .8; }
.c-breadcrumbs a { display: inline-flex; align-items: center; gap: .4em; }
.c-breadcrumbs .c-icon__asset { width: 1em; height: 1em; }
.c-breadcrumbs a { color: inherit; }
.c-breadcrumbs a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.c-breadcrumbs--standalone { width: min(100% - 2 * var(--tns-gutter), var(--tns-container)); margin: var(--tns-gap-sm) auto; }
.c-page-header__breadcrumbs-bottom { margin-top: var(--tns-gap-md); }
.c-page-header__breadcrumbs-bottom .c-breadcrumbs { margin-bottom: 0; }
.c-page-header.layout-hero .c-page-header__breadcrumbs-bottom { width: min(100% - 2 * var(--tns-gutter), var(--tns-container)); margin: var(--tns-gap-sm) auto; }

@container (max-width: 860px) {
    .c-collection.layout-split .c-item { grid-template-columns: minmax(0, 1fr); }
    .c-collection.layout-split .c-item.is-reversed .c-item__media { order: initial; }
    .c-collection.layout-grid { grid-template-columns: repeat(min(2, var(--collection-cols, 2)), minmax(0, 1fr)); }
}

@container (max-width: 560px) {
    .c-collection.layout-grid,.c-gallery { grid-template-columns: minmax(0, 1fr); }
}

/* Accordion */
.c-accordion { display: grid; gap: var(--tns-gap-sm); }
.c-accordion__item { min-width: 0; }
.c-accordion__summary { cursor: pointer; list-style: none; }
.c-accordion__summary::-webkit-details-marker { display: none; }
.c-accordion__title { display: flex; align-items: center; justify-content: space-between; gap: var(--tns-gap-sm); margin: 0; }
.c-accordion__title-text { min-width: 0; }
.c-accordion__indicator { position: relative; flex: 0 0 1em; width: 1em; height: 1em; }
.c-accordion__indicator > span { position: absolute; inset: 50% 0 auto; height: 1px; background: currentColor; transform: translateY(-50%); transition: transform .2s ease, opacity .2s ease; }
.c-accordion__indicator > span:last-child { transform: translateY(-50%) rotate(90deg); }
.c-accordion__item[open] .c-accordion__indicator > span:last-child { opacity: 0; transform: translateY(-50%) rotate(0deg); }
.c-accordion__panel { padding-top: var(--tns-gap-sm); }
.c-accordion__panel-inner { display: grid; gap: var(--tns-gap-md); min-width: 0; }
.c-accordion__panel-inner.layout-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--tns-gap-lg); }
.c-accordion__panel-inner.layout-split.media-side-left .c-accordion__media { order: -1; }

@container (max-width: 860px) {
    .c-accordion__panel-inner.layout-split { grid-template-columns: minmax(0, 1fr); }
    .c-accordion__panel-inner.layout-split.media-side-left .c-accordion__media { order: initial; }
}

/* Query */
.c-query { --query-gap: var(--tns-gap-md); display: grid; gap: var(--query-gap); }
.c-query.gap-none { --query-gap: 0px; }
.c-query.gap-sm { --query-gap: var(--tns-gap-sm); }
.c-query.gap-md { --query-gap: var(--tns-gap-md); }
.c-query.gap-lg { --query-gap: var(--tns-gap-lg); }
.c-query.gap-xl { --query-gap: var(--tns-gap-xl); }
.c-query.layout-grid { grid-template-columns: repeat(var(--query-cols, 3), minmax(0, 1fr)); }
.c-query.layout-list { grid-template-columns: minmax(0, 1fr); }
.c-query.layout-carousel { display: flex; grid-template-columns: none; overflow: visible; }
.c-query.layout-carousel > .c-query-item { flex: 0 0 100%; scroll-snap-align: start; }
.c-query-item { position: relative; min-width: 0; }
.c-query-item.variant-card { padding: var(--tns-gap-md); }
.c-query-item.variant-media-left,.c-query-item.variant-media-right { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--tns-gap-md); align-items: start; }
.c-query-item.variant-media-right .c-query-item__media { order: 2; }
.c-query-item.variant-media-left .c-query-item__media + .c-query-item__content,.c-query-item.variant-media-right .c-query-item__media + .c-query-item__content { margin-top: 0; }
.c-query-item__media + .c-query-item__content { margin-top: var(--tns-gap-sm); }
.c-query-item__terms { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: var(--tns-gap-sm); }
.c-query-item__title { margin-top: 0; }
.c-query-item__date { display: block; }
.c-query-item__title + .c-query-item__date,
.c-query-item__date + .c-query-item__excerpt,
.c-query-item__title + .c-query-item__excerpt,
.c-query-item__excerpt + .c-query-item__action { margin-top: var(--tns-gap-sm); }
.c-query-item__stretched-link { position: absolute; inset: 0; z-index: 2; }
.c-query-item__terms,.c-query-item__action { position: relative; z-index: 3; }
.c-query__pagination .page-numbers { display: flex; flex-wrap: wrap; gap: .5em; padding: 0; margin: 0; list-style: none; }
.c-query__pagination--top { margin-bottom: var(--tns-gap-md); }
.c-query__pagination--bottom { margin-top: var(--tns-gap-md); }

@container (max-width: 860px) {
    .c-query.layout-grid { grid-template-columns: repeat(min(2, var(--query-cols, 2)), minmax(0, 1fr)); }
}

@container (max-width: 560px) {
    .c-query.layout-grid { grid-template-columns: minmax(0, 1fr); }
}


/* Generic TNS Carousel ---------------------------------------------------- */
.c-carousel.f-carousel { --f-carousel-gap: var(--tns-gap-md); position: relative; min-width: 0; }
.c-carousel.columns-1 { --f-carousel-slide-width: 100%; }
.c-carousel.columns-2 { --f-carousel-slide-width: calc((100% - var(--f-carousel-gap)) / 2); }
.c-carousel.columns-3 { --f-carousel-slide-width: calc((100% - (2 * var(--f-carousel-gap))) / 3); }
.c-carousel.columns-4 { --f-carousel-slide-width: calc((100% - (3 * var(--f-carousel-gap))) / 4); }
.c-carousel.columns-5 { --f-carousel-slide-width: calc((100% - (4 * var(--f-carousel-gap))) / 5); }
.c-carousel.columns-6 { --f-carousel-slide-width: calc((100% - (5 * var(--f-carousel-gap))) / 6); }
.c-carousel.columns-7 { --f-carousel-slide-width: calc((100% - (6 * var(--f-carousel-gap))) / 7); }
.c-carousel.columns-8 { --f-carousel-slide-width: calc((100% - (7 * var(--f-carousel-gap))) / 8); }
.c-carousel .f-carousel__slide { min-width: 0; }

@container (max-width: 860px) {
    .c-carousel:is(.columns-2,.columns-3,.columns-4,.columns-5,.columns-6,.columns-7,.columns-8) { --f-carousel-slide-width: calc((100% - var(--f-carousel-gap)) / 2); }
}

@container (max-width: 560px) {
    .c-carousel:is(.columns-1,.columns-2,.columns-3,.columns-4,.columns-5,.columns-6,.columns-7,.columns-8) { --f-carousel-slide-width: 100%; }
}

@container (max-width: 860px) {
    .c-query-item.variant-media-left,.c-query-item.variant-media-right { grid-template-columns: minmax(0, 1fr); }
    .c-query-item.variant-media-right .c-query-item__media { order: initial; }
}

/* alpha.13 — shared Collection display / item variants */
.c-collection.layout-carousel { display: flex; grid-template-columns: none; overflow: visible; }
.c-collection.layout-carousel > .c-item { flex: 0 0 100%; scroll-snap-align: start; }
.c-item.variant-media-left,
.c-item.variant-media-right { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--tns-gap-md); align-items: start; }
.c-item.variant-media-right .c-item__media { order: 2; }
.c-item.variant-media-left .c-item__media + .c-item__content,
.c-item.variant-media-right .c-item__media + .c-item__content { margin-top: 0; }

@container (max-width: 48rem) {
    .c-item.variant-media-left,
    .c-item.variant-media-right { grid-template-columns: minmax(0, 1fr); }
    .c-item.variant-media-right .c-item__media { order: initial; }
}

/* Adjacent equal surfaces share one default vertical gap. Explicit split padding is preserved. */
.c-section.sp-default.has-next-same-background { --split-padding-bottom: 0px; padding-bottom: 0; }

/* Standard width is explicit; narrow placement does not change text alignment. */
.c-section.width-standard { --section-width: var(--tns-container); }
.c-section.width-narrow.container-position-left:not(.split-size-large) > .c-section__container { margin-left: max(var(--tns-gutter), calc((100% - var(--tns-container)) / 2)); margin-right: auto; }

/* Editor blocks use the same outer section width and spacing as ACF sections. */
.c-gutenberg { display: flow-root; min-width: 0; }
.c-gutenberg > :first-child { margin-top: 0; }
.c-gutenberg > :last-child { margin-bottom: 0; }
.c-gutenberg :is(.alignwide, .alignfull) { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
.c-gutenberg :is(img, video, iframe, embed, object) { max-width: 100%; }
.c-gutenberg img { height: auto; }

/* Fixed-ratio video frames must not grow to the poster's intrinsic height. */
.c-video:not(.ratio-original) > .c-video__frame > :is(.c-video__trigger, .c-video__player, .c-video__embed, .c-video__media) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}
.c-video:not(.ratio-original) .c-video__trigger {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}
.c-video:not(.ratio-original) .c-video__poster { min-width: 0; min-height: 0; }
.c-video:not(.is-active) .c-video__player { display: none; }
/* Accessible labels stay available to screen readers without affecting layout. */
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}