.gws-sc-wrap{
display: table;
margin: 0 auto;
text-align: center;
max-width: 100%;
} .gws-sc-label{
font-size: clamp(12px, 2.8vw, 14px);
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 10px;
color: rgba(40,40,40,.75);
} .gws-sc-wrap{
--gws-sc-svg-w: clamp(24px, 6.2vw, 44px);
--gws-sc-svg-h: clamp(34px, 8.6vw, 62px);
--gws-sc-gap: clamp(6px, 1.6vw, 10px);
--gws-sc-pad-y: clamp(10px, 2.6vw, 16px);
--gws-sc-pad-x: clamp(10px, 2.8vw, 18px);
--gws-sc-comma-size: clamp(26px, 7vw, 46px);
}
.gws-sc-board{
display: inline-flex;
align-items: center;
gap: calc(var(--gws-sc-gap) + 4px);
padding: var(--gws-sc-pad-y) var(--gws-sc-pad-x);
background: var(--gws-sc-bg, #0b0b0b);
border-radius: 10px;
box-shadow:
0 6px 18px rgba(0,0,0,.25),
inset 0 0 0 2px rgba(255,255,255,.06);
max-width: 100%;
}
.gws-sc-digits{
display: inline-flex;
align-items: center;
gap: var(--gws-sc-gap);
flex-wrap: nowrap;
}
.gws-sc-char{
display: inline-flex;
align-items: center;
}
.gws-sc-char--comma{
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 900;
font-size: var(--gws-sc-comma-size);
line-height: 1;
color: var(--gws-sc-bulb, #FFC45A);
opacity: .85;
transform: translateY(clamp(3px, 1.2vw, 6px));
text-shadow:
0 0 10px color-mix(in srgb, var(--gws-sc-bulb, #FFC45A) 40%, transparent);
} .gws-sc-char--currency .gws-sc-svg{
width: clamp(20px, 5.0vw, 34px);
}
.gws-sc-svg{
width: var(--gws-sc-svg-w);
height: var(--gws-sc-svg-h);
display: block;
}
.gws-sc-bulb{
fill: rgba(255,255,255,.08); }
.gws-sc-bulb.is-on{
fill: var(--gws-sc-bulb, #FFC45A);
filter: drop-shadow(0 0 4px color-mix(in srgb, var(--gws-sc-bulb, #FFC45A) 55%, transparent))
drop-shadow(0 0 10px color-mix(in srgb, var(--gws-sc-bulb, #FFC45A) 30%, transparent));
} @media (max-width: 340px){
.gws-sc-board{ overflow-x: auto; }
}