.formField__Tooltip{z-index:1000;width:16rem;height:16rem;position:relative}.formField__Tooltip.isOpen .formField__TooltipIcon+.formField__TooltipText,.formField__Tooltip.isOpen .formField__TooltipIcon:before{opacity:1;visibility:visible;transition:opacity .2s,visibility .2s}@media screen and (width>=769px){.formField__Tooltip.isArrowOnBottom .formField__TooltipIcon:before{border-width:0 8px 8px;border-color:#0000 #0000 #aaa;top:auto;bottom:-8px}.formField__TooltipIcon:before,.formField__TooltipText{transition:opacity .2s,visibility .2s}}.formField__Tooltip.isClickOnly{cursor:pointer}.formField__TooltipIcon{text-align:center;color:#fff;z-index:100;background-color:#aaa;border-radius:50%;width:16rem;height:16rem;font-size:10rem;line-height:16rem;display:block;position:relative}.formField__TooltipIcon:before{content:"";opacity:0;visibility:hidden;border:8rem solid #0000;border-top-color:#aaa;border-bottom-width:0;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.formField__TooltipText{color:#fff;opacity:0;visibility:hidden;will-change:opacity;background-color:#aaa;width:250rem;padding:10rem;font-size:14rem;font-weight:400;position:absolute;bottom:100%;right:8rem}.formField__TooltipText:before{content:"";position:absolute;inset:0 0 -24rem}@media screen and (width<=768px){.formField__TooltipText{width:auto;position:fixed;transform:translateY(-100%)translateY(-8rem);bottom:auto!important;left:5rem!important;right:5rem!important}}.checkboxField input{opacity:0;pointer-events:none;position:absolute}.checkboxField input:checked+label:before{opacity:1}.checkboxField input:checked+label:focus:before,.checkboxField.isDisabled{opacity:.5}.checkboxField.isError .checkboxField__Box{border-color:red}.checkboxField.isError .checkboxField__Box:before{background-color:red}.checkboxField.isDark .checkboxField__Box{background-color:#000}.checkboxField.isDark .checkboxField__Box:before{background-color:#fff}.checkboxField__Box{cursor:pointer;border:1px solid #000;outline:0;width:20rem;min-width:20rem;height:20rem;min-height:20rem;position:relative}.checkboxField__Box:before{content:"";opacity:0;will-change:opacity;background-color:#000;transition:opacity .2s,background-color .2s;position:absolute;inset:3px}.checkboxField__Box:focus:before{opacity:.25}.checkboxField__Wrapper{align-items:flex-start;display:flex}.checkboxField__Label{cursor:pointer}.checkboxField__Error,.checkboxField__Label{padding-left:10rem}.checkboxField--Toggle .checkboxField__Box{opacity:1;border-radius:20rem;width:40rem}.checkboxField--Toggle .checkboxField__Box:before{opacity:1;border-radius:50%;width:14rem;height:14rem;transition:transform .2s,opacity .2s;inset:50% auto 2px 2px;transform:translateY(-50%)}.checkboxField--Toggle input:checked+label:before{transform:translate(20rem,-50%)}.textField__Wrapper{background-color:#fff;border:1px solid #000;border-radius:10rem;align-items:center;width:100%;min-height:43rem;display:flex;position:relative}.textField__Wrapper input{border:0;border-radius:10rem;outline:0;width:100%;padding:10rem;font-size:16rem}.textField{position:relative}.isDisabled.textField .textField__Wrapper{background-color:#eee;border-color:#aaa}.isDisabled.textField input{background-color:#eee}.isError.textField .textField__Wrapper{border-color:red}@media screen and (width>=769px){.isInline.textField{align-items:center;display:flex}.isInline.textField .textField__Wrapper{margin:0 0 0 10rem}.isInline.textField .textField__Wrapper+*{margin-left:10rem}}.textField__Prepend{white-space:nowrap;padding-left:10rem}.textField__Append{white-space:nowrap;padding-right:10rem}