.demo-shell__fixed-bottom .quantum-isi-tray__content-preview {
    position: relative;
}

.quantum-isi-tray__trigger {
    position: absolute;
    right: 15px;
    top: 0;
    border: none;
    padding: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    background: url(../images/icons/icon-expand.png) no-repeat center center;
    outline: none !important;
}

.quantum-isi-tray__trigger .quantum-button__text,
.quantum-isi-tray__trigger .quantum-icon {
    display: none;
}

.demo-shell--hide-fixed-bottom .demo-shell__fixed-bottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.demo-shell__fixed-bottom {
    position: fixed;
    transition: all ease .2s;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    padding-top: 45px;
    padding-bottom: 26px;
    box-shadow: 0 6px 14px 0 #707070;
}

.quantum-isi-tray h1 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.quantum-isi-tray h1 span {
    font-size: clamp(1.13rem, calc(0.42rem + 1.89vw), 1.63rem);
    line-height: 30px;
    color: var(--primary-white-bg-green-text);
    text-transform: none;
}

.demo-shell__fixed-bottom h1 {
    margin-bottom: 0px;
    line-height: inherit;
}

.demo-shell__fixed-bottom h1,
.quantum-isi-tray h1 {
    --h1-font-size: clamp(1.25rem, 0.596rem + 1.3643vw, 1.875rem);
    --h1-line-height: clamp(1.5625rem, 0.2545rem + 2.7285vw, 2.8125rem);
}

.demo-shell__fixed-bottom h2,
.quantum-isi-tray h2 {
    --h2-font-size: clamp(0.875rem, -0.0979rem + 2.5943vw, 1.5625rem);
    --h2-line-height: clamp(1.125rem, 0.329rem + 2.1226vw, 1.6875rem);
}

.demo-shell__takeover .quantum-isi-tray__inner {
    margin: 50px 0 clamp(3.125rem, -0.145rem + 6.8213vw, 6.25rem);
}

.quantum-isi-tray h3 {
    color: var(--primary-white-bg-blue-text);
    font-family: 'IBMPlexSans-Bold';
}

.quantum-isi-tray .indication-text,
.quantum-isi-tray .indication-text h2:first-of-type {
    margin-top: 25px;
}

.quantum-isi-tray .indication-text a,
.quantum-isi-tray p a {
    color: var(--primary-white-bg-blue-text);
    text-decoration: underline;
}

.quantum-isi-tray .indication-text a:hover,
.indication-text a:focus,
.quantum-isi-tray p a:hover,
.quantum-isi-tray p a:focus {
    color: var(--primary-white-bg-green-text);
}

.quantum-isi-tray .indication-text+p {
    padding: 25px 0;
}

.quantum-isi-tray h2 span {
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--base-font-family);
    color: var(--primary-black-color);
}

.quantum-isi-tray h2:not(.quantum-isi-tray h2:has(span)) {
    margin: 20px 0 10px;
}

.quantum-isi-tray h2:first-of-type {
    margin: 10px 0 10px !important;
}

.quantum-isi-tray p+ul,
.indication-text h3,
.quantum-isi-tray h2+ul {
    margin-top: 16px;
}

.bordered-isi .demo-shell__takeover .quantum-isi-tray:before {
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    background: var(--bg-gradient-blue-green);
}

.quantum-isi-tray__content p:first-of-type+ul {
    margin-top: 0;
}

.quantum-isi-tray__content p:first-of-type {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .bordered-isi .demo-shell__takeover .quantum-isi-tray:before {
        height: 10px;
    }
}

@media (max-width: 767px) {

    #IsiBottomTray .quantum-long-form-text .isi-desktop {
        display: none;
    }

    #IsiBottomTray .quantum-long-form-text .isi-mobile {
        display: block !important;
        padding-right: 25px;
    }


    #IsiBottomTray .blue-isi {
        color: var(--h1-font-color);
    }

    #IsiBottomTray .isi-fixed-heading {
        font-size: 14px;
        line-height: 17px;
        font-family: 'IBMPlexSans-Bold';
    }

    #IsiBottomTray .green-isi {
        color: var(--primary-white-bg-green-text);
    }

    #IsiBottomTray .isi-mobile p span {
        font-size: 14px;
        line-height: 17px;
    }

    .demo-shell__fixed-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#IsiBottomTray .quantum-long-form-text .isi-mobile {
    display: none;
}

@media (min-width: 1200px) and (max-width: 1499.98px) {

    .demo-shell,
    .quantum-isi-tray h1 span,
    .demo-shell__fixed-bottom h2,
    .quantum-isi-tray h2,
    .demo-shell__fixed-bottom h3,
    .quantum-isi-tray h3, .quantum-isi-tray__content h2 span  {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .demo-shell__fixed-bottom h1,
    .quantum-isi-tray h1 {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .demo-shell__fixed-bottom {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

}



@media (min-width: 992px) and (max-width: 1199.98px) {

    .demo-shell,
    .quantum-isi-tray h1 span,
    .demo-shell__fixed-bottom h2,
    .quantum-isi-tray h2,
    .demo-shell__fixed-bottom h3,
    .quantum-isi-tray h3 {
        font-size: 14px;
        line-height: 1.3;
    }

    .demo-shell__fixed-bottom h1,
    .quantum-isi-tray h1 {
        --h1-font-size: 16px;
        --h1-line-height: 1.3;
    }

    .demo-shell__fixed-bottom {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}