@charset "UTF-8";

@font-face {
    font-family: MicronBasis-Regular;
    src: url(https://www.crucial.com/content/dam/micron/brand/fonts/web/MicronBasis-Regular.woff) format("woff")
}

@font-face {
    font-family: MicronBasis-Black;
    src: url(https://www.crucial.com/content/dam/micron/brand/fonts/web/MicronBasis-Black.woff) format("woff")
}

@font-face {
    font-family: MicronBasis-BlackItalic;
    src: url(https://www.crucial.com/content/dam/micron/brand/fonts/web/MicronBasis-BlackItalic.woff) format("woff")
}


@font-face {
    font-family: MicronBasis-BoldItalic;
    src: url(https://www.crucial.com/content/dam/micron/brand/fonts/web/MicronBasis-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: MicronBasis-Italic;
    src: url(https://www.crucial.com/content/dam/micron/brand/fonts/web/MicronBasis-Italic.woff) format("woff")
}





body .brand4 {
    margin: 0;
    padding: 0;
    background: #fefefd;
    font-family: MicronBasis-Regular, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.brand4 .button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 1rem 0;
    font-family: MicronBasis-Regular, Arial, sans-serif;
    padding: .625rem 1.25rem;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 25px;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #bd03f7;
    color: #fff;
}

b,
strong {
    font-weight: inherit
}

.brand4 b,
.brand4 strong {
    font-weight: bolder;
    font-family: MicronBasis-Black, Arial, sans-serif;
}

.brand4 .button.primary.mcrn__button--ghost {
    background-color: transparent;
    color: #fefefd;
    border: 0.125rem solid #fefefd;
    transition: opacity .25s;
    border-radius: 25px;
}

.brand4.dark-theme .button:not(.close-button).primary,
.brand4 .button.primary,
.brand4 .button.secondary {
    text-transform: uppercase;
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #bd03f7;
}

.brand4 .button.primary:hover,
.brand4 .button.secondary:hover {
    background-color: transparent;
    color: #aa03de
}

.brand4 .button.primary.disabled,
.brand4 .button.primary.disabled:hover,
.brand4 .button.secondary.disabled,
.brand4 .button.secondary.disabled:hover {
    background-color: transparent;
    border-color: #bfbfbf;
    color: #bfbfbf
}

.brand4 .button.large {
    font-size: 1.25rem
}

.brand4 .button.small {
    font-size: rem-cal(16)
}

.brand4 .h1,
.brand4 .h2,
.brand4 .h3,
.brand4 .h4,
.brand4 .h5,
.brand4 .h6,
.brand4 h1,
.brand4 h2,
.brand4 h3,
.brand4 h4,
.brand4 h5,
.brand4 h6 {
    font-family: MicronBasis-Regular, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeLegibility
}

.brand4 .h1 small,
.brand4 .h2 small,
.brand4 .h3 small,
.brand4 .h4 small,
.brand4 .h5 small,
.brand4 .h6 small,
.brand4 h1 small,
.brand4 h2 small,
.brand4 h3 small,
.brand4 h4 small,
.brand4 h5 small,
.brand4 h6 small {
    line-height: 0;
    color: #0a0a0a
}

.brand4 .h1d,
.brand4 h1d {
    font-size: 3.75rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h1,
.brand4 h1 {
    font-size: 2.625rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h2,
.brand4 h2 {
    font-size: 2.25rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h3,
.brand4 h3 {
    font-size: 1.875rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h4,
.brand4 h4 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h5,
.brand4 h5 {
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.brand4 .h6,
.brand4 h6 {
    font-size: 1.125rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.section.brand4,
.section.brand4.dark-theme {
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

@media print,
screen and (min-width: 40em) {

    .brand4 .h1d,
    .brand4 h1d {
        font-size: 3.75rem
    }

    .brand4 .h1,
    .brand4 h1 {
        font-size: 2.625rem
    }

    .brand4 .h2,
    .brand4 h2 {
        font-size: 2.25rem
    }

    .brand4 .h3,
    .brand4 h3 {
        font-size: 1.875rem
    }

    .brand4 .h4,
    .brand4 h4 {
        font-size: 1.5rem
    }

    .brand4 .h5,
    .brand4 h5 {
        font-size: 1.25rem
    }

    .brand4 .h6,
    .brand4 h6 {
        font-size: 1.125rem
    }
}

@media print,
screen and (min-width: 64em) {

    .brand4 .h1d,
    .brand4 h1d {
        font-size: 4.5rem
    }

    .brand4 .h1,
    .brand4 h1 {
        font-size: 3.75rem
    }

    .brand4 .h2,
    .brand4 h2 {
        font-size: 3rem
    }

    .brand4 .h3,
    .brand4 h3 {
        font-size: 2.25rem
    }

    .brand4 .h4,
    .brand4 h4 {
        font-size: 1.75rem
    }

    .brand4 .h5,
    .brand4 h5 {
        font-size: 1.25rem
    }

    .brand4 .h6,
    .brand4 h6 {
        font-size: 1.125rem
    }
}

.brand4 .purple-line {
    border-top: #aa03de 2px solid;
    margin: 20px 0px;
}

.brand4 a {
    line-height: inherit;
    color: #bd03f7;
    text-decoration: none;
    cursor: pointer
}

.brand4 a:focus,
.brand4 a:hover {
    color: #aa03de
}

.brand4.dark-theme {
    background-color: #0a0a0a;
    color: #fefefd
}

.brand4.black-theme {
    background-color: #0a0a0a;
    color: #fefefd
}

.brand4.light-theme {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.brand4.white-theme {
    background-color: #fefefd;
    color: #0a0a0a
}

.brand4 .overlay {
    padding: 2rem
}

.brand4.gradient-theme {
    color: #fefefd;
    background: -webkit-linear-gradient(225deg, #bd03f7 0, #3539f4 51.23%, #0068ff 100%);
    background: linear-gradient(225deg, #bd03f7 0, #3539f4 51.23%, #0068ff 100%)
}

.brand4.gradient-theme.reverse {
    background: -webkit-linear-gradient(45deg, #bd03f7 0, #3539f4 51.23%, #0068ff 100%);
    background: linear-gradient(45deg, #bd03f7 0, #3539f4 51.23%, #0068ff 100%)
}

.brand4.gradient-theme.bright-2-gradient {
    background: -webkit-linear-gradient(225deg, #e60177 0, #e81245 51.23%, #bd03f7 100%);
    background: linear-gradient(225deg, #e60177 0, #e81245 51.23%, #bd03f7 100%)
}

.brand4.gradient-theme.bright-2-gradient.reverse {
    background: -webkit-linear-gradient(45deg, #e60177 0, #e81245 51.23%, #bd03f7 100%);
    background: linear-gradient(45deg, #e60177 0, #e81245 51.23%, #bd03f7 100%)
}

.brand4.gradient-theme.bright-3-gradient {
    background: -webkit-linear-gradient(225deg, #01ab01 0, #0068ff 51.23%, #1a1cfa 100%);
    background: linear-gradient(225deg, #01ab01 0, #0068ff 51.23%, #1a1cfa 100%)
}

.brand4.gradient-theme.bright-3-gradient.reverse {
    background: -webkit-linear-gradient(45deg, #01ab01 0, #0068ff 51.23%, #1a1cfa 100%);
    background: linear-gradient(45deg, #01ab01 0, #0068ff 51.23%, #1a1cfa 100%)
}

.brand4.gradient-theme.bright-4-gradient {
    background: -webkit-linear-gradient(225deg, #4f5a6c 0, #0a0a0a 51.23%, #bd03f7 100%);
    background: linear-gradient(225deg, #4f5a6c 0, #0a0a0a 51.23%, #bd03f7 100%)
}

.brand4.gradient-theme.bright-4-gradient.reverse {
    background: -webkit-linear-gradient(45deg, #4f5a6c 0, #0a0a0a 51.23%, #bd03f7 100%);
    background: linear-gradient(45deg, #4f5a6c 0, #0a0a0a 51.23%, #bd03f7 100%)
}

.brand4.gradient-theme.bright-5-gradient {
    background: -webkit-linear-gradient(45deg, #0068ff 0, #0a0a0a 51.23%, #4f5a6c 100%);
    background: linear-gradient(45deg, #0068ff 0, #0a0a0a 51.23%, #4f5a6c 100%)
}

.brand4.gradient-theme.bright-5-gradient.reverse {
    background: -webkit-linear-gradient(225deg, #0068ff 0, #0a0a0a 51.23%, #4f5a6c 100%);
    background: linear-gradient(225deg, #0068ff 0, #0a0a0a 51.23%, #4f5a6c 100%)
}

.brand4.dark-theme .section,
.brand4.light-theme .section,
.brand4.medium-theme .section,
.brand4.overlay .section {
    border-bottom: 0
}