.grfaq_tabs{margin:0 .75rem;display:flex;justify-content: center;align-items: stretch;padding:0 !important;color:#a9a9a9;}
.grfaq_tabs > li{list-style-type: none;}
.grfaq_tabs .spacer{max-width: 4rem;flex:1;}
.grfaq_tabs > .item.selected{color:#000000;border-bottom:.15rem solid #000000;}
.grfaq_tabs > .item.selected > svg{fill:#000000;}
.grfaq_tabs > .item{cursor:pointer;display: flex;justify-content: center;align-items: center;font-weight: bold;width: fit-content;padding:.5rem 2rem;}
.grfaq_tabs > .item > *{pointer-events: none;}
.grfaq_tabs > .item > *:first-child{margin:0 .25rem 0 0;}
.grfaq_tabs > .item > *:last-child{margin:0 0 0 .25rem;}
.grfaq_tabs > .item > svg{height:2rem;width:auto;fill:#a9a9a9;}
.grfaq_showroom_wrapper .thumbnail_mood_wrapper{display:flex !important;}

.grfaq_showroom_content > div > div {display:flex;flex-direction:column;justify-content:flex-start;padding:1rem .5rem;}
.grfaq_showroom_content > div > div > span:first-of-type{font-weight: bold;}
.grfaq_showroom_content {padding:2rem .75rem;}
.grfaq_showroom_content > *:not(.selected){display:none !important;}

.grfaq_question_wrapper{cursor:pointer;position:relative;overflow: hidden;border: 1px solid #a9a9a9;border-radius: 0.5rem;margin:1rem 0;}
.grfaq_expand{position:absolute;right:0;top:0;background:none;outline:none;height:1.5rem;width:1.5rem;border:none;margin:0;padding:0;}
.grfaq_question_wrapper > *{pointer-events: none;}
.grfaq_question_wrapper_content{overflow:hidden;max-height:0;height:100%;animation:max-height .2s ease-in-out;}
.grfaq_question_wrapper.visible{background:#844eff;color:#fff;border-color:#844eff;}
.grfaq_question_wrapper.visible > .grfaq_expand{fill:#fff;}
.grfaq_question_wrapper.visible .grfaq_question_wrapper_content{max-height:calc(var(--vh, 1vh) * 200);}
.grfaq_question_wrapper.visible .grfaq_expand{transform: rotate(180deg);}

@media screen and (min-width: 550px) and (max-width: 650px){
    .grfaq_tabs > .item{font-size:.85rem;padding:.5rem;line-height: .9rem;}
    .grfaq_tabs > .item > svg{display:none;}
    .grfaq_tabs > .item > *:first-child, .grfaq_tabs > .item > *:last-child{margin:0;}
}

@media screen and (max-width: 550px){
    .grfaq_tabs > .item{font-size:.75rem;padding:.5rem;line-height: .9rem;}
    .grfaq_tabs > .item > svg{display:none;}
    .grfaq_tabs > .item > *:first-child, .grfaq_tabs > .item > *:last-child{margin:0;}
}