.Scales-module__aTqnCq__page{flex-direction:column;flex:1;align-items:center;width:100%;display:flex;position:relative;overflow-x:clip}.Scales-module__aTqnCq__frame{inset-block:0 24px;width:var(--scale-frame-width);pointer-events:none;-webkit-user-select:none;user-select:none;display:none;position:absolute;left:50%;transform:translate(-50%)}.Scales-module__aTqnCq__perimeter{-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-size:var(--scale-band) 100%, var(--scale-band) 100%, 100% var(--scale-band), 100% var(--scale-band);mask-size:var(--scale-band) 100%, var(--scale-band) 100%, 100% var(--scale-band), 100% var(--scale-band);-webkit-mask-position:left top, right top, left var(--scale-header), left bottom;mask-position:left top, right top, left var(--scale-header), left bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Scales-module__aTqnCq__guide{inset:calc(var(--scale-header) + var(--scale-band)) var(--scale-band) var(--scale-band);border:1px solid var(--scale-line);position:absolute}.Scales-module__aTqnCq__ruler{top:calc(var(--scale-header) + 32px);background-image:repeating-linear-gradient(to bottom, var(--scale-line) 0 1px, transparent 1px 8px);width:8px;-webkit-mask-image:var(--scale-ruler-mask,linear-gradient(transparent, #000 24px, #000 calc(100% - 24px), transparent));mask-image:var(--scale-ruler-mask,linear-gradient(transparent, #000 24px, #000 calc(100% - 24px), transparent));background-repeat:no-repeat;background-size:3px 100%;position:absolute;bottom:32px}.Scales-module__aTqnCq__ruler:after{content:"";background-image:repeating-linear-gradient(to bottom, var(--scale-mark) 0 1px, transparent 1px 32px);position:absolute;inset:0}.Scales-module__aTqnCq__leftRuler{left:calc(var(--scale-band) + 8px)}.Scales-module__aTqnCq__rightRuler{right:calc(var(--scale-band) + 8px);background-position:100% 0}.Scales-module__aTqnCq__registration{width:var(--scale-band);height:var(--scale-band);background-color:var(--background);background-image:linear-gradient(var(--scale-mark), var(--scale-mark)), linear-gradient(var(--scale-mark), var(--scale-mark));background-size:var(--scale-band) 1px, 1px var(--scale-band);background-position:0 calc(var(--scale-band) / 2), calc(var(--scale-band) / 2) 0;background-repeat:no-repeat;position:absolute}.Scales-module__aTqnCq__topLeft,.Scales-module__aTqnCq__topRight{top:var(--scale-header)}.Scales-module__aTqnCq__bottomLeft,.Scales-module__aTqnCq__bottomRight{bottom:0}.Scales-module__aTqnCq__topLeft,.Scales-module__aTqnCq__bottomLeft{left:0}.Scales-module__aTqnCq__topRight,.Scales-module__aTqnCq__bottomRight{right:0}.Scales-module__aTqnCq__rule{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:16px;position:relative}.Scales-module__aTqnCq__rule:before{content:"";inset-inline:0;background-image:radial-gradient(circle at 2px 2px, color-mix(in srgb, var(--foreground) 18%, transparent) 1.5px, transparent 1.75px);background-position:50%;background-repeat:repeat-x;background-size:12px 4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.Scales-module__aTqnCq__track{width:100%;height:var(--scale-band);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Scales-module__aTqnCq__ruleLeft{top:0;left:0}.Scales-module__aTqnCq__ruleRight{top:0;right:0}@media (min-width:768px){.Scales-module__aTqnCq__frame{display:block}.Scales-module__aTqnCq__rule:before{display:none}.Scales-module__aTqnCq__track{width:var(--scale-frame-width);display:block}}