/**
* This function allows you to specify a min/max font size or line height across different breakpoints.
* It converts it into a CSS calc string with a pixel plus percentage formula
* The result is typography that grows with the window width
*/
/**
* IMPORTANT NOTE: These special mixins are needed for BUTTON focus states but NOT ANCHOR focus states
* Button focus states are handled differently depending on the browser https://zellwk.com/blog/inconsistent-button-behavior/
*
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to be as generic and re-usable as possible, but won't cover all scenarios needed.
*
* @param $property The property that should be changed on focus. Only one property is supported at a time. eg. "outline"
* @param $value The value to change the property to when the element is in focus (but not clicked)
* @param $child-selector Optional child selector if the element to apply style to is inside the element in focus
* @param $negate The CSS value to set the property to in order to reset it back to its previous state. Required field, defaults to 'none' which is very common.
*/
/**
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to swap the text and background colors found for a focus state, and back again when not focused.
*/
/**
* Typography Definitions
*
* Required font-size properties:
* font-size
* line-height
*
* Optional font-size/line-height properties for use across breakpoints
* sm-font-size
* md-font-size
* lg-font-size
* xl-font-size
* sm-line-height
* md-line-height
* lg-line-height
* xl-line-height
* WARNING: When using fluid-typography, these properties become mandatory as the calculations depend on them all being in place
*
* Other optional properties:
* text-transform
* letter-spacing
* fluid-typography
*
* Use `fluid-typography: true` and the font-size and line-height will scale with the window width towards the sizes defined in the next breakpoint up.
* Additionally, max-font-size and max-line-height can be used to allow the font size to keep growing after reaching xl
*
* WARNING: If any required properties are not set, then some calculations in mixins/functions may break
*/
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* Generate BlackRock namespaced CSS in here */
[brand=integration] {
/* Generate a lot of typography CSS (eg. '[brand=blackrock] .blk-ac-heading-xl-fixed p ') */
/* CSS classes define padding between texts (eg. '[brand=blackrock] .blk-ac-eyebrow-to-heading') */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* Container class for blackrock rows and cols. (eg. '[brand=blackrock] .container-fluid') */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/**
* Container class. Add this class to your containers to ensure correct width and horizontal spacing for each breakpoint. Rows should go immediately inside.
*/
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* CSS classes for blk-ac-buttons */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
}
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 56px;
line-height: 64px;
font-size: 56px;
}
@media (min-width: 768px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 72px;
line-height: 80px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 80px;
line-height: 88px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: calc(
56px + ((16 * (100vw - 768px)) / 256)
);
line-height: calc(
64px + ((16 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: calc(
72px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
80px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 32px;
line-height: 36px;
font-size: calc(
32px + ((24 * (100vw - 372px)) / 1548)
);
line-height: calc(
36px + ((24 * (100vw - 372px)) / 1548)
);
font-size: 32px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 32px;
line-height: 36px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: calc(
32px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
36px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: calc(
40px + ((16 * (100vw - 1440px)) / 480)
);
line-height: calc(
44px + ((16 * (100vw - 1440px)) / 480)
);
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 56px;
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
line-height: 60px;
}
}
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 32px;
line-height: 36px;
font-size: calc(
32px + ((24 * (100vw - 372px)) / 1548)
);
line-height: calc(
36px + ((24 * (100vw - 372px)) / 1548)
);
font-size: 32px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 32px;
line-height: 36px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: calc(
32px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
36px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: calc(
40px + ((16 * (100vw - 1440px)) / 480)
);
line-height: calc(
44px + ((16 * (100vw - 1440px)) / 480)
);
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 56px;
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
line-height: 60px;
}
}
[brand=integration] .ds-heading-m,
[brand=integration] .ds-heading-m p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-m,
[brand=integration] .ds-heading-m p {
font-size: 32px;
line-height: 40px;
}
}
[brand=integration] .ds-heading-m-lc,
[brand=integration] .ds-heading-m-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-m-lc,
[brand=integration] .ds-heading-m-lc p {
font-size: 32px;
line-height: 40px;
}
}
[brand=integration] .ds-heading-s,
[brand=integration] .ds-heading-s p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-s,
[brand=integration] .ds-heading-s p {
font-size: 26px;
line-height: 32px;
}
}
[brand=integration] .ds-heading-s-lc,
[brand=integration] .ds-heading-s-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-s-lc,
[brand=integration] .ds-heading-s-lc p {
font-size: 26px;
line-height: 32px;
}
}
[brand=integration] .ds-heading-xs,
[brand=integration] .ds-heading-xs p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 24px;
}
[brand=integration] .ds-heading-xs-lc,
[brand=integration] .ds-heading-xs-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 20px;
line-height: 24px;
}
[brand=integration] .ds-heading-xxs,
[brand=integration] .ds-heading-xxs p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-subheading,
[brand=integration] .ds-subheading p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-subheading,
[brand=integration] .ds-subheading p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-subheading-l,
[brand=integration] .ds-subheading-l p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-subheading-l,
[brand=integration] .ds-subheading-l p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-subheading-m,
[brand=integration] .ds-subheading-m p {
font-family: "FortBook";
font-weight: 400;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-subheading-m,
[brand=integration] .ds-subheading-m p {
font-size: 20px;
line-height: 32px;
}
}
[brand=integration] .ds-subheading-bold,
[brand=integration] .ds-subheading-bold p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-subheading-bold,
[brand=integration] .ds-subheading-bold p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-eyebrow-l,
[brand=integration] .ds-eyebrow-l p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
@media (min-width: 768px) {
[brand=integration] .ds-eyebrow-l,
[brand=integration] .ds-eyebrow-l p {
font-size: 16px;
line-height: 20px;
}
}
[brand=integration] .ds-eyebrow-m,
[brand=integration] .ds-eyebrow-m p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 18px;
}
[brand=integration] .ds-eyebrow-s,
[brand=integration] .ds-eyebrow-s p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-eyebrow-s-extra-bold,
[brand=integration] .ds-eyebrow-s-extra-bold p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-eyebrow-xs,
[brand=integration] .ds-eyebrow-xs p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 10px;
line-height: 16px;
}
[brand=integration] .ds-body-l,
[brand=integration] .ds-body-l p {
font-family: "FortBook";
font-weight: 300;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-body-l,
[brand=integration] .ds-body-l p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-body-l-bold,
[brand=integration] .ds-body-l-bold p {
font-family: "FortBold";
font-weight: 300;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-body-l-bold,
[brand=integration] .ds-body-l-bold p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-body-m,
[brand=integration] .ds-body-m p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-body-m-compact,
[brand=integration] .ds-body-m-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-body-m-bold,
[brand=integration] .ds-body-m-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-body-m-compact-bold,
[brand=integration] .ds-body-m-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-body-s,
[brand=integration] .ds-body-s p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 20px;
}
[brand=integration] .ds-body-s-compact,
[brand=integration] .ds-body-s-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-body-s-bold,
[brand=integration] .ds-body-s-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 20px;
}
[brand=integration] .ds-body-s-compact-bold,
[brand=integration] .ds-body-s-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-body-xs,
[brand=integration] .ds-body-xs p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-compact,
[brand=integration] .ds-body-xs-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 14px;
}
[brand=integration] .ds-body-xs-bold,
[brand=integration] .ds-body-xs-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-extra-bold,
[brand=integration] .ds-body-xs-extra-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-compact-bold,
[brand=integration] .ds-body-xs-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 14px;
}
[brand=integration] .ds-button-standard,
[brand=integration] .ds-button-standard p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-button-small,
[brand=integration] .ds-button-small p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-link-list,
[brand=integration] .ds-link-list p {
font-family: "BLK Fort" !important;
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-link-list,
[brand=integration] .ds-link-list p {
font-size: 20px;
line-height: 24px;
}
}
[brand=integration] .ds-fund-data,
[brand=integration] .ds-fund-data p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-fund-data,
[brand=integration] .ds-fund-data p {
font-size: 20px;
line-height: 28px;
}
}
[brand=integration] .ds-fund-disclaimer,
[brand=integration] .ds-fund-disclaimer p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-fund-disclaimer,
[brand=integration] .ds-fund-disclaimer p {
font-size: 20px;
line-height: 28px;
}
}
[brand=integration] .ds-disclaimer-l,
[brand=integration] .ds-disclaimer-l p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
[brand=integration] .ds-italic,
[brand=integration] .ds-italic p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
}
[brand=integration] .ds-tab-m,
[brand=integration] .ds-tab-m p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-tab-m-selected,
[brand=integration] .ds-tab-m-selected p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-link-body {
font-family: "FortBold";
color: #000000;
text-decoration: underline;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-body:hover, [brand=integration] .ds-link-body:active {
color: #000000;
text-decoration: none;
}
[brand=integration] .ds-link-body:focus {
outline: none;
}
[brand=integration] .ds-link-body:focus {
background: #000000;
}
[brand=integration] .ds-link-body:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-body:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-body:focus {
color: #ffffff;
}
[brand=integration] .ds-link-body:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-body:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-primary {
font-family: "FortBold";
display: inline-block;
color: #000000;
text-decoration: none;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-subdued-primary:after {
content: "";
display: block;
height: 3px;
width: 0;
transition: width 0.15s;
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:hover, [brand=integration] .ds-link-subdued-primary:active {
color: #000000;
}
[brand=integration] .ds-link-subdued-primary:hover:after, [brand=integration] .ds-link-subdued-primary:active:after {
width: 100%;
}
[brand=integration] .ds-link-subdued-primary:focus {
outline: none;
}
[brand=integration] .ds-link-subdued-primary:focus {
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-subdued-primary:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-primary:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary {
display: inline-block;
color: #000000;
text-decoration: none;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-subdued-secondary:hover, [brand=integration] .ds-link-subdued-secondary:active {
color: #000000;
text-decoration: underline;
}
[brand=integration] .ds-link-subdued-secondary:focus {
outline: none;
}
[brand=integration] .ds-link-subdued-secondary:focus {
background: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-subdued-secondary:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary:active {
background: rgba(0, 0, 0, 0.2) !important;
}
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 8px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 12px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 16px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 24px;
}
}
[brand=integration] .ds-heading-to-body {
padding-bottom: 8px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 12px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 16px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 24px;
}
}
[brand=integration] .container-fluid {
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
}
[brand=integration] .container-fluid .row {
max-width: 1920px;
margin: auto !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
text-align: left;
padding-left: 18px;
padding-right: 18px;
}
[brand=integration] .container-fluid .row .row {
padding-left: 0;
padding-right: 0;
margin-left: -2px !important;
margin-right: -2px !important;
}
@media (min-width: 600px) {
[brand=integration] .container-fluid .row .row {
margin-left: -4px !important;
margin-right: -4px !important;
}
}
@media (min-width: 768px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 1440px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 600px) {
[brand=integration] .container-fluid .row {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 768px) {
[brand=integration] .container-fluid .row {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 1024px) {
[brand=integration] .container-fluid .row {
padding-left: 32px;
padding-right: 32px;
}
}
@media (min-width: 1440px) {
[brand=integration] .container-fluid .row {
padding-left: 72px;
padding-right: 72px;
}
}
[brand=integration] .container-fluid .no-gutters {
margin-right: 0;
margin-left: 0;
}
[brand=integration] .container-fluid .no-gutters > .col,
[brand=integration] .container-fluid .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
[brand=integration] .ds-col {
display: flex;
flex-direction: column;
box-sizing: border-box;
flex: 0 1 100%;
padding-left: 2px;
padding-right: 2px;
}
@media (min-width: 600px) {
[brand=integration] .ds-col {
padding-left: 4px;
padding-right: 4px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
[brand=integration] .ds-vertical-space {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-vertical-space {
padding-top: 40px;
padding-bottom: 40px;
}
}
[brand=integration] .ds-divider-1 {
width: 100%;
border: 0;
margin: 0;
background: none;
border-top: 8px solid #000000;
}
[brand=integration] .ui-helper-hidden-accessible {
visibility: hidden;
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (max-width: 1023px) {
[brand=integration] .ds-only-desktop {
display: none !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-only-mobile {
display: none !important;
}
}
[brand=integration] .default-icon {
--default-button-icon-black: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23000000' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-white: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23ffffff' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-orange: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23ff4713' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-disabled: url("data:image/svg+xml;charset=UTF-8,<svg fill='%239b9b9b' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
}
[brand=integration] .blk-ac-primary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-primary-button.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-primary-button.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: #ffffff;
border: 1px solid #ffffff;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button-on-black::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-black:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button-on-black[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button-on-black[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button-on-color::after {
content: "";
background: #ffffff;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-color:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button-on-color[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button-on-color[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon::before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-secondary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-secondary-button.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-secondary-button.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-secondary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: transparent;
border: 1px solid #ffffff;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button-on-black::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-black:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button-on-black[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button-on-black[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-secondary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button-on-color::after {
content: "";
background: #000000;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-color:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button-on-color[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button-on-color[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon::before {
content: var(--default-button-icon-black);
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon > * {
color: #000000;
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-tertiary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #000000;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button::after {
content: "";
background: #ff4713;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-tertiary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-tertiary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #ffffff;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button-on-black::after {
content: "";
background: #ff4713;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button-on-black:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-tertiary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-tertiary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #000000;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button-on-color::after {
content: "";
background: #000000;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button-on-color:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::before {
content: var(--default-button-icon-black);
}
[brand=integration] .blk-ac-tertiary-button-on-color.custom-icon > * {
color: #000000;
}
[brand=integration] .blk-ac-button-group {
display: flex;
align-items: baseline;
gap: 24px;
}
/* CSS classes for blk-ac-modal-dialog */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
[brand=blackrock].blk-ac-modal-dialog {
padding: 0;
border: none;
display: flex;
flex-direction: column;
justify-content: center;
max-height: 90%;
}
@media screen and (max-width: 599px) {
[brand=blackrock].blk-ac-modal-dialog {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 600px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 40px - 184px) / 24 + 56px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 40px - 184px) / 24 + 88px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 40px - 184px) / 24 + 120px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 40px - 184px) / 24 + 152px);
}
}
@media screen and (min-width: 768px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 64px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 64px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 64px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 64px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1024px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 80px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 80px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 80px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 80px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1440px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 160px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 160px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 160px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 160px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1920px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: 576px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: 872px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: 1168px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: 1464px;
}
}
[brand=blackrock].blk-ac-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, 0.6);
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-container {
display: flex;
flex-direction: column;
justify-content: center;
overflow-y: auto;
}
@media screen and (max-width: 599px) {
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-container {
height: 100%;
}
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-title,
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-footer {
flex-shrink: 0;
flex-grow: 0;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-content {
overflow-y: auto;
flex-shrink: 1;
flex-grow: 1;
min-height: 32px;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-close-button {
position: absolute;
height: 32px;
width: 32px;
border-radius: 50%;
right: 7px;
top: 7px;
line-height: 16px;
font-size: 16px;
cursor: pointer;
background-color: transparent;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-close-button:hover {
color: #ff4713;
}
/**
* This file generates styles that can be used by any brand
*/
/* Generate generic spacing classes (eg. 'blk-ac-space-xxxs') */
.ds-space-xxxs {
padding: 4px;
}
.ds-space-xxxs-top {
padding-top: 4px;
}
.ds-space-xxxs-right {
padding-right: 4px;
}
.ds-space-xxxs-bottom {
padding-bottom: 4px;
}
.ds-space-xxxs-left {
padding-left: 4px;
}
.ds-space-xxs {
padding: 8px;
}
.ds-space-xxs-top {
padding-top: 8px;
}
.ds-space-xxs-right {
padding-right: 8px;
}
.ds-space-xxs-bottom {
padding-bottom: 8px;
}
.ds-space-xxs-left {
padding-left: 8px;
}
.ds-space-xs {
padding: 12px;
}
.ds-space-xs-top {
padding-top: 12px;
}
.ds-space-xs-right {
padding-right: 12px;
}
.ds-space-xs-bottom {
padding-bottom: 12px;
}
.ds-space-xs-left {
padding-left: 12px;
}
.ds-space-s {
padding: 16px;
}
.ds-space-s-top {
padding-top: 16px;
}
.ds-space-s-right {
padding-right: 16px;
}
.ds-space-s-bottom {
padding-bottom: 16px;
}
.ds-space-s-left {
padding-left: 16px;
}
.ds-space-m {
padding: 24px;
}
.ds-space-m-top {
padding-top: 24px;
}
.ds-space-m-right {
padding-right: 24px;
}
.ds-space-m-bottom {
padding-bottom: 24px;
}
.ds-space-m-left {
padding-left: 24px;
}
.ds-space-l {
padding: 32px;
}
.ds-space-l-top {
padding-top: 32px;
}
.ds-space-l-right {
padding-right: 32px;
}
.ds-space-l-bottom {
padding-bottom: 32px;
}
.ds-space-l-left {
padding-left: 32px;
}
.ds-space-xl {
padding: 40px;
}
.ds-space-xl-top {
padding-top: 40px;
}
.ds-space-xl-right {
padding-right: 40px;
}
.ds-space-xl-bottom {
padding-bottom: 40px;
}
.ds-space-xl-left {
padding-left: 40px;
}
.ds-space-xxl {
padding: 48px;
}
.ds-space-xxl-top {
padding-top: 48px;
}
.ds-space-xxl-right {
padding-right: 48px;
}
.ds-space-xxl-bottom {
padding-bottom: 48px;
}
.ds-space-xxl-left {
padding-left: 48px;
}
.ds-space-xxxl {
padding: 56px;
}
.ds-space-xxxl-top {
padding-top: 56px;
}
.ds-space-xxxl-right {
padding-right: 56px;
}
.ds-space-xxxl-bottom {
padding-bottom: 56px;
}
.ds-space-xxxl-left {
padding-left: 56px;
}
.ds-space-big-1 {
padding: 64px;
}
.ds-space-big-1-top {
padding-top: 64px;
}
.ds-space-big-1-right {
padding-right: 64px;
}
.ds-space-big-1-bottom {
padding-bottom: 64px;
}
.ds-space-big-1-left {
padding-left: 64px;
}
.ds-space-big-2 {
padding: 80px;
}
.ds-space-big-2-top {
padding-top: 80px;
}
.ds-space-big-2-right {
padding-right: 80px;
}
.ds-space-big-2-bottom {
padding-bottom: 80px;
}
.ds-space-big-2-left {
padding-left: 80px;
}
.ds-space-big-3 {
padding: 96px;
}
.ds-space-big-3-top {
padding-top: 96px;
}
.ds-space-big-3-right {
padding-right: 96px;
}
.ds-space-big-3-bottom {
padding-bottom: 96px;
}
.ds-space-big-3-left {
padding-left: 96px;
}
.ds-space-big-4 {
padding: 112px;
}
.ds-space-big-4-top {
padding-top: 112px;
}
.ds-space-big-4-right {
padding-right: 112px;
}
.ds-space-big-4-bottom {
padding-bottom: 112px;
}
.ds-space-big-4-left {
padding-left: 112px;
}
.ds-space-big-5 {
padding: 128px;
}
.ds-space-big-5-top {
padding-top: 128px;
}
.ds-space-big-5-right {
padding-right: 128px;
}
.ds-space-big-5-bottom {
padding-bottom: 128px;
}
.ds-space-big-5-left {
padding-left: 128px;
}
.ds-size-space-xxxs {
height: 4px;
width: 4px;
}
.ds-size-space-xxs {
height: 8px;
width: 8px;
}
.ds-size-space-xs {
height: 12px;
width: 12px;
}
.ds-size-space-s {
height: 16px;
width: 16px;
}
.ds-size-space-m {
height: 24px;
width: 24px;
}
.ds-size-space-l {
height: 32px;
width: 32px;
}
.ds-size-space-xl {
height: 40px;
width: 40px;
}
.ds-size-space-xxl {
height: 48px;
width: 48px;
}
.ds-size-space-xxxl {
height: 56px;
width: 56px;
}
.ds-size-space-big-1 {
height: 64px;
width: 64px;
}
.ds-size-space-big-2 {
height: 80px;
width: 80px;
}
.ds-size-space-big-3 {
height: 96px;
width: 96px;
}
.ds-size-space-big-4 {
height: 112px;
width: 112px;
}
.ds-size-space-big-5 {
height: 128px;
width: 128px;
}
/* Generate base colors in global namespace (eg. 'blk-ac-bg-black') */
.ds-bg-black {
background-color: #000000;
}
.ds-text-black {
color: #000000;
}
.ds-bg-white {
background-color: #ffffff;
}
.ds-text-white {
color: #ffffff;
}
.ds-bg-orange {
background-color: #ff4713;
}
.ds-text-orange {
color: #ff4713;
}
.ds-bg-yellow {
background-color: #ffce00;
}
.ds-text-yellow {
color: #ffce00;
}
.ds-bg-yellow-light {
background-color: #ffe67f;
}
.ds-text-yellow-light {
color: #ffe67f;
}
.ds-bg-pink {
background-color: #fc9bb3;
}
.ds-text-pink {
color: #fc9bb3;
}
.ds-bg-gray {
background-color: #616161;
}
.ds-text-gray {
color: #616161;
}
.ds-bg-gray-50 {
background-color: #a5a5a5;
}
.ds-text-gray-50 {
color: #a5a5a5;
}
.ds-bg-gray-90 {
background-color: #efefef;
}
.ds-text-gray-90 {
color: #efefef;
}
.ds-bg-secondary-gray {
background-color: #efefef;
}
.ds-text-secondary-gray {
color: #efefef;
}
.ds-bg-secondary-red {
background-color: #990012;
}
.ds-text-secondary-red {
color: #990012;
}
.ds-bg-purple {
background-color: #9e79d9;
}
.ds-text-purple {
color: #9e79d9;
}
.ds-bg-secondary-purple {
background-color: #9062bc;
}
.ds-text-secondary-purple {
color: #9062bc;
}
.ds-bg-neutral-shade {
background-color: #f4f1eb;
}
.ds-text-neutral-shade {
color: #f4f1eb;
}
.ds-bg-blue {
background-color: #00a9e0;
}
.ds-text-blue {
color: #00a9e0;
}
.ds-bg-green {
background-color: #72ca33;
}
.ds-text-green {
color: #72ca33;
}
.ds-bg-dashboard-darkgray {
background-color: #4b4b4b;
}
.ds-text-dashboard-darkgray {
color: #4b4b4b;
}
.ds-bg-blk-neutral-50 {
background-color: #f7f7f7;
}
.ds-text-blk-neutral-50 {
color: #f7f7f7;
}
.ds-bg-blk-neutral-hover {
background-color: #eae7e1;
}
.ds-text-blk-neutral-hover {
color: #eae7e1;
}
.ds-bg-blk-focus-border {
background-color: #265cb2;
}
.ds-text-blk-focus-border {
color: #265cb2;
}
.ds-bg-blk-button-disabled {
background-color: #9b9b9b;
}
.ds-text-blk-button-disabled {
color: #9b9b9b;
}
/*# sourceMappingURL=base.css.map *//*!
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
/**
* Responsive breakpoints
*/
[brand=integration] *,
[brand=integration] *::before,
[brand=integration] *::after {
box-sizing: inherit;
}
[brand=integration] .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
[brand=integration] .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
[brand=integration] .container {
max-width: 720px;
}
}
@media (min-width: 1024px) {
[brand=integration] .container {
max-width: 960px;
}
}
@media (min-width: 1440px) {
[brand=integration] .container {
max-width: 1140px;
}
}
[brand=integration] .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
[brand=integration] .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
[brand=integration] .no-gutters {
margin-right: 0;
margin-left: 0;
}
[brand=integration] .no-gutters > .col,
[brand=integration] .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
[brand=integration] .col-xl,
[brand=integration] .col-xl-auto, [brand=integration] .col-xl-12, [brand=integration] .col-xl-11, [brand=integration] .col-xl-10, [brand=integration] .col-xl-9, [brand=integration] .col-xl-8, [brand=integration] .col-xl-7, [brand=integration] .col-xl-6, [brand=integration] .col-xl-5, [brand=integration] .col-xl-4, [brand=integration] .col-xl-3, [brand=integration] .col-xl-2, [brand=integration] .col-xl-1, [brand=integration] .col-lg,
[brand=integration] .col-lg-auto, [brand=integration] .col-lg-12, [brand=integration] .col-lg-11, [brand=integration] .col-lg-10, [brand=integration] .col-lg-9, [brand=integration] .col-lg-8, [brand=integration] .col-lg-7, [brand=integration] .col-lg-6, [brand=integration] .col-lg-5, [brand=integration] .col-lg-4, [brand=integration] .col-lg-3, [brand=integration] .col-lg-2, [brand=integration] .col-lg-1, [brand=integration] .col-md,
[brand=integration] .col-md-auto, [brand=integration] .col-md-12, [brand=integration] .col-md-11, [brand=integration] .col-md-10, [brand=integration] .col-md-9, [brand=integration] .col-md-8, [brand=integration] .col-md-7, [brand=integration] .col-md-6, [brand=integration] .col-md-5, [brand=integration] .col-md-4, [brand=integration] .col-md-3, [brand=integration] .col-md-2, [brand=integration] .col-md-1, [brand=integration] .col-sm,
[brand=integration] .col-sm-auto, [brand=integration] .col-sm-12, [brand=integration] .col-sm-11, [brand=integration] .col-sm-10, [brand=integration] .col-sm-9, [brand=integration] .col-sm-8, [brand=integration] .col-sm-7, [brand=integration] .col-sm-6, [brand=integration] .col-sm-5, [brand=integration] .col-sm-4, [brand=integration] .col-sm-3, [brand=integration] .col-sm-2, [brand=integration] .col-sm-1, [brand=integration] .col,
[brand=integration] .col-auto, [brand=integration] .col-12, [brand=integration] .col-11, [brand=integration] .col-10, [brand=integration] .col-9, [brand=integration] .col-8, [brand=integration] .col-7, [brand=integration] .col-6, [brand=integration] .col-5, [brand=integration] .col-4, [brand=integration] .col-3, [brand=integration] .col-2, [brand=integration] .col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
[brand=integration] .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
[brand=integration] .col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
[brand=integration] .col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
[brand=integration] .col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
[brand=integration] .col-3 {
flex: 0 0 25%;
max-width: 25%;
}
[brand=integration] .col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[brand=integration] .col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
[brand=integration] .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
[brand=integration] .col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
[brand=integration] .col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
[brand=integration] .col-9 {
flex: 0 0 75%;
max-width: 75%;
}
[brand=integration] .col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
[brand=integration] .col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
[brand=integration] .col-12 {
flex: 0 0 100%;
max-width: 100%;
}
[brand=integration] .order-first {
order: -1;
}
[brand=integration] .order-last {
order: 13;
}
[brand=integration] .order-0 {
order: 0;
}
[brand=integration] .order-1 {
order: 1;
}
[brand=integration] .order-2 {
order: 2;
}
[brand=integration] .order-3 {
order: 3;
}
[brand=integration] .order-4 {
order: 4;
}
[brand=integration] .order-5 {
order: 5;
}
[brand=integration] .order-6 {
order: 6;
}
[brand=integration] .order-7 {
order: 7;
}
[brand=integration] .order-8 {
order: 8;
}
[brand=integration] .order-9 {
order: 9;
}
[brand=integration] .order-10 {
order: 10;
}
[brand=integration] .order-11 {
order: 11;
}
[brand=integration] .order-12 {
order: 12;
}
[brand=integration] .offset-1 {
margin-left: 8.3333333333%;
}
[brand=integration] .offset-2 {
margin-left: 16.6666666667%;
}
[brand=integration] .offset-3 {
margin-left: 25%;
}
[brand=integration] .offset-4 {
margin-left: 33.3333333333%;
}
[brand=integration] .offset-5 {
margin-left: 41.6666666667%;
}
[brand=integration] .offset-6 {
margin-left: 50%;
}
[brand=integration] .offset-7 {
margin-left: 58.3333333333%;
}
[brand=integration] .offset-8 {
margin-left: 66.6666666667%;
}
[brand=integration] .offset-9 {
margin-left: 75%;
}
[brand=integration] .offset-10 {
margin-left: 83.3333333333%;
}
[brand=integration] .offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 600px) {
[brand=integration] .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
[brand=integration] .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
[brand=integration] .col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
[brand=integration] .col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
[brand=integration] .col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
[brand=integration] .col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[brand=integration] .col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
[brand=integration] .col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
[brand=integration] .col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
[brand=integration] .col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
[brand=integration] .col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
[brand=integration] .col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
[brand=integration] .col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
[brand=integration] .col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
[brand=integration] .order-sm-first {
order: -1;
}
[brand=integration] .order-sm-last {
order: 13;
}
[brand=integration] .order-sm-0 {
order: 0;
}
[brand=integration] .order-sm-1 {
order: 1;
}
[brand=integration] .order-sm-2 {
order: 2;
}
[brand=integration] .order-sm-3 {
order: 3;
}
[brand=integration] .order-sm-4 {
order: 4;
}
[brand=integration] .order-sm-5 {
order: 5;
}
[brand=integration] .order-sm-6 {
order: 6;
}
[brand=integration] .order-sm-7 {
order: 7;
}
[brand=integration] .order-sm-8 {
order: 8;
}
[brand=integration] .order-sm-9 {
order: 9;
}
[brand=integration] .order-sm-10 {
order: 10;
}
[brand=integration] .order-sm-11 {
order: 11;
}
[brand=integration] .order-sm-12 {
order: 12;
}
[brand=integration] .offset-sm-0 {
margin-left: 0;
}
[brand=integration] .offset-sm-1 {
margin-left: 8.3333333333%;
}
[brand=integration] .offset-sm-2 {
margin-left: 16.6666666667%;
}
[brand=integration] .offset-sm-3 {
margin-left: 25%;
}
[brand=integration] .offset-sm-4 {
margin-left: 33.3333333333%;
}
[brand=integration] .offset-sm-5 {
margin-left: 41.6666666667%;
}
[brand=integration] .offset-sm-6 {
margin-left: 50%;
}
[brand=integration] .offset-sm-7 {
margin-left: 58.3333333333%;
}
[brand=integration] .offset-sm-8 {
margin-left: 66.6666666667%;
}
[brand=integration] .offset-sm-9 {
margin-left: 75%;
}
[brand=integration] .offset-sm-10 {
margin-left: 83.3333333333%;
}
[brand=integration] .offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
[brand=integration] .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
[brand=integration] .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
[brand=integration] .col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
[brand=integration] .col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
[brand=integration] .col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
[brand=integration] .col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[brand=integration] .col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
[brand=integration] .col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
[brand=integration] .col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
[brand=integration] .col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
[brand=integration] .col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
[brand=integration] .col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
[brand=integration] .col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
[brand=integration] .col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
[brand=integration] .order-md-first {
order: -1;
}
[brand=integration] .order-md-last {
order: 13;
}
[brand=integration] .order-md-0 {
order: 0;
}
[brand=integration] .order-md-1 {
order: 1;
}
[brand=integration] .order-md-2 {
order: 2;
}
[brand=integration] .order-md-3 {
order: 3;
}
[brand=integration] .order-md-4 {
order: 4;
}
[brand=integration] .order-md-5 {
order: 5;
}
[brand=integration] .order-md-6 {
order: 6;
}
[brand=integration] .order-md-7 {
order: 7;
}
[brand=integration] .order-md-8 {
order: 8;
}
[brand=integration] .order-md-9 {
order: 9;
}
[brand=integration] .order-md-10 {
order: 10;
}
[brand=integration] .order-md-11 {
order: 11;
}
[brand=integration] .order-md-12 {
order: 12;
}
[brand=integration] .offset-md-0 {
margin-left: 0;
}
[brand=integration] .offset-md-1 {
margin-left: 8.3333333333%;
}
[brand=integration] .offset-md-2 {
margin-left: 16.6666666667%;
}
[brand=integration] .offset-md-3 {
margin-left: 25%;
}
[brand=integration] .offset-md-4 {
margin-left: 33.3333333333%;
}
[brand=integration] .offset-md-5 {
margin-left: 41.6666666667%;
}
[brand=integration] .offset-md-6 {
margin-left: 50%;
}
[brand=integration] .offset-md-7 {
margin-left: 58.3333333333%;
}
[brand=integration] .offset-md-8 {
margin-left: 66.6666666667%;
}
[brand=integration] .offset-md-9 {
margin-left: 75%;
}
[brand=integration] .offset-md-10 {
margin-left: 83.3333333333%;
}
[brand=integration] .offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1024px) {
[brand=integration] .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
[brand=integration] .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
[brand=integration] .col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
[brand=integration] .col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
[brand=integration] .col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
[brand=integration] .col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[brand=integration] .col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
[brand=integration] .col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
[brand=integration] .col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
[brand=integration] .col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
[brand=integration] .col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
[brand=integration] .col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
[brand=integration] .col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
[brand=integration] .col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
[brand=integration] .order-lg-first {
order: -1;
}
[brand=integration] .order-lg-last {
order: 13;
}
[brand=integration] .order-lg-0 {
order: 0;
}
[brand=integration] .order-lg-1 {
order: 1;
}
[brand=integration] .order-lg-2 {
order: 2;
}
[brand=integration] .order-lg-3 {
order: 3;
}
[brand=integration] .order-lg-4 {
order: 4;
}
[brand=integration] .order-lg-5 {
order: 5;
}
[brand=integration] .order-lg-6 {
order: 6;
}
[brand=integration] .order-lg-7 {
order: 7;
}
[brand=integration] .order-lg-8 {
order: 8;
}
[brand=integration] .order-lg-9 {
order: 9;
}
[brand=integration] .order-lg-10 {
order: 10;
}
[brand=integration] .order-lg-11 {
order: 11;
}
[brand=integration] .order-lg-12 {
order: 12;
}
[brand=integration] .offset-lg-0 {
margin-left: 0;
}
[brand=integration] .offset-lg-1 {
margin-left: 8.3333333333%;
}
[brand=integration] .offset-lg-2 {
margin-left: 16.6666666667%;
}
[brand=integration] .offset-lg-3 {
margin-left: 25%;
}
[brand=integration] .offset-lg-4 {
margin-left: 33.3333333333%;
}
[brand=integration] .offset-lg-5 {
margin-left: 41.6666666667%;
}
[brand=integration] .offset-lg-6 {
margin-left: 50%;
}
[brand=integration] .offset-lg-7 {
margin-left: 58.3333333333%;
}
[brand=integration] .offset-lg-8 {
margin-left: 66.6666666667%;
}
[brand=integration] .offset-lg-9 {
margin-left: 75%;
}
[brand=integration] .offset-lg-10 {
margin-left: 83.3333333333%;
}
[brand=integration] .offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1440px) {
[brand=integration] .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
[brand=integration] .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
[brand=integration] .col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
[brand=integration] .col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
[brand=integration] .col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
[brand=integration] .col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[brand=integration] .col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
[brand=integration] .col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
[brand=integration] .col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
[brand=integration] .col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
[brand=integration] .col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
[brand=integration] .col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
[brand=integration] .col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
[brand=integration] .col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
[brand=integration] .order-xl-first {
order: -1;
}
[brand=integration] .order-xl-last {
order: 13;
}
[brand=integration] .order-xl-0 {
order: 0;
}
[brand=integration] .order-xl-1 {
order: 1;
}
[brand=integration] .order-xl-2 {
order: 2;
}
[brand=integration] .order-xl-3 {
order: 3;
}
[brand=integration] .order-xl-4 {
order: 4;
}
[brand=integration] .order-xl-5 {
order: 5;
}
[brand=integration] .order-xl-6 {
order: 6;
}
[brand=integration] .order-xl-7 {
order: 7;
}
[brand=integration] .order-xl-8 {
order: 8;
}
[brand=integration] .order-xl-9 {
order: 9;
}
[brand=integration] .order-xl-10 {
order: 10;
}
[brand=integration] .order-xl-11 {
order: 11;
}
[brand=integration] .order-xl-12 {
order: 12;
}
[brand=integration] .offset-xl-0 {
margin-left: 0;
}
[brand=integration] .offset-xl-1 {
margin-left: 8.3333333333%;
}
[brand=integration] .offset-xl-2 {
margin-left: 16.6666666667%;
}
[brand=integration] .offset-xl-3 {
margin-left: 25%;
}
[brand=integration] .offset-xl-4 {
margin-left: 33.3333333333%;
}
[brand=integration] .offset-xl-5 {
margin-left: 41.6666666667%;
}
[brand=integration] .offset-xl-6 {
margin-left: 50%;
}
[brand=integration] .offset-xl-7 {
margin-left: 58.3333333333%;
}
[brand=integration] .offset-xl-8 {
margin-left: 66.6666666667%;
}
[brand=integration] .offset-xl-9 {
margin-left: 75%;
}
[brand=integration] .offset-xl-10 {
margin-left: 83.3333333333%;
}
[brand=integration] .offset-xl-11 {
margin-left: 91.6666666667%;
}
}
[brand=integration] .d-none {
display: none !important;
}
[brand=integration] .d-inline {
display: inline !important;
}
[brand=integration] .d-inline-block {
display: inline-block !important;
}
[brand=integration] .d-block {
display: block !important;
}
[brand=integration] .d-table {
display: table !important;
}
[brand=integration] .d-table-row {
display: table-row !important;
}
[brand=integration] .d-table-cell {
display: table-cell !important;
}
[brand=integration] .d-flex {
display: flex !important;
}
[brand=integration] .d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 600px) {
[brand=integration] .d-sm-none {
display: none !important;
}
[brand=integration] .d-sm-inline {
display: inline !important;
}
[brand=integration] .d-sm-inline-block {
display: inline-block !important;
}
[brand=integration] .d-sm-block {
display: block !important;
}
[brand=integration] .d-sm-table {
display: table !important;
}
[brand=integration] .d-sm-table-row {
display: table-row !important;
}
[brand=integration] .d-sm-table-cell {
display: table-cell !important;
}
[brand=integration] .d-sm-flex {
display: flex !important;
}
[brand=integration] .d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
[brand=integration] .d-md-none {
display: none !important;
}
[brand=integration] .d-md-inline {
display: inline !important;
}
[brand=integration] .d-md-inline-block {
display: inline-block !important;
}
[brand=integration] .d-md-block {
display: block !important;
}
[brand=integration] .d-md-table {
display: table !important;
}
[brand=integration] .d-md-table-row {
display: table-row !important;
}
[brand=integration] .d-md-table-cell {
display: table-cell !important;
}
[brand=integration] .d-md-flex {
display: flex !important;
}
[brand=integration] .d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .d-lg-none {
display: none !important;
}
[brand=integration] .d-lg-inline {
display: inline !important;
}
[brand=integration] .d-lg-inline-block {
display: inline-block !important;
}
[brand=integration] .d-lg-block {
display: block !important;
}
[brand=integration] .d-lg-table {
display: table !important;
}
[brand=integration] .d-lg-table-row {
display: table-row !important;
}
[brand=integration] .d-lg-table-cell {
display: table-cell !important;
}
[brand=integration] .d-lg-flex {
display: flex !important;
}
[brand=integration] .d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1440px) {
[brand=integration] .d-xl-none {
display: none !important;
}
[brand=integration] .d-xl-inline {
display: inline !important;
}
[brand=integration] .d-xl-inline-block {
display: inline-block !important;
}
[brand=integration] .d-xl-block {
display: block !important;
}
[brand=integration] .d-xl-table {
display: table !important;
}
[brand=integration] .d-xl-table-row {
display: table-row !important;
}
[brand=integration] .d-xl-table-cell {
display: table-cell !important;
}
[brand=integration] .d-xl-flex {
display: flex !important;
}
[brand=integration] .d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
[brand=integration] .d-print-none {
display: none !important;
}
[brand=integration] .d-print-inline {
display: inline !important;
}
[brand=integration] .d-print-inline-block {
display: inline-block !important;
}
[brand=integration] .d-print-block {
display: block !important;
}
[brand=integration] .d-print-table {
display: table !important;
}
[brand=integration] .d-print-table-row {
display: table-row !important;
}
[brand=integration] .d-print-table-cell {
display: table-cell !important;
}
[brand=integration] .d-print-flex {
display: flex !important;
}
[brand=integration] .d-print-inline-flex {
display: inline-flex !important;
}
}
[brand=integration] .flex-row {
flex-direction: row !important;
}
[brand=integration] .flex-column {
flex-direction: column !important;
}
[brand=integration] .flex-row-reverse {
flex-direction: row-reverse !important;
}
[brand=integration] .flex-column-reverse {
flex-direction: column-reverse !important;
}
[brand=integration] .flex-wrap {
flex-wrap: wrap !important;
}
[brand=integration] .flex-nowrap {
flex-wrap: nowrap !important;
}
[brand=integration] .flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
[brand=integration] .flex-fill {
flex: 1 1 auto !important;
}
[brand=integration] .flex-grow-0 {
flex-grow: 0 !important;
}
[brand=integration] .flex-grow-1 {
flex-grow: 1 !important;
}
[brand=integration] .flex-shrink-0 {
flex-shrink: 0 !important;
}
[brand=integration] .flex-shrink-1 {
flex-shrink: 1 !important;
}
[brand=integration] .justify-content-start {
justify-content: flex-start !important;
}
[brand=integration] .justify-content-end {
justify-content: flex-end !important;
}
[brand=integration] .justify-content-center {
justify-content: center !important;
}
[brand=integration] .justify-content-between {
justify-content: space-between !important;
}
[brand=integration] .justify-content-around {
justify-content: space-around !important;
}
[brand=integration] .align-items-start {
align-items: flex-start !important;
}
[brand=integration] .align-items-end {
align-items: flex-end !important;
}
[brand=integration] .align-items-center {
align-items: center !important;
}
[brand=integration] .align-items-baseline {
align-items: baseline !important;
}
[brand=integration] .align-items-stretch {
align-items: stretch !important;
}
[brand=integration] .align-content-start {
align-content: flex-start !important;
}
[brand=integration] .align-content-end {
align-content: flex-end !important;
}
[brand=integration] .align-content-center {
align-content: center !important;
}
[brand=integration] .align-content-between {
align-content: space-between !important;
}
[brand=integration] .align-content-around {
align-content: space-around !important;
}
[brand=integration] .align-content-stretch {
align-content: stretch !important;
}
[brand=integration] .align-self-auto {
align-self: auto !important;
}
[brand=integration] .align-self-start {
align-self: flex-start !important;
}
[brand=integration] .align-self-end {
align-self: flex-end !important;
}
[brand=integration] .align-self-center {
align-self: center !important;
}
[brand=integration] .align-self-baseline {
align-self: baseline !important;
}
[brand=integration] .align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 600px) {
[brand=integration] .flex-sm-row {
flex-direction: row !important;
}
[brand=integration] .flex-sm-column {
flex-direction: column !important;
}
[brand=integration] .flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
[brand=integration] .flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
[brand=integration] .flex-sm-wrap {
flex-wrap: wrap !important;
}
[brand=integration] .flex-sm-nowrap {
flex-wrap: nowrap !important;
}
[brand=integration] .flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
[brand=integration] .flex-sm-fill {
flex: 1 1 auto !important;
}
[brand=integration] .flex-sm-grow-0 {
flex-grow: 0 !important;
}
[brand=integration] .flex-sm-grow-1 {
flex-grow: 1 !important;
}
[brand=integration] .flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
[brand=integration] .flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
[brand=integration] .justify-content-sm-start {
justify-content: flex-start !important;
}
[brand=integration] .justify-content-sm-end {
justify-content: flex-end !important;
}
[brand=integration] .justify-content-sm-center {
justify-content: center !important;
}
[brand=integration] .justify-content-sm-between {
justify-content: space-between !important;
}
[brand=integration] .justify-content-sm-around {
justify-content: space-around !important;
}
[brand=integration] .align-items-sm-start {
align-items: flex-start !important;
}
[brand=integration] .align-items-sm-end {
align-items: flex-end !important;
}
[brand=integration] .align-items-sm-center {
align-items: center !important;
}
[brand=integration] .align-items-sm-baseline {
align-items: baseline !important;
}
[brand=integration] .align-items-sm-stretch {
align-items: stretch !important;
}
[brand=integration] .align-content-sm-start {
align-content: flex-start !important;
}
[brand=integration] .align-content-sm-end {
align-content: flex-end !important;
}
[brand=integration] .align-content-sm-center {
align-content: center !important;
}
[brand=integration] .align-content-sm-between {
align-content: space-between !important;
}
[brand=integration] .align-content-sm-around {
align-content: space-around !important;
}
[brand=integration] .align-content-sm-stretch {
align-content: stretch !important;
}
[brand=integration] .align-self-sm-auto {
align-self: auto !important;
}
[brand=integration] .align-self-sm-start {
align-self: flex-start !important;
}
[brand=integration] .align-self-sm-end {
align-self: flex-end !important;
}
[brand=integration] .align-self-sm-center {
align-self: center !important;
}
[brand=integration] .align-self-sm-baseline {
align-self: baseline !important;
}
[brand=integration] .align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
[brand=integration] .flex-md-row {
flex-direction: row !important;
}
[brand=integration] .flex-md-column {
flex-direction: column !important;
}
[brand=integration] .flex-md-row-reverse {
flex-direction: row-reverse !important;
}
[brand=integration] .flex-md-column-reverse {
flex-direction: column-reverse !important;
}
[brand=integration] .flex-md-wrap {
flex-wrap: wrap !important;
}
[brand=integration] .flex-md-nowrap {
flex-wrap: nowrap !important;
}
[brand=integration] .flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
[brand=integration] .flex-md-fill {
flex: 1 1 auto !important;
}
[brand=integration] .flex-md-grow-0 {
flex-grow: 0 !important;
}
[brand=integration] .flex-md-grow-1 {
flex-grow: 1 !important;
}
[brand=integration] .flex-md-shrink-0 {
flex-shrink: 0 !important;
}
[brand=integration] .flex-md-shrink-1 {
flex-shrink: 1 !important;
}
[brand=integration] .justify-content-md-start {
justify-content: flex-start !important;
}
[brand=integration] .justify-content-md-end {
justify-content: flex-end !important;
}
[brand=integration] .justify-content-md-center {
justify-content: center !important;
}
[brand=integration] .justify-content-md-between {
justify-content: space-between !important;
}
[brand=integration] .justify-content-md-around {
justify-content: space-around !important;
}
[brand=integration] .align-items-md-start {
align-items: flex-start !important;
}
[brand=integration] .align-items-md-end {
align-items: flex-end !important;
}
[brand=integration] .align-items-md-center {
align-items: center !important;
}
[brand=integration] .align-items-md-baseline {
align-items: baseline !important;
}
[brand=integration] .align-items-md-stretch {
align-items: stretch !important;
}
[brand=integration] .align-content-md-start {
align-content: flex-start !important;
}
[brand=integration] .align-content-md-end {
align-content: flex-end !important;
}
[brand=integration] .align-content-md-center {
align-content: center !important;
}
[brand=integration] .align-content-md-between {
align-content: space-between !important;
}
[brand=integration] .align-content-md-around {
align-content: space-around !important;
}
[brand=integration] .align-content-md-stretch {
align-content: stretch !important;
}
[brand=integration] .align-self-md-auto {
align-self: auto !important;
}
[brand=integration] .align-self-md-start {
align-self: flex-start !important;
}
[brand=integration] .align-self-md-end {
align-self: flex-end !important;
}
[brand=integration] .align-self-md-center {
align-self: center !important;
}
[brand=integration] .align-self-md-baseline {
align-self: baseline !important;
}
[brand=integration] .align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .flex-lg-row {
flex-direction: row !important;
}
[brand=integration] .flex-lg-column {
flex-direction: column !important;
}
[brand=integration] .flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
[brand=integration] .flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
[brand=integration] .flex-lg-wrap {
flex-wrap: wrap !important;
}
[brand=integration] .flex-lg-nowrap {
flex-wrap: nowrap !important;
}
[brand=integration] .flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
[brand=integration] .flex-lg-fill {
flex: 1 1 auto !important;
}
[brand=integration] .flex-lg-grow-0 {
flex-grow: 0 !important;
}
[brand=integration] .flex-lg-grow-1 {
flex-grow: 1 !important;
}
[brand=integration] .flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
[brand=integration] .flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
[brand=integration] .justify-content-lg-start {
justify-content: flex-start !important;
}
[brand=integration] .justify-content-lg-end {
justify-content: flex-end !important;
}
[brand=integration] .justify-content-lg-center {
justify-content: center !important;
}
[brand=integration] .justify-content-lg-between {
justify-content: space-between !important;
}
[brand=integration] .justify-content-lg-around {
justify-content: space-around !important;
}
[brand=integration] .align-items-lg-start {
align-items: flex-start !important;
}
[brand=integration] .align-items-lg-end {
align-items: flex-end !important;
}
[brand=integration] .align-items-lg-center {
align-items: center !important;
}
[brand=integration] .align-items-lg-baseline {
align-items: baseline !important;
}
[brand=integration] .align-items-lg-stretch {
align-items: stretch !important;
}
[brand=integration] .align-content-lg-start {
align-content: flex-start !important;
}
[brand=integration] .align-content-lg-end {
align-content: flex-end !important;
}
[brand=integration] .align-content-lg-center {
align-content: center !important;
}
[brand=integration] .align-content-lg-between {
align-content: space-between !important;
}
[brand=integration] .align-content-lg-around {
align-content: space-around !important;
}
[brand=integration] .align-content-lg-stretch {
align-content: stretch !important;
}
[brand=integration] .align-self-lg-auto {
align-self: auto !important;
}
[brand=integration] .align-self-lg-start {
align-self: flex-start !important;
}
[brand=integration] .align-self-lg-end {
align-self: flex-end !important;
}
[brand=integration] .align-self-lg-center {
align-self: center !important;
}
[brand=integration] .align-self-lg-baseline {
align-self: baseline !important;
}
[brand=integration] .align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1440px) {
[brand=integration] .flex-xl-row {
flex-direction: row !important;
}
[brand=integration] .flex-xl-column {
flex-direction: column !important;
}
[brand=integration] .flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
[brand=integration] .flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
[brand=integration] .flex-xl-wrap {
flex-wrap: wrap !important;
}
[brand=integration] .flex-xl-nowrap {
flex-wrap: nowrap !important;
}
[brand=integration] .flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
[brand=integration] .flex-xl-fill {
flex: 1 1 auto !important;
}
[brand=integration] .flex-xl-grow-0 {
flex-grow: 0 !important;
}
[brand=integration] .flex-xl-grow-1 {
flex-grow: 1 !important;
}
[brand=integration] .flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
[brand=integration] .flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
[brand=integration] .justify-content-xl-start {
justify-content: flex-start !important;
}
[brand=integration] .justify-content-xl-end {
justify-content: flex-end !important;
}
[brand=integration] .justify-content-xl-center {
justify-content: center !important;
}
[brand=integration] .justify-content-xl-between {
justify-content: space-between !important;
}
[brand=integration] .justify-content-xl-around {
justify-content: space-around !important;
}
[brand=integration] .align-items-xl-start {
align-items: flex-start !important;
}
[brand=integration] .align-items-xl-end {
align-items: flex-end !important;
}
[brand=integration] .align-items-xl-center {
align-items: center !important;
}
[brand=integration] .align-items-xl-baseline {
align-items: baseline !important;
}
[brand=integration] .align-items-xl-stretch {
align-items: stretch !important;
}
[brand=integration] .align-content-xl-start {
align-content: flex-start !important;
}
[brand=integration] .align-content-xl-end {
align-content: flex-end !important;
}
[brand=integration] .align-content-xl-center {
align-content: center !important;
}
[brand=integration] .align-content-xl-between {
align-content: space-between !important;
}
[brand=integration] .align-content-xl-around {
align-content: space-around !important;
}
[brand=integration] .align-content-xl-stretch {
align-content: stretch !important;
}
[brand=integration] .align-self-xl-auto {
align-self: auto !important;
}
[brand=integration] .align-self-xl-start {
align-self: flex-start !important;
}
[brand=integration] .align-self-xl-end {
align-self: flex-end !important;
}
[brand=integration] .align-self-xl-center {
align-self: center !important;
}
[brand=integration] .align-self-xl-baseline {
align-self: baseline !important;
}
[brand=integration] .align-self-xl-stretch {
align-self: stretch !important;
}
}
/*# sourceMappingURL=bootstrap-grid.css.map *//**
* This function allows you to specify a min/max font size or line height across different breakpoints.
* It converts it into a CSS calc string with a pixel plus percentage formula
* The result is typography that grows with the window width
*/
/**
* IMPORTANT NOTE: These special mixins are needed for BUTTON focus states but NOT ANCHOR focus states
* Button focus states are handled differently depending on the browser https://zellwk.com/blog/inconsistent-button-behavior/
*
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to be as generic and re-usable as possible, but won't cover all scenarios needed.
*
* @param $property The property that should be changed on focus. Only one property is supported at a time. eg. "outline"
* @param $value The value to change the property to when the element is in focus (but not clicked)
* @param $child-selector Optional child selector if the element to apply style to is inside the element in focus
* @param $negate The CSS value to set the property to in order to reset it back to its previous state. Required field, defaults to 'none' which is very common.
*/
/**
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to swap the text and background colors found for a focus state, and back again when not focused.
*/
/**
* Typography Definitions
*
* Required font-size properties:
* font-size
* line-height
*
* Optional font-size/line-height properties for use across breakpoints
* sm-font-size
* md-font-size
* lg-font-size
* xl-font-size
* sm-line-height
* md-line-height
* lg-line-height
* xl-line-height
* WARNING: When using fluid-typography, these properties become mandatory as the calculations depend on them all being in place
*
* Other optional properties:
* text-transform
* letter-spacing
* fluid-typography
*
* Use `fluid-typography: true` and the font-size and line-height will scale with the window width towards the sizes defined in the next breakpoint up.
* Additionally, max-font-size and max-line-height can be used to allow the font size to keep growing after reaching xl
*
* WARNING: If any required properties are not set, then some calculations in mixins/functions may break
*/
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* Generate BlackRock namespaced CSS in here */
[brand=integration] {
/* Generate a lot of typography CSS (eg. '[brand=blackrock] .blk-ac-heading-xl-fixed p ') */
/* CSS classes define padding between texts (eg. '[brand=blackrock] .blk-ac-eyebrow-to-heading') */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* Container class for blackrock rows and cols. (eg. '[brand=blackrock] .container-fluid') */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/**
* Container class. Add this class to your containers to ensure correct width and horizontal spacing for each breakpoint. Rows should go immediately inside.
*/
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/* CSS classes for blk-ac-buttons */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
}
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 56px;
line-height: 64px;
font-size: 56px;
}
@media (min-width: 768px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 72px;
line-height: 80px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: 80px;
line-height: 88px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: calc(
56px + ((16 * (100vw - 768px)) / 256)
);
line-height: calc(
64px + ((16 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-display-heading,
[brand=integration] .ds-display-heading p {
font-size: calc(
72px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
80px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xxl,
[brand=integration] .ds-heading-xxl p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl,
[brand=integration] .ds-heading-xl p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 40px;
line-height: 48px;
font-size: 40px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: calc(
40px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
48px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-xl-fixed,
[brand=integration] .ds-heading-xl-fixed p {
font-size: calc(
48px + ((8 * (100vw - 1024px)) / 416)
);
line-height: calc(
56px + ((8 * (100vw - 1024px)) / 416)
);
}
}
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 32px;
line-height: 36px;
font-size: calc(
32px + ((24 * (100vw - 372px)) / 1548)
);
line-height: calc(
36px + ((24 * (100vw - 372px)) / 1548)
);
font-size: 32px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 32px;
line-height: 36px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: calc(
32px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
36px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: calc(
40px + ((16 * (100vw - 1440px)) / 480)
);
line-height: calc(
44px + ((16 * (100vw - 1440px)) / 480)
);
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
font-size: 56px;
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l,
[brand=integration] .ds-heading-l p {
line-height: 60px;
}
}
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 32px;
line-height: 36px;
font-size: calc(
32px + ((24 * (100vw - 372px)) / 1548)
);
line-height: calc(
36px + ((24 * (100vw - 372px)) / 1548)
);
font-size: 32px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 32px;
line-height: 36px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
line-height: 44px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: calc(
32px + ((8 * (100vw - 768px)) / 256)
);
line-height: calc(
36px + ((8 * (100vw - 768px)) / 256)
);
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: calc(
40px + ((16 * (100vw - 1440px)) / 480)
);
line-height: calc(
44px + ((16 * (100vw - 1440px)) / 480)
);
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
font-size: 56px;
}
}
@media (min-width: 1920px) {
[brand=integration] .ds-heading-l-lc,
[brand=integration] .ds-heading-l-lc p {
line-height: 60px;
}
}
[brand=integration] .ds-heading-m,
[brand=integration] .ds-heading-m p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-m,
[brand=integration] .ds-heading-m p {
font-size: 32px;
line-height: 40px;
}
}
[brand=integration] .ds-heading-m-lc,
[brand=integration] .ds-heading-m-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-m-lc,
[brand=integration] .ds-heading-m-lc p {
font-size: 32px;
line-height: 40px;
}
}
[brand=integration] .ds-heading-s,
[brand=integration] .ds-heading-s p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-s,
[brand=integration] .ds-heading-s p {
font-size: 26px;
line-height: 32px;
}
}
[brand=integration] .ds-heading-s-lc,
[brand=integration] .ds-heading-s-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-s-lc,
[brand=integration] .ds-heading-s-lc p {
font-size: 26px;
line-height: 32px;
}
}
[brand=integration] .ds-heading-xs,
[brand=integration] .ds-heading-xs p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 24px;
}
[brand=integration] .ds-heading-xs-lc,
[brand=integration] .ds-heading-xs-lc p {
font-family: "BLK Fort";
word-break: break-word;
text-transform: none;
margin: 0;
font-size: 20px;
line-height: 24px;
}
[brand=integration] .ds-heading-xxs,
[brand=integration] .ds-heading-xxs p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-subheading,
[brand=integration] .ds-subheading p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-subheading,
[brand=integration] .ds-subheading p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-subheading-l,
[brand=integration] .ds-subheading-l p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-subheading-l,
[brand=integration] .ds-subheading-l p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-subheading-m,
[brand=integration] .ds-subheading-m p {
font-family: "FortBook";
font-weight: 400;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-subheading-m,
[brand=integration] .ds-subheading-m p {
font-size: 20px;
line-height: 32px;
}
}
[brand=integration] .ds-subheading-bold,
[brand=integration] .ds-subheading-bold p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-subheading-bold,
[brand=integration] .ds-subheading-bold p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-eyebrow-l,
[brand=integration] .ds-eyebrow-l p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
@media (min-width: 768px) {
[brand=integration] .ds-eyebrow-l,
[brand=integration] .ds-eyebrow-l p {
font-size: 16px;
line-height: 20px;
}
}
[brand=integration] .ds-eyebrow-m,
[brand=integration] .ds-eyebrow-m p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 18px;
}
[brand=integration] .ds-eyebrow-s,
[brand=integration] .ds-eyebrow-s p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-eyebrow-s-extra-bold,
[brand=integration] .ds-eyebrow-s-extra-bold p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-eyebrow-xs,
[brand=integration] .ds-eyebrow-xs p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 10px;
line-height: 16px;
}
[brand=integration] .ds-body-l,
[brand=integration] .ds-body-l p {
font-family: "FortBook";
font-weight: 300;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-body-l,
[brand=integration] .ds-body-l p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-body-l-bold,
[brand=integration] .ds-body-l-bold p {
font-family: "FortBold";
font-weight: 300;
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1440px) {
[brand=integration] .ds-body-l-bold,
[brand=integration] .ds-body-l-bold p {
font-size: 26px;
line-height: 36px;
}
}
[brand=integration] .ds-body-m,
[brand=integration] .ds-body-m p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-body-m-compact,
[brand=integration] .ds-body-m-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-body-m-bold,
[brand=integration] .ds-body-m-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-body-m-compact-bold,
[brand=integration] .ds-body-m-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-body-s,
[brand=integration] .ds-body-s p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 20px;
}
[brand=integration] .ds-body-s-compact,
[brand=integration] .ds-body-s-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-body-s-bold,
[brand=integration] .ds-body-s-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 20px;
}
[brand=integration] .ds-body-s-compact-bold,
[brand=integration] .ds-body-s-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-body-xs,
[brand=integration] .ds-body-xs p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-compact,
[brand=integration] .ds-body-xs-compact p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 14px;
}
[brand=integration] .ds-body-xs-bold,
[brand=integration] .ds-body-xs-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-extra-bold,
[brand=integration] .ds-body-xs-extra-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 16px;
}
[brand=integration] .ds-body-xs-compact-bold,
[brand=integration] .ds-body-xs-compact-bold p {
font-family: "FortBold";
word-break: break-word;
margin: 0;
font-size: 12px;
line-height: 14px;
}
[brand=integration] .ds-button-standard,
[brand=integration] .ds-button-standard p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
[brand=integration] .ds-button-small,
[brand=integration] .ds-button-small p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 14px;
line-height: 16px;
}
[brand=integration] .ds-link-list,
[brand=integration] .ds-link-list p {
font-family: "BLK Fort" !important;
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 20px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-link-list,
[brand=integration] .ds-link-list p {
font-size: 20px;
line-height: 24px;
}
}
[brand=integration] .ds-fund-data,
[brand=integration] .ds-fund-data p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-fund-data,
[brand=integration] .ds-fund-data p {
font-size: 20px;
line-height: 28px;
}
}
[brand=integration] .ds-fund-disclaimer,
[brand=integration] .ds-fund-disclaimer p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-fund-disclaimer,
[brand=integration] .ds-fund-disclaimer p {
font-size: 20px;
line-height: 28px;
}
}
[brand=integration] .ds-disclaimer-l,
[brand=integration] .ds-disclaimer-l p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
font-size: 20px;
line-height: 28px;
}
[brand=integration] .ds-italic,
[brand=integration] .ds-italic p {
font-family: "FortBookItalic";
word-break: break-word;
margin: 0;
}
[brand=integration] .ds-tab-m,
[brand=integration] .ds-tab-m p {
font-family: "FortBook";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-tab-m-selected,
[brand=integration] .ds-tab-m-selected p {
font-family: "BLK Fort";
word-break: break-word;
margin: 0;
font-size: 16px;
line-height: 24px;
}
[brand=integration] .ds-link-body {
font-family: "FortBold";
color: #000000;
text-decoration: underline;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-body:hover, [brand=integration] .ds-link-body:active {
color: #000000;
text-decoration: none;
}
[brand=integration] .ds-link-body:focus {
outline: none;
}
[brand=integration] .ds-link-body:focus {
background: #000000;
}
[brand=integration] .ds-link-body:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-body:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-body:focus {
color: #ffffff;
}
[brand=integration] .ds-link-body:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-body:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-primary {
font-family: "FortBold";
display: inline-block;
color: #000000;
text-decoration: none;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-subdued-primary:after {
content: "";
display: block;
height: 3px;
width: 0;
transition: width 0.15s;
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:hover, [brand=integration] .ds-link-subdued-primary:active {
color: #000000;
}
[brand=integration] .ds-link-subdued-primary:hover:after, [brand=integration] .ds-link-subdued-primary:active:after {
width: 100%;
}
[brand=integration] .ds-link-subdued-primary:focus {
outline: none;
}
[brand=integration] .ds-link-subdued-primary:focus {
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-subdued-primary:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-primary:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-subdued-primary:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary {
display: inline-block;
color: #000000;
text-decoration: none;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
}
[brand=integration] .ds-link-subdued-secondary:hover, [brand=integration] .ds-link-subdued-secondary:active {
color: #000000;
text-decoration: underline;
}
[brand=integration] .ds-link-subdued-secondary:focus {
outline: none;
}
[brand=integration] .ds-link-subdued-secondary:focus {
background: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus:not(:focus-visible) {
background: none;
}
[brand=integration] .ds-link-subdued-secondary:focus-visible {
background: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] .ds-link-subdued-secondary:focus-visible {
color: #ffffff;
}
[brand=integration] .ds-link-subdued-secondary:active {
background: rgba(0, 0, 0, 0.2) !important;
}
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 8px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 12px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 16px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-to-subheading {
padding-bottom: 24px;
}
}
[brand=integration] .ds-heading-to-body {
padding-bottom: 8px;
}
@media (min-width: 768px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 12px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 16px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-heading-to-body {
padding-bottom: 24px;
}
}
[brand=integration] .container-fluid {
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
}
[brand=integration] .container-fluid .row {
max-width: 1920px;
margin: auto !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
text-align: left;
padding-left: 18px;
padding-right: 18px;
}
[brand=integration] .container-fluid .row .row {
padding-left: 0;
padding-right: 0;
margin-left: -2px !important;
margin-right: -2px !important;
}
@media (min-width: 600px) {
[brand=integration] .container-fluid .row .row {
margin-left: -4px !important;
margin-right: -4px !important;
}
}
@media (min-width: 768px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 1440px) {
[brand=integration] .container-fluid .row .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
}
@media (min-width: 600px) {
[brand=integration] .container-fluid .row {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 768px) {
[brand=integration] .container-fluid .row {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 1024px) {
[brand=integration] .container-fluid .row {
padding-left: 32px;
padding-right: 32px;
}
}
@media (min-width: 1440px) {
[brand=integration] .container-fluid .row {
padding-left: 72px;
padding-right: 72px;
}
}
[brand=integration] .container-fluid .no-gutters {
margin-right: 0;
margin-left: 0;
}
[brand=integration] .container-fluid .no-gutters > .col,
[brand=integration] .container-fluid .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
[brand=integration] .ds-col {
display: flex;
flex-direction: column;
box-sizing: border-box;
flex: 0 1 100%;
padding-left: 2px;
padding-right: 2px;
}
@media (min-width: 600px) {
[brand=integration] .ds-col {
padding-left: 4px;
padding-right: 4px;
}
}
@media (min-width: 768px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1440px) {
[brand=integration] .ds-col {
padding-left: 8px;
padding-right: 8px;
}
}
[brand=integration] .ds-vertical-space {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 1024px) {
[brand=integration] .ds-vertical-space {
padding-top: 40px;
padding-bottom: 40px;
}
}
[brand=integration] .ds-divider-1 {
width: 100%;
border: 0;
margin: 0;
background: none;
border-top: 8px solid #000000;
}
[brand=integration] .ui-helper-hidden-accessible {
visibility: hidden;
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (max-width: 1023px) {
[brand=integration] .ds-only-desktop {
display: none !important;
}
}
@media (min-width: 1024px) {
[brand=integration] .ds-only-mobile {
display: none !important;
}
}
[brand=integration] .default-icon {
--default-button-icon-black: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23000000' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-white: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23ffffff' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-orange: url("data:image/svg+xml;charset=UTF-8,<svg fill='%23ff4713' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
--default-button-icon-disabled: url("data:image/svg+xml;charset=UTF-8,<svg fill='%239b9b9b' width='8' height='10' viewBox='0 0 8 10' xmlns='http://www.w3.org/2000/svg'><path d='M7 5.53125L2.75 9.78125C2.60417 9.92708 2.42708 10 2.21875 10C2.01042 10 1.83333 9.92708 1.6875 9.78125L1 9.0625C0.854167 8.91667 0.78125 8.73958 0.78125 8.53125C0.78125 8.32292 0.854167 8.14583 1 8L4 5L1 2C0.854167 1.85417 0.78125 1.67708 0.78125 1.46875C0.78125 1.26042 0.854167 1.08333 1 0.9375L1.6875 0.21875C1.83333 0.0729167 2.01042 0 2.21875 0C2.42708 0 2.60417 0.0729167 2.75 0.21875L7 4.46875C7.14583 4.61458 7.21875 4.79167 7.21875 5C7.21875 5.20833 7.14583 5.38542 7 5.53125Z' /></svg>");
}
[brand=integration] .blk-ac-primary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-primary-button.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-primary-button.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: #ffffff;
border: 1px solid #ffffff;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button-on-black::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-black:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button-on-black[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button-on-black[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-primary-button-on-black.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-primary-button-on-black.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-primary-button-on-color::after {
content: "";
background: #ffffff;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-color:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-primary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-primary-button-on-color[disabled] {
color: #ffffff;
background-color: #9b9b9b;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-primary-button-on-color[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon::before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-color.default-icon[disabled]:before {
content: var(--default-button-icon-white);
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon > * {
color: #ffffff;
}
[brand=integration] .blk-ac-primary-button-on-color.custom-icon[disabled] > * {
color: #ffffff;
}
[brand=integration] .blk-ac-secondary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-secondary-button.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-secondary-button.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-secondary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #ffffff;
background-color: transparent;
border: 1px solid #ffffff;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button-on-black::after {
content: "";
background: #ff4713;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-black:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button-on-black[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button-on-black[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-secondary-button-on-black.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-secondary-button-on-black.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-secondary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
padding: 12px 24px;
cursor: pointer;
position: relative;
display: inline-block;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-secondary-button-on-color::after {
content: "";
background: #000000;
bottom: -1px;
left: -1px;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-color:hover::after {
width: calc(100% + 2px);
}
[brand=integration] .blk-ac-secondary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-secondary-button-on-color[disabled] {
color: #9b9b9b;
background-color: transparent;
border-color: #9b9b9b;
cursor: default;
}
[brand=integration] .blk-ac-secondary-button-on-color[disabled]:hover::after {
width: 0;
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon::before {
content: var(--default-button-icon-black);
}
[brand=integration] .blk-ac-secondary-button-on-color.default-icon[disabled]:before {
content: var(--default-button-icon-disabled);
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon > * {
color: #000000;
}
[brand=integration] .blk-ac-secondary-button-on-color.custom-icon[disabled] > * {
color: #9b9b9b;
}
[brand=integration] .blk-ac-tertiary-button {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #000000;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button::after {
content: "";
background: #ff4713;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-tertiary-button.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-tertiary-button-on-black {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #ffffff;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button-on-black::after {
content: "";
background: #ff4713;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button-on-black:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button-on-black:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button-on-black.default-icon::before {
content: var(--default-button-icon-orange);
}
[brand=integration] .blk-ac-tertiary-button-on-black.custom-icon > * {
color: #ff4713;
}
[brand=integration] .blk-ac-tertiary-button-on-color {
font: 16px/24px "FortBold", Arial, sans-serif;
cursor: pointer;
position: relative;
display: inline-block;
padding-bottom: 5px;
color: #000000;
background-color: transparent;
border: none;
text-align: start;
text-decoration: none;
text-transform: none;
}
[brand=integration] .blk-ac-tertiary-button-on-color::after {
content: "";
background: #000000;
bottom: 0;
left: 0;
height: 3px;
position: absolute;
transition: width 0.3s;
width: 0;
}
[brand=integration] .blk-ac-tertiary-button-on-color:hover::after {
width: 100%;
}
[brand=integration] .blk-ac-tertiary-button-on-color:focus-visible {
outline: 1px auto #265cb2;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon {
margin-left: 16px;
text-indent: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::after {
left: -16px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon:hover::after {
width: calc(100% + 8px + 8px);
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::before {
margin-right: 8px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.custom-icon > * {
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 14px;
}
[brand=integration] .blk-ac-tertiary-button-on-color.default-icon::before {
content: var(--default-button-icon-black);
}
[brand=integration] .blk-ac-tertiary-button-on-color.custom-icon > * {
color: #000000;
}
[brand=integration] .blk-ac-button-group {
display: flex;
align-items: baseline;
gap: 24px;
}
/* CSS classes for blk-ac-modal-dialog */
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
[brand=blackrock].blk-ac-modal-dialog {
padding: 0;
border: none;
display: flex;
flex-direction: column;
justify-content: center;
max-height: 90%;
}
@media screen and (max-width: 599px) {
[brand=blackrock].blk-ac-modal-dialog {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 600px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 40px - 184px) / 24 + 56px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 40px - 184px) / 24 + 88px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 40px - 184px) / 24 + 120px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 40px - 184px) / 24 + 152px);
}
}
@media screen and (min-width: 768px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 64px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 64px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 64px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 64px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1024px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 80px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 80px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 80px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 80px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1440px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: calc(8 * (100vw - 160px - 368px) / 24 + 112px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: calc(12 * (100vw - 160px - 368px) / 24 + 176px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: calc(16 * (100vw - 160px - 368px) / 24 + 240px);
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: calc(20 * (100vw - 160px - 368px) / 24 + 304px);
}
}
@media screen and (min-width: 1920px) {
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-extra-small {
width: 576px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-small {
width: 872px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-medium {
width: 1168px;
}
[brand=blackrock].blk-ac-modal-dialog.blk-ac-modal-large {
width: 1464px;
}
}
[brand=blackrock].blk-ac-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, 0.6);
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-container {
display: flex;
flex-direction: column;
justify-content: center;
overflow-y: auto;
}
@media screen and (max-width: 599px) {
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-container {
height: 100%;
}
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-title,
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-footer {
flex-shrink: 0;
flex-grow: 0;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-content {
overflow-y: auto;
flex-shrink: 1;
flex-grow: 1;
min-height: 32px;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-close-button {
position: absolute;
height: 32px;
width: 32px;
border-radius: 50%;
right: 7px;
top: 7px;
line-height: 16px;
font-size: 16px;
cursor: pointer;
background-color: transparent;
}
[brand=blackrock].blk-ac-modal-dialog .blk-ac-modal-close-button:hover {
color: #ff4713;
}
/*# sourceMappingURL=brand-integration.css.map *//**
* Primary iShares Brand Color Definitions
*/
/*
* Secondary iShares Color Definitions
*/
/**
* Color roles
*/
/**
* Opaque black and white bg colours
*/
/**
* Grays based on % darkness
*/
/**
* Full color palette array - used for CSS class generation
*/
/**
* Responsive breakpoints
*/
/**
* Page margins and gutters
*/
/**
* Minimum width of content area. Windows smaller than this width will get a scrollbar.
*/
/**
* Maximum width of content area. Windows larger than this width will have additional spacing to the left and right of the content area.
*/
/**
* Spacing Definitions
*/
/**
* Typography Definitions
*
* Required font-size properties:
* font-size
* line-height
*
* Optional font-size/line-height properties for use across breakpoints
* sm-font-size
* md-font-size
* lg-font-size
* xl-font-size
* sm-line-height
* md-line-height
* lg-line-height
* xl-line-height
* WARNING: When using fluid-typography, these properties become mandatory as the calculations depend on them all being in place
*
* Other optional properties:
* text-transform
* letter-spacing
* fluid-typography
*
* Use `fluid-typography: true` and the font-size and line-height will scale with the window width towards the sizes defined in the next breakpoint up.
* Additionally, max-font-size and max-line-height can be used to allow the font size to keep growing after reaching xl
*
* WARNING: If any required properties are not set, then some calculations in mixins/functions may break
*/
/**
* IMPORTANT NOTE: These special mixins are needed for BUTTON focus states but NOT ANCHOR focus states
* Button focus states are handled differently depending on the browser https://zellwk.com/blog/inconsistent-button-behavior/
*
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to be as generic and re-usable as possible, but won't cover all scenarios needed.
*
* @param $property The property that should be changed on focus. Only one property is supported at a time. eg. "outline"
* @param $value The value to change the property to when the element is in focus (but not clicked)
* @param $child-selector Optional child selector if the element to apply style to is inside the element in focus
* @param $negate The CSS value to set the property to in order to reset it back to its previous state. Required field, defaults to 'none' which is very common.
*/
/**
* Adds equivalent of :focus-visible in a cross browser way. button:focus-visible is not supported by Safari and IE but
* this cascaded approach can guarantee that the focus state you want to add is not also visible when clicking.
*
* This mixin is designed to swap the text and background colors found for a focus state, and back again when not focused.
*/
[brand=integration] ds-image-with-cta {
display: block;
overflow: hidden;
position: relative;
max-width: 1920px;
/**
* STANDARD AND HERO APPEARANCES (DEFAULT)
*/
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container {
/* Remove padding so that the component reaches the edge of the screen */
padding: 32px 0 48px 0;
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row ds-image-with-alternative .ds-image-container .ds-positioned-image {
max-height: unset;
min-height: 240px;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row ds-image-with-alternative .ds-image-container .ds-positioned-image {
min-height: 424px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row ds-image-with-alternative .ds-image-container .ds-positioned-image {
min-height: 444px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row ds-image-with-alternative .ds-image-container .ds-positioned-image {
min-height: 448px;
max-height: 618px;
}
}
@media (min-width: 1920px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block {
gap: 165px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block .ds-wide-gutter-right {
padding-right: 48px;
}
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block .ds-col .ds-call-to-action .ds-button {
padding-top: 20px;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block .ds-col .ds-call-to-action .ds-button {
padding-top: 24px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block .ds-col .ds-call-to-action .ds-button {
padding-top: 32px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-block .ds-col .ds-call-to-action .ds-button {
padding-top: 40px;
}
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col {
justify-content: start;
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-heading-to-subheading {
line-height: 24px;
padding-top: 40px;
}
@media (max-width: 768px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-heading-to-subheading {
line-height: 40px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-heading-to-subheading {
font-size: 32px;
line-height: 40px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-heading-to-subheading {
line-height: 48px;
font-size: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-heading-to-subheading {
line-height: 64px;
font-size: 56px;
}
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-call-to-action .ds-button {
background: black;
display: flex;
height: 48px;
padding: 0px 24px;
align-items: center;
gap: 8px;
margin-top: 32px;
padding-top: 0 !important;
color: white;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-call-to-action .ds-button {
margin-top: 56px;
}
}
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container .row .ds-col .ds-call-to-action .ds-button a {
color: #ffffff !important;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container {
padding: 56px 0 88px 0;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container {
padding: 64px 0;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-hero-appearance .ds-component-container {
padding: 64px 0;
}
}
[brand=integration] ds-image-with-cta .ds-component-container {
padding: 32px 0 44px 0;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta .ds-component-container {
padding: 32px 0 44px 0;
}
}
@media (min-width: 601px) {
[brand=integration] ds-image-with-cta .ds-component-container {
padding: 72px 0px;
}
}
[brand=integration] ds-image-with-cta.ds-eyebrow-type-none .ds-block .ds-col .ds-eyebrow-l {
display: none;
}
[brand=integration] ds-image-with-cta.ds-eyebrow-type-none .ds-block .ds-col .ds-accent {
display: none;
}
[brand=integration] ds-image-with-cta.ds-eyebrow-type-eyebrow .ds-eyebrow-l {
text-transform: uppercase;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 24px;
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.container-fluid .row {
/* Prevent additional padding on the component from the grid rules */
padding-inline: 32px;
padding-right: 72px;
padding-left: 72px;
}
}
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: -20px -20px 0px 0px var(--iShares-core-Green, #72ca33), -20px 20px 0px 0px var(--iShares-core-Green, #72ca33);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: -22px -22px 0px 0px var(--iShares-core-Green, #72ca33), -22px 22px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: -32px -32px 0px 0px var(--iShares-core-Green, #72ca33), -32px 32px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: -40px -40px 0px 0px var(--iShares-core-Green, #72ca33), -40px 40px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: -20px -20px 0px 0px var(--iShares-core-Blue, #00a9e0), -20px 20px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: -22px -22px 0px 0px var(--iShares-core-Blue, #00a9e0), -22px 22px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: -32px -32px 0px 0px var(--iShares-core-Blue, #00a9e0), -32px 32px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: -40px -40px 0px 0px var(--iShares-core-Blue, #00a9e0), -40px 40px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: -20px -20px 0px 0px var(--iShares-core-Purple, #9e79d9), -20px 20px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: -22px -22px 0px 0px var(--iShares-core-Purple, #9e79d9), -22px 22px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: -32px -32px 0px 0px var(--iShares-core-Purple, #9e79d9), -32px 32px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.container-fluid .ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: -40px -40px 0px 0px var(--iShares-core-Purple, #9e79d9), -40px 40px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
[brand=integration] ds-image-with-cta.ds-image-on-right .row {
flex-direction: row-reverse;
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row {
/* Prevent additional padding on the component from the grid rules */
padding-inline: 32px;
padding-right: 72px;
padding-left: 72px;
}
}
[brand=integration] ds-image-with-cta.ds-image-on-right .row .ds-image-container {
margin-left: -20px;
width: calc(100% + 20px);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row .ds-image-container {
margin-left: -22px;
width: calc(100% + 22px);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row .ds-image-container {
margin-left: -32px;
width: calc(100% + 32px);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row .ds-image-container {
margin-left: -40px;
width: calc(100% + 40px);
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row .ds-image-container {
margin-left: 0;
width: 100%;
}
}
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: 20px -20px 0px 0px var(--iShares-core-Green, #72ca33), 20px 20px 0px 0px var(--iShares-core-Green, #72ca33);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: 22px -22px 0px 0px var(--iShares-core-Green, #72ca33), 22px 22px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: 32px -32px 0px 0px var(--iShares-core-Green, #72ca33), 32px 32px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-green ds-image-with-alternative .ds-image-container {
box-shadow: 40px -40px 0px 0px var(--iShares-core-Green, #72ca33), 40px 40px 0px 0px var(--iShares-core-Green, #72ca33);
}
}
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: 20px -20px 0px 0px var(--iShares-core-Blue, #00a9e0), 20px 20px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: 22px -22px 0px 0px var(--iShares-core-Blue, #00a9e0), 22px 22px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: 32px -32px 0px 0px var(--iShares-core-Blue, #00a9e0), 32px 32px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-blue ds-image-with-alternative .ds-image-container {
box-shadow: 40px -40px 0px 0px var(--iShares-core-Blue, #00a9e0), 40px 40px 0px 0px var(--iShares-core-Blue, #00a9e0);
}
}
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: 20px -20px 0px 0px var(--iShares-core-Purple, #9e79d9), 20px 20px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: 22px -22px 0px 0px var(--iShares-core-Purple, #9e79d9), 22px 22px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: 32px -32px 0px 0px var(--iShares-core-Purple, #9e79d9), 32px 32px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta.ds-image-on-right .row.ds-image-offset-purple ds-image-with-alternative .ds-image-container {
box-shadow: 40px -40px 0px 0px var(--iShares-core-Purple, #9e79d9), 40px 40px 0px 0px var(--iShares-core-Purple, #9e79d9);
}
}
[brand=integration] ds-image-with-cta .ds-block {
max-width: 1920px;
margin: auto !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap !important;
box-sizing: border-box;
text-align: left;
gap: 124px;
/* Move layout breakpoint to 768px */
/* Top of the image should be in line with the eyebrow */
}
@media (max-width: 600px) {
[brand=integration] ds-image-with-cta .ds-block {
gap: 56px;
}
}
@media (max-width: 767px) {
[brand=integration] ds-image-with-cta .ds-block {
flex-direction: column-reverse !important;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-block {
gap: 76px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-block {
gap: 96px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta .ds-block {
gap: 124px;
}
}
@media (min-width: 1920px) {
[brand=integration] ds-image-with-cta .ds-block {
gap: 168px;
}
}
[brand=integration] ds-image-with-cta .ds-block .ds-col {
display: flex;
flex-direction: column;
justify-content: flex-start;
/* Line height is 40 based on the figma file */
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-heading-l {
padding-top: 32px;
line-height: 40px;
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-heading-l {
line-height: 48px;
}
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-heading-to-subheading {
padding-bottom: 16px;
padding-top: 40px;
font-weight: 800;
font-size: 40px;
font-family: FortExtrabold;
/* Eliminate some cases of major changes twice around breakpoints */
}
@media (max-width: 767px) {
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-heading-to-subheading {
font-size: 32px;
}
}
@media (max-width: 767px) {
[brand=integration] ds-image-with-cta .ds-block .ds-col {
max-width: 100% !important;
}
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button {
color: black;
font-feature-settings: "clig" off, "liga" off;
font-family: "BLK Fort";
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 24px;
font-family: FortBold;
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button a span i::before {
content: "" !important;
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button:before {
content: ">";
font-family: FortBold;
}
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button .ds-button-container {
color: black !important;
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button {
padding-top: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta .ds-block .ds-col .ds-call-to-action .ds-button {
height: 56px;
padding-top: 48px;
}
}
[brand=integration] ds-image-with-cta ds-image-with-alternative {
display: flex;
flex-direction: column;
margin-left: 0;
}
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container {
position: relative;
display: flex;
/* Default = aspect ratio 3:2 */
/* Move the image to the right edge of the screen */
}
@media (max-width: 767px) {
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container {
width: calc((100vw - 100%) / 2 + 100%);
}
}
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container .ds-positioned-image {
content: "";
position: sticky;
top: 0;
left: 0;
max-height: 301px;
width: 100%;
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container .ds-positioned-image {
max-height: 415px;
}
}
@media (max-width: 600px) {
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container .ds-positioned-image {
max-height: 274px;
}
}
@media (max-width: 360px) {
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container .ds-positioned-image {
max-height: 162px;
}
}
[brand=integration] ds-image-with-cta ds-image-with-alternative .ds-image-container .ds-positioned-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
[brand=integration] ds-image-with-cta .ds-eyebrow-l {
font-weight: 800;
font-size: 20px;
/* Based on figma */
line-height: 24px;
font-style: normal;
font-weight: 800;
line-height: normal;
font-family: FortBold;
}
[brand=integration] ds-image-with-cta .ds-eyebrow-l.eyebrow {
font-family: FortExtraBold;
}
[brand=integration] ds-image-with-cta .ds-accent {
width: 32px;
height: 3px;
padding-bottom: 3px;
}
[brand=integration] ds-image-with-cta .ds-accent a span i ::before {
content: "" !important;
}
[brand=integration] ds-image-with-cta .ds-accent.ds-accent-purple {
background-color: #9e79d9;
}
[brand=integration] ds-image-with-cta .ds-accent.ds-accent-green {
background-color: #72ca33;
}
[brand=integration] ds-image-with-cta .ds-accent.ds-accent-blue {
background-color: #00a9e0;
}
[brand=integration] ds-image-with-cta .ds-subheading-m {
flex-basis: auto;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta.ds-image-on-right > .row {
flex-direction: row-reverse;
}
}
[brand=integration] ds-image-with-cta .ds-top-padding-background-color {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 32px;
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta .ds-top-padding-background-color {
height: 32px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-top-padding-background-color {
height: 40px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-top-padding-background-color {
height: 48px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta .ds-top-padding-background-color {
height: 56px;
}
}
[brand=integration] ds-image-with-cta .ds-image-heading-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
padding-bottom: 32px;
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-image-heading-wrapper {
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-image-heading-wrapper {
padding-bottom: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-image-with-cta .ds-image-heading-wrapper {
padding-bottom: 48px;
}
}
[brand=integration] ds-image-with-cta .ds-image-heading-wrapper .ds-background-color {
position: absolute;
height: 100%;
top: 0;
left: -100%;
right: -100%;
}
[brand=integration] ds-image-with-cta .ds-image-wrapper {
position: relative;
padding-bottom: 24px;
}
[brand=integration] ds-image-with-cta .ds-image-wrapper .ds-image-background-color {
position: absolute;
height: 50%;
left: -100%;
right: -100%;
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-image-wrapper .ds-image-container {
padding-top: 37.5%;
}
}
[brand=integration] ds-image-with-cta .ds-image-wrapper.ds-image-positioned-top img {
object-position: top;
}
[brand=integration] ds-image-with-cta .ds-image-wrapper.ds-image-positioned-center img {
object-position: center;
}
[brand=integration] ds-image-with-cta .ds-image-wrapper.ds-image-positioned-bottom img {
object-position: bottom;
}
[brand=integration] ds-image-with-cta .ds-image-source,
[brand=integration] ds-image-with-cta .ds-image-description {
padding: 12px 0 0;
}
[brand=integration] ds-image-with-cta .ds-image-source p,
[brand=integration] ds-image-with-cta .ds-image-description p {
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
}
[brand=integration] ds-image-with-cta .ds-image-source a,
[brand=integration] ds-image-with-cta .ds-image-description a {
font-family: "FortBold";
color: #000000;
text-decoration: underline;
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
/* Focus state style that shows from keyboard tabbing in Safari/IE11 but Chrome will also show it when clicked */
/* Undo the above Safari/IE11 focus state style for browsers that support focus-visible (Chrome etc.), to avoid it showing when clicked */
/* Re-add the correct focus style to browsers that support focus-visible (Chrome etc.) which isn't invoked on click */
word-break: break-word;
}
[brand=integration] ds-image-with-cta .ds-image-source a:hover, [brand=integration] ds-image-with-cta .ds-image-source a:active,
[brand=integration] ds-image-with-cta .ds-image-description a:hover,
[brand=integration] ds-image-with-cta .ds-image-description a:active {
color: #000000;
text-decoration: none;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus,
[brand=integration] ds-image-with-cta .ds-image-description a:focus {
outline: none;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus,
[brand=integration] ds-image-with-cta .ds-image-description a:focus {
background: #000000;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus:not(:focus-visible),
[brand=integration] ds-image-with-cta .ds-image-description a:focus:not(:focus-visible) {
background: none;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus-visible,
[brand=integration] ds-image-with-cta .ds-image-description a:focus-visible {
background: #000000;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus,
[brand=integration] ds-image-with-cta .ds-image-description a:focus {
color: #ffffff;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus:not(:focus-visible),
[brand=integration] ds-image-with-cta .ds-image-description a:focus:not(:focus-visible) {
color: #000000;
}
[brand=integration] ds-image-with-cta .ds-image-source a:focus-visible,
[brand=integration] ds-image-with-cta .ds-image-description a:focus-visible {
color: #ffffff;
}
[brand=integration] ds-image-with-cta .ds-image-source {
padding: 40px 0 0;
}
@media (min-width: 600px) and (max-width: 767px) {
[brand=integration] ds-image-with-cta .ds-block .ds-no-gutter-padding {
padding-left: 4px;
padding-right: 4px;
}
}
[brand=integration] ds-image-with-cta .ds-block .ds-call-to-action {
height: unset;
padding-top: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
[brand=integration] ds-image-with-cta .ds-block .ds-call-to-action .ds-button {
padding-top: 24px;
}
[brand=integration] ds-image-with-cta .ds-block .ds-call-to-action .ds-button:first-of-type {
padding-right: 24px;
}
@media (max-width: 600px) {
[brand=integration] ds-image-with-cta .ds-block .ds-call-to-action .ds-button {
padding-top: 32px;
}
}
@media (min-width: 600px) {
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-right {
padding-top: 32px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-right {
padding-top: 40px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-top-padding .ds-wide-gutter-right {
padding-top: 48px;
}
}
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-right {
padding-bottom: 32px;
}
@media (min-width: 768px) {
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-right {
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-left,
[brand=integration] ds-image-with-cta .ds-block.ds-no-bottom-padding .ds-wide-gutter-right {
padding-bottom: 48px;
}
}
[brand=integration] ds-integration-banner {
display: flex;
flex-direction: column;
height: 100vh;
position: relative;
max-height: 640px;
}
@media (min-width: 600px) {
[brand=integration] ds-integration-banner {
max-height: fit-content;
}
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner {
max-height: 648px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-integration-banner {
max-height: 600px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-integration-banner {
padding: 0 40px;
}
}
[brand=integration] ds-integration-banner.ds-accent-color-green .row .ds-tile-container {
background-color: var(--iShares-core-Green, #72ca33);
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner.ds-accent-color-green {
border-top: 24px solid var(--iShares-core-Green, #72ca33);
}
}
[brand=integration] ds-integration-banner.ds-accent-color-green .ds-integration-banner-bg {
border-bottom: 24px solid var(--iShares-core-Green, #72ca33);
}
[brand=integration] ds-integration-banner.ds-accent-color-blue .row .ds-tile-container {
background-color: var(--iShares-core-Blue, #00a9e0);
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner.ds-accent-color-blue {
border-top: 24px solid var(--iShares-core-Blue, #00a9e0);
}
}
[brand=integration] ds-integration-banner.ds-accent-color-blue .ds-integration-banner-bg {
border-bottom: 24px solid var(--iShares-core-Blue, #00a9e0);
}
[brand=integration] ds-integration-banner.ds-accent-color-purple .row .ds-tile-container {
background-color: var(--iShares-core-Purple, #9e79d9);
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner.ds-accent-color-purple {
border-top: 24px solid var(--iShares-core-Purple, #9e79d9);
}
}
[brand=integration] ds-integration-banner.ds-accent-color-purple .ds-integration-banner-bg {
border-bottom: 24px solid var(--iShares-core-Purple, #9e79d9);
}
[brand=integration] ds-integration-banner .row {
padding: 0 !important;
max-width: 1840px !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
text-align: left;
}
[brand=integration] ds-integration-banner .row .ds-subheading-m {
padding: 24px 0;
}
[brand=integration] ds-integration-banner > .row:first-child {
position: relative;
width: 100%;
padding: 0;
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner > .row:first-child {
position: absolute;
left: 0;
right: 0;
height: 100%;
margin: 0 auto;
padding: initial;
}
}
[brand=integration] ds-integration-banner .ds-tile-container {
display: inline-block;
padding: 32px 20px;
position: relative;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
padding: 48px 32px;
}
[brand=integration] ds-integration-banner .ds-tile-container .ishares-logo:before {
content: url('/apac-retail-c-assets/cache-1751620472000/include/design-system/css/foundational/brand-integration/icons/ishares-logo.svg') !important;
padding-top: 3px;
}
[brand=integration] ds-integration-banner .ds-tile-container.col-lg-6 {
padding: 48px;
}
@media (max-width: 768px) {
[brand=integration] ds-integration-banner .ds-tile-container {
padding: 48px 20px;
}
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner .ds-tile-container {
flex-grow: 1;
max-width: 344px;
margin-left: 32px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-integration-banner .ds-tile-container {
max-width: 544px;
margin-left: 40px;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-integration-banner .ds-tile-container {
max-width: 609px;
margin-left: 140px;
}
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-call-to-action {
padding-top: 0 !important;
max-width: fit-content;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-call-to-action .ds-button {
background: black;
display: flex;
height: 48px;
padding: 0px 24px;
align-items: center;
gap: 8px;
padding-top: 0 !important;
color: white;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 24px;
font-family: FortBold;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-call-to-action .ds-button a span i::before {
content: "" !important;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-call-to-action .ds-button a {
color: #ffffff !important;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-call-to-action .ds-button:before {
content: ">";
font-family: FortBold;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-eyebrow-l {
padding-bottom: 8px;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-subheading {
padding: 24px;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg {
flex-grow: 1;
position: relative;
width: 100%;
max-height: 100%;
overflow: hidden;
display: flex;
max-width: 1840px;
margin: auto;
min-height: 296px;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg picture {
min-width: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg picture img {
object-fit: cover;
min-width: 100%;
min-height: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right img {
position: absolute;
height: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left img {
right: 0;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right img {
left: 0;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-center img {
height: 100%;
width: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-top picture, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-bottom picture {
display: flex;
justify-content: center;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-top picture img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-bottom picture img {
max-width: 130%;
min-height: 130%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-top picture {
align-items: flex-end;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-bottom picture {
align-items: flex-start;
}
@media (min-width: 768px) {
[brand=integration] ds-integration-banner .ds-tile-container {
padding: 48px;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-subheading {
padding-top: 12px;
}
}
@media (min-width: 1024px) {
[brand=integration] ds-integration-banner .col-lg-6 {
max-width: calc(50% - 40px);
}
[brand=integration] ds-integration-banner .ds-tile-container {
display: inline-block;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-top-right {
top: 48px;
right: 40px;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-bottom-left {
bottom: 48px;
left: 40px;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-bottom-right {
bottom: 48px;
right: 40px;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-eyebrow-l {
padding-bottom: 12px;
}
[brand=integration] ds-integration-banner .ds-tile-container .ds-subheading {
padding-top: 16px;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg {
margin: auto;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left picture, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right picture, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-center picture {
display: flex;
align-items: center;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left picture img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right picture img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-center picture img {
position: relative;
height: unset;
left: unset;
right: unset;
min-height: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left picture img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right picture img {
min-width: 130%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-center picture {
justify-content: center;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-center picture img {
width: unset;
min-width: 100%;
height: 100%;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-left picture {
justify-content: flex-start;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-right picture {
justify-content: flex-end;
}
[brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-top picture img, [brand=integration] ds-integration-banner .ds-integration-banner-bg.ds-image-anchor-bottom picture img {
min-width: 100%;
min-height: 130%;
}
}
@media (min-width: 1440px) {
[brand=integration] ds-integration-banner .col-lg-6 {
max-width: calc(50% - 80px);
}
[brand=integration] ds-integration-banner .ds-tile-container {
padding: 40px;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-top-right {
top: 56px;
right: 80px;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-bottom-left {
bottom: 56px;
left: 80px;
}
[brand=integration] ds-integration-banner .ds-tile-container.ds-container-anchoredTo-bottom-right {
bottom: 56px;
right: 80px;
}
[brand=integration] ds-integration-banner .ds-eyebrow-l {
padding-bottom: 16px;
}
}
/*# sourceMappingURL=components.css.map */