@charset "utf-8";
@import (optional, reference) "var.less";
/*Deform*/
AX-DEFORM {
  --_size-w: 1.6rem;
  --_size-h: 0.2rem;
  --_theme: var(--_c-text);
  height: var(--_sz-input);
  aspect-ratio: 1 / 1;
  line-height: var(--_sz-input);
  display: inline-flex;
  text-align: center;
  cursor: pointer;
  border-radius: var(--_r);
  .v3-trans-all(var(--_dur-2), linear);
  vertical-align: middle;
  position: relative;
  &:before {
    border-radius: var(--_r);
    border-color: var(--_theme);
  }
  >* {
    height: var(--_size-h);
    width: var(--_size-w);
    background-color: var(--_theme);
    border-radius: var(--_size-h);
    .v3-trans-all(var(--_dur-2), linear);
    position: absolute;
    left: calc((100% - var(--_size-w))/2);
    top: calc((100% - var(--_size-h))/2);
  }
  &[type="info"] {
    >:nth-child(1) {
      width: var(--_size-h);
      top: calc((100% - var(--_size-w))/2);
      left: calc((100% - var(--_size-h))/2);
    }
    >:nth-child(2) {
      width: calc(var(--_size-w) - var(--_size-h));
      transform: rotate(90deg);
      top: calc(50% + var(--_size-h));
      left: calc((100% - (calc(var(--_size-w) - var(--_size-h))))/2);
    }
    >:nth-child(3) {
      opacity: 0;
    }
  }
  &[type="add"] {
    >:nth-child(2) {
      transform: rotate(90deg);
    }
    >:nth-child(3) {
      opacity: 0;
    }
  }
  &[type="close"] {
    >:nth-child(1) {
      transform: rotate(-45deg);
    }
    >:nth-child(2) {
      transform: rotate(45deg);
    }
    >:nth-child(3) {
      opacity: 0;
    }
  }
  &[type="left"],
  &[type="right"],
  &[type="up"],
  &[type="down"] {
    --_size-w: 1rem;
    >:nth-child(1) {
      transform: rotate(-45deg);
    }
    >:nth-child(2) {
      transform: rotate(45deg);
    }
    >:nth-child(3) {
      opacity: 0;
    }
  }
  &[type="left"] {
    >:nth-child(1) {
      top: calc(50% - 0.3rem);
    }
    >:nth-child(2) {
      top: calc(50% + 0.3rem);
    }
  }
  &[type="right"] {
    >:nth-child(1) {
      top: calc(50% + 0.3rem);
    }
    >:nth-child(2) {
      top: calc(50% - 0.3rem);
    }
  }
  &[type="up"] {
    >:nth-child(1) {
      left: calc(50% - 0.8rem);
    }
    >:nth-child(2) {
      left: calc(50% - 0.2rem);
    }
  }
  &[type="down"] {
    >:nth-child(1) {
      left: calc(50% - 0.2rem);
    }
    >:nth-child(2) {
      left: calc(50% - 0.8rem);
    }
  }
  &[type*="menu"] {
    >:nth-child(1) {
      top: calc(50% - .6rem);
    }
    >:nth-child(3) {
      top: calc(50% + .4rem);
    }
  }
  &[type="menuLeft"],
  &[type="menuRight"] {
    >:nth-child(1) {
      width: calc(var(--_size-w)*0.625);
    }
    >:nth-child(3) {
      width: calc(var(--_size-w)*0.875);
    }
  }
  &[type="menuRight"] {
    >* {
      left: auto;
      right: calc((100% - var(--_size-w))/2);
    }
  }
  &[bordered]:before,
  &[shape]:before {
    .border(var(--_c-text-bd));
  }
  &[shape="square"],
  &[shape="square"]:before {
    border-radius: 0;
  }
  &[shape="round"],
  &[shape="round"]:before {
    border-radius: 100%;
  }
  &[size="lg"] {
    --_size-w:2.4rem;
    height: calc(var(--_sz-header) + 1.0rem);
  }
  &[size="lg"]:where([type*="menu"])>:nth-child(1) {
    top: calc(50% - .8rem);
  }
  &[size="lg"]:where([type*="menu"])>:nth-child(3) {
    top: calc(50% + .6rem);
  }
  &[size="lg"]:where([type="left"]),
  &[size="lg"]:where([type="right"]),
  &[size="lg"]:where([type="up"]),
  &[size="lg"]:where([type="down"]) {
    --_size-w:1.4rem;
  }
  &[size="lg"]:where([type="left"]) {
    >:nth-child(1) {
      top: calc(50% - 0.4rem);
    }
    >:nth-child(2) {
      top: calc(50% + 0.4rem);
    }
  }
  &[size="lg"]:where([type="right"]) {
    >:nth-child(1) {
      top: calc(50% + 0.4rem);
    }
    >:nth-child(2) {
      top: calc(50% - 0.4rem);
    }
  }
  &[size="lg"]:where([type="up"]) {
    >:nth-child(1) {
      left: calc(50% - 1.1rem);
    }
    >:nth-child(2) {
      left: calc(50% - 0.2rem);
    }
  }
  &[size="lg"]:where([type="down"]){
    >:nth-child(1) {
      left: calc(50% - 0.2rem);
    }
    >:nth-child(2) {
      left: calc(50% - 1.1rem);
    }
  }
  &[size="sm"] {
    --_size-w: 1.2rem;
    height: var(--_sz-body);
  }
  &[size="sm"]:where([type*="menu"])>:nth-child(1) {
    top: calc(50% - .5rem);
  }
  &[size="sm"]:where([type*="menu"])>:nth-child(3) {
    top: calc(50% + .3rem);
  }
  &[size="sm"]:where([type="left"]),
  &[size="sm"]:where([type="right"]),
  &[size="sm"]:where([type="up"]),
  &[size="sm"]:where([type="down"]) {
    --_size-w:0.8rem;
  }
  &[size="sm"]:where([type="left"]) {
    >:nth-child(1) {
      top: calc(50% - 0.2rem);
    }
    >:nth-child(2) {
      top: calc(50% + 0.2rem);
    }
  }
  &[size="sm"]:where([type="right"]) {
    >:nth-child(1) {
      top: calc(50% + 0.2rem);
    }
    >:nth-child(2) {
      top: calc(50% - 0.2rem);
    }
  }
  &[size="sm"]:where([type="up"]) {
    >:nth-child(1) {
      left: calc(50% - 0.6rem);
    }
    >:nth-child(2) {
      left: calc(50% - 0.1rem);
    }
  }
  &[size="sm"]:where([type="down"]){
    >:nth-child(1) {
      left: calc(50% - 0.1rem);
    }
    >:nth-child(2) {
      left: calc(50% - 0.6rem);
    }
  }
  &[theme="prim"] {
    --_theme: var(--_c-prim);
  }
  &[theme="succ"] {
    --_theme: var(--_c-succ);
  }
  &[theme="error"] {
    --_theme: var(--_c-error);
  }
  &[theme="warn"] {
    --_theme: var(--_c-warn);
  }
  &[theme="info"] {
    --_theme: var(--_c-info);
  }
  &[theme="issue"] {
    --_theme: var(--_c-issue);
  }
  &[theme="text"] {
    --_theme: var(--_c-text);
  }
  &[theme="ignore"] {
    --_theme: var(--_c-ignore);
  }
  &[filled] {
    background-color: var(--_theme);
    &:before {
      display: none;
    }
    >* {
      background-color: var(--_c-stage);
    }
  }
  &[disabled] {
    cursor: not-allowed;
  }
  &[disabled] {
    opacity: var(--_o-disabled);
  }
}
