.trinket-type-title{scroll-margin-top:var(--space-xl);text-align:center;font-size:var(--step-5)}.quicklink-title{text-align:center;margin:var(--space-s) 0;font-size:var(--step-4)}@media screen and (min-width:1024px){.quicklink-title{margin-top:var(--space-2xl)}}.trinkets-quicklink-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2xs);margin-left:auto;margin-right:auto;margin-top:var(--space-s);margin-bottom:var(--space-2xl);padding:0;width:100%;justify-content:space-between;justify-content:center}@media screen and (min-width:1024px){.trinkets-quicklink-container{flex-wrap:nowrap;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:var(--space-l);gap:var(--space-s);padding:var(--space-xs);width:auto}}.trinkets-quicklink{background-color:var(--clr-dark);-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;text-align:center;text-decoration:none;font-size:var(--step-3);color:var(--clr-light);border:var(--space-2xs) solid var(--clr-light);padding:var(--space-2xs)}.trinkets-quicklink.generic{border-color:var(--clr-hero-pink)}.trinkets-quicklink.hans{border-color:var(--clr-hans)}.trinkets-quicklink.sol{border-color:var(--clr-sol)}.trinkets-quicklink.volta{border-color:var(--clr-volta)}.trinkets-quicklink.ogre{border-color:var(--clr-ogre)}.trinkets-quicklink:visited{color:var(--clr-light)}.ogre-profile{scroll-margin-top:var(--space-xl)}.type-container{display:flex;flex-direction:column;gap:var(--space-l)}.trinkets-grid{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;border:none;gap:var(--space-l);background-color:var(--clr-dark)}.trinkets-grid.hans{border-color:var(--clr-hans)}.trinkets-grid.sol{border-color:var(--clr-sol)}.trinkets-grid.volta{border-color:var(--clr-volta)}.trinkets-grid.generic{border-color:var(--clr-hero-pink)}.trinkets-grid.ogre{border-color:var(--clr-ogre)}@media screen and (min-width:1024px){.trinkets-grid{border:var(--space-l) solid var(--clr-ogre)}}.trinket{padding:0;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}@media screen and (min-width:1024px){.trinket{flex-direction:row;flex-wrap:nowrap;align-items:center}}.trinket-icon{width:100%;max-width:200px;aspect-ratio:1/1;padding:var(--space-xs)}.trinket-title{font-size:var(--step-3)}.trinket-description{position:relative;color:var(--clr-dark);padding:var(--space-s);width:100%}@media screen and (min-width:1024px){.trinket-description{padding:var(--space-m) var(--space-xl) var(--space-m) var(--space-m)}}.trinkets-grid.hans .trinket-description{background-color:var(--clr-hans-light)}.trinkets-grid.sol .trinket-description{background-color:var(--clr-sol-light)}.trinkets-grid.volta .trinket-description{background-color:var(--clr-volta-light)}.trinkets-grid.ogre .trinket-description{background-color:var(--clr-ogre-light)}.trinkets-grid.generic .trinket-description{background-color:var(--clr-light)}.trinket p{font-size:var(--step-0)}@media screen and (min-width:1024px){.trinket p{font-size:var(--step-1)}}.trinket picture{display:block}
