.sk .bi{width:auto;height:44px;right:12px}
.sk .bi>img,.sk .bi .iqx>img{width:auto;height:44px;max-width:none}
.sk .bi .cmp img.in,.ti .cmp img.in{width:44%;height:auto}
.sk .bi svg,.ti svg{width:100%;height:100%;fill:none;stroke:url(#gg);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sk .bi svg text,.ti svg text{fill:url(#gg);stroke:none}
.sk button[aria-pressed="true"] .bi svg{stroke:var(--gold-ink)}
.sk button[aria-pressed="true"] .bi svg text{fill:var(--gold-ink)}
.cmp{position:relative;display:block;width:44px;height:44px}
.cmp svg{position:absolute;inset:0}
.cmp .in{position:absolute;left:50%;top:var(--t,50%);width:46%;height:auto;transform:translate(-50%,-50%)}
.sk .bi .iqx,.ti .iqx{display:flex;align-items:center;gap:6px;height:100%}
.iqx b{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.02em;line-height:1;background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.sk button[aria-pressed="true"] .iqx b{background:none;color:var(--gold-ink)}
.screen .sh h2{display:flex;align-items:center;gap:14px}
.ti{display:block;width:56px;height:56px;flex:none}
.ti img{width:100%;height:100%;object-fit:contain}
.ti .cmp,.ti .iqx{transform-origin:left center}
.ti .cmp{width:56px;height:56px}
.ti .iqx{height:56px}
.ti .iqx>img,.ti>img{width:auto;height:56px}
.ti .iqx b{font-size:32px}
.sk .bi{height:46px}
.screen .sh .ic{flex-direction:column;align-items:center;gap:6px}
.screen .sh .ic:empty{display:none}
.icl{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.02em;background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:640px){
.sk button{padding:10px 50px 10px 12px}
.sk .bi{height:34px;right:9px}
.sk .bi>img,.sk .bi .iqx>img{height:34px}
.screen .sh{flex-wrap:nowrap;padding:16px 16px;gap:10px}
.screen .sh>div:first-child{min-width:0;flex:1}
.screen .sh h2{font-size:26px;gap:10px}
.ti{width:40px;height:40px}
.screen .sh .ic{gap:3px;flex:none}
.screen .sh .ic img{width:40px;height:40px}
.icl{font-size:13px}
.screen .sb{padding:16px}
}
@media (max-width:360px){.sk .row{grid-template-columns:1fr}.sk button{padding-right:64px}.sk .bi{height:40px;right:12px}.sk .bi>img,.sk .bi .iqx>img{height:40px}}
.sk button[aria-pressed="true"] .bi svg path[fill]{fill:var(--gold)}/*pin-fill*/
.brandsvg{display:block;width:44px;height:44px;flex:none}
.brandsvg svg,.icsvg svg{width:100%;height:100%;fill:none;stroke:url(#gg);stroke-linecap:round;stroke-linejoin:round}
.icsvg{display:block;width:48px;height:48px}
@media (max-width:640px){.icsvg{width:40px;height:40px}}