.gr2-collapse {}
.gr2-collapse > div { display: none; }
.gr2-collapse > .gr2-show { display: inline-block; }
.gr2-collapse > .gr2-hide { display: none; }
.gr2-collapse.show > div { display: block; }
.gr2-collapse.show > .gr2-show { display: none; }
.gr2-collapse.show > .gr2-hide { display: inline-block; }

.gr2-collapse > a.gr2-show { position: relative; text-decoration: none; cursor: pointer; }
.gr2-collapse > a.gr2-show::before { content: '\f282'; font-family: bootstrap-icons; vertical-align: top; display: inline-block; margin-right: .625em; transition: all 0.1s; }
.gr2-collapse > a.gr2-show::after { content: ''; position: absolute; left: 0; bottom: -0.125rem; width: 100%; border-top: 1px dashed #0057FF; }
.gr2-collapse > a.gr2-show:hover::after { border-color: #0a58ca; }

.gr2-collapse > a.gr2-hide { position: relative; text-decoration: none; cursor: pointer; }
.gr2-collapse > a.gr2-hide::before { content: '\f282'; font-family: bootstrap-icons; vertical-align: top; display: inline-block; margin-right: .625em; transition: all 0.1s; transform: rotate(180deg); }
.gr2-collapse > a.gr2-hide::after { content: ''; position: absolute; left: 0; bottom: -0.125rem; width: 100%; border-top: 1px dashed #0057FF; }
.gr2-collapse > a.gr2-hide:hover::after { border-color: #0a58ca; }

.gr2-collapse > a.gr2-toggle { position: relative; text-decoration: none; cursor: pointer; }
.gr2-collapse > a.gr2-toggle::before { content: '\f282'; font-family: bootstrap-icons; vertical-align: top; display: inline-block; margin-right: .625em; transition: all 0.1s; }
.gr2-collapse > a.gr2-toggle::after { content: ''; position: absolute; left: 0; bottom: -0.125rem; width: 100%; border-top: 1px dashed #0057FF; }
.gr2-collapse > a.gr2-toggle:hover::after { border-color: #0a58ca; }
.show > a.gr2-toggle::before { transform: rotate(180deg); }

.gr2-collapse > a.gr2-toggle-down { display: flex; align-items: center; text-decoration: none; cursor: pointer; color: #282A3C; font-weight: 700; padding-bottom: 0.5rem; border-bottom: 1px solid #DDE1E6; margin-bottom: 1rem; }
.gr2-collapse > a.gr2-toggle-down::after { content: '\f285'; font-family: bootstrap-icons; font-size: 0.8rem; display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; margin-left: auto; color: #848E99; transition: all 0.1s; }
.gr2-collapse > a.gr2-toggle-down:hover { color: #0a58ca; }
.show > a.gr2-toggle-down::after { transform: rotate(90deg); }

.gr2-radio-hint { display: none; }