/* dev.gullystudio.xyz additions on top of /assets/studio.css. Source: sites/_studio-dev/dev.css */
.flip{transform:rotate(180deg)}
.hero .stepper{min-height:100%}
.hero .step .cmd code{font-size:12px}
.hero .step .code{margin:0}
.ph .pill{flex:none}
select.tbtn{appearance:none;-webkit-appearance:none;padding:0 26px 0 11px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238FA6C2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--gs-silver)}
select.tbtn option{background:var(--gs-navy);color:var(--gs-silver)}
.doc-lite h2{font-size:20px;margin:18px 0 8px}
.doc-lite h2:first-child{margin-top:0}
.doc-lite h3{font-size:16px;margin:14px 0 6px}
.doc-lite p,.doc-lite li{color:#C9D5E3;font-size:14.5px;line-height:1.65}
.doc-lite p{margin:0 0 10px}
.doc-lite ul{margin:0 0 12px;padding-left:20px}
.doc-lite li::marker{color:var(--gs-blue)}
.doc-lite code{font-size:.88em;color:var(--gs-silver);background:var(--surface);border:1px solid var(--line);padding:1px 5px;border-radius:5px}
.sha{font-family:var(--mono);font-size:12.5px}
td .tag{vertical-align:middle}