.quick-access{height:100%;display:flex;flex-direction:column;overflow:scroll;padding-inline:var(--side-padding);padding-bottom:var(--side-padding)}.quick-access .caption-button-wrapper{font-weight:400;font-family:var(--font-montserrat);display:flex;align-items:center;justify-content:space-between;gap:1rem}.quick-access .caption-button-wrapper .caption{color:color-mix(in srgb,currentColor 55%,transparent);letter-spacing:.02em;text-transform:uppercase}.quick-access .caption-button-wrapper .button{display:flex;gap:.5rem;font-size:small;border:none;align-items:center;padding:.25rem .5rem;border-radius:.5rem;background:color-mix(in srgb,currentColor 15%,transparent);transition:scale .2s,color .2s}.quick-access .caption-button-wrapper .button .external-icon{height:1em}.quick-access .caption-button-wrapper .button:hover{scale:1.02;color:var(--green)}.quick-access .cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,30rem));justify-content:space-evenly;gap:2.5rem}@media screen and (max-width:767px){.quick-access .cards-wrapper{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}.quick-access .cards-wrapper .card{display:flex;flex-direction:column;gap:1rem}.quick-access .cards-wrapper .card .category-title-wrapper{display:flex;align-items:center;gap:.5rem;font-size:x-large}.quick-access .cards-wrapper .card .category-title-wrapper .icon{flex-shrink:0;width:1em;aspect-ratio:1}.quick-access .cards-wrapper .card .category-title-wrapper .category-title{font-weight:400;letter-spacing:.02em;font-family:var(--font-neueMachina);text-transform:uppercase;line-height:1}.quick-access .cards-wrapper .card .resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width:320px){.quick-access .cards-wrapper .card .resources{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-access .cards-wrapper .card .resources .resource{cursor:pointer;border-radius:1rem;background-color:color-mix(in srgb,currentColor 6%,transparent);padding:.75rem;display:flex;gap:.75rem;align-items:center;flex-direction:column;transition:scale .2s,background-color .2s;font-family:var(--font-montserrat);font-size:small}.quick-access .cards-wrapper .card .resources .resource .image{border-radius:5px;width:2.25rem;height:2.25rem}.quick-access .cards-wrapper .card .resources .resource:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}