/* * DBC / BIOTEN Homepage V7.16.0 * Footer visual closure: DBC deep blue, translucent blue depth and paper-white type. * The approved five / two / one directory and desktop single-line legal contract remain intact. */ html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] { --v7160-footer-paper: #f2f6f7; --v7160-footer-copy: rgb(220 232 237 / 0.78); --v7160-footer-muted: rgb(191 211 220 / 0.68); --v7160-footer-line: rgb(189 221 235 / 0.12); --v7160-footer-lockup-height: clamp(3.61rem, 3.89vw, 3.78rem); position: relative; isolation: isolate; overflow: hidden; color: var(--v7160-footer-paper); background: radial-gradient(circle at 10% 0%, rgb(34 167 125 / 0.075), transparent 25rem), radial-gradient(ellipse at 84% 12%, rgb(62 141 205 / 0.16), transparent 35rem), linear-gradient(118deg, #071c30 0%, #0a2943 58%, #081f35 100%) !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure]::before { position: absolute; z-index: 2; inset: 0 0 auto; height: 1px; content: ""; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, rgb(81 161 219 / 0.72) 29%, rgb(48 164 128 / 0.58) 72%, transparent 100% ) !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure]::after { position: absolute; z-index: 0; inset: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, rgb(74 151 211 / 0.055), transparent 42%), linear-gradient(112deg, transparent 35%, rgb(54 132 195 / 0.065) 62%, transparent 88%); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { position: relative; z-index: 1; padding-top: clamp(2.55rem, 3.3vw, 3rem); padding-bottom: 1rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { grid-template-columns: minmax(0, 1fr) !important; gap: clamp(1.15rem, 1.7vw, 1.45rem); padding-bottom: clamp(1.55rem, 2vw, 1.85rem); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { display: grid !important; width: 100%; max-width: 28rem; grid-template-columns: 8.9rem minmax(0, 1fr); gap: clamp(1.35rem, 2vw, 1.75rem); align-items: center; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark { display: block !important; width: clamp(8.45rem, 9.1vw, 8.85rem); height: var(--v7160-footer-lockup-height); align-self: center; line-height: 0; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 100%; height: 100%; aspect-ratio: auto; border: 0; border-radius: 0.38rem; background: #15488f; box-shadow: 0 0 0 1px rgb(214 235 245 / 0.075), 0 0 0 0.38rem rgb(57 130 190 / 0.045), inset 0 1px 0 rgb(255 255 255 / 0.1); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame img { filter: saturate(0.92) brightness(1.015); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { display: grid !important; box-sizing: border-box; width: 100% !important; max-width: none; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 0; align-content: stretch; margin: 0 !important; padding: 0 0.1rem !important; border: 0 !important; border-radius: 0; background: transparent; box-shadow: none; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { display: flex !important; width: auto !important; min-width: 0; align-items: center; padding: 0 !important; color: var(--v7160-footer-paper) !important; font-size: 0.69rem !important; font-weight: 650; line-height: 1.28 !important; letter-spacing: 0.008em; white-space: nowrap; } html:is([lang="en"], [data-lang="en"])[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { font-size: 0.6rem !important; white-space: nowrap; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-channels { display: contents; margin: 0; padding: 0; font-style: normal; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-channels a { display: flex !important; width: auto !important; min-width: 0; align-items: center; padding: 0 !important; color: rgb(221 233 238 / 0.82); font-size: 0.69rem !important; font-weight: 560; line-height: 1.34 !important; letter-spacing: 0.012em; white-space: nowrap; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-channels a:is(:hover, :focus-visible) { color: var(--v7160-footer-paper); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { position: relative; margin: -0.42rem -0.55rem -0.3rem; padding: 0.42rem 0.55rem 0.3rem; border-radius: 0.95rem; background: linear-gradient(118deg, rgb(58 137 199 / 0.075), rgb(38 102 154 / 0.025) 72%, transparent); box-shadow: inset 0 1px 0 rgb(221 240 248 / 0.045), inset 0 -1px 0 rgb(144 193 218 / 0.035); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group { grid-template-rows: 2.2rem auto; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary { min-height: 2.2rem; padding-top: 0.34rem !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary h2, html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group:nth-child(n) > summary h2 { position: relative; padding-top: 0.5rem !important; color: var(--v7160-footer-paper) !important; font-size: 0.78rem !important; font-weight: 680; line-height: 1.35; letter-spacing: 0.025em; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary h2::before { width: 1.08rem !important; height: 1px !important; opacity: 0.72 !important; background: linear-gradient(90deg, rgb(91 171 225 / 0.88), rgb(48 164 128 / 0.62)) !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group__links { grid-auto-rows: 1.92rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group__links > a { height: 1.92rem; min-height: 1.92rem !important; align-items: center; padding: 0.12rem 0 !important; color: var(--v7160-footer-copy); font-size: 0.75rem !important; line-height: 1.46; text-decoration-color: transparent; transition: color 420ms cubic-bezier(0.22, 1, 0.36, 1), text-decoration-color 420ms cubic-bezier(0.22, 1, 0.36, 1); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group__links > a:is(:hover, :focus-visible) { color: #fff; text-decoration: underline; text-decoration-color: rgb(78 170 221 / 0.7); text-decoration-thickness: 1px; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { grid-template-columns: minmax(0, 1fr) max-content !important; gap: 0 clamp(0.55rem, 1vw, 1.1rem) !important; padding: 0.86rem 0.72rem 0.7rem; border-top: 1px solid rgb(184 216 231 / 0.11); border-radius: 0.7rem; background: linear-gradient(92deg, rgb(53 126 184 / 0.105), rgb(31 88 134 / 0.035) 68%, transparent); box-shadow: inset 0 1px 0 rgb(231 243 248 / 0.025); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { display: flex; min-width: 0 !important; align-items: center; white-space: nowrap; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright > * { display: inline-flex; align-items: center; min-width: 0; white-space: nowrap; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright > * + *::before { content: "ยท"; margin-inline: clamp(0.38rem, 0.68vw, 0.66rem); color: rgb(126 177 207 / 0.52); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-domain { color: rgb(214 230 237 / 0.78) !important; text-decoration-color: transparent; transition: color 420ms cubic-bezier(0.22, 1, 0.36, 1), text-decoration-color 420ms cubic-bezier(0.22, 1, 0.36, 1); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-domain:is(:hover, :focus-visible) { color: #fff !important; text-decoration: underline; text-decoration-color: rgb(89 168 218 / 0.72); text-underline-offset: 0.18em; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { color: rgb(192 211 220 / 0.7); font-size: 0.68rem !important; line-height: 1.5; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal a:is(:hover, :focus-visible) { color: #fff; } @media (min-width: 721px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { height: var(--v7160-footer-lockup-height); min-height: var(--v7160-footer-lockup-height); max-height: var(--v7160-footer-lockup-height); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { white-space: nowrap !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { min-width: 0 !important; } } @media (min-width: 1281px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { grid-template-columns: minmax(25.5rem, 28rem) minmax(0, 1fr) !important; gap: clamp(1.75rem, 2.25vw, 2.35rem); align-items: start; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { display: grid !important; grid-column: 1; grid-template-columns: 8.9rem minmax(0, 1fr); align-self: start; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark { align-self: center; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { align-self: center; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { grid-column: 2; } } @media (min-width: 981px) and (max-width: 1180px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { grid-template-columns: 8.9rem minmax(0, 1fr); gap: 1.55rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { margin-top: 0 !important; padding: 0 0.1rem !important; border: 0 !important; } } @media (min-width: 721px) and (max-width: 980px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { width: min(56rem, calc(100% - 2.5rem)); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { grid-template-columns: 8.65rem minmax(0, 1fr); gap: 1.45rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { margin-top: 0 !important; padding: 0 0.1rem !important; border: 0 !important; } } @media (min-width: 721px) and (max-width: 820px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { gap: 0 0.34rem !important; padding-inline: 0.34rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright > * + *::before { margin-inline: 0.26rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal { gap: 0 0.28rem !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.51rem !important; } } @media (max-width: 720px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__inner { padding-top: 2.2rem; padding-bottom: 0.85rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__top { gap: 1.05rem; padding-bottom: 1.25rem; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__brand { display: block !important; max-width: none; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark { width: min(8.45rem, 43vw); height: auto; aspect-ratio: 2.34 / 1; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v71110-footer-brandmark__frame { width: 100%; height: auto; aspect-ratio: 2.34 / 1; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-contact { width: 100% !important; max-width: 100%; height: auto; min-height: var(--v7160-footer-lockup-height); max-height: none; margin-top: 0.82rem !important; padding: 0 !important; border: 0 !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-channels { display: contents; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-channels a { font-size: 0.72rem !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { font-size: 0.73rem !important; white-space: normal; } html:is([lang="en"], [data-lang="en"])[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-company { font-size: 0.66rem !important; white-space: normal; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__directory { margin: 0; padding: 0.12rem 0.78rem 0.08rem; border-top: 1px solid var(--v7160-footer-line) !important; border-radius: 0.8rem; background: linear-gradient(145deg, rgb(58 137 199 / 0.065), rgb(38 102 154 / 0.02)); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary { min-height: 3.25rem; padding: 0 !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary h2, html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group:nth-child(n) > summary h2 { padding-top: 0 !important; font-size: 0.78rem !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group > summary h2::before { display: none; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v570-footer-group__links > a { height: auto; min-height: 2.55rem !important; font-size: 0.75rem !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__bottom { grid-template-columns: minmax(0, 1fr) !important; gap: 0.62rem !important; padding: 0.95rem 0 0; border-radius: 0; background: transparent; box-shadow: none; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { display: grid; grid-template-columns: max-content max-content; gap: 0.24rem 0.82rem; white-space: normal !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright > * + *::before { display: none; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-address { grid-column: 1 / -1; white-space: normal !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v410-home-footer__legal { justify-self: start !important; justify-content: start !important; } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] :is( .v571-footer-copyright, .v410-home-footer__legal, .v410-home-footer__legal a ) { font-size: 0.7rem !important; } } @media (max-width: 430px) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v571-footer-copyright { grid-template-columns: minmax(0, 1fr); } html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] .v7160-footer-address { grid-column: auto; } } @media (prefers-reduced-motion: reduce) { html[data-v794-release] body.dbc-home-page footer[data-v7160-footer-closure] :is(a, img) { transition: none !important; transform: none !important; } }