.tooltip-side{background:linear-gradient(180deg,var(--white) 50%,var(--mono-100) 50%);color:var(--mono-800);font-family:var(--font-sans);overflow:hidden;padding:6em 0;position:relative}.tooltip-side>.sub-wrapper{gap:4em}.tooltip-side-image,.tooltip-side-info{display:flex;justify-content:center;position:relative;width:100%}.tooltip-side-info{flex-direction:column}.tooltip-side-tagline{font-size:16px;font-weight:700;letter-spacing:.15em;margin-bottom:1em;text-transform:uppercase}.tooltip-side-title{font-weight:900;margin-bottom:.5em}.tooltip-side-desc{margin-bottom:1.5em}.tooltip-side-list{display:grid;gap:.6em 1em;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(calc(var(--list-length)/2),min-content);list-style:none;padding:0}.tooltip-side-list li{align-items:center;align-items:baseline;display:flex;gap:1em;line-height:1.2}.tooltip-side-li-idx{align-items:center;background-color:var(--mono-600);border:1px solid;border-radius:100%;color:var(--white);display:flex;flex-shrink:0;font-size:16px;font-style:italic;font-weight:700;height:1.8em;justify-content:center;width:1.8em}.tooltip-side-image{width:100%}.tooltip-side-image-img{height:auto;width:100%}.tt-side-tooltip{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;z-index:3}.tt-side-tooltip.is-active{z-index:4}.tt-side-tooltip-circle{align-items:center;background:var(--mono-600);border:1px solid var(--white);border-radius:50%;box-shadow:0 2px 8px var(--black-10);color:var(--white);display:flex;font-size:.9em;font-style:italic;height:1.8em;justify-content:center;position:relative;transition:all .3s ease;width:1.8em;z-index:1}.tt-side-tooltip-circle:hover{background:var(--purple-500)}.tt-side-tooltip-text{animation:appear .2s;background:var(--mono-800);border-radius:.5em;box-shadow:0 2px 8px var(--black-10);color:var(--white);font-size:1em;left:50%;margin-top:0;padding:.5em 1em;pointer-events:none;position:absolute;text-align:left;top:120%;transform:translate(-50%);white-space:pre-line;z-index:4}@media(min-width:700px){.tooltip-side{background:linear-gradient(90deg,var(--white) 60%,var(--mono-100) 60%);padding:6em 0}.tooltip-side>.sub-wrapper{align-items:center;display:grid;gap:0 2em;grid-template-columns:1fr 1fr}}