.overview-banner{display:flex;min-height:320px;height:320px;background-image:url('https://cdn.cboe.com/assets/images/backgrounds/index-pages-banner.png');background-repeat:no-repeat;background-size:cover;background-position:right top;} .site--main .overview-banner{padding:0;} .overview-banner-implied{background-image:url('https://cdn.cboe.com/assets/images/backgrounds/CboeImpliedCorrelation-PageBanner.png');} .overview-banner--left{background-color:var(--color-base-gray-1);flex:1 1 auto;} .overview-banner--right{flex:1 1 auto;} .overview-banner--main{max-width:1080px;display:flex;align-items:center;} .overview-banner--logo{display:flex;flex:none;align-items:center;width:140px;height:100%;position:relative;margin-right:160px;background-color:var(--color-base-gray-1);} .overview-banner--logo::after{content:'';border-top:160px solid transparent;border-left:160px solid var(--color-base-gray-1);border-bottom:160px solid transparent;position:absolute;right:-160px;} .overview-banner--mobile-logo{display:none;height:60px;width:100px;max-width:100px;margin-bottom:16px;} .overview-banner--mobile-vix-futures-logo{margin-bottom:40px;} .overview-banner--logo svg{position:absolute;z-index:1;max-width:200px;height:105px;margin-top:-20px;margin-left:8px;} .overview-banner--vix-squared-logo svg{height:200px;} .overview-banner--content{padding:16px 32px;} .overview-banner--content h1{text-align:left;margin-bottom:0;} .overview-banner--futures{background-image:url('https://cdn.cboe.com/assets/images/backgrounds/futures-page-banner.png');} .overview-banner--vix-futures{background-image:url('https://cdn.cboe.com/assets/images/backgrounds/futures-vix-page-banner.png');} @media screen and (max-width:980px) and (min-width:861px){.overview-banner--futures-subhead{margin-bottom:5px;}} @media (max-width:860px){.overview-banner--logo{display:none;} .overview-banner--mobile-logo{display:block;} .overview-banner--content{padding:32px 16px;} .overview-banner--content h1{font-size:32px;line-height:32px;}} @media (max-width:780px){.overview-banner{height:auto;}}
.content-card{border:1px solid var(--color-border-content-card-default);display:flex;} .content-card__container{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--spacing-vertical-content-card-default) var(--spacing-horizontal-content-card-default);} .content-card__title{border-bottom:1px solid var(--color-border-content-card-title-default);color:var(--color-text-content-card-title-default);font-family:var(--asset-font-inter-name),var(--font-family-headline);font-size:var(--font-size-content-card-title-default);margin-bottom:var(--spacing-vertical-content-card-title-default);padding-bottom:var(--spacing-vertical-content-card-title-default);} .content-card__body{flex:1 1 auto;font-family:var(--asset-font-inter-name),var(--font-family-bodytext);font-size:var(--font-size-content-card-content-default);margin-bottom:var(--spacing-vertical-content-card-content-default);} .content-card__actions{}
 .link--animated{align-items:center;color:var(--color-base-black);cursor:default;display:inline-flex;font-family:var(--asset-font-inter-name);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);line-height:1.625rem;text-decoration:none;width:fit-content;} .link--animated{cursor:pointer;} .link--animated::before,.link--animated-after::after{border-color:var(--color-brand-border);border-style:solid;border-width:6px 6px 0 0;content:"";display:block;height:var(--size-150);margin-right:0.75rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all .3s ease-in;width:var(--size-150);} .link--animated-after::before{content:unset;} .link--animated-after::after{margin-left:0.75rem;margin-right:0;} .link--animated:hover::before,.link--animated-after:hover::after{transform:translateX(50%) rotate(45deg);} .link--on-dark{color:var(--color-base-white);} .link--on-light{color:var(--color-base-black);} .link--sm{font-size:var(--font-size-14);} .link--m{font-size:var(--font-size-16);} .link--lg{font-size:var(--font-size-20);} @media only screen and (min-width:544px){.link--sm{font-size:12px;}}
.bg-brand-primary,.hover\:bg-brand-primary:hover{background-color:var(--color-brand-primary) !important;} .bg-accent-primary{background-color:var(--color-accent-primary) !important;} .bg-transparent{background-color:transparent !important;} .bg-gradient{background:linear-gradient(to right,var(--color-brand-banner),dodgerblue) padding-box;height:168px;} .bg-\[rgb\(80\,217\,112\)\]{background-color:rgb(80,217,112);} .bg-linear-gradient-primary-to-dodgerblue{background:linear-gradient(to right,var(--color-brand-banner),dodgerblue) padding-box;} .bg-white,.hover\:bg-white:hover{background-color:var(--color-base-white) !important;} .border-radius-8{border-radius:8px;} .border-color-primary{border-color:var(--color-brand-primary);} .bottom-border-black-2{border-bottom:2px solid var(--color-base-black);} .border-right-1px-solid-white{border-right:1px solid white !important;} .color-accent-primary{color:var(--color-accent-primary) !important;} .color-white,.hover\:color-white:hover{color:var(--color-base-white) !important;} .color-brand-primary,.hover\:color-brand-primary:hover{color:var(--color-brand-primary) !important;} .color-accent-secondary{color:var(--color-accent-secondary) !important;} .color-accent-tertiary{color:var(--color-accent-tertiary) !important;} .color-base-neutral-1400{color:var(--color-base-neutral-1400);} .color-brand-light-aqua{color:var(--color-brand-light-aqua);} .display-flex{display:flex;} .font-family-heading{font-family:var(--font-family-heading) !important;} .font-family-display{font-family:var(--font-family-display) !important;} .font-family-primary{font-family:var(--font-family-primary) !important;} .font-size-10{font-size:10px !important;} .font-size-12{font-size:12px !important;} .font-size-14{font-size:14px !important;} .font-size-16{font-size:16px !important;} .font-size-18{font-size:18px !important;} .font-size-20{font-size:20px !important;} .font-size-24{font-size:24px !important;} .font-size-28{font-size:28px !important;} .font-size-34{font-size:34px !important;} .font-size-40{font-size:40px !important;} .font-size-44{font-size:40px !important;} .font-size-48{font-size:48px !important;} .font-size-58{font-size:58px !important;} .font-size-70{font-size:70px !important;} .font-size-78{font-size:78px !important;} .font-size-84{font-size:84px !important;} .font-size-100{font-size:100px !important;} .font-size-120{font-size:120px !important;} .font-size-12\:24-fluid{font-size:clamp(var(--font-size-12),3vw,var(--font-size-24));} .font-size-12\:2vw\:20-fluid{font-size:clamp(var(--font-size-12),2vw,var(--font-size-20));} .font-size-28\:6vw\:46-fluid{font-size:clamp(var(--font-size-28),6vw,var(--font-size-48));} .font-size-40\:48-fluid{font-size:clamp(var(--font-size-40),10vw,var(--font-size-48));} .font-size-48\:58-fluid{font-size:clamp(var(--font-size-48),10vw,var(--font-size-58));} .font-size-40\:58-fluid{font-size:clamp(var(--font-size-40),10vw,var(--font-size-58)) !important;} .font-size-40\:58-fluid-I{font-size:clamp(var(--font-size-40),10vw,var(--font-size-58)) !important;} .font-size-40\:54-fluid{font-size:clamp(var(--font-size-40),10vw,var(--font-size-54));} .font-size-40\:58-fluid{font-size:clamp(var(--font-size-40),10vw,var(--font-size-58));} .font-size-28\:78-fluid{font-size:clamp(var(--font-size-28),7.5vw,var(--font-size-78));} .font-weight-light{font-weight:var(--font-weight-light) !important;} .font-weight-regular{font-weight:var(--font-weight-regular) !important;} .font-weight-semibold{font-weight:var(--font-weight-semibold) !important;} .font-weight-bold{font-weight:var(--font-weight-bold) !important;} .font-weight-extra-bold{font-weight:var(--font-weight-extra-bold) !important;} .gap-spacing-600{gap:var(--spacing-600);} .ink-common-bold{color:var(--ink-common-bold);}  .mb-\[50px\]{margin-bottom:50px;} .mb72{margin-bottom:72px} .letter-spacing-lg{letter-spacing:0.1em;} .letter-spacing-xl{letter-spacing:0.3em;} .line-height-xs{line-height:.8 !important;} .line-height-1{line-height:1 !important;} .line-height-1\.5{line-height:1.5 !important;} .line-height-28{line-height:28px !important;} .line-height-36{line-height:36px !important;} .line-height-48{line-height:48px !important;} .line-height-56\:78-fluid{line-height:clamp(56px,7.5vw,78px);} .line-height-56\:78-fluid-I{line-height:clamp(56px,7.5vw,78px) !important;} .min-height-262{min-height:262px !important;} .text--transform-normal{text-transform:capitalize;} .text--transform-none{text-transform:none;} .text-shadow-1{text-shadow:1px 1px 1px rgba(29,41,82,1);} .forward-arrow{fill:var(--color-base-white);height:72px;width:72px;} @media only screen and (min-width:544px){.border-right-1px-solid-white--tablet{border-right:1px solid white;}} .no-italic{font-style:normal;}