@import "../../css/base.css";.g3-dropdown-button__wrapper{height:40px;z-index:1;position:relative}.g3-dropdown-button__button{height:100%;border-radius:4px;font-size:.875rem;display:inline-block;vertical-align:middle;cursor:pointer;padding:1px 30px 1px 20px;margin:0;position:relative;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.g3-dropdown-button__icon{display:inline-block;mask-size:100% 100%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M16 26 4 14M16 26l12-12'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M16 26 4 14M16 26l12-12'/%3E%3C/g%3E%3C/svg%3E")}.g3-dropdown-button__button--without-split-trigger .g3-dropdown-button__icon{width:18px;height:18px;background-color:#fff;mask-size:100% 100%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='3' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='%239B9B9B'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5'/%3E%3Ccircle cx='1.5' cy='7' r='1.5'/%3E%3Ccircle cx='1.5' cy='12.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='3' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='%239B9B9B'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5'/%3E%3Ccircle cx='1.5' cy='7' r='1.5'/%3E%3Ccircle cx='1.5' cy='12.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");position:absolute;right:0}.g3-dropdown-button__button--primary,.g3-dropdown-button__menu-trigger--primary{border:1px solid var(--g3-primary-btn__border-color);background-color:var(--g3-primary-btn__bg-color);color:var(--g3-primary-btn__color);fill:var(--g3-primary-btn__color)}.g3-dropdown-button__button--primary:hover,.g3-dropdown-button__button--primary:hover svg path,.g3-dropdown-button__menu-trigger--primary:hover,.g3-dropdown-button__menu-trigger--primary:hover svg path{border:1px solid var(--g3-primary-btn__border-color--hover);background-color:var(--g3-primary-btn__bg-color--hover)}.g3-dropdown-button__button--primary:active{border:1px solid var(--g3-primary-btn__border-color--active)}.g3-dropdown-button__button--primary .g3-button__icon,.g3-dropdown-button__button--primary .g3-dropdown-button__icon,.g3-dropdown-button__menu-trigger--primary .g3-dropdown-button__icon{background-color:var(--g3-primary-btn__color)}.g3-dropdown-button__button--secondary,.g3-dropdown-button__menu-trigger--secondary{border:1px solid var(--g3-secondary-btn__border-color);background-color:var(--g3-secondary-btn__bg-color);color:var(--g3-secondary-btn__color);fill:var(--g3-secondary-btn__color)}.g3-dropdown-button__button--secondary:hover,.g3-dropdown-button__button--secondary:hover svg path,.g3-dropdown-button__menu-trigger--secondary:hover,.g3-dropdown-button__menu-trigger--secondary:hover svg path{border:1px solid var(--g3-secondary-btn__border-color--hover);background-color:var(--g3-secondary-btn__bg-color--hover)}.g3-dropdown-button__button--secondary:active{border:1px solid var(--g3-secondary-btn__border-color--active)}.g3-dropdown-button__button--secondary .g3-button__icon,.g3-dropdown-button__button--secondary .g3-dropdown-button__icon,.g3-dropdown-button__menu-trigger--secondary .g3-dropdown-button__icon{background-color:var(--g3-secondary-btn__color)}.g3-dropdown-button__button--default,.g3-dropdown-button__menu-trigger--default{border:1px solid var(--g3-default-btn__border-color);background-color:var(--g3-default-btn__bg-color);color:var(--g3-default-btn__color);fill:var(--g3-default-btn__color)}.g3-dropdown-button__button--default:hover,.g3-dropdown-button__button--default:hover svg path,.g3-dropdown-button__menu-trigger--default:hover,.g3-dropdown-button__menu-trigger--default:hover svg path{border:1px solid var(--g3-default-btn__border-color--hover);color:var(--g3-default-btn__color--hover);fill:var(--g3-default-btn__color--hover)}.g3-dropdown-button__button--default:active,.g3-dropdown-button__button--default:active svg path{border:1px solid var(--g3-default-btn__border-color--active);color:var(--g3-default-btn__color--active);fill:var(--g3-default-btn__color--active)}.g3-dropdown-button__button--default .g3-button__icon,.g3-dropdown-button__button--default .g3-dropdown-button__icon,.g3-dropdown-button__menu-trigger--default .g3-dropdown-button__icon{background-color:var(--g3-default-btn__color)}.g3-dropdown-button__button--with-split-trigger{border-radius:4px 0 0 4px;width:calc(100% - 30px)}.g3-dropdown-button__button--without-split-trigger{width:100%}.g3-dropdown-button__menu-trigger{height:100%;border-radius:0 4px 4px 0;vertical-align:middle;cursor:pointer;margin:0;border-left:none;width:30px}.g3-dropdown-button__menu-trigger:hover{border-left:none}.g3-dropdown-button__wrapper--disabled .g3-dropdown-button__button,.g3-dropdown-button__wrapper--disabled .g3-dropdown-button__menu-trigger{background-color:var(--g3-disabled-btn__bg-color);color:var(--g3-disabled-btn__color);border:1px solid var(--g3-disabled-btn__border-color);cursor:not-allowed}.g3-dropdown-button__wrapper--disabled .g3-dropdown-button__icon{background-color:var(--g3-disabled-btn__color)}.g3-dropdown-button__wrapper--disabled .g3-dropdown-button__menu-trigger{border-left:none}.g3-dropdown-button__icon--menu-opened{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='m16 10 12 12M16 10 4 22'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='m16 10 12 12M16 10 4 22'/%3E%3C/g%3E%3C/svg%3E")}