:root{--swan-zoom-controls:1}.swan-zoom-controls{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:118px;height:40px;padding:var(--swan-spacing-standard-2);font-size:var(--swan-font-size-m1);line-height:var(--swan-font-line-height-m1);border-width:1px;border-style:solid;border-color:var(--swan-base-border-color);border-radius:20px;background-color:var(--swan-base-background-color)}.swan-dark-mode .swan-zoom-controls,.swan-zoom-controls.swan-dark-mode{background-color:transparent}.swan-zoom-controls-in,.swan-zoom-controls-out{width:28px;height:28px;-webkit-appearance:none;appearance:none;padding:0;margin:0;background:0 0;border-width:1px;border-style:solid;border-color:transparent;border-radius:14px}.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:0 0;border-color:var(--swan-color-black-900);transition:.2s background-color ease}.swan-dark-mode .swan-zoom-controls-in:active,.swan-dark-mode .swan-zoom-controls-in:hover,.swan-dark-mode .swan-zoom-controls-out:active,.swan-dark-mode .swan-zoom-controls-out:hover,.swan-zoom-controls-in:active.swan-dark-mode,.swan-zoom-controls-in:hover.swan-dark-mode,.swan-zoom-controls-out:active.swan-dark-mode,.swan-zoom-controls-out:hover.swan-dark-mode{border-color:var(--swan-color-grey-100)}.swan-zoom-controls-in{margin-right:2px}.swan-zoom-controls-value{flex-grow:9999;margin:0 var(--swan-spacing-standard-1) 0 0;text-align:right}