.InputGroup{flex-direction:column;gap:10px;margin:5px;display:flex}.InputGroupColumn{text-align:center;flex-direction:column;justify-content:center;place-items:center;gap:10px;margin:5px;display:flex}.InputGroupRow{flex-direction:row;justify-content:center;gap:10px;margin:5px;display:flex}.InputGroupTitle{color:var(--primary-color);margin:15px 0 0;font-size:1rem;font-weight:700}.InputGroup label,.InputGroupColumn label,.InputGroupRow label{color:var(--highlight-color);font-size:.9rem;font-weight:700;line-height:1.2rem}.InputGroupInlineHelp{width:100%;margin:5px;font-size:1rem;line-height:1.1rem}.InputGroupMetadata{list-style-type:disc;list-style:circle var(--highlight-color);margin:0;padding:0;font-size:1rem;line-height:1.1rem}.InputGroupMetadata>div{flex-direction:row;justify-content:left;line-height:1.4rem;list-style-type:none;display:flex}.InputGroupMetadata label{color:var(--highlight-color);box-sizing:border-box;white-space:nowrap;text-align:left;width:160px;max-width:120px}.InputGroupMetadata .Value{box-sizing:border-box;max-width:270px;max-height:40px;margin:0;padding:0;display:block;text-overflow:ellipsis!important;overflow:hidden!important}.InputGroupMetadata .Clipboard{cursor:pointer;border:2px solid #0000;border-radius:6px}.InputGroupMetadata .Clipboard:hover{border:2px solid #96ff9680!important}.InputGroupMetadata .Clipboard:active{background-color:#96ff9680!important}.InputText{border:none;width:100%;display:block}.InputText .ButtonIconBlank{position:relative;top:-28px;left:140px}.InputText .ButtonIconBlank:active{color:var(--highlight-color)}.InputText.small{min-width:50px;max-width:100px}.InputText.medium{min-width:220px;max-width:300px}.InputText.large{min-width:250px;max-width:300px}.InputText.full{min-width:100%;max-width:100%}.InputText>input{box-sizing:border-box;border:solid 1px var(--primary-color);background-color:var(--background-color);height:32px;color:var(--primary-color);border-radius:var(--area-small-border-radius);-webkit-appearance:none;-moz-appearance:none;width:100%;margin:auto;padding:2px 8px;font-size:1rem;line-height:1rem}.InputText>input::placeholder{color:var(--secondary-color)}.InputText>input:focus{border:solid 1px var(--highlight-color);outline:none}.InputText.disabled>input{color:var(--secondary-color);background-color:#0000!important}.InputText label{text-align:left}.InputSelect{flex-direction:column;display:flex;position:relative}.InputSelect>select:focus{border:solid 1px var(--highlight-color)}.InputSelect>select{box-sizing:border-box;min-width:55px;color:var(--primary-color);text-overflow:ellipsis;appearance:none;background-color:var(--background-color);border:solid 1px var(--secondary-light-color);border-radius:var(--area-small-border-radius);background-position:right 7px center;outline:none;margin:0;padding:2px 25px 2px 8px;font-size:1rem;line-height:1rem;display:flex;height:32px!important}.InputSelect>select:disabled{color:var(--secondary-color);background-color:#0000}.InputSelect .InputSelectIcon{pointer-events:none;position:absolute;right:8px;transform:translateY(25px)}.InputSelect.NoLabel .InputSelectIcon{pointer-events:none;position:absolute;right:8px;transform:translateY(8px)}.InputSelect .InputSelectIcon i.icon{color:var(--highlight-color);font-size:1rem}.InputSelect.medium{min-width:260px;max-width:300px}.InputSelect label{text-align:left}.ButtonContainer{max-width:300px;display:inline-block}.ButtonContainer.Flex{justify-content:center;place-items:center;gap:5px;width:100%;max-width:100%;display:flex}.Button{box-sizing:border-box;border:solid 1px var(--primary-color);background:var(--primary-color);min-width:50px;height:35px;color:var(--primary-color-inverted);border-radius:25px;justify-content:center;align-items:center;gap:10px;margin:auto;padding:5px 15px;font-size:1rem;font-weight:700;line-height:1.2rem;display:flex;cursor:pointer!important}.Button .icon{margin-left:-5px;font-size:1.4rem}.ButtonLink,.LinkedButton{text-decoration:none}.Button .Icon{margin-left:-5px;margin-right:10px;fill:var(--primary-color-inverted)!important}.Button:hover{background:var(--highlight-color);color:var(--highlight-color-inverted);border:solid 1px var(--highlight-color);transform:scale(1.05)}.Button:hover .Icon{fill:var(--primary-color-inverted)!important}.Button.medium{min-width:150px}.Button.large{min-width:200px}.ButtonBlank{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.ButtonBlank *{cursor:pointer}.ButtonIconBlank{cursor:pointer;width:20px;height:20px;color:var(--primary-color);background:0 0;border:none;justify-content:center;place-items:center;margin:0;padding:0}.ButtonIconBlank .icon{font-size:1.4rem;display:block}.ButtonIconBlank:hover{color:var(--highlight-color);transform:scale(1.05)}.ButtonIconBlank.Large{width:30px;height:30px}.ClipboardButton{background-color:var(--primary-color);width:30px;height:28px;color:var(--background-color);cursor:pointer;border:none;border-radius:7px;position:relative;top:-30px;left:calc(100% - 40px)!important}.ClipboardButton:hover{background-color:var(--highlight-color);color:var(--highlight-color-inverted)}.ClipboardButton:active{background-color:var(--color-success)}.ClipboardButtonCodeExample{z-index:10;cursor:pointer;border:none;position:sticky;top:10px;left:calc(100% - 75px)}.ButtonDanger{color:var(--highlight-color-inverted);background-color:#9f2323;border:1px solid #9f2323}.ButtonDanger:hover{color:var(--highlight-color-inverted);background-color:#ea3333;border:1px solid #ea3333}.ButtonWarning{color:var(--highlight-color-inverted);background-color:#d65d00;border:1px solid #d65d00}.ButtonWarning:hover{color:var(--highlight-color-inverted);background-color:#ff8c00;border:1px solid #ff8c00}.CheckboxContainer{flex-direction:column;justify-content:center;display:flex}.CheckboxContainer label,.CheckboxContainer label *{font-size:1rem;font-weight:400}.Checkbox input{width:1rem;height:1rem;margin:1px 5px 0 0;font-size:1rem;display:inline-block}
