.academia_website_avalanche_fees_details_structure_styles_filterwrapper {
margin-bottom: 4rem;
display: flex;
justify-content: center;
}
.academia_website_avalanche_fees_details_structure_styles_switchwrapper {
display: flex;
align-items: center;
margin-top: 2rem;
}
.academia_website_avalanche_fees_details_structure_styles_switchinput {
display: none;
}
.academia_website_avalanche_fees_details_structure_styles_switchlabel {
position: relative;
display: block;
background-color: rgba(110, 31, 115, 0.8);
cursor: pointer;
height: 2em;
width: 4em;
border-radius: 2em;
margin-right: 1em;
margin-left: 1em;
&::before {
content: '';
position: absolute;
left: calc(2em * 0.05);
top: calc(2em * 0.05);
width: calc(2em * 0.9);
height: calc(2em * 0.9);
border-radius: 50%;
background-color: white;
transition-duration: 0.2s;
}
}
.academia_website_avalanche_fees_details_structure_styles_table {
width: 100%;
border-collapse: collapse;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow: hidden;
.even-row {
background-color: rgba(110, 31, 115, 0.2);
}
.odd-row {
background-color: rgba(110, 31, 115, 0.03);
}
}
@media (width <= 576px) {
.academia_website_avalanche_fees_details_structure_styles_table {
display: none;
}
}
.academia_website_avalanche_fees_details_structure_styles_header {
text-align: left;
padding: 35px;
background-color: rgba(110, 31, 115, 0.5);
color: white;
}
.academia_website_avalanche_fees_details_structure_styles_textright {
text-align: right;
}
.academia_website_avalanche_fees_details_structure_styles_td {
padding: 35px;
}
.academia_website_avalanche_fees_details_structure_styles_totalrow {
font-weight: bold;
}
.academia_website_avalanche_fees_details_structure_styles_grandtable {
width: 100%;
border-collapse: collapse;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
}
.academia_website_avalanche_fees_details_structure_styles_grandrow {
font-weight: bold;
background-color: rgba(110, 31, 115, 0.5);
}
.academia_website_avalanche_fees_details_structure_styles_mobilewrapper {
margin: 1rem;
border-radius: 1rem;
overflow: hidden;
.even-card {
background-color: rgba(110, 31, 115, 0.1);
}
.odd-card {
background-color: rgba(110, 31, 115, 0.03);
}
.currency {
font-weight: normal;
margin-left: 0.5rem;
}
.grand-total {
display: flex;
justify-content: space-between;
padding: 1rem;
font-weight: bold;
font-size: 1rem;
background-color: rgba(110, 31, 115, 0.7);
color: white;
}
}
@media (width > 576px) {
.academia_website_avalanche_fees_details_structure_styles_mobilewrapper {
display: none;
}
}
.academia_website_avalanche_fees_details_structure_styles_feecard {
padding: 1rem;
.title {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #6E1F73;
}
.currency {
font-weight: normal;
font-size: 1rem;
margin-left: 0.5rem;
}
.row {
display: flex;
justify-content: space-between;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.total {
font-weight: bold;
}
}