.accordion1 {
    height: 64px;
    flex: 1;
    margin: 0;
    color: #121212;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    padding: 22px 0;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: .4s
}

.active_1,
.accordion1:after {
    color: var(--color-link-dynamic-label) !important;
    margin-bottom: 34px
}

.transparent_1 {
    width: 100%;
    display: flex
}

.transparent_2,
.transparent_Q {
    width: 100%
}

table .transparent {
    width: 100%;
    border: 0 solid transparent
}

.accordion1:after {
    color: #121212;
    font-weight: 700;
    float: right;
    border-bottom: 0;
    font-family: FontAwesome
}

.active_1:after {
    color: var(--color-link-dynamic-label) !important
}

.headerBlu:after {
    color: var(--color-link-dynamic-label) !important
}

.panel1 {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
}

.accordion1+.icon-caret {
    height: calc(var(--font-heading-scale) * .6rem)
}

.questionMF,
.metafieldLabel,
.metafieldLabelSecondAccordionTitle {
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    width: 40%;
    font-size: 24px;
    line-height: 30px;
    color: #121212;
    font-family: var(--font-body-family)
}

.metafieldLabel2 {
    font-family: var(--font-body-family);
    margin-bottom: 20px;
    float: left;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    width: 30%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #121212
}

.metafieldLabel3 {
    margin-bottom: 20px;
    float: left;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    width: 30%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #121212;
    font-family: var(--font-body-family)
}

.collapseTheTd1 {
    width: 60%;
    vertical-align: top
}

.collapseTheTd2 {
    vertical-align: top
}

.overviewVal {
    color: #121212;
    font-family: var(--font-body-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .02em;
    text-align: left;
    vertical-align: top
}

.overviewPanel .overviewVal ul,
.overviewPanel .features ul {
    margin: 0 0 0 18px
}

.overviewPanel .overviewVal ul li,
.overviewPanel .features ul li {
    margin-bottom: 4px !important
}

.question-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    color: #121212;
    font-family: var(--font-body-family);
    text-align: left;
    vertical-align: top
}

.bordertop {
    border-top: 0
}

.borderbottom {
    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
}

.accordionTitle {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    font-weight: 600;
    text-align: left;
    font-family: var(--font-body-family);
    color: #121212bf
}

.accordion1 {
    margin: auto
}

.variant__description {
    display: none
}

@media only screen and (max-width: 480px) {
    #collapseconID {
        border-top: .1rem solid rgba(var(--color-foreground), .08);
        margin-top: 82px
    }
    .collapseTheTd1,
    .overviewVal {
        width: 100%
    }
    .transparent_2 {
        margin-bottom: 24px
    }
    .transparent_3 {
        margin-bottom: 56px
    }
    .metafieldLabel {
        margin-bottom: 16px;
        width: 100%
    }
    .metafieldLabel2 {
        width: 50%;
        margin-right: 24px
    }
    .metafieldLabel3 {
        width: 50%
    }
    .questionMF {
        margin-bottom: 16px;
        width: 100%
    }
    .question-desc {
        width: 100%;
        margin-bottom: 56px
    }
    .metafieldLabelSecondAccordionTitle {
        margin-bottom: 16px;
        width: 100%
    }
    .keyspecs,
    .general,
    .connectivity,
    .material,
    .dimensions,
    .design,
    .in-the-box-heading {
        display: block
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    #collapseconID {
        border-top: .1rem solid rgba(var(--color-foreground), .08);
        margin-top: 82px
    }
    .collapseTheTd1,
    .overviewVal {
        width: 100%
    }
    .transparent_2 {
        margin-bottom: 24px
    }
    .transparent_3 {
        margin-bottom: 56px
    }
    .metafieldLabel {
        margin-bottom: 16px;
        width: 100%
    }
    .metafieldLabel2 {
        width: 50%;
        margin-right: 24px
    }
    .metafieldLabel3 {
        width: 50%
    }
    .questionMF {
        margin-bottom: 16px;
        width: 100%
    }
    .question-desc {
        width: 100%;
        margin-bottom: 56px
    }
    .metafieldLabelSecondAccordionTitle {
        margin-bottom: 16px;
        width: 100%
    }
    .containerX {
        padding-left: 16px;
        padding-right: 16px
    }
    .container_X {
        margin-left: 25px;
        margin-right: 25px
    }
    .keyspecs,
    .general,
    .connectivity,
    .material,
    .dimensions,
    .design,
    .in-the-box-heading {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1224px) {
    .collapseTheTd1,
    .overviewVal {
        width: 100%
    }
    .transparent_2 {
        margin-bottom: 24px !important
    }
    .transparent_3 {
        margin-bottom: 56px
    }
    .metafieldLabel {
        margin-bottom: 16px;
        width: 100%
    }
    .metafieldLabel2 {
        width: 50%;
        margin-right: 24px
    }
    .metafieldLabel3 {
        width: 50%
    }
    .questionMF {
        margin-bottom: 16px;
        width: 100%
    }
    .question-desc {
        margin-bottom: 56px;
        width: 100%
    }
    .metafieldLabelSecondAccordionTitle {
        margin-bottom: 16px;
        width: 100%
    }
    .container_X {
        margin-left: 25px;
        margin-right: 25px
    }
    .keyspecs,
    .general,
    .connectivity,
    .material,
    .dimensions,
    .design,
    .in-the-box-heading {
        display: block
    }
}

@media only screen and (min-width: 1225px) {
    .overviewVal {
        width: 60%
    }
    .transparent_2,
    .transparent_3 {
        display: flex;
        margin-bottom: 56px
    }
    .metafieldLabel {
        padding-right: 162px;
        width: 40%
    }
    .metafieldLabel2 {
        width: 50%;
        margin-right: 16px
    }
    .metafieldLabel3 {
        width: 50%
    }
    .questionMF {
        width: 40%;
        padding-right: 119px
    }
    .question-desc {
        width: 60%
    }
    .metafieldLabelSecondAccordionTitle {
        width: 40%;
        padding-right: 162px
    }
    .transparent_Q {
        display: flex;
        margin-bottom: 56px
    }
    .keyspecs,
    .general,
    .connectivity,
    .material,
    .dimensions,
    .design {
        display: flex
    }
    .in-the-box-heading {
        display: inline-flex
    }
}

.caretDiv {
    height: 20px;
    width: 20px;
    float: right;
    text-align: center;
    color: #121212;
    font-weight: 700;
    vertical-align: middle
}

.careticon {
    width: 8.71px;
    height: 5.06px;
    vertical-align: super;
    text-align: center
}

.svgrotate_2 {
    transform: rotate(180deg);
    color: var(--color-link-dynamic-label) !important
}

/*# sourceMappingURL=/cdn/shop/t/14/assets/collapsecon.css.map?v=55192844502193137581742784889 */