:root{--swan-zoom-controls:1}.swan-zoom-controls{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background-color:var(--swan-sem-color-bg-action);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);box-shadow:var(--swan-sem-elevation-floating);width:max-content}.swan-zoom-controls-in,.swan-zoom-controls-out{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;width:auto;text-align:center;text-decoration:none;text-wrap:wrap;word-break:break-word;text-transform:none;white-space:initial;vertical-align:middle;background:var(--swan-sem-color-bg-action);background-repeat:no-repeat;border-radius:var(--swan-sem-border-radius-action);transition:all .2s ease;cursor:pointer;border:none;min-width:calc(var(--swan-sem-size-action-and-input-inner-min-width) + var(--swan-comp-button-space-inner-vertical) * 2);padding:var(--swan-comp-button-space-inner-vertical) var(--swan-comp-button-space-inner-horizontal);box-shadow:var(--swan-comp-button-texture),inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action);gap:var(--swan-sem-space-between-icon-and-text);font-family:var(--swan-base-font-family-primary);font-size:var(--swan-sem-font-size-standard);font-weight:var(--swan-base-font-weight-bold);letter-spacing:var(--swan-base-font-letter-spacing-100);line-height:var(--swan-base-font-line-height-500);line-height:var(--swan-sem-size-action-and-input-inner-height)}.swan-zoom-controls-in:focus,.swan-zoom-controls-in:focus-visible,.swan-zoom-controls-out:focus,.swan-zoom-controls-out:focus-visible{outline:0}.swan-zoom-controls-in:focus-visible,.swan-zoom-controls-out:focus-visible{box-shadow:var(--swan-comp-button-texture),inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action),var(--swan-sem-focus-standard)}@media (hover:hover){.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]),.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]){background-color:var(--swan-sem-color-bg-action-hover);box-shadow:var(--swan-comp-button-texture),inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action-hover)}.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus-visible{outline:0}.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus-visible{box-shadow:var(--swan-comp-button-texture),inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action-active),var(--swan-sem-focus-standard)}}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]),.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]){background:var(--swan-sem-color-bg-action-active);box-shadow:inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action-active)}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus-visible{outline:0}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus-visible{box-shadow:inset 0 0 0 var(--swan-sem-border-width-action) var(--swan-sem-color-border-action-active),var(--swan-sem-focus-standard)}.swan-zoom-controls-in,.swan-zoom-controls-out{background-color:var(--swan-comp-button-tertiary-color-bg);box-shadow:none}.swan-zoom-controls-in:focus,.swan-zoom-controls-in:focus-visible,.swan-zoom-controls-out:focus,.swan-zoom-controls-out:focus-visible{outline:0}.swan-zoom-controls-in:focus-visible,.swan-zoom-controls-out:focus-visible{box-shadow:var(--swan-sem-focus-standard)}@media (hover:hover){.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]),.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]){background-color:var(--swan-comp-button-tertiary-color-bg-hover);box-shadow:var(--swan-comp-button-texture)}.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus-visible{outline:0}.swan-zoom-controls-in:hover:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:hover:not(:disabled,[aria-disabled=true]):focus-visible{box-shadow:var(--swan-comp-button-texture),var(--swan-sem-focus-standard)}}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]),.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]){background-color:var(--swan-comp-button-tertiary-color-bg-active);box-shadow:none}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus-visible{outline:0}.swan-zoom-controls-in:active:not(:disabled,[aria-disabled=true]):focus-visible,.swan-zoom-controls-out:active:not(:disabled,[aria-disabled=true]):focus-visible{box-shadow:var(--swan-sem-focus-standard)}.swan-zoom-controls-in:disabled,.swan-zoom-controls-in[aria-disabled=true],.swan-zoom-controls-out:disabled,.swan-zoom-controls-out[aria-disabled=true]{background-color:var(--swan-comp-button-tertiary-color-bg)}.swan-zoom-controls-in,.swan-zoom-controls-out{padding:var(--swan-comp-button-space-inner-vertical);border-radius:var(--swan-sem-border-radius-action)}.swan-zoom-controls-in.swan-button-mini,.swan-zoom-controls-out.swan-button-mini{padding:8px}.swan-zoom-controls-in,.swan-zoom-controls-out{min-width:calc(var(--swan-sem-size-icon-standard) + var(--swan-sem-space-3) * 2);padding:var(--swan-sem-space-3)}.swan-zoom-controls-in,.swan-zoom-controls-out{margin:calc(var(--swan-comp-zoom-controls-margin) - var(--swan-sem-border-width-action)) var(--swan-sem-space-2)}.swan-zoom-controls-in{margin-left:calc(var(--swan-comp-zoom-controls-margin) - var(--swan-sem-border-width-action));margin-right:var(--swan-sem-space-1)}.swan-zoom-controls-out{margin-right:calc(var(--swan-comp-zoom-controls-margin) - var(--swan-sem-border-width-action));margin-left:var(--swan-sem-space-1)}.swan-zoom-controls-value{font-family:var(--swan-base-font-family-primary);font-size:var(--swan-sem-font-size-standard);font-weight:var(--swan-base-font-weight-normal);letter-spacing:var(--swan-base-font-letter-spacing-100);line-height:var(--swan-base-font-line-height-500);flex-grow:9999;min-width:var(--swan-comp-zoom-controls-label-size-min-width-standard);padding-left:var(--swan-sem-space-3);padding-right:var(--swan-sem-space-3);text-align:center}