#ouNativeEditor .ou-rotate-dial{position:absolute;bottom:0;left:0;right:0;display:none;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--size-40);padding-top:var(--size-160);padding-bottom:var(--size-80);z-index:106;pointer-events:none;user-select:none}#ouNativeEditor .ou-rotate-dial:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg-oneup-toolbar-editor) 14%);pointer-events:none}#ouNativeEditor .ou-rotate-dial.ou-rotate-dial--on{display:flex}#ouNativeEditor .ou-rotate-dial-readout{position:relative;z-index:1;min-height:var(--line-height-caption-1);font-family:var(--font-family-base);font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);font-weight:var(--font-weight-body-1-strong);text-align:center;color:var(--fg-neutral-1-rest)}#ouNativeEditor .ou-rotate-dial-surface{position:relative;width:min(62%,34rem);height:var(--size-640);cursor:ew-resize;pointer-events:auto;touch-action:none;outline:none}#ouNativeEditor .ou-rotate-dial-surface:focus-visible{outline:var(--size-20) solid var(--stroke-focus-2);outline-offset:var(--size-20);border-radius:var(--radius-medium)}#ouNativeEditor .ou-rotate-dial-viewport{position:absolute;left:0;right:0;top:0;height:var(--size-560);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,var(--fg-neutral-1-rest) 14%,var(--fg-neutral-1-rest) 86%,transparent);mask-image:linear-gradient(90deg,transparent,var(--fg-neutral-1-rest) 14%,var(--fg-neutral-1-rest) 86%,transparent)}#ouNativeEditor .ou-rotate-dial-track{position:absolute;top:0;bottom:0;left:0}#ouNativeEditor .ou-rotate-dial-track.is-animating{transition:transform var(--anim-short) ease-out}#ouNativeEditor .ou-rotate-dial-tick{position:absolute;top:0;width:var(--size-20);height:var(--size-160);transform:translate(-50%);background:var(--stroke-neutral-1-rest)}#ouNativeEditor .ou-rotate-dial-tick.is-major{height:var(--size-240);background:var(--fg-neutral-3-rest)}#ouNativeEditor .ou-rotate-dial-label{position:absolute;top:calc(var(--size-240) + var(--size-40));left:50%;transform:translate(-50%);font-family:var(--font-family-base);font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);color:var(--fg-neutral-3-rest);white-space:nowrap}#ouNativeEditor .ou-rotate-dial-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--size-20);height:var(--size-360);background:var(--fg-brand-1-rest);pointer-events:none}#ouNativeEditor .ou-rotate-dial-controls{display:flex;align-items:flex-start;justify-content:center;gap:var(--size-160);width:100%;pointer-events:none}#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon{pointer-events:auto;flex:0 0 auto;margin-top:calc(-1 * var(--size-100));background:transparent;transition:background var(--anim-hover) ease,box-shadow var(--anim-hover) ease,color var(--anim-hover) ease}#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon:hover,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon:active{background:var(--ou-editor-hover-grey);color:var(--fg-neutral-1-rest);box-shadow:inset 0 0 0 var(--size-20) var(--fg-neutral-3-rest)}#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-on,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-on:hover,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-selected,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-selected:hover{background:linear-gradient(var(--ou-editor-hover-grey),var(--ou-editor-hover-grey)),var(--surface-background-solid);color:var(--fg-neutral-1-rest);box-shadow:inset 0 0 0 var(--size-20) var(--stroke-brand-1-rest)}@media (forced-colors: active){#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon:hover,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon:active,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-on,#ouNativeEditor .ou-editor-dial-btn.cmd-btn-icon.is-selected{background:ButtonFace;box-shadow:none;outline:2px solid Highlight;outline-offset:-2px}}#ouNativeEditor .ou-rotate-dial-info{order:-1;display:inline-flex;align-items:center;gap:var(--spacing-80);max-width:min(80%,30rem);margin-bottom:var(--size-40);padding:var(--size-40) var(--size-40) var(--size-40) var(--size-120);border-radius:var(--radius-circular);background:var(--bg-neutral-inverted-rest);box-shadow:var(--shadow-16);color:var(--fg-neutral-inverted-rest);font-family:var(--font-family-base);font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);pointer-events:auto}#ouNativeEditor .ou-rotate-dial-info[hidden]{display:none}#ouNativeEditor .ou-rotate-dial-info-icon{display:inline-flex;width:var(--size-200);height:var(--size-200);flex:0 0 auto;color:var(--fg-neutral-inverted-rest)}#ouNativeEditor .ou-rotate-dial-info-icon .fluent-icon{width:100%;height:100%;fill:currentColor}#ouNativeEditor .ou-rotate-dial-info-text{min-width:0}#ouNativeEditor .ou-rotate-dial-info-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--size-240);height:var(--size-240);padding:0;border:none;border-radius:var(--radius-circular);background:transparent;color:var(--fg-neutral-inverted-rest);cursor:pointer}#ouNativeEditor .ou-rotate-dial-info-close:hover{color:var(--fg-neutral-inverted-hover);background:var(--bg-subtle-inverted-hover)}#ouNativeEditor .ou-rotate-dial-info-close:active{color:var(--fg-neutral-inverted-pressed);background:var(--bg-subtle-inverted-pressed)}#ouNativeEditor .ou-rotate-dial-info-close:focus-visible{outline:var(--size-20) solid var(--stroke-focus-1);outline-offset:var(--size-20)}#ouNativeEditor .ou-rotate-dial-info-close .fluent-icon{width:var(--size-160);height:var(--size-160);fill:currentColor}@media (prefers-reduced-motion: reduce){#ouNativeEditor .ou-rotate-dial-track.is-animating{transition:none}}@media (forced-colors: active){#ouNativeEditor .ou-rotate-dial-pointer{background:Highlight}}