.dd-sg{--sg-on-liquid:var(--dd-object);isolation:isolate;width:var(--sg-w);height:var(--sg-h);border-radius:var(--dd-radius);background-color:var(--sg-glass);box-shadow:inset 0 0 0 1px var(--dd-hairline);pointer-events:none;flex:none;display:block;position:relative;overflow:clip}.dd-sg-liquid{--sg-top:0%;--sg-tilt:0deg;background-color:var(--sg-liquid);position:absolute;inset:0}.dd-sg-meniscus{top:var(--sg-top);background-color:var(--sg-meniscus);height:2px;transform:skewY(var(--sg-tilt));position:absolute;left:0;right:0}.dd-sg-ticks{background-image:linear-gradient(to top, color-mix(in srgb, currentColor 40%, transparent) 0 1px, transparent 1px);background-position:bottom;background-repeat:repeat-y;background-size:100% calc(100% / var(--sg-ticks));width:22%;height:100%;position:absolute;bottom:0;right:0}.dd-sg-liquid .dd-sg-ticks-on{color:var(--sg-on-liquid)}.dd-sg>.dd-sg-ticks{z-index:-1}@media (max-width:809px){.dd-sg{display:none}}