#content .vis-layout{margin:0 1em}#content .vis-layout :is(p,h2,h3,div,ul,section){margin-left:0;margin-right:0}@media (width>=1061px){html #content.visuals{width:calc(var(--content-width) + 12rem);max-width:calc(100vw - 23rem)}}.vis-layout{grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.vis-tabs{flex-direction:column;gap:.3rem;display:flex;position:sticky;top:1rem}.vis-tabs [role=tab]{appearance:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;opacity:.75;text-transform:lowercase;--tab-wash:#ffa600;background:0 0;border:0;border-radius:999px;padding:.45rem .9rem}.vis-tabs [role=tab]:after{content:attr(data-label);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}.vis-tabs [role=tab]:hover{opacity:1;background:color-mix(in srgb, var(--tab-wash) 9%, transparent)}.vis-tabs [role=tab][aria-selected=true]{opacity:1;background:color-mix(in srgb, var(--tab-wash) 18%, transparent);font-weight:700}html[data-skin=pilpi] .vis-tabs [role=tab],html[data-skin=violet] .vis-tabs [role=tab]{--tab-wash:var(--site-rule)}html[data-skin=brush] .vis-tabs [role=tab]{border-radius:4px}html[data-skin=brush] .vis-tabs [role=tab]:hover{background:color-mix(in srgb, var(--site-rule) 30%, transparent)}html[data-skin=brush] .vis-tabs [role=tab][aria-selected=true]{background:color-mix(in srgb, var(--site-rule) 55%, transparent);font-weight:400}.vis-panel>h2:first-child{margin-top:0}html[data-skin=pilpi] .vis-tabs [role=tab]{font-size:2ch}html[data-skin=pilpi] #content .vis-pics figcaption{font-size:.9em;line-height:1.4}html[data-skin=pilpi] #content .vis-photos figcaption{font-size:1.7ch;line-height:1.35}@media (width<=700px){.vis-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.vis-tabs{flex-flow:wrap;position:static}}.vis-photo-intro{font-style:italic}.vis-note{opacity:.8;margin-top:2em;font-size:.85em}.vis-note-mark{margin-left:.1em}.vis-photos{columns:3 9.5rem;column-gap:.8rem}#content .vis-photos figure{break-inside:avoid;float:none;max-width:none;margin:0 0 .8rem}#content .vis-photos img{border-radius:4px;width:100%;max-width:none;height:auto;display:block}#content .vis-photos figcaption{margin-top:.25em;font-size:.85em;line-height:1.35}.vis-photo-source{margin-top:1.5em;font-size:.9em}.vis-skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1em 0;display:grid}.skin-card{appearance:none;border:1px solid var(--site-rule);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:.45rem;padding:.4rem .4rem .55rem;transition:transform .15s;display:flex}.skin-card:hover{transform:translateY(-2px)}.skin-card[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}.skin-card-pic{aspect-ratio:3/2;border-radius:6px;display:block;overflow:hidden}#content .skin-card-pic img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.skin-card-name{padding:0 .2rem;font-weight:700}.skin-card-year{opacity:.7;font-weight:400}.skin-card .pic-dark{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .skin-card .pic-light{display:none!important}:root:not([data-theme=light]) .skin-card .pic-dark{display:block!important}}:root[data-theme=dark] .skin-card .pic-light{display:none!important}:root[data-theme=dark] .skin-card .pic-dark{display:block!important}@media (prefers-reduced-motion:reduce){.skin-card{transition:none}}#content .vis-mode{width:auto;height:auto;font:inherit;opacity:.85;border-radius:999px;grid-auto-flow:column;gap:.45rem;padding:.35rem .8rem}#content ul.vis-pics{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:1.5rem 1rem;margin:1em 0 0;padding:0;display:grid}#content .vis-pics li{margin:0}#content .vis-pics figure{float:none;max-width:none;margin:0}#content .vis-pics img{object-fit:contain;width:100%;max-width:none;height:11rem;display:block}#content .vis-pics figcaption{margin-top:.4em;font-size:.9em;font-style:normal;line-height:1.4}.vis-title{font-weight:700;display:block}.vis-alt{margin-bottom:.2em;font-style:italic;display:block}.vis-on{opacity:.7;margin-right:.3em}
