/*
 * /drug_allergy/ ONLY. Generated by tools/port-legacy-page.mjs — do not hand-tune
 * towards the design system. If this page is ever redesigned it should be
 * rebuilt from components and this file deleted whole.
 *
 * 369 of 7960 rules from the live site, re-scoped under .db-legacy.
 * That wrapper is what lets legacy CSS and Tailwind share a page: the legacy
 * reboot rules become `.db-legacy h1`, which outranks preflight inside the
 * wrapper and is inert everywhere else.
 */
.db-legacy {
  --db-mark: #d00993;         /* pink-500 — the mark on a light ground */
  --db-mark-bright: #ff00b4;  /* pink-bright — the mark on a dark ground */
  --db-mark-hover: #970669;   /* pink-700 — its hover/active darkening */
  --db-mark-tint: rgba(208, 9, 147, 0.1);
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --db-white: #FDFDFE;
  --db-zebra-stripe-grey: #FCFCFC;
  --db-pink-50: #FAE6F4;
  --db-pink-100: #F0B3DE;
  --db-pink-200: #E98ECD;
  --db-pink-300: #E05AB7;
  --db-pink-400: #D93AA9;
  --db-pink-500: #D00993;
  --db-pink-600: #BD0886;
  --db-pink-700: #940668;
  --db-pink-800: #720551;
  --db-pink-900: #57043E;
  --db-blue-10: #F7F8FF;
  --db-blue-50: #EBECF9;
  --db-blue-100: #C2C5ED;
  --db-blue-200: #A4A9E5;
  --db-blue-300: #7A82D9;
  --db-blue-400: #616AD1;
  --db-blue-500: #3945C6;
  --db-blue-600: #343FB4;
  --db-blue-700: #28318D;
  --db-blue-800: #1F266D;
  --db-blue-900: #181D53;
  --db-dk-blue-10: #F3F5F6;
  --db-dk-blue-50: #D1D5DB;
  --db-dk-blue-100: #B2B8C4;
  --db-dk-blue-200: #8B95A6;
  --db-dk-blue-300: #647288;
  --db-dk-blue-400: #3E4E6B;
  --db-dk-blue-500: #172B4D;
  --db-dk-blue-600: #132440;
  --db-dk-blue-700: #0F1D33;
  --db-dk-blue-800: #0C1627;
  --db-dk-blue-900: #080E1A;
  --db-orange-50: #FAF0E8;
  --db-orange-100: #EED2B8;
  --db-orange-200: #E6BC96;
  --db-orange-300: #DB9D66;
  --db-orange-400: #D48A49;
  --db-orange-500: #C96D1B;
  --db-orange-600: #B76319;
  --db-orange-700: #8F4D13;
  --db-orange-800: #6F3C0F;
  --db-orange-900: #542E0B;
  --db-green-50: #F3F5E6;
  --db-green-100: #D9DFB1;
  --db-green-200: #C6D08C;
  --db-green-300: #ACBA57;
  --db-green-400: #9CAD36;
  --db-green-500: #839804;
  --db-green-600: #778A04;
  --db-green-700: #5D6C03;
  --db-green-800: #485402;
  --db-green-900: #374002;
  --db-violet-50: #F2EEF6;
  --db-violet-100: #D5C9E4;
  --db-violet-200: #C1AFD7;
  --db-violet-300: #A58AC5;
  --db-violet-400: #9374B9;
  --db-violet-500: #7851A8;
  --db-violet-600: #6D4A99;
  --db-violet-700: #553A77;
  --db-violet-800: #422D5C;
  --db-violet-900: #322247;
  --db-teal-50: #E7F2F2;
  --db-teal-100: #B6D5D7;
  --db-teal-200: #92C1C4;
  --db-teal-300: #61A5A9;
  --db-teal-400: #429499;
  --db-teal-500: #13797F;
  --db-teal-600: #116E74;
  --db-teal-700: #0D565A;
  --db-teal-800: #0A4346;
  --db-teal-900: #083335;
  --db-success-50: #E6F3EA;
  --db-success-100: #B0DBBE;
  --db-success-200: #8AC99F;
  --db-success-300: #54B173;
  --db-success-400: #33A158;
  --db-success-500: #008A2E;
  --db-success-600: #007E2A;
  --db-success-700: #006221;
  --db-success-800: #004C19;
  --db-success-900: #003A13;
  --db-warning-50: #FDE6E8;
  --db-warning-100: #F8B0B8;
  --db-warning-200: #F48A96;
  --db-warning-300: #F05466;
  --db-warning-400: #ED3348;
  --db-warning-500: #E8001A;
  --db-warning-600: #D30018;
  --db-warning-700: #A50012;
  --db-warning-800: #80000E;
  --db-warning-900: #61000B;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
}

/* Legacy CSS stacks freely (z-index 100, 150…). The site header is
   position:static and creates no stacking context, so without this the page
   paints over the navbar and its mega-menu opens behind the content. */
.db-legacy { position: relative; z-index: 0; }

/* Preflight sets `img,svg,video,canvas,audio,iframe,embed,object
   { display:block; vertical-align:middle }` and `img,video
   { max-width:100%; height:auto }`. Legacy markup predates all of it and lays
   these out as the inline boxes the browser default makes them: images carry
   explicit heights and are meant to overflow their column, and the plugin
   video sits in a line box whose descender is part of the panel's height.
   Both halves matter. `display:block` on the video shortened
   /clinical/drug_search/'s plugin panel by 6px against the live page, and
   `vertical-align:middle` shortened it by the same 6px again: an inline
   replaced element sits ON the baseline, and the descender space below it is
   part of the line box and therefore part of the panel. Neither is
   load-bearing for anything, which is exactly why both survive a screenshot
   comparison. `baseline` is the browser default these pages were written
   against. */
.db-legacy img, .db-legacy video, .db-legacy canvas,
.db-legacy audio, .db-legacy iframe, .db-legacy embed, .db-legacy object {
  display: inline;
  vertical-align: baseline;
}
.db-legacy img, .db-legacy video { max-width: none; }

/* Preflight also sets `ol,ul,menu { list-style: none }`, and legacy markup
   expects the browser default — a bare `<ul>` in this markup is a bulleted
   list, because nothing in the legacy sheet ever had to say so. Losing the
   discs turns "Access the module for:" followed by three bullets into three
   stray indented lines. `revert` rather than `disc` so nested lists still
   step through circle and square the way the UA sheet does, and so an `<ol>`
   keeps its numbers. Every legacy list that is deliberately unmarked —
   `.nav`, `.check-list`, `.workflow-list` — carries its own
   `list-style: none` at a higher specificity and still wins. */
.db-legacy ul, .db-legacy ol, .db-legacy menu { list-style: revert; }

/* Centre button labels rather than trusting font metrics to do it. */
.db-legacy .commercial-page .button,
.db-legacy .commercial-page a.button { display: inline-flex; align-items: center; justify-content: center; }

.db-legacy {position:relative}
.db-legacy .commercial-page {background-color:white}
.db-legacy .commercial-page, .db-legacy .commercial-page li, .db-legacy .commercial-page p, .db-legacy .commercial-page a, .db-legacy .commercial-page h1, .db-legacy .commercial-page h2, .db-legacy .commercial-page h3, .db-legacy .commercial-page h4 {font-family:Gemeli, "Helvetica Neue", Helvetica, Arial, sans-serif;text-rendering:optimizelegibility;font-feature-settings:"kern";color:rgb(38, 48, 99)}
.db-legacy .commercial-page, .db-legacy .commercial-page li, .db-legacy .commercial-page p, .db-legacy .commercial-page a {font-weight:400}
.db-legacy .commercial-page a:hover, .db-legacy .commercial-page a:active, .db-legacy .commercial-page a:focus {color:inherit;text-decoration:none}
.db-legacy .commercial-page h1, .db-legacy .commercial-page h2, .db-legacy .commercial-page h3, .db-legacy .commercial-page h4 {font-weight:700}
.db-legacy .commercial-page .db-container {padding:0px;margin:0px 20px;width:auto}
@media (max-width:479px){.db-legacy .commercial-page .panel .quote {font-size:18px!important;margin-bottom:10px!important}}
@media (max-width:479px){.db-legacy .commercial-page .panel {padding-top:35px!important;padding-bottom:35px!important}}
@media (max-width:479px){.db-legacy .commercial-page .text-header-panel {padding-bottom:35px!important}}
@media (max-width:479px){.db-legacy .commercial-page .header-panel {padding-top:35px!important}}
@media (min-width:480px){.db-legacy .commercial-page .db-container {min-width:calc(100% - 100px);margin:0px 50px;max-width:412px}}
@media (min-width:768px){.db-legacy .commercial-page .db-container {max-width:668px}}
@media (min-width:992px){.db-legacy .commercial-page .db-container {max-width:772px;margin:0px 100px;min-width:calc(100% - 200px)}}
@media (min-width:1200px){.db-legacy .commercial-page .db-container {max-width:1000px;min-width:0px;margin:0px auto}}
.db-legacy .commercial-page .panel {padding-top:75px;padding-bottom:75px;margin-bottom:0px;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;border-radius:0px;overflow-x:hidden;box-shadow:none}
.db-legacy .commercial-page .panel .db-container {display:flex;flex-direction:column;padding:0px}
.db-legacy .commercial-page .panel h1, .db-legacy .commercial-page .panel h2, .db-legacy .commercial-page .panel h3, .db-legacy .commercial-page .panel h4 {margin-top:0px;margin-bottom:15px}
.db-legacy .commercial-page .panel h2 .pink {color:var(--db-mark);font-weight:100}
.db-legacy .commercial-page .panel h1 {font-size:50px;font-weight:normal;line-height:64px}
.db-legacy .commercial-page .panel h2 {font-size:40px;font-weight:normal;line-height:48px}
.db-legacy .commercial-page .panel h3 {font-size:24px;font-weight:normal;line-height:34px}
.db-legacy .commercial-page .panel h4 {font-size:20px;font-weight:normal;line-height:30px}
.db-legacy .commercial-page .panel p {font-size:18px;line-height:25px;margin-top:15px;margin-bottom:15px}
.db-legacy .commercial-page .panel ul {margin-top:15px;margin-bottom:15px}
.db-legacy .commercial-page .panel li {font-size:18px;line-height:30px}
.db-legacy .commercial-page .panel p.smaller {font-size:16px;line-height:24px;font-weight:100}
.db-legacy .commercial-page .panel li.smaller {font-size:16px;line-height:28px;font-weight:100}
@media (max-width:767px){.db-legacy .commercial-page .panel .break-text br {display:none}}
.db-legacy .commercial-page .panel .action-buttons {margin-top:20px;margin-left:-15px;margin-right:-15px}
.db-legacy .commercial-page .panel .action-buttons .button {vertical-align:top}
.db-legacy .commercial-page .panel .action-buttons .button.db-outline {padding:0px}
.db-legacy .commercial-page .panel .quote {font-size:20px;line-height:30px;font-weight:100}
.db-legacy .commercial-page .panel .quote .icon-quote {position:absolute;top:-45px;left:-45px}
.db-legacy .commercial-page .panel .quote .icon-quote svg {height:40px;width:40px}
.db-legacy .commercial-page .panel .customer {text-transform:uppercase;font-weight:bold}
.db-legacy .commercial-page .panel .customer, .db-legacy .commercial-page .panel .organization {font-size:14px;line-height:24px}
.db-legacy .commercial-page .panel .unpadded-list {padding-inline-start:20px}
.db-legacy .commercial-page .header-panel {position:relative;padding-top:40px;padding-bottom:0px;transition:padding-top 0.5s}
.db-legacy .commercial-page .header-panel h1, .db-legacy .commercial-page .header-panel h2 {margin-bottom:20px}
.db-legacy .commercial-page .header-panel .db-container {padding:60px 0px 30px!important}
.db-legacy .commercial-page .text-header-panel {padding-bottom:75px}
.db-legacy .commercial-page .text-header-panel .db-container {flex-direction:row;justify-content:flex-start}
.db-legacy .commercial-page .text-header-panel h1, .db-legacy .commercial-page .text-header-panel h2 {max-width:650px;margin-left:-3px}
.db-legacy .commercial-page .text-header-panel p {max-width:815px;font-weight:100}
.db-legacy .commercial-page .text-header-panel .header-text {display:flex;flex-direction:column}
@media (max-width:767px){.db-legacy .commercial-page .text-header-panel h1, .db-legacy .commercial-page .text-header-panel h2 {font-size:40px;line-height:50px}}
@media (max-width:479px){.db-legacy .commercial-page .text-header-panel h1, .db-legacy .commercial-page .text-header-panel h2 {font-size:22px;line-height:32px}}
@media (max-width:479px){.db-legacy .commercial-page .text-header-panel p {font-size:18px;line-height:28px}}
.db-legacy .commercial-page .centered-panel .db-container {align-items:center;justify-content:center}
.db-legacy .commercial-page .centered-panel h2, .db-legacy .commercial-page .centered-panel h3, .db-legacy .commercial-page .centered-panel h4 {text-align:center;max-width:750px}
.db-legacy .commercial-page .centered-panel h2, .db-legacy .commercial-page .centered-panel h3 {margin-bottom:30px}
.db-legacy .commercial-page .centered-panel h3 {font-weight:100}
.db-legacy .commercial-page .centered-panel .action-buttons {margin-top:0px}
.db-legacy .commercial-page .centered-panel a {font-size:18px;line-height:28px;color:rgb(114, 125, 212);font-weight:bold;text-align:center;transition:opacity 0.25s}
.db-legacy .commercial-page .centered-panel a:hover, .db-legacy .commercial-page .centered-panel a:active {opacity:0.75}
.db-legacy .commercial-page .centered-panel a .drugbank-icon {margin-left:5px;position:relative;top:1px}
.db-legacy .commercial-page .centered-panel a .drugbank-icon svg {height:14px;width:14px}
@media (max-width:767px){.db-legacy .commercial-page .centered-panel h2 {font-size:34px;line-height:44px}}
@media (max-width:767px){.db-legacy .commercial-page .centered-panel h3 {font-size:20px;line-height:30px}}
@media (max-width:479px){.db-legacy .commercial-page .centered-panel h2 {font-size:26px;line-height:36px}}
@media (max-width:479px){.db-legacy .commercial-page .centered-panel h3 {font-size:18px;line-height:24px}}
.db-legacy .commercial-page .info-panel {padding-top:150px;padding-bottom:150px}
.db-legacy .commercial-page .info-panel .db-container {flex-direction:row;align-items:center;justify-content:space-between}
.db-legacy .commercial-page .info-panel .db-container>:first-child {padding-right:4%}
.db-legacy .commercial-page .info-panel .db-container>:last-child {padding-left:4%}
.db-legacy .commercial-page .info-panel .db-container .text-box, .db-legacy .commercial-page .info-panel .db-container .image-box {width:50%}
.db-legacy .commercial-page .info-panel .db-container .image-box {text-align:center}
.db-legacy .commercial-page .info-panel .db-container img {width:100%;flex-shrink:0}
.db-legacy .commercial-page .info-panel p {font-size:20px;line-height:30px;font-weight:normal}
.db-legacy .commercial-page .info-panel a:not(.button) {font-size:18px;line-height:28px;color:rgb(114, 125, 212);font-weight:bold}
.db-legacy .commercial-page .info-panel a:not(.button):hover, .db-legacy .commercial-page .info-panel a:not(.button):active {opacity:0.75}
@media (max-width:767px){.db-legacy .commercial-page .info-panel {padding-top:75px;padding-bottom:75px;overflow:hidden}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.left-panel .db-container {flex-direction:column-reverse}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.left-panel .db-container .text-box, .db-legacy .commercial-page .info-panel.left-panel .db-container .image-box {padding:0px}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.left-panel .db-container .image-box:not(:first-child) {padding:0px 0px 20px}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.right-panel .db-container {flex-direction:column}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.right-panel .db-container .text-box, .db-legacy .commercial-page .info-panel.right-panel .db-container .image-box {padding:0px}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel.right-panel .db-container .image-box:not(:last-child) {padding:0px 0px 20px}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel .db-container .text-box, .db-legacy .commercial-page .info-panel .db-container .image-box {width:100%!important}}
@media (max-width:767px){.db-legacy .commercial-page .info-panel h2 {font-size:28px;line-height:38px}}
.db-legacy .commercial-page .white-panel {background:white}
.db-legacy .commercial-page .light-blue-panel {background:rgba(225, 226, 246, 0.4)}
.db-legacy .commercial-page .swoosh-panel {background-image:url("/static/img/commercial/company/Banner_Background.svg");background-position:70px -40px;background-size:auto;background-repeat:no-repeat;padding-bottom:100px}
.db-legacy .commercial-page .product-header-panel .db-container {flex-direction:row;justify-content:space-between}
.db-legacy .commercial-page .product-header-panel h1 {font-size:20px;line-height:30px;text-transform:uppercase}
.db-legacy .commercial-page .product-header-panel h2 {font-size:30px;line-height:40px;margin-left:-2px;font-weight:100}
.db-legacy .commercial-page .product-header-panel p {font-size:20px;line-height:30px}
.db-legacy .commercial-page .product-header-panel .header-text {display:flex;flex-direction:column;z-index:110;min-width:480px}
.db-legacy .commercial-page .product-header-panel .header-images {position:relative;z-index:100}
.db-legacy .commercial-page .product-header-panel .header-images img {position:relative}
@media (max-width:991px){.db-legacy .commercial-page .product-header-panel .db-container {flex-direction:column!important;align-items:stretch}}
@media (max-width:991px){.db-legacy .commercial-page .product-header-panel .header-text {min-width:auto}}
@media (max-width:767px){.db-legacy .commercial-page .product-header-panel .header-text {max-width:100%}}
@media (max-width:479px){.db-legacy .commercial-page .product-header-panel h2 {font-size:22px;line-height:32px}}
.db-legacy .commercial-page .large-margin-panel {padding-top:150px;padding-bottom:150px}
@media (max-width:767px){.db-legacy .commercial-page .large-margin-panel {padding-top:75px;padding-bottom:75px}}
@media (max-width:479px){.db-legacy .commercial-page .large-margin-panel {padding-top:50px!important;padding-bottom:50px!important}}
.db-legacy .commercial-page .large-bottom-margin-panel {padding-top:75px;padding-bottom:150px}
@media (max-width:767px){.db-legacy .commercial-page .large-bottom-margin-panel {padding-top:0px;padding-bottom:75px}}
@media (max-width:479px){.db-legacy .commercial-page .large-bottom-margin-panel {padding-top:0px!important;padding-bottom:50px!important}}
.db-legacy .commercial-page .drugbank-icon svg {width:20px;height:20px}
.db-legacy .commercial-page .drugbank-icon {display:inline-block}
.db-legacy .commercial-page .drugbank-icon svg {display:block;background-color:transparent;fill:currentcolor;vertical-align:middle}
.db-legacy .commercial-page .drugbank-icon.icon-dark-blue {color:rgb(38, 48, 99);fill:rgb(38, 48, 99);stroke:rgb(38, 48, 99)}
.db-legacy .commercial-page .drugbank-icon.icon-blue {color:rgb(114, 125, 212);fill:rgb(114, 125, 212);stroke:rgb(114, 125, 212)}
.db-legacy .commercial-page .db-carousel {background:white;box-shadow:rgba(34, 55, 121, 0.2) 0px 0px 6px 0px;z-index:150}
.db-legacy .commercial-page .db-carousel .carousel-inner .item {background-color:white;height:100%;overflow:hidden}
.db-legacy .commercial-page .db-carousel .carousel-control {background-image:none;opacity:1;color:rgb(114, 125, 212);text-shadow:none;background-color:white;height:60px;width:60px;border-radius:30px;top:calc(50% - 30px);box-shadow:rgba(34, 55, 121, 0.2) 0px 0px 6px 0px}
.db-legacy .commercial-page .db-carousel .carousel-control.left {left:-30px;padding:20px 22px 20px 18px}
.db-legacy .commercial-page .db-carousel .carousel-control.right {right:-30px;padding:20px 18px 20px 22px}
.db-legacy .commercial-page .db-carousel .carousel-control:hover {opacity:1}
.db-legacy .commercial-page .db-carousel .carousel-control .drugbank-icon {margin:0px;top:0px}
@media (max-width:479px){.db-legacy .commercial-page .db-carousel .carousel-control {height:46px;width:46px;border-radius:23px;top:calc(50% - 23px);box-shadow:rgba(34, 55, 121, 0.2) 0px 0px 6px 0px}}
@media (max-width:479px){.db-legacy .commercial-page .db-carousel .carousel-control.left {left:-23px;padding:13px 14px 13px 10px}}
@media (max-width:479px){.db-legacy .commercial-page .db-carousel .carousel-control.right {right:-23px;padding:13px 10px 13px 14px}}
@media (max-width:479px){.db-legacy .commercial-page .carousel-container {margin:0px}}
@media (max-width:479px){.db-legacy .commercial-page .carousel-container .db-carousel {margin:0px}}
@media (max-width:479px){.db-legacy .commercial-page .carousel-container .db-carousel .carousel-control {height:46px;width:46px;top:auto;bottom:-23px}}
@media (max-width:479px){.db-legacy .commercial-page .carousel-container .db-carousel .carousel-control.left {left:40px}}
@media (max-width:479px){.db-legacy .commercial-page .carousel-container .db-carousel .carousel-control.right {right:40px}}
.db-legacy .commercial-page .comment-card {height:100%;width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center}
.db-legacy .commercial-page .comment-card a {color:rgb(114, 125, 212);transition:opacity 0.25s}
.db-legacy .commercial-page .comment-card a .drugbank-icon {margin-left:5px;position:relative;top:1px}
.db-legacy .commercial-page .comment-card a .drugbank-icon svg {height:14px;width:14px}
.db-legacy .commercial-page .comment-card a:hover, .db-legacy .commercial-page .comment-card a:active {opacity:0.75}
.db-legacy .commercial-page .comment-card .company-box {width:60%;position:relative;padding:20px 60px 40px}
.db-legacy .commercial-page .comment-card .company-box h4 {z-index:100;position:relative;line-height:28px}
.db-legacy .commercial-page .comment-card .company-box h4.smaller {font-size:18px;line-height:25px}
.db-legacy .commercial-page .comment-card .company-box .logo-link {display:flex;align-items:center;z-index:10;height:140px}
.db-legacy .commercial-page .comment-card .company-box img {max-height:50px;max-width:250px;margin-bottom:-10px}
.db-legacy .commercial-page .comment-card .company-box::before {z-index:100;content:"";position:absolute;top:0px;right:0px;width:100%;height:100%;background-image:url("/static/img/commercial/home/Carousel_Background.png");background-size:100%;background-repeat:no-repeat;pointer-events:none}
.db-legacy .commercial-page .comment-card .comment-box {display:flex;flex:1 1 0%;flex-direction:column;justify-content:space-between;background-color:rgb(22, 31, 68);width:40%;padding:80px 60px 40px 80px}
.db-legacy .commercial-page .comment-card .comment-box .quote {position:relative;color:white}
.db-legacy .commercial-page .comment-card .comment-box .quote.smallest {font-size:18px;line-height:25px}
.db-legacy .commercial-page .comment-card .comment-box .signoff {color:white;text-align:right}
@media (max-width:1199px){.db-legacy .commercial-page .comment-card .comment-box .quote.smallest {font-size:16px!important;line-height:22px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .company-box h4, .db-legacy .commercial-page .comment-card .comment-box .quote {font-size:18px!important;line-height:25px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .company-box h4.smaller {font-size:16px!important;line-height:22px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .comment-box .quote.smallest {font-size:14px!important;line-height:20px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .comment-box {padding:60px 60px 40px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .comment-box .icon-quote {top:-35px;left:-35px}}
@media (max-width:991px){.db-legacy .commercial-page .comment-card .comment-box .icon-quote svg {height:30px;width:30px}}
@media (max-width:767px){.db-legacy .commercial-page .comment-card {flex-direction:column;justify-content:flex-start}}
@media (max-width:767px){.db-legacy .commercial-page .comment-card .company-box {width:100%;padding:0px 60px;text-align:center}}
@media (max-width:767px){.db-legacy .commercial-page .comment-card .company-box img {margin-bottom:0px}}
@media (max-width:767px){.db-legacy .commercial-page .comment-card .company-box h4 {display:none}}
@media (max-width:767px){.db-legacy .commercial-page .comment-card .comment-box {width:100%}}
@media (max-width:479px){.db-legacy .commercial-page .comment-card .company-box img {max-width:100%}}
.db-legacy .commercial-page #videoModal {text-align:center;padding:0px!important}
.db-legacy .commercial-page #videoModal::before {content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.db-legacy .commercial-page #videoModal .modal-dialog {display:inline-block;text-align:left;vertical-align:middle;width:75%;max-width:75%}
.db-legacy .commercial-page #videoModal .modal-dialog .modal-content {background:none;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;box-shadow:none}
.db-legacy .commercial-page #videoModal .modal-dialog .modal-content .modal-body {position:relative;padding:0px}
.db-legacy .commercial-page #videoModal .modal-dialog .modal-content .modal-body .close {position:absolute;right:-30px;top:0px;z-index:999;font-size:40px;line-height:20px;font-weight:normal;color:rgb(255, 255, 255);opacity:1}
@media (max-width:767px){.db-legacy .commercial-page #videoModal .modal-dialog {max-width:100%}}
.db-legacy .commercial-page h1 {color:rgb(22, 31, 68)}
.db-legacy .commercial-page h2 {color:rgb(22, 31, 68)}
.db-legacy .commercial-page .button, .db-legacy .commercial-page a.button, .db-legacy .commercial-page a.button:visited {position:relative;display:inline-block;margin-left:15px;margin-right:15px;margin-top:15px;text-transform:uppercase;font-size:16px;font-weight:normal}
.db-legacy .commercial-page .button.db-outline .button-body, .db-legacy .commercial-page a.button.db-outline .button-body, .db-legacy .commercial-page a.button.db-outline:visited .button-body {position:relative;font-size:16px;font-weight:normal;line-height:1.2;padding:9.5px 19px;border-radius:22px;color:var(--db-mark);border:2px solid var(--db-mark);background-color:transparent;transition:0.25s}
.db-legacy .commercial-page .button.db-outline:hover, .db-legacy .commercial-page .button.db-outline:active, .db-legacy .commercial-page .button.db-outline:focus, .db-legacy .commercial-page a.button.db-outline:hover, .db-legacy .commercial-page a.button.db-outline:active, .db-legacy .commercial-page a.button.db-outline:focus, .db-legacy .commercial-page a.button.db-outline:visited:hover, .db-legacy .commercial-page a.button.db-outline:visited:active, .db-legacy .commercial-page a.button.db-outline:visited:focus {opacity:1;outline:none!important}
.db-legacy .commercial-page .button.db-outline:hover .button-body, .db-legacy .commercial-page .button.db-outline:active .button-body, .db-legacy .commercial-page .button.db-outline:focus .button-body, .db-legacy .commercial-page a.button.db-outline:hover .button-body, .db-legacy .commercial-page a.button.db-outline:active .button-body, .db-legacy .commercial-page a.button.db-outline:focus .button-body, .db-legacy .commercial-page a.button.db-outline:visited:hover .button-body, .db-legacy .commercial-page a.button.db-outline:visited:active .button-body, .db-legacy .commercial-page a.button.db-outline:visited:focus .button-body {background-color:var(--db-mark-hover);border:2px solid var(--db-mark-hover);color:white}
.db-legacy .commercial-page .button.db-outline:hover .button-body, .db-legacy .commercial-page a.button.db-outline:hover .button-body, .db-legacy .commercial-page a.button.db-outline:visited:hover .button-body {transform:translateY(-2px)}
.db-legacy .commercial-page .button.db-outline:active .button-body, .db-legacy .commercial-page .button.db-outline:focus .button-body, .db-legacy .commercial-page a.button.db-outline:active .button-body, .db-legacy .commercial-page a.button.db-outline:focus .button-body, .db-legacy .commercial-page a.button.db-outline:visited:active .button-body, .db-legacy .commercial-page a.button.db-outline:visited:focus .button-body {box-shadow:none;transform:translateY(0px)}
.db-legacy .commercial-page .button.dark, .db-legacy .commercial-page a.button.dark, .db-legacy .commercial-page a.button.dark:visited {font-size:16px;font-weight:normal;line-height:1.2;padding:10.5px 20px;border-radius:22px;color:white;background-color:var(--db-mark);transition:0.25s}
.db-legacy .commercial-page .button.dark:hover, .db-legacy .commercial-page .button.dark:active, .db-legacy .commercial-page .button.dark:focus, .db-legacy .commercial-page a.button.dark:hover, .db-legacy .commercial-page a.button.dark:active, .db-legacy .commercial-page a.button.dark:focus, .db-legacy .commercial-page a.button.dark:visited:hover, .db-legacy .commercial-page a.button.dark:visited:active, .db-legacy .commercial-page a.button.dark:visited:focus {background-color:var(--db-mark-hover);color:white;opacity:1;outline:none!important}
.db-legacy .commercial-page .button.dark:hover, .db-legacy .commercial-page a.button.dark:hover, .db-legacy .commercial-page a.button.dark:visited:hover {transform:translateY(-2px)}
.db-legacy .commercial-page .button.dark:active, .db-legacy .commercial-page .button.dark:focus, .db-legacy .commercial-page a.button.dark:active, .db-legacy .commercial-page a.button.dark:focus, .db-legacy .commercial-page a.button.dark:visited:active, .db-legacy .commercial-page a.button.dark:visited:focus {transform:translateY(0px)}
.db-legacy .commercial-page form.form .help-block {color:red}
.db-legacy .commercial-page form.form .action-buttons {text-align:left;margin-top:15px;margin-right:-15px;margin-left:-15px}
.db-legacy .commercial-page form.form .action-buttons .button {padding:10.5px 50px;text-transform:none}
.db-legacy .commercial-page form.form input[type="text"], .db-legacy .commercial-page form.form select {background-color:rgb(243, 244, 245);border-radius:9px;transition:0.2s ease-out;font-size:14px;line-height:22px;padding:15px 20px;color:rgb(22, 31, 68);border:1px solid transparent;font-weight:normal;box-shadow:none}
.db-legacy .commercial-page form.form input.input-lg[type="text"] {height:46px}
.db-legacy .commercial-page form.form input[type="text"]:focus, .db-legacy .commercial-page form.form select:focus {border:1px solid var(--db-mark);box-shadow:none}
.db-legacy .commercial-page form.form select {height:46px;padding:0px 20px;width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cpolygon points='61 65 119 65 90 115'/%3E%3C/svg%3E");background-position:calc(100% - 15px) 50%;background-repeat:no-repeat, repeat;background-size:19px 19px}
.db-legacy .commercial-page form.form select:hover {cursor:pointer}
.db-legacy .commercial-page form.form label {color:rgb(38, 48, 99);display:block;font-size:20px;line-height:30px;font-weight:normal;margin-bottom:5px}
.db-legacy .commercial-page form.form label.required::after {content:"*"}
.db-legacy .commercial-page form.form .custom-checkbox {margin-bottom:6px}
.db-legacy .commercial-page form.form .custom-checkbox label {display:flex;cursor:pointer;align-items:center;font-size:12px;line-height:16px;font-weight:lighter}
.db-legacy .commercial-page form.form .custom-checkbox input.custom-control-input {display:none}
.db-legacy .commercial-page form.form .custom-checkbox .custom-control-indicator {width:16px;height:16px;position:relative;border:1px solid var(--db-mark);border-radius:0px;background-color:white;background-size:14px 14px;padding:0px;display:inline-block;margin-right:10px;flex-shrink:0}
.db-legacy .commercial-page form.form input::-webkit-input-placeholder, .db-legacy .commercial-page form.form select::-webkit-input-placeholder {color:rgba(22, 31, 68, 0.51)}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header {background-position:300px -40px;background-size:auto 60%}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header .db-container {position:relative}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header .header-text {z-index:100;flex-shrink:1}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header .header-text h2 {max-width:650px;font-size:50px;font-weight:400;line-height:64px}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header .header-images {padding-right:40px;width:45%;display:flex;justify-content:flex-end}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header .header-images .allergy-header-img {height:680px;margin-top:-100px;margin-bottom:-60px}
.db-legacy.db-legacy.db-legacy .commercial-page #allergy-deliver-panel h2 {max-width:380px}
@media (max-width:767px){.db-legacy.db-legacy.db-legacy .commercial-page #allergy-header {background-position:70px -40px}}
.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box {display:flex;flex-direction:row;position:relative;width:100%}
.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-text {flex-shrink:0;min-width:auto}
.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-text :last-child {margin-bottom:0px!important}
.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-images {flex-shrink:1}
@media (max-width:1199px){.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-text br {display:none}}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-text {width:100%!important;max-width:100%!important}}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-text br {display:none}}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .clinical-header-panel .title-box .header-images {display:none!important}}
@media (max-width:991px){.db-legacy.db-legacy .commercial-page h1 {font-size:40px;line-height:50px}}
@media (max-width:991px){.db-legacy.db-legacy .commercial-page h2 {font-size:30px;line-height:38px}}
.db-legacy.db-legacy .commercial-page .info-panel.right-panel .allergy-deliver-img {width:140%;margin-left:-35%;margin-top:-25%;margin-bottom:-25%}
.db-legacy.db-legacy .commercial-page .info-panel.left-panel .allergy-manage-img {width:150%;margin-left:-5%;margin-top:-25%;margin-bottom:-25%}
.db-legacy.db-legacy .commercial-page .info-panel.left-panel .allergy-integrate-img {width:140%;margin-left:-5%;margin-top:-30%;margin-bottom:-30%}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .info-panel.left-panel .allergy-manage-img {width:120%;margin-left:0%;margin-top:-5%;margin-bottom:-10%}}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .info-panel.right-panel .allergy-deliver-img {width:105%;margin-left:0%;margin-top:-5%;margin-bottom:5%}}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page .info-panel.left-panel .allergy-integrate-img {width:115%;margin-left:-10%;margin-top:-5%;margin-bottom:5%}}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel {position:relative;overflow:hidden}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel .db-container {position:relative;z-index:100}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel .contact-background {position:absolute;top:-30%;width:103%;height:135%;z-index:10}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel h2 {font-weight:100}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel h2 .blue {font-weight:bold;color:rgb(114, 125, 212)}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel h3 {max-width:550px}
.db-legacy.db-legacy .commercial-page #use-cases-contact-panel .action-buttons {margin-top:10px}
@media (max-width:767px){.db-legacy.db-legacy .commercial-page #use-cases-contact-panel .action-buttons {text-align:center}}
@media (max-width:479px){.db-legacy.db-legacy .commercial-page #use-cases-contact-panel {overflow:hidden;padding-top:50px!important}}
.db-legacy .commercial-page #use-cases-contact-panel {position:relative;overflow:hidden}
.db-legacy .commercial-page #use-cases-contact-panel .db-container {position:relative;z-index:100}
.db-legacy .commercial-page #use-cases-contact-panel .contact-background {position:absolute;top:-30%;width:103%;height:135%;z-index:10}
.db-legacy .commercial-page #use-cases-contact-panel h2 {font-weight:100}
.db-legacy .commercial-page #use-cases-contact-panel h2 .blue {font-weight:bold;color:rgb(114, 125, 212)}
.db-legacy .commercial-page #use-cases-contact-panel h3 {max-width:550px}
.db-legacy .commercial-page #use-cases-contact-panel .action-buttons {margin-top:10px}
.db-legacy .commercial-page #comments-panel #comments-carousel .carousel-inner {height:460px}
@media (max-width:767px){.db-legacy .commercial-page #comments-panel #comments-carousel .carousel-control {display:none}}
.db-legacy .commercial-page #comments-panel .carousel-controls {display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-top:10px}
.db-legacy .commercial-page #comments-panel .carousel-controls a {opacity:0.35;transition:0.25s;display:flex;align-items:center;height:100px}
.db-legacy .commercial-page #comments-panel .carousel-controls a.active, .db-legacy .commercial-page #comments-panel .carousel-controls a:active, .db-legacy .commercial-page #comments-panel .carousel-controls a:hover {opacity:1}
.db-legacy .commercial-page #comments-panel .carousel-controls a img {max-height:40px;max-width:200px;margin:0px 10px}
@media (max-width:767px){.db-legacy .commercial-page #comments-panel .carousel-controls {justify-content:center}}
@media (max-width:767px){.db-legacy .commercial-page #comments-panel .carousel-controls a {width:10px;height:10px;background-color:rgb(114, 125, 212);border-radius:5px;margin:20px}}
@media (max-width:767px){.db-legacy .commercial-page #comments-panel .carousel-controls a.active, .db-legacy .commercial-page #comments-panel .carousel-controls a:active, .db-legacy .commercial-page #comments-panel .carousel-controls a:hover {background-color:var(--db-mark);opacity:1}}
@media (max-width:767px){.db-legacy .commercial-page #comments-panel .carousel-controls a img {display:none}}
.db-legacy [tabindex="-1"]:focus:not(:focus-visible) {outline:0px!important}
.db-legacy h1, .db-legacy h2, .db-legacy h3, .db-legacy h4 {margin-top:0px;margin-bottom:0.5rem}
.db-legacy p {margin-top:0px;margin-bottom:1rem}
.db-legacy ul {margin-top:0px;margin-bottom:1rem}
.db-legacy strong {font-weight:bolder}
.db-legacy a {color:rgb(0, 176, 242);text-decoration:none;background-color:transparent}
.db-legacy a:hover {color:rgb(0, 120, 166);text-decoration:underline}
.db-legacy img {vertical-align:middle;border-style:none}
.db-legacy svg {overflow:hidden;vertical-align:middle}
.db-legacy label {display:inline-block;margin-bottom:0.5rem}
.db-legacy button {border-radius:0px}
.db-legacy button:focus:not(:focus-visible) {outline:0px}
.db-legacy input, .db-legacy button, .db-legacy select {margin:0px;font-family:inherit;font-size:inherit;line-height:inherit}
.db-legacy button, .db-legacy input {overflow:visible}
.db-legacy button, .db-legacy select {text-transform:none}
.db-legacy [role="button"] {cursor:pointer}
.db-legacy select {overflow-wrap:normal}
.db-legacy button, .db-legacy [type="button"] {appearance:button}
.db-legacy input[type="checkbox"] {box-sizing:border-box;padding:0px}
.db-legacy h1, .db-legacy h2, .db-legacy h3, .db-legacy h4 {margin-bottom:0.5rem;font-weight:500;line-height:1.2}
.db-legacy h1 {font-size:2.5rem}
.db-legacy h2 {font-size:2rem}
.db-legacy h3 {font-size:1.75rem}
.db-legacy h4 {font-size:1.5rem}
.db-legacy .db-container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.db-legacy .db-container {max-width:540px}}
@media (min-width:768px){.db-legacy .db-container {max-width:720px}}
@media (min-width:992px){.db-legacy .db-container {max-width:960px}}
@media (min-width:1200px){.db-legacy .db-container {max-width:1140px}}
.db-legacy .row {display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.db-legacy .col-sm-12, .db-legacy .col-sm-6 {position:relative;width:100%;padding-right:15px;padding-left:15px}
@media (min-width:576px){.db-legacy .col-sm-6 {flex:0 0 50%;max-width:50%}}
@media (min-width:576px){.db-legacy .col-sm-12 {flex:0 0 100%;max-width:100%}}
.db-legacy .form-control {display:block;width:100%;height:calc(1.5em + 2px + 0.75rem);padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:rgb(73, 80, 87);background-color:rgb(255, 255, 255);background-clip:padding-box;border:1px solid rgb(206, 212, 218);border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.db-legacy .form-control {transition:none}}
.db-legacy .form-control:focus {color:rgb(73, 80, 87);background-color:rgb(255, 255, 255);border-color:rgb(128, 189, 255);outline:0px;box-shadow:rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem}
.db-legacy .form-control::placeholder {color:rgb(108, 117, 125);opacity:1}
.db-legacy .form-control:disabled {background-color:rgb(233, 236, 239);opacity:1}
.db-legacy .form-group {margin-bottom:1rem}
.db-legacy .db-btn {display:inline-block;font-weight:400;color:rgb(33, 37, 41);text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.db-legacy .db-btn {transition:none}}
.db-legacy .db-btn:hover {color:rgb(33, 37, 41);text-decoration:none}
.db-legacy .db-btn:focus {outline:0px;box-shadow:rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem}
.db-legacy .db-btn:disabled {opacity:0.65}
.db-legacy .fade {transition:opacity 0.15s linear}
@media (prefers-reduced-motion:reduce){.db-legacy .fade {transition:none}}
.db-legacy .fade:not(.show) {opacity:0}
.db-legacy .custom-control-input {position:absolute;left:0px;z-index:-1;width:1rem;height:1.25rem;opacity:0}
.db-legacy form select:not([multiple="multiple"]) {display:inline-block;width:100%;height:calc(1.5em + 2px + 0.75rem);padding:0.375rem 1.75rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:rgb(73, 80, 87);vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255);border:1px solid rgb(206, 212, 218);border-radius:0.25rem;appearance:none}
.db-legacy form select:focus:not([multiple="multiple"]) {border-color:rgb(128, 189, 255);outline:0px;box-shadow:rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem}
.db-legacy form select:disabled:not([multiple="multiple"]) {color:rgb(108, 117, 125);background-color:rgb(233, 236, 239)}
.db-legacy form select:not([multiple="multiple"]) {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.db-legacy form select:not([multiple="multiple"]) {transition:none}}
.db-legacy .close {float:right;font-size:1.5rem;font-weight:700;line-height:1;color:rgb(0, 0, 0);text-shadow:rgb(255, 255, 255) 0px 1px 0px;opacity:0.5}
.db-legacy .close:hover {color:rgb(0, 0, 0);text-decoration:none}
.db-legacy button.close {padding:0px;background-color:transparent;border:0px}
.db-legacy .db-modal {position:fixed;top:0px;left:0px;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0px}
.db-legacy .modal-dialog {position:relative;width:auto;margin:0.5rem;pointer-events:none}
.db-legacy .db-modal.fade .modal-dialog {transition:transform 0.3s ease-out;transform:translate(0px, -50px)}
@media (prefers-reduced-motion:reduce){.db-legacy .db-modal.fade .modal-dialog {transition:none}}
.db-legacy .modal-content {position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:rgb(255, 255, 255);background-clip:padding-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:0.3rem;outline:0px}
.db-legacy .modal-body {position:relative;flex:1 1 auto;padding:1rem}
@media (min-width:576px){.db-legacy .modal-dialog {max-width:500px;margin:1.75rem auto}}
.db-legacy .db-carousel {position:relative}
.db-legacy .carousel-inner {position:relative;width:100%;overflow:hidden}
.db-legacy .carousel-inner::after {display:block;clear:both;content:""}
.db-legacy .carousel-item {position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform 0.6s ease-in-out}
@media (prefers-reduced-motion:reduce){.db-legacy .carousel-item {transition:none}}
.db-legacy .carousel-item.active {display:block}
.db-legacy .carousel-control-prev, .db-legacy .carousel-control-next {position:absolute;top:0px;bottom:0px;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0px;color:rgb(255, 255, 255);text-align:center;background:none;border:0px;opacity:0.5;transition:opacity 0.15s}
@media (prefers-reduced-motion:reduce){.db-legacy .carousel-control-prev, .db-legacy .carousel-control-next {transition:none}}
.db-legacy .carousel-control-prev:hover, .db-legacy .carousel-control-prev:focus, .db-legacy .carousel-control-next:hover, .db-legacy .carousel-control-next:focus {color:rgb(255, 255, 255);text-decoration:none;outline:0px;opacity:0.9}
.db-legacy .carousel-control-prev {left:0px}
.db-legacy .carousel-control-next {right:0px}
.db-legacy .d-none {display:none!important}
@media (min-width:576px){.db-legacy .d-sm-block {display:block!important}}
.db-legacy .embed-responsive {position:relative;display:block;width:100%;padding:0px;overflow:hidden}
.db-legacy .embed-responsive::before {display:block;content:""}
.db-legacy .embed-responsive .embed-responsive-item, .db-legacy .embed-responsive iframe {position:absolute;top:0px;bottom:0px;left:0px;width:100%;height:100%;border:0px}
.db-legacy .embed-responsive-16by9::before {padding-top:56.25%}
.db-legacy .db-sr-only {position:absolute;width:1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;border:0px}
@media print{.db-legacy a:not(.db-btn) {text-decoration:underline}}
@media print{.db-legacy img {break-inside:avoid}}
@media print{.db-legacy p, .db-legacy h2, .db-legacy h3 {orphans:3;widows:3}}
@media print{.db-legacy h2, .db-legacy h3 {break-after:avoid}}
@media print{.db-legacy .db-container {min-width:992px!important}}
.db-legacy form select.db-select {background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'><path d='M5 8.88906L-7.77101e-07 6.19094e-05L10 6.10352e-05L5 8.88906Z' fill='%23161F44'/></svg>") calc(100% - 18px) center / 8px 8px no-repeat transparent}
.db-legacy .drugbank-icon {display:inline-block;line-height:0}
.db-legacy .drugbank-icon svg {background-color:transparent;fill:currentcolor;width:1.5rem;height:1.5rem;vertical-align:middle}
.db-legacy h1 {color:rgb(170, 179, 193);font-weight:lighter}
.db-legacy h2 {color:rgb(0, 22, 30);font-weight:lighter;font-size:1.7rem;margin-top:1.5rem}
.db-legacy h3 {color:rgb(0, 22, 30);font-size:1.4rem;margin-top:1.5rem}
.db-legacy p {font-weight:lighter}
.db-legacy .db-btn {cursor:pointer;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;display:inline-flex;align-items:center;justify-content:center}
.db-legacy form .form-control:focus {border-color:rgb(255, 0, 184)!important}
.db-legacy form select:not([multiple="multiple"]) {appearance:none}
.db-legacy .db-modal .modal-dialog {margin:calc(64px + 0.5rem) auto}
@media (max-width:767.98px){.db-legacy .db-btn:not(.dbp-button,.dbp-btn--not-mobile,.hs-button) {padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:999px}}
.db-legacy select.select-component {position:absolute;left:-5000em;height:0px;overflow:hidden}

/* --------------------------------------------------------------------------
 * RE-ADDED BY HAND — the state-class rules the probe drops silently, and the
 * modal chrome that is not in the markup at all.
 *
 * A rule is kept only if it matches the exported markup. A class the page's JS
 * adds at runtime is on nothing in a static export, so those rules are dropped
 * with no combinator for the checklist to report — which is what makes this
 * class of miss hard to find.
 *
 * A. Bootstrap's slide transition for the testimonial carousel.
 *    `carousel-item-next`/`-prev`/`-left`/`-right` only ever exist
 *    mid-transition; what survived (`.carousel-item { display: none }` and
 *    `.carousel-item.active { display: block }`) shows the right panel but
 *    cannot move between them.
 *
 * B. The modal's open state. `.show` is added when it opens, and
 *    `.modal-backdrop` is an element Bootstrap CREATES — neither can be in a
 *    static export. Without them the dialog slides in from -50px and stays
 *    there, over no backdrop.
 *
 * All copied verbatim from the live stylesheet, with one scoping change noted
 * below.
 * ------------------------------------------------------------------------ */
.db-legacy .carousel-item-next,
.db-legacy .carousel-item-prev { display: block; }
.db-legacy .carousel-item-next:not(.carousel-item-left),
.db-legacy .active.carousel-item-right { transform: translateX(100%); }
.db-legacy .carousel-item-prev:not(.carousel-item-right),
.db-legacy .active.carousel-item-left { transform: translateX(-100%); }
.db-legacy .carousel-item.active.carousel-item-left,
.db-legacy .carousel-item.active.carousel-item-right { position: absolute; top: 0; left: 0; }

.db-legacy .db-modal.show .modal-dialog { transform: none; }
.db-legacy .db-modal.show { overflow-x: hidden; overflow-y: auto; }

/*
 * THE BACKDROP IS SCOPED, WHICH BOOTSTRAP'S IS NOT. Bootstrap appends
 * `.modal-backdrop` to <body>; here the script appends it inside
 * `.db-legacy` instead, so this rule can reach it without leaking a bare
 * `.modal-backdrop` into the global stylesheet.
 */
.db-legacy .modal-backdrop {
  position: fixed; top: 0; left: 0; z-index: 1040;
  width: 100vw; height: 100vh; background-color: #000;
  opacity: 0; transition: opacity .15s linear;
}
.db-legacy .modal-backdrop.show { opacity: .5; }

/*
 * AND THE WRAPPER HAS TO GET OUT OF ITS OWN WAY WHILE THE MODAL IS OPEN.
 * `.db-legacy` is `position: relative; z-index: 0` — a stacking context, so
 * the modal's own z-index of 1050 is confined inside it and the site header
 * (sticky, z-index 50, and outside the wrapper) paints straight over the
 * dialog and its backdrop. Raising the wrapper for the duration puts the whole
 * thing above the header the way the live page has it, and puts it back
 * afterwards so the mega-menu still opens over the page.
 */
.db-legacy.has-open-modal { z-index: 1050; }

/* Respect a reduced-motion preference. Bootstrap ships this guard for the
   carousel; the modal is given the same treatment. */
@media (prefers-reduced-motion: reduce) {
  .db-legacy .carousel-item { transition: none; }
  .db-legacy .db-modal.fade .modal-dialog,
  .db-legacy .modal-backdrop { transition: none; }
}

/*
 * NO COUNTERPART ON THE LIVE SITE. The carousel controls, the logo
 * indicators, the close button and the customer links are all focusable and
 * the legacy sheet draws a ring on none of them.
 */
.db-legacy .commercial-page .carousel-control:focus-visible,
.db-legacy .commercial-page .carousel-controls a:focus-visible,
.db-legacy .commercial-page .logo-link:focus-visible,
.db-legacy .commercial-page #watch-video-button:focus-visible,
.db-legacy .commercial-page #videoModal .close:focus-visible {
  outline: 2px solid var(--db-mark) !important;
  outline-offset: 2px;
  border-radius: 4px;
}