@font-face { font-family: 'Neue Haas'; src: url("/content/dam/rinvoqhcp/fonts/neue-haas/neue-haas.woff2") format("woff2"), url("/content/dam/rinvoqhcp/fonts/neue-haas/neue-haas.woff") format("woff"), url("/content/dam/rinvoqhcp/fonts/neue-haas/neue-haas.ttf") format("ttf"), url("/content/dam/rinvoqhcp/fonts/neue-haas/neue-haas.eot") format("eot"); }

.grey { color: #66696A; }

.background-grey { background-color: #66696A; }

.background-light-grey { background-color: #EEEEEE; }

.pink { color: #C0437C; }

.light_green { color: #90994A; }

.teal { color: #3BA1BC; }

.abbv-promo-drawer.car-floating-button { right: 45px !important; left: auto !important; margin-bottom: 30px !important; width: 225px !important; display: flex; justify-content: flex-end; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-handle, .abbv-promo-drawer.car-floating-button #abbv-promo-drawer-close { display: none !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-content { max-height: auto !important; min-height: auto !important; width: fit-content !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-content { background-color: transparent !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-container { justify-content: end; width: fit-content; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description { padding: 0 !important; background-color: transparent !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a { display: flex !important; flex-direction: row !important; align-items: center !important; color: #ffffff !important; text-transform: uppercase !important; text-decoration: none !important; padding: 12px 8px; border-radius: 50px !important; transition: .3s ease-in-out; box-shadow: 0 2px 10px #0000005e; margin: 10px; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a img { width: 45px !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a span { display: none; transition: .3s ease-in-out; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a:hover { border-radius: 50px; padding: 12px 15px !important; }

.abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a:hover span { display: block; }

@media (max-width: 576px) { .abbv-promo-drawer.car-floating-button { width: 60px !important; }
  .abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a:hover { padding: 12px 8px !important; }
  .abbv-promo-drawer.car-floating-button .abbv-promo-drawer-description > div a span { display: none !important; } }

.abbv-button-primary, .abbv-button-primary:visited, .abbv-button-primary:focus, .abbv-button-primary:hover, .abbv-button-primary:active { background: #25282A; background-image: none; font-size: 12px; color: #FFD100; letter-spacing: 0.02em; font-family: "Graphik Black", Arial, Helvetica Neue, Helvetica, sans-serif, 'abbv-iconFont'; }

.abbv-button-primary.i-a:after { top: 15px; }

.white-cta.abbv-button-primary, .white-cta.abbv-button-primary:visited, .white-cta.abbv-button-primary:focus, .white-cta.abbv-button-primary:hover, .white-cta.abbv-button-primary:active { background: #ffffff; color: #25282A; }

.gold-cta.abbv-button-primary, .gold-cta.abbv-button-primary:visited, .gold-cta.abbv-button-primary:focus, .gold-cta.abbv-button-primary:hover, .gold-cta.abbv-button-primary:active { background: #FFD100; color: #25282A; }

.gold-cta.abbv-button-primary.black-border, .gold-cta.abbv-button-primary:visited.black-border, .gold-cta.abbv-button-primary:focus.black-border, .gold-cta.abbv-button-primary:hover.black-border, .gold-cta.abbv-button-primary:active.black-border { border: 2px solid #25282A; }

.transparent-cta.abbv-button-primary, .transparent-cta.abbv-button-primary:visited, .transparent-cta.abbv-button-primary:focus, .transparent-cta.abbv-button-primary:hover, .transparent-cta.abbv-button-primary:active { background: transparent; color: #25282A; }

.transparent-cta.abbv-button-primary.black-border, .transparent-cta.abbv-button-primary:visited.black-border, .transparent-cta.abbv-button-primary:focus.black-border, .transparent-cta.abbv-button-primary:hover.black-border, .transparent-cta.abbv-button-primary:active.black-border { border: 2px solid #25282A; }

.mute-cta.abbv-button-primary, .mute-cta.abbv-button-primary:visited, .mute-cta.abbv-button-primary:focus, .mute-cta.abbv-button-primary:hover, .mute-cta.abbv-button-primary:active { background: #EEEEEE; color: #888888; }

.cta a { line-height: 1 !important; }

.cta a.left { justify-content: flex-start !important; text-align: left !important; }

.cta a.center { justify-content: flex-end !important; }

.cta a.abbv-button-primary::after { top: 50% !important; transform: translateY(-50%); }

.no-text-overlay .abbv-image-text-content-container-v2 { display: none; }

.abbv-section-navigation { background-color: #EEEEEE; color: #25282A; text-transform: uppercase; height: 46px; }

.abbv-section-navigation ul { line-height: unset; }

.abbv-section-navigation ul li { padding: 0 15px !important; }

.abbv-section-navigation ul li a { color: #66696A; display: block; padding: 12px 20px; font-family: "Graphik Bold", Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 0.5px; }

.abbv-section-navigation ul li a.subnav-active { color: #25282A !important; }

.abbv-section-navigation ul li a::after { left: 0; border-bottom: 5px solid #25282A !important; }

@media (max-width: 985px) { .mobile-section-navigation:before { display: none !important; }
  .abbv-section-navigation .current-pos, #section-nav-prev, #section-nav-next { display: none !important; }
  .abbv-section-navigation button#section-nav-menu { width: 100%; padding: 5px 20px; height: 43px; background: #D6D6D6; right: 0 !important; }
  .abbv-section-navigation button#section-nav-menu::after { content: "Jump To Section"; display: block; left: 20px; top: 13px; font-size: 14px; text-transform: uppercase; color: #25282A; }
  .abbv-section-navigation button#section-nav-menu::before { position: absolute; left: auto; top: 12px; right: 10px; padding: 0; color: #25282A; }
  .abbv-section-navigation ul.section-navigation-list { left: 0; top: 43px !important; background-color: #ffffff !important; text-align: left !important; border-top: 2px solid #25282A; }
  .abbv-section-navigation ul.section-navigation-list li { padding: 0 !important; text-align: left; border-top: 1px solid #25282A; }
  .abbv-section-navigation ul.section-navigation-list li:last-child { border-bottom: 5px solid #25282A; }
  .abbv-section-navigation ul.section-navigation-list li a.subnav-active::after { display: none; }
  .abbv-section-navigation ul.section-navigation-list.abbv-active { height: auto !important; } }

.indication-note { background: rgba(0, 0, 0, 0.6); position: relative; z-index: 1; font-size: 15px; }

.indication-note p { line-height: 1.5; }

.indication-note .uc-indication { display: none; }

.iparys_inherited { background-color: #000000; }

.abbv-header-primary-navigation-submenu { min-width: 210px; }

.abbv-header-primary-navigation-submenu ul li.abbv-header-primary-navigation-submenu-title a { font-family: "Graphik SemiBold",Arial,Helvetica Neue,Helvetica,sans-serif,'abbv-iconFont'; }

.abbv-header-primary-navigation ul li:nth-child(10) { border: none; position: absolute; right: 20px; top: -52px; z-index: 200; }

.abbv-header-primary-navigation ul li:nth-child(10) a { font-family: "Graphik Bold",Arial,Helvetica Neue,Helvetica,sans-serif,'abbv-iconFont'; padding: 15px 40px 15px 20px; background-color: #FFD100 !important; color: #25282A !important; font-size: 16px !important; }

.abbv-header-primary-navigation > ul > li:nth-child(2) a { font-family: "Graphik Bold",Arial,Helvetica Neue,Helvetica,sans-serif,'abbv-iconFont' !important; }

.abbv-header-primary-navigation a.abbv-has-submenu { padding-right: 12px; }

.abbv-header-primary-navigation a.dosing-line-height { line-height: 20px; padding-top: 0; padding-bottom: 0; }

@media (min-width: 895px) { .abbv-header-primary-navigation-submenu ul li.abbv-header-primary-navigation-submenu-title a { padding: 20px !important; line-height: unset !important; }
  .abbv-header-lite .abbv-header-primary-navigation .abbv-nav-active:not(.header-nav__utility--cta) { padding: 17.5px 20px !important; }
  .abbv-header-lite .abbv-header-primary-navigation .abbv-nav-active.dosing-line-height:not(.header-nav__utility--cta) { padding: 4.5px 20px !important; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) a { padding: 20px 20px 15px !important; }
  .abbv-header-lite .abbv-search-navigation [class^="abbv-icon-"] { top: 25px; } }

@media (max-width: 895px) { .abbv-header.abbv-header-lite li:nth-child(9) { display: none; }
  .abbv-header-primary-navigation ul { padding: 0; width: 100%; }
  .abbv-header-primary-navigation ul li:not(.abbv-header-primary-navigation-submenu-title) { width: 90% !important; margin: 0 auto !important; }
  .abbv-header-primary-navigation ul li:not(.abbv-header-primary-navigation-submenu-title):nth-child(10) { position: relative; right: 0; top: 55px; }
  .abbv-header-primary-navigation ul li:not(.abbv-header-primary-navigation-submenu-title):nth-child(11) { top: -70px; }
  .abbv-header-primary-navigation a.abbv-has-submenu + span i { text-align: end; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) { width: 100% !important; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) a { padding: 12px 20px 13px !important; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) a.abbv-has-submenu + span i { text-align: left; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) .abbv-header-primary-navigation-submenu li { padding: 0 20px !important; }
  .abbv-header-primary-navigation > ul > li:nth-child(2) .abbv-header-primary-navigation-submenu a { padding: 0 0 13px !important; }
  .abbv-header-lite .abbv-header-primary-navigation > ul { padding-bottom: 15%; } }

@media (max-width: 600px) { .abbv-header-primary-navigation ul li a.dosing-line-height { line-height: 16px; padding-top: 20px; padding-bottom: 20px; } }

@media (max-width: 374px) { .abbv-header-primary-navigation > ul > li:nth-child(2) .abbv-header-primary-navigation-submenu a { padding: 8px 0 13px !important; line-height: 1.2 !important; } }

.footer-tagline { max-width: 500px; margin: 0 auto; width: 100%; }

.footer-nav .cta .main-sub-link { font-family: "Graphik Bold", Arial, Helvetica Neue, Helvetica, sans-serif, 'abbv-iconFont' !important; }

.footer-nav .cta .abbv-button-plain { padding: 10px 5px; }

@media (min-width: 991px) { .footer-nav .cta .abbv-button-secondary.i-a, .footer-nav .cta .abbv-button-secondary.i-a:visited { padding-right: 25px !important; }
  .footer-nav .cta .abbv-button-secondary.i-a::after, .footer-nav .cta .abbv-button-secondary.i-a:visited::after { right: auto; }
  .footer-nav .abbv-button-secondary:hover.i-a::after { right: -8px; }
  .footer__top .flexbox .abbv-flex-item { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } }

@media (max-width: 900px) { .footer__top .flexbox .abbv-flex-container.flex-wrap-wrap { display: block !important; text-align: center; }
  .footer__top .flexbox .abbv-flex-container.flex-wrap-wrap .abbv-button-secondary.icon--circle-arrow.i-a::after { right: auto !important; }
  .footer__top .flexbox .abbv-flex-container.flex-wrap-wrap .abbv-button-secondary.i-a, .footer__top .flexbox .abbv-flex-container.flex-wrap-wrap .abbv-button-secondary.i-a:visited { padding-right: 10px !important; }
  .abbv-footer-light .abbv-footer ul.abbv-footer-horizontal { display: block !important; text-align: center; } }

.footer__top { padding-top: 78px; }

.footer__top.pt0 { padding-top: 0; }

.footer__top .flexbox__row-column { max-width: 1250px; margin: 0 auto; }

.abbv-footer a:focus-visible { outline: solid; outline-offset: 2px; }

.references .abbv-background-container-content { padding: 0 20px; }

@media (max-width: 895px) { .references .abbv-background-container-content { margin: 0; } }

.references .abbv-background-container-content p, .references .abbv-background-container-content ol li, .references .abbv-background-container-content ul li { font-size: 0.875rem; }

.abbv-modal { width: 85%; max-width: 1015px; border-radius: 8px; z-index: 600; }

.abbv-modal .footnote.abbv-rich-text p { font-size: 12px; }

.abbv-modal .abbv-modal-content-container { border-radius: 8px; }

.abbv-modal .abbv-modal-close { color: #25282A; top: 15px; }

.abbv-modal .abbv-modal-close:active, .abbv-modal .abbv-modal-close:focus, .abbv-modal .abbv-modal-close:focus-visible { outline: none; }

.abbv-modal .jobcode { font-size: 14px; color: #25282A; padding-top: 15px; }

.abbv-modal .jobcode p { padding: 0; }

.abbv-modal .abbv-rich-text p { font-size: 14px; padding: 5px 0; margin: 0; }

.abbv-modal .abbv-rich-text p.fs-18 { font-size: 18px; }

.DosingRenalHepaticDI img { max-width: 825px; padding: 16px 0 24px 0; }

.footnotes-modal .abbv-modal-content { padding: 35px; width: auto; }

@media (max-width: 767px) { .footnotes-modal .abbv-modal-content { padding: 35px 25px; } }

.study-design-modal { width: 90%; max-width: 1320px; }

.study-design-modal .abbv-rich-text .study-design__header-copy { background: none; color: #000f; text-align: left; padding: 0; }

.study-design-modal .abbv-modal-close { z-index: 999999999; }

@media (max-width: 600px) { .study-design-header-bg-container > .abbv-background-container-content { padding-top: 35px; padding-bottom: 60px; } }

.study-design-header__paint-stroke { max-width: 95px; }

.study-design-header__copy { font-size: 28px; }

@media (max-width: 600px) { .study-design-header__copy { font-size: 25px; } }

.abbv-modal .abbv-rich-text p.study-design-subhead__copy { font-size: 1.25rem; }

.study-design-phase__col { border: 2px solid #EEEEEE; padding: 20px 30px; }

.study-design-phase__col > .abbv-row { margin-bottom: 0; }

.study-design-phase__col > .abbv-row > .abbv-col-6:first-of-type { width: 47.5%; }

.study-design-phase__col > .abbv-row > .abbv-col-6:last-of-type { border-left: 6px dotted #EEEEEE; }

.three-toggles { max-width: 1180px; }

.study-design-tile-bg-container { cursor: pointer; }

.study-design-tile-bg-container.u-excel::after { content: ''; background-color: #000; position: absolute; width: 100px; height: 5px; right: 0; bottom: 45px; transform: rotate(45deg); }

.study-design-tile-bg-container.u-exceed::after { content: ''; background-color: #000; position: absolute; width: 100px; height: 5px; right: 0; bottom: 75px; transform: rotate(-45deg); }

.study-design-tile-bg-container.u-endure::before { content: ''; background-color: #000; position: absolute; width: 100px; height: 5px; left: 0; top: 130px; }

.study-design-tile-bg-container > .abbv-background-container-content { padding: 0; position: relative; }

.study-design-tile-bg-container .unflip, .study-design-tile-bg-container .flip { max-width: 515px; transition: opacity 0.5s; }

.study-design-tile-bg-container .unflip.u-endure-tile, .study-design-tile-bg-container .flip.u-endure-tile { max-width: 486px; }

.study-design-tile-bg-container .unflip { opacity: 1; }

.study-design-tile-bg-container .flip { opacity: 0; position: absolute; top: 0; }

.study-design-tile-bg-container.showContent .flip { opacity: 1; }

.study-design-tile__chart-callout { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 127px; }

.study-design-tile__chart-callout .abbv-image-content-container-v2::after { content: ''; width: 100px; height: 325px; position: absolute; left: 60px; top: -77px; border-left: 6px dotted #eeeeee; z-index: -1; }

.study-design-tile-footnote-bg-container > .abbv-background-container-content { padding-bottom: 0; }

.study-design-tile-text { border-bottom: 2px solid #66696A; }

.study-design-tabs > .abbv-background-container-content { padding-top: 35px; }

@media (max-width: 600px) { .study-design-tabs > .abbv-background-container-content { padding: 35px 0 0; } }

@media (max-width: 600px) { .study-design-tabs .image-text-v2 { overflow-x: scroll; } }

@media (max-width: 600px) { .study-design-mobile-container { padding-right: 35px; padding-left: 35px; } }

.study-design-tabs__table-img { margin: 0 auto; max-width: 900px; }

@media (max-width: 600px) { .study-design-tabs__table-img { width: 200%; } }

.study-design-mobile-layout > .abbv-background-container-content { padding: 0; }

.study-design-tile-container-mobile .unflip { display: block; }

.study-design-tile-container-mobile .flip { display: none; }

.study-design-tile-container-mobile.showContent .unflip { display: none; }

.study-design-tile-container-mobile.showContent .flip { display: block; }

.study-design-tile__chart-callout--mobile { max-width: 127px; margin-left: 20%; z-index: 1; }

.study-design-maintenance-flip-mobile { margin-top: -5px; }

.study-design-induction-flexbox > .abbv-flex-item, .study-design-maintenance-flexbox > .abbv-flex-item { padding: 0; margin: 0; }

.study-design-induction-flexbox > .abbv-flex-item:first-of-type, .study-design-maintenance-flexbox > .abbv-flex-item:first-of-type { flex: 13; }

.study-design-induction-flexbox > .abbv-flex-item:last-of-type, .study-design-maintenance-flexbox > .abbv-flex-item:last-of-type { margin-left: 5px; }

.study-design-maintenance-flexbox { margin-top: -10px; }

.study-design-induction-dose-mobile img, .study-design-maintenance-dose-mobile img { max-height: 215px; width: auto; position: relative; right: -7px; }

.study-design-maintenance-dose-mobile { margin-top: 190%; }

.study-design-maintenance-dose-mobile img { max-height: 200px; }

.study-design-uexcel-uexceed-flexbox > .abbv-flex-item { padding: 0; margin: 0; }

.study-design-uexcel-uexceed-flexbox > .abbv-flex-item:first-of-type { padding-right: 5px; }

.study-design-uexcel-uexceed-flexbox > .abbv-flex-item:last-of-type { padding-left: 5px; }

.study-design-uexcel-uexceed-img-mobile .unflip-excel { position: relative; }

.study-design-uexcel-uexceed-img-mobile .unflip-excel::after { content: ''; background-color: #000; position: absolute; width: 100px; height: 2px; right: -30px; bottom: -35px; transform: rotate(70deg); z-index: -100; }

.study-design-uexcel-uexceed-img-mobile .unflip-exceed { position: relative; }

.study-design-uexcel-uexceed-img-mobile .unflip-exceed::after { content: ''; background-color: #000; position: absolute; width: 100px; height: 2px; right: 40px; bottom: -35px; transform: rotate(-70deg); z-index: -100; }

.study-design-uexcel-uexceed-img-mobile .unflip-excel-img, .study-design-uexcel-uexceed-img-mobile .unflip-exceed-img { max-height: 105px; width: auto; }

.study-design-uexcel-uexceed-img-mobile .unflip-excel-img, .study-design-uexcel-uexceed-img-mobile .unflip-exceed-img, .study-design-uexcel-uexceed-img-mobile .flip-excel-img, .study-design-uexcel-uexceed-img-mobile .flip-exceed-img { display: inline-block; }

.abbv-modal.abbvModalExitContactMedicalInfo .abbv-modal-close, .abbv-modal.wolAdChoices .abbv-modal-close, .abbv-modal.npiregistry .abbv-modal-close, .wolContactMedInfo .abbv-modal-close, .abbv-modal.modal-reset-default .abbv-modal-close { color: #ffd100; }

.abbv-modal.abbvModalExitContactMedicalInfo .abbv-button-primary.abbv-pull-right.abbv-modal-close, .abbv-modal.wolAdChoices .abbv-button-primary.abbv-pull-right.abbv-modal-close, .abbv-modal.npiregistry .abbv-button-primary.abbv-pull-right.abbv-modal-close, .wolContactMedInfo .abbv-button-primary.abbv-pull-right.abbv-modal-close, .abbv-modal.modal-reset-default .abbv-button-primary.abbv-pull-right.abbv-modal-close { top: 0; }

.abbv-modal.abbvModalExitContactMedicalInfo .abbv-rich-text p, .abbv-modal.wolAdChoices .abbv-rich-text p, .abbv-modal.npiregistry .abbv-rich-text p, .wolContactMedInfo .abbv-rich-text p, .abbv-modal.modal-reset-default .abbv-rich-text p { padding: 16px; margin: 16px; font-size: 16px; }

.abbv-modal.abbvModalExitContactMedicalInfo .abbv-button-primary, .abbv-modal.abbvModalExitContactMedicalInfo .abbv-button-primary:visited, .abbv-modal.wolAdChoices .abbv-button-primary, .abbv-modal.wolAdChoices .abbv-button-primary:visited, .abbv-modal.npiregistry .abbv-button-primary, .abbv-modal.npiregistry .abbv-button-primary:visited, .wolContactMedInfo .abbv-button-primary, .wolContactMedInfo .abbv-button-primary:visited, .abbv-modal.modal-reset-default .abbv-button-primary, .abbv-modal.modal-reset-default .abbv-button-primary:visited { background: #ffd100; background-image: linear-gradient(-45deg, #FFD100 0%, #FFDC3F 25% 45%, #fff1b1 50%, #FFDC3F 55%, #FFD100 100%); background-size: 400% 100%; background-position: 100% 50%; color: #25282A; font-size: 16px; line-height: 18px; font-family: "Graphik Bold", Arial, Helvetica Neue, Helvetica, sans-serif, 'abbv-iconFont'; }

.abbv-modal-content { overflow: unset; }

.abbv-modal { background-color: #fff; border-radius: 8px; }

.abbv-modal .abbv-modal-content-container { background-color: transparent; border-radius: 0; }

.page-tabs { padding: 25px 20px 25px; width: auto; max-width: 1180px; margin: 0 auto; }

.page-tabs .abbv-tabs-controls { border-bottom: 1px solid #25282A; margin: 0; }

.page-tabs .abbv-tab-control { background-color: #ffffff !important; max-width: unset; width: inherit; margin: 0 8px !important; border-width: 1px 1px 0px 1px !important; border-color: #25282A !important; border-style: solid !important; }

.page-tabs .abbv-tab-control a { color: #66696A !important; margin-bottom: 0; min-height: auto; font-family: "Graphik Bold", Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px !important; letter-spacing: 0.2px; }

.page-tabs .abbv-tab-control.abbv-active { background-color: #EEEEEE !important; border-width: 2px 2px 2px 2px !important; }

.page-tabs .abbv-tab-control.abbv-active a { color: #25282A !important; }

.page-tabs .abbv-tab-control:first-child { margin-left: 20px !important; }

.page-tabs .abbv-tab-control:last-child { margin-right: 20px !important; }

.page-tabs .abbv-tabs-container { border-top: none; margin-top: 0; }

.page-tabs .abbv-tabs-container .abbv-tab { padding: 15px 0; }

.page-tabs .abbv-tabs-container .abbv-tab .abbv-row { padding: 15px 0 0 0; }

.page-tabs .abbv-tabs-container .abbv-tab .right-rail { padding-left: 50px; }

@media (max-width: 1024px) { .page-tabs .abbv-tabs-container .abbv-tab .right-rail { padding-left: 0; } }

@media (max-width: 600px) { .page-tabs { padding: 0 0 25px; }
  .page-tabs .abbv-tabs-controls { justify-content: center; }
  .page-tabs .abbv-tab-control { width: auto; padding: 0; display: flex; align-items: center; margin: 0 4px !important; }
  .page-tabs .abbv-tab-control:first-child { margin-left: 10px !important; }
  .page-tabs .abbv-tab-control:last-child { margin-right: 10px !important; }
  .page-tabs.abbv-tabs .abbv-tab-control a { padding-bottom: 6px; }
  .page-tabs .abbv-row-container { margin: 0 !important; }
  .page-tabs .abbv-tabs-container .abbv-tab { padding: 10px 35px; } }

/* Toogle Button */
.toggle-button { border-bottom: none; }

.toggle-button .abbv-tabs-controls { border: 1px solid #66696A; height: auto; background-color: #fff; width: 270px; padding: 0; border-radius: 20px; justify-content: space-between; margin-bottom: 4px; }

@media (max-width: 600px) { .toggle-button .abbv-tabs-controls { width: 230px; } }

.toggle-button.toggle-button--middle .abbv-tabs-controls { margin: 0 auto 4px; }

.toggle-button .abbv-tab-control { background: transparent !important; border: 1px solid transparent; border-radius: inherit; top: 0; }

.toggle-button .abbv-tab-control:first-child { margin-left: 0; }

.toggle-button .abbv-tab-control a { color: #66696A; min-height: 0; font-size: 11px; padding: 5px 7px; font-family: 'Graphik Bold'; }

@media (max-width: 600px) { .toggle-button .abbv-tab-control a { height: auto; padding: 0; } }

.toggle-button .abbv-tab-control.abbv-active { background-color: #EEEEEE !important; background-image: linear-gradient(360deg, rgba(174, 174, 174, 0.7) 0.39%, #FFFFFF 99.61%) !important; color: #000; border: 1px solid #66696A; border-radius: 20px; }

.toggle-button .abbv-tab-control.abbv-active a { border: none; margin-bottom: 0; }

.toggle-button .abbv-tabs-container { border: none; }

.toggle-button.abbv-tabs .abbv-tab-control { text-transform: none; width: 250px; }

.abbv-tabs.toggle-button .abbv-tab-control:hover { margin-top: 0; }

@media (max-width: 600px) { .toggle-button.abbv-tabs .abbv-tab { padding: 24px 0 0; } }

/* Toogle Button End */
/* When this component is inside _page_tabs component */
.page-tabs .toggle-button .abbv-tab-control { border-style: none !important; }

@media (max-width: 600px) { .page-tabs .toggle-button .abbv-tab-control { justify-content: center; } }

.page-tabs .toggle-button .abbv-tab-control.abbv-active { border: 1px solid #66696A !important; }

.page-tabs .toggle-button .abbv-tab-control:first-child { margin-left: 0 !important; }

.page-tabs .toggle-button .abbv-tab-control:last-child { margin-right: 0 !important; }

@media (max-width: 600px) { .page-tabs.abbv-tabs .toggle-button .abbv-tab-control a { padding-bottom: 0; } }

.no-wrap { white-space: nowrap; }

.underline { text-decoration: underline !important; }

.br2 { border-radius: 2px; }

.br4 { border-radius: 4px; }

.br6 { border-radius: 6px; }

.br8 { border-radius: 8px; }

.br10 { border-radius: 10px; }

.mt-30 { margin-top: -30px; }

@media (max-width: 600px) { .text-center-mobile { text-align: center; } }

@media (max-width: 600px) { .text-left-mobile { text-align: left; } }

.abbv-background-container-content { min-height: auto; padding: 50px 20px; }

@media (max-width: 768px) { .abbv-background-container-content { padding: 0 35px; } }

.remove-max-width .abbv-background-container-content { max-width: 100%; padding: 50px 0; }

@media (max-width: 768px) { .remove-max-width .abbv-background-container-content { padding: 0; } }

.remove-max-width.remove-padding .abbv-background-container-content { padding: 0; }

.fs-28 { font-size: 28px; }

.lh1 { line-height: 1; }

.lh1-25 { line-height: 1.25; }

.lh1-5 { line-height: 1.5; }

sup:not(.larger) { font-size: 60% !important; font-family: unset; }

.top-e-gold::before { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-top-brush.svg"); height: 100px; top: -99px; background-size: cover; background-position: top left; }

@media (max-width: 600px) { .top-e-gold::before { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-top-brush-mobile.svg"); } }

.top-a-grey::before { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-light_grey-top-brush.svg"); height: 100px; top: -99px; background-size: cover; background-position: top left; }

@media (max-width: 600px) { .top-a-grey::before { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-light_grey-top-brush-mobile.svg"); } }

.bottom-a-grey::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/bottom-a-grey.svg"); }

.bottom-b-grey::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-light_grey-bottom-brush.svg"); height: 130px; bottom: -130px; background-size: cover; background-position: top left; }

@media (max-width: 600px) { .bottom-b-grey::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-light_grey-bottom-brush-mobile.svg"); bottom: -128px; } }

.bottom-e-gold::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-bottom-brush.svg"), linear-gradient(180deg, #FFD100 1px, white 2px, white); height: 135px; bottom: -30px; background-position: bottom left; }

@media (max-width: 600px) { .bottom-e-gold::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-bottom-brush-mobile.svg"), linear-gradient(180deg, #FFD100 1px, white 2px, white); height: 125px; bottom: -66px; } }

.bottom-f-gold::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-bottom-brush-2.svg"); background-position: bottom left; }

@media (max-width: 600px) { .bottom-f-gold::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-yellow-bottom-brush-mobile.svg"), linear-gradient(180deg, #FFD100 1px, white 2px, white); height: 125px; bottom: -66px; } }

.bottom-e-charcoal::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-charcoal-bottom-brush.svg"); background-position: bottom left; }

@media (max-width: 600px) { .bottom-e-charcoal::after { background-image: url("/content/dam/rinvoqhcp/images/crohns-disease/global/new-charcoal-bottom-brush-mobile.svg"); height: 125px; bottom: -66px; } }

.text-left-yellow-verticle-stroke { position: relative; }

.text-left-yellow-verticle-stroke::after { content: ''; background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/global/yellow-paint-stroke-verticle.png); background-repeat: no-repeat; background-size: contain; display: block; width: auto; height: 100%; padding-right: 20px !important; position: absolute; left: 0; top: 0; }

.text-cover-yellow-stroke { position: relative; width: 100%; padding: 0px 25px; left: -25px; min-height: 80px; display: flex; align-items: center; }

.text-cover-yellow-stroke::after { content: ''; background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-bg-brush.svg); background-repeat: no-repeat; background-size: contain; position: absolute; width: 100%; height: 105%; left: -5px; top: 0px; z-index: -1; }

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .text-cover-yellow-stroke { width: 95%; } }

@media (max-width: 600px) { .text-cover-yellow-stroke { padding: 25px; }
  .text-cover-yellow-stroke::after { background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-bg-brush-mobile.svg); } }

.video-player .vjs-big-play-button { background-color: transparent !important; border: none !important; }

.video-player .vjs-big-play-button .vjs-icon-placeholder::before { content: ''; background: url(/content/dam/rinvoqhcp/images/crohns-disease/global/video-play-icon.png); background-size: contain; background-repeat: no-repeat; }

@media (max-width: 600px) { .video-player .vjs-big-play-button { margin-top: -1em; } }

@media (max-width: 600px) { .section__container { margin-bottom: 0; } }

@media (min-width: 768px) { .width-300 { max-width: 300px !important; width: 100% !important; }
  .width-350 { max-width: 350px !important; width: 100% !important; }
  .width-200 { max-width: 200px !important; width: 100% !important; } }

@media (max-width: 600px) { .add-mobile-lr-padding { padding-left: 35px; padding-right: 35px; } }

.number-underline { position: relative; }

.number-underline::after { position: absolute; content: ''; background: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-brush.png); width: 80%; height: 100%; background-size: contain; background-repeat: no-repeat; left: -2px; bottom: -5px; z-index: -1; }

.number-underline-white { position: relative; }

.number-underline-white::after { position: absolute; content: ''; background: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-brush-white.png); width: 80%; height: 100%; background-size: contain; background-repeat: no-repeat; left: -2px; bottom: -15px; z-index: -1; }

.number-underline-white-long { position: relative; }

.number-underline-white-long::after { position: absolute; content: ''; background: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-brush-white-long.png); width: 80%; height: 100%; background-size: contain; background-repeat: no-repeat; left: -2px; bottom: -15px; z-index: -1; }

.hero-underline { position: relative; }

.hero-underline::after { position: absolute; content: ''; background: url(/content/dam/rinvoqhcp/images/crohns-disease/global/text-brush.png); width: 110%; height: 100%; background-size: contain; background-repeat: no-repeat; left: -2px; bottom: -20px; z-index: -1; }

.hero { position: relative; }

.hero .black-swoosh { position: absolute; right: 0; top: -150px; max-width: 600px; }

.hero .badge { max-width: 300px; position: absolute; right: 60px; top: 85px; }

@media (max-width: 600px) { .hero .black-swoosh { max-width: 240px; top: 0; }
  .hero .badge { max-width: 150px; right: 15px; } }

.sup-upper { position: relative; top: -2px; }

.larger { font-size: 75% !important; }

.swipe-text { display: none; position: relative; overflow: hidden; }

@media (max-width: 600px) { .swipe-text { display: block; } }

.swipe-text .swipe-text-copy { position: relative; z-index: 1; width: fit-content; margin: 0 auto 30px auto !important; padding: 0 5px !important; background: white; }

.swipe-text::after { content: ''; width: 110%; height: 2px; position: absolute; left: -20px; top: 10px; background-color: #ffd100; }

@media (max-width: 600px) { .results__col { margin: 0; } }

.results__col > .abbv-row > .abbv-col-4 { min-height: 300px; position: relative; }

@media (max-width: 600px) { .results__col > .abbv-row > .abbv-col-4 { min-height: auto; } }

@media (max-width: 600px) { .results__col > .abbv-row > .abbv-col-4:nth-of-type(1), .results__col > .abbv-row > .abbv-col-4:nth-of-type(2) { padding-bottom: 32px; } }

.results__col > .abbv-row > .abbv-col-4 > .cta { position: absolute; bottom: 0; width: 100%; }

@media (max-width: 600px) { .results__col > .abbv-row > .abbv-col-4 > .cta { position: static; } }

@media (max-width: 600px) { .results__inner-col { margin: 0; } }

@media (max-width: 600px) { .results__inner-col > .abbv-row > .abbv-col-2 { width: 30%; } }

@media (max-width: 600px) { .results__inner-col > .abbv-row > .abbv-col-10 { margin-top: 0; width: 50%; } }

.results__check-mark-img { max-width: 60px; }

.abbv-safety-bar h5 { color: #FFD100; font-size: 14px; line-height: 18px; margin-bottom: 8px; }

@media (max-width: 600px) { .abbv-safety-bar h5 { font-size: .9rem; line-height: 1.2; } }

.abbv-safety-bar p { font-size: 0.875rem; line-height: 1.286; }

@media (max-width: 600px) { .abbv-safety-bar p { font-size: .9rem; line-height: 1.25; } }

.abbv-inline-use-isi { padding: 100px 0 0 0; }

.dynamic-isi { font-size: 40px !important; }

.dynamic-isi::before { content: '\003C\003C\003C'; color: #fff; }

.dynamic-isi::after { content: '\003E\003E\003E'; color: #fff; }

.car-float-cta { z-index: 1; width: 50px; height: 50px; float: right; background-position: center; background-color: transparent; background-image: url(/content/dam/rinvoqhcp/images/preview-16/global/car-collapsed-cta.png); background-size: 65px; background-repeat: no-repeat; color: transparent; transition-property: none; }

@media (min-width: 600px) { .car-float-cta { width: 70px; height: 70px; padding: 0; background-size: 90px; } }

.car-float-drawer { left: 84%; width: 70px; height: 70px; min-height: fit-content !important; }

@media (max-width: 600px) { .car-float-drawer { left: 92%; } }

.car-float-drawer:hover { left: -10%; }

@media (min-width: 600px) { .car-float-drawer:hover { left: 78%; } }

.car-float-drawer:hover .car-float-cta { height: 60px; width: 200px; transition-property: none; background-repeat: no-repeat; background-color: #FFDC3F; background-image: url(/content/dam/rinvoqhcp/images/preview-16/global/btn-rep.png); background-size: 50px; box-shadow: inset 2px 2px 8px 0 rgba(255, 255, 255, 0.6), inset -2px -2px 8px 0 #E6BD00; border-radius: 40px; color: transparent; background-position-x: 16px; background-position-y: center; padding: 8px; padding-top: 55px; }

.car-float-drawer:hover .car-float-cta::after { content: 'Contact a rep'; color: #25282a; height: 70px; padding-left: 60px; font-size: 16px; margin-left: -8px; }

.car-float-drawer .abbv-promo-drawer-handle { display: none; border: none; background: none; }

.car-float-drawer .abbv-promo-drawer-content { background-color: transparent; width: fit-content; }

.car-float-drawer .abbv-promo-drawer-description { border: none; padding: 0; height: fit-content; margin: 0; overflow: hidden; }

@media (max-width: 600px) { .car-float-drawer .abbv-promo-drawer-description { padding-right: 0; } }

@media (max-width: 600px) { .abbv-back-to-top { z-index: 1000 !important; bottom: 10px !important; } }

.car-cta-wrapper { position: relative; }

img.car-img-cta { position: absolute; right: -28px; bottom: 171px; z-index: 99; }

@media (max-width: 600px) { img.car-img-cta { bottom: 240px; } }

img.car-img-cta-open { width: 150px; }

img.car-img-cta-close { width: 90px; }

@media (min-width: 600px) { .abbv-promo-drawer.car-float-drawer { left: 92%; }
  .abbv-promo-drawer.car-float-drawer:hover { left: 92%; } }

/* override agency css to make it look right */
@media (max-width: 600px) { .abbv-promo-drawer.car-float-drawer { left: 90%; } }

/* override BTS styling to fix mobile view */
.abbv-promo-drawer-right-active { transform: translateX(-40px); }

/* override for multiple promo drawers on page */
.car-float-drawer .abbv-promo-drawer-content { height: 0; min-height: 50px; }

.footer-tagline-text { max-width: 460px; margin: 0 auto; text-align: left; }

@media (max-width: 600px) { .footer-tagline-text { padding-left: 5%; } }

.bg-container-main .abbv-background-container-content { max-width: 100%; padding: 0; }

.copy-container { padding: 30px 0 75px 0; }

@media (max-width: 768px) { .bg-container-2.copy-container, .bg-container-3.copy-container, .bg-container-4.copy-container, .copy-padding-mobile { padding: 40px 25px; }
  .bg-container-1.copy-container { padding: 20px 25px 0; } }

@media (min-width: 769px) { .copy-container { max-width: 700px; margin: 0 auto; } }

.abbv-container.indication-note { display: none; }

.bg-container-main .abbv-background-container-display::after { background: linear-gradient(180deg, #2c2c2c 0%, rgba(0, 0, 0, 0) 100%); background-blend-mode: multiply; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.5; }

.bg-container-1 { padding: 100px 0 25px 0; }

.bg-container-1 .jak1 { position: relative; left: -30px; top: -15px; }

.bg-container-2 { padding: 0 0 100px 0; }

.bg-container-2 img { height: 75px; width: auto; }

@media (max-width: 768px) { .bg-container-2 .abbv-col-6:first-child { margin-bottom: 40px; } }

.bg-container-3 { padding: 100px 0 200px 0; }

.bg-container-4 { padding: 275px 0 150px; }

.bg-container-4 .line-copy { padding-top: 175px; padding-right: 70px; }

.bg-container-4 .line-copy .text-top-yellow-horizontal-stroke { position: relative; }

.bg-container-4 .line-copy .text-top-yellow-horizontal-stroke::after { content: ''; background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/moa/yellow-paint-stroke-horizontal.png); background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 100%; position: absolute; top: -10px; }

.border-bottom { border-bottom: 2px solid #FFD100; padding-bottom: 10px; }

.moa-column { max-width: 680px; border: 2px solid #ffffff; margin-bottom: 25px; }

.moa-column .abbv-col { padding: 20px 0; }

.enzyme-chart { max-width: 800px; margin: 0 auto; }

.pill-bottles .abbv-background-container-content { max-width: 600px; padding-top: 175px !important; }

.pill-bottles .abbv-background-container-display { background-size: contain; }

.pill-bottles .bottles { max-width: 550px; margin: 0 auto; }

.pill-bottles-copy { padding-top: 50px; }

.pill-bottles-copy .abbv-background-container-content { max-width: 700px; }

.pill-bottles-copy .copy-column { position: absolute; left: 20%; top: 35px; margin: 0; }

.pill-bottles-copy .copy-column .badge { width: 250px; transform: rotate(8deg); position: relative; right: -100px; }

.pill-bottles-copy .copy-column .one-pill-copy { position: relative; left: -20px; top: 10px; width: 460px; }

.text-left-yellow-verticle-stroke::after { background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/moa/yellow-paint-stroke-verticle.png); }

.jak2 { position: relative; left: -30px; top: -15px; }

@media (max-width: 767px) { .jak2 { left: -15px; } }

@media (max-width: 895px) { .pill-bottles .abbv-background-container-display { background-size: cover; }
  .pill-bottles .abbv-background-container-content { padding-top: 300px !important; }
  .pill-bottles-copy { padding-top: 100px; max-width: 450px; margin: 0 auto; }
  .pill-bottles-copy .copy-column { top: 65px; left: unset; padding: 0 15px; }
  .pill-bottles-copy .copy-column .one-pill-copy { width: 320px; }
  .pill-bottles-copy .copy-column .badge { width: 200px; right: auto; margin: 0 auto; }
  .pill-bottles-copy .copy-column .abbv-row .abbv-col { width: 100% !important; } }

@media (max-width: 768px) { .remove-padding { padding: 0px; }
  .background-gold.section__container { padding: 75px 0; }
  .text-left-yellow-verticle-stroke::after { padding-right: 15px !important; background-position: right; background-size: cover; }
  .bg-container-main .abbv-background-container-display.abbv-background-container-image-bg { background-position: top; background-repeat: repeat; background-size: inherit; background-position: 20% 175px; }
  .bg-container-1 { padding: 50px 0 25px 0; }
  .bg-container-1 .jak1 { left: -20px; top: -10px; }
  .bg-container-3 { padding: 0 0 200px 0; }
  .bg-container-4 { margin-top: 220px; }
  .bg-container-4 .line-copy { padding-top: 100px; padding-bottom: 100px; padding-right: 0; text-align: center; }
  .moa-column { max-width: 100%; margin: 0 35px 30px; }
  .moa-column .abbv-col:last-child { margin: 0; padding: 0 0 20px; } }

@media (min-width: 1500px) { .bg-container-4 { padding: 45% 0 150px; } }

.grey-text { font-size: 14px; }

.inhibitory-wrapper { background: black; color: white; width: 370px; display: flex; justify-content: space-around; align-items: center; border-radius: 10px; margin: auto; padding: 5px 15px; }

@media (max-width: 600px) { .inhibitory-wrapper { width: 320px; } }

.inside-cell-section { display: flex; justify-content: center; align-items: center; }

.inside-cell-section .inside-block { background: #0B0B0DEB; border-radius: 12px; width: 192px; height: 46px; text-align: center; justify-content: center; display: flex; align-items: center; }

.inside-cell-section .abbv-col.abbv-col-10 { margin-top: 0; padding-left: 60px; }

.inside-cell-section .abbv-col.abbv-col-10 p { margin: 0; }

@media (max-width: 600px) { .inside-cell-section { justify-content: unset; align-items: unset; }
  .inside-cell-section .inside-block { height: 61px; width: 152px; }
  .inside-cell-section .abbv-col.abbv-col-10 { padding-left: 0; text-align: left; margin-top: 20px; } }

.inside-cell-section.copy-container { max-width: 1020px; }

@media (max-width: 600px) { .inside-cell-section.copy-container { max-width: auto; padding: 30px 0 75px 0; } }

.short-underline { position: relative; z-index: 5; }

.short-underline::after { content: ''; position: absolute; bottom: -6px; left: -2px; width: 114%; height: 10px; background-image: url(/content/dam/rinvoqhcp/images/crohns-disease/global/short-underline.png); background-repeat: no-repeat; background-size: 100% 10px; z-index: -1; max-width: 720px; }

@media (max-width: 768px) { .short-underline::after { width: 87%; } }

.body-copy-main { font-size: 15px; }

.jak-data-modal { background-color: #000; }

.jak-data-modal .abbv-modal-close { color: #FFD100; }

.jak-data-modal-container { max-width: 900px; margin: 0 auto; }

.jak-data-modal-flexbox > .abbv-flex-item:first-of-type { flex: 2; }

.jak-data-modal-flexbox > .abbv-flex-item:last-of-type { align-self: flex-end; }

@media (max-width: 600px) { .jak-data-modal-flexbox { flex-direction: column; } }

.text-left-yellow-verticle-stroke.text-left-yellow-verticle-stroke-jak-modal::after { background-size: 60% 100%; }