.academia_website_avalanche_legal_tools_styles_legal {
display: grid;
}
@media (width > 1060px) {
.academia_website_avalanche_legal_tools_styles_legal {
grid-template-columns: 25% auto;
}
.academia_website_avalanche_legal_tools_styles_tocmobile {
display: none;
}
}
@media (width <= 1060px) {
.academia_website_avalanche_legal_tools_styles_legal {
grid-template-columns: 1fr;
}
.academia_website_avalanche_legal_tools_styles_tocdesktop {
display: none;
}
.academia_website_avalanche_legal_tools_styles_sections {
width: 90%;
}
}
.academia_website_avalanche_legal_tools_styles_tocdesktop {
color: #6E1F73;
overflow-y: scroll;
overflow-x: hidden;
height: calc(100vh - 10em);
padding-left: clamp(2em, calc(2vw + 0.5em), 5em);
scrollbar-width: none;
}
.academia_website_avalanche_legal_tools_styles_entry {
margin-bottom: 1rem;
text-decoration: none;
display: grid;
grid-template-columns: 1.5rem auto;
align-items: center;
cursor: pointer;
gap: 0.5rem;
}
.academia_website_avalanche_legal_tools_styles_number {
color: white;
background-color: #6E1F73;
border-radius: 50%;
height: 1.5rem;
width: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.academia_website_avalanche_legal_tools_styles_text {
color: #6E1F73;
font-size: 1.5rem;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.academia_website_avalanche_legal_tools_styles_contentswrapper {
display: grid;
grid-template-rows: auto 1fr;
height: calc(100vh - 10em);
}
.academia_website_avalanche_legal_tools_styles_heading {
color: #6E1F73;
font-size: clamp(3em, calc(4vw + 0.5em), 5em);
background-color: white;
z-index: 1;
padding-right: calc(5vw - 0.5rem);
padding-left: calc(5vw - 0.5rem);
}
.academia_website_avalanche_legal_tools_styles_tocmobile {
width: 90%;
background-color: rgba(110, 31, 115, 0.8);
outline: none;
border: 0 none transparent;
padding: 1em;
margin: 1em 5vw;
appearance: none;
border-radius: 15px;
color: white;
font-size: 2rem;
&::after {
content: '⌄';
position: absolute;
right: calc(calc(1em + 5vw) + 1em);
}
}
.academia_website_avalanche_legal_tools_styles_sections {
margin-right: 5vw;
margin-left: 5vw;
font-size: 1.2em;
height: calc(100vh - 10em);
overflow-y: scroll;
scrollbar-width: none;
}
@media width > 1060px {
.academia_website_avalanche_legal_tools_styles_sections {
width: min(80ch, 60vw);
}
}