:root{--swan-zoom-controls:1}.swan-zoom-controls{font-family:var(--swan-base-font-family-primary);font-size:var(--swan-sem-font-size-xsmall);font-weight:var(--swan-base-font-weight-normal);letter-spacing:var(--swan-base-font-letter-spacing-300);line-height:var(--swan-base-font-line-height-500);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:118px;height:40px;padding:var(--swan-sem-space-3);border-width:var(--swan-sem-border-width-action);border-style:solid;border-color:var(--swan-sem-color-border-action);border-radius:var(--swan-sem-border-radius-action);background-color:var(--swan-sem-color-bg-action)}.swan-zoom-controls-in,.swan-zoom-controls-out{width:28px;height:28px;-webkit-appearance:none;appearance:none;padding:var(--swan-sem-space-none);margin:var(--swan-sem-space-none);background:var(--swan-sem-color-bg-none);border-width:var(--swan-sem-border-width-action);border-style:solid;border-color:var(--swan-sem-color-border-none);border-radius:var(--swan-sem-border-radius-action)}.swan-zoom-controls-in .swan-icon,.swan-zoom-controls-out .swan-icon{width:28px;height:28px;padding:3px 1px 1px 3px}.swan-zoom-controls-in:active,.swan-zoom-controls-in:hover,.swan-zoom-controls-out:active,.swan-zoom-controls-out:hover{background:var(--swan-base-color-transparent);transition:.2s background-color ease}.swan-zoom-controls-in:hover,.swan-zoom-controls-out:hover{border-color:var(--swan-sem-color-border-action-hover)}.swan-zoom-controls-in:active,.swan-zoom-controls-out:active{border-color:var(--swan-sem-color-border-action-active)}.swan-zoom-controls-in{margin-right:var(--swan-sem-space-1)}.swan-zoom-controls-value{flex-grow:9999;margin:var(--swan-sem-space-none) var(--swan-sem-space-2) var(--swan-sem-space-none) var(--swan-sem-space-none);text-align:right}