.app-select-with-field{font-family:Inter;position:relative;width:100%;z-index:2}.app-select-with-field.--open{z-index:3}.app-select-with-field.--open .app-select-with-field__key:after{-webkit-transform:rotateX(160deg);-moz-transform:rotateX(160deg);transform:rotateX(160deg)}.app-select-with-field.--open .app-select-with-field__dropdown{display:block}.app-select-with-field.--disabled{opacity:.6;pointer-events:none}.app-select-with-field.--with-tip{padding-right:20px}.app-select-with-field__selected{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.app-select-with-field__key,.app-select-with-field__val{background-color:#2d3748;border:1px solid rgba(228,231,234,.2);color:#fff;cursor:pointer;padding:9px 24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:992px){.app-select-with-field__key,.app-select-with-field__val{cursor:pointer}}.app-select-with-field__val{min-width:39%;padding:9px 12px;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (min-width:768px){.app-select-with-field__val{min-width:28%;width:-webkit-max-content;width:-moz-max-content;width:max-content}}.app-select-with-field__key{margin-right:16px;overflow:hidden;padding:9px 10px 9px 24px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:54%}@media (min-width:768px){.app-select-with-field__key{width:-webkit-min-content;width:-moz-min-content;width:min-content}}.app-select-with-field__key:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;content:"";height:0;left:8px;position:absolute;top:21px;-webkit-transition:border-color .3s ease-in-out,-webkit-transform .3s;transition:border-color .3s ease-in-out,-webkit-transform .3s;-moz-transition:transform .3s,border-color .3s ease-in-out,-moz-transform .3s;transition:transform .3s,border-color .3s ease-in-out;transition:transform .3s,border-color .3s ease-in-out,-webkit-transform .3s,-moz-transform .3s;width:0}.app-select-with-field__key span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.app-select-with-field__dropdown{background-color:#fff;border-left:4px solid #4fd1c5;border-top:0;-webkit-box-shadow:0 10px 20px rgba(167,176,195,.5);box-shadow:0 10px 20px rgba(167,176,195,.5);color:#2d3748;display:none;left:-19px;max-height:450px;overflow:hidden;position:absolute;right:-19px;top:-35px;z-index:5}@media (min-width:768px){.app-select-with-field__dropdown{right:0}}.app-select-with-field__header{background:#e4e7ea;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:10px;font-weight:500;line-height:16px;padding:6px 44px;text-transform:uppercase}.app-select-with-field__header-key-name{padding-right:25px;position:relative;width:40%}.app-select-with-field__header-key-name:after{border-bottom:5px solid #2d3748;border-left:4px solid transparent;border-right:4px solid transparent;content:"";height:0;left:-17px;position:absolute;top:6px;-webkit-transition:border-color .3s ease-in-out,-webkit-transform .3s;transition:border-color .3s ease-in-out,-webkit-transform .3s;-moz-transition:transform .3s,border-color .3s ease-in-out,-moz-transform .3s;transition:transform .3s,border-color .3s ease-in-out;transition:transform .3s,border-color .3s ease-in-out,-webkit-transform .3s,-moz-transform .3s;width:0}.app-select-with-field__header-val-name{width:60%}.app-select-with-field__items{font-size:14px;font-weight:400;line-height:22px;max-height:395px;overflow-y:auto;padding:0 30px 10px}@media (min-width:768px){.app-select-with-field__items{padding:0 45px 10px}}@media (min-width:992px){.app-select-with-field__items{scrollbar-color:#088a7e transparent;scrollbar-width:thin}.app-select-with-field__items::-webkit-scrollbar-track{background-color:transparent}.app-select-with-field__items::-webkit-scrollbar{background-color:transparent;border-radius:0;width:4px}.app-select-with-field__items::-webkit-scrollbar-thumb{background-color:#088a7e;border-radius:0;width:4px}}.app-select-with-field__item{border-bottom:1px solid #e4e7ea;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:992px){.app-select-with-field__item{-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}}.app-select-with-field__item.--disabled{color:#8391a4;opacity:.6;pointer-events:none}.app-select-with-field__item.--active{color:#4fd1c5;pointer-events:none}.app-select-with-field__item.--multiply{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:576px){.app-select-with-field__item.--multiply{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.app-select-with-field__item.--multiply .app-select-with-field__item-val{padding-left:20px;width:100%}@media screen and (min-width:576px){.app-select-with-field__item.--multiply .app-select-with-field__item-val{padding-left:0;width:60%}}.app-select-with-field__item.--placeholder{color:dark-grey-color;pointer-events:none}.app-select-with-field__item-key{font-size:15px;font-weight:700;padding-right:25px;width:40%}.app-select-with-field__item-val{gap:20px;width:60%}.app-select-with-field__item-position{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100px 1fr}.app-select-with-field__item-position:hover{color:#4fd1c5}.app-select-with-field__item-position div{white-space:nowrap}.app-select-with-field .info-tooltip{height:15px;position:absolute;right:0;top:0;width:15px;z-index:2}.app-select-with-field .info-tooltip:hover .info-tooltip__modal{-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}@media (min-width:768px){.app-select-with-field .info-tooltip:hover .info-tooltip__modal{-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}.app-select-with-field .info-tooltip__modal{left:auto;right:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (min-width:768px){.app-select-with-field .info-tooltip__modal{left:50%;right:0;-webkit-transform:translateY(10px) translateX(-50%);-moz-transform:translateY(10px) translateX(-50%);-ms-transform:translateY(10px) translateX(-50%);transform:translateY(10px) translateX(-50%)}}.app-select-with-field .info-tooltip__modal:before{left:auto;right:3px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (min-width:768px){.app-select-with-field .info-tooltip__modal:before{left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.app-select-with-field:lang(es-es){font-family:Noto Sans Display}.rtl .app-select-with-field__key{margin-left:16px;margin-right:0}