.ui-btn{--ui-btn-bg:transparent;--ui-btn-color:#002238;--ui-btn-border:#002238;--white:#fff;--primary:#002238;--primary-2:#7fbff5;--primary-hover:#005bab;align-items:center;background:var(--ui-btn-bg);border:1px solid var(--ui-btn-border);color:var(--ui-btn-color);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;position:relative;text-decoration:none;transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,opacity .4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.ui-btn.ui-btn--md{border-radius:24px;font-size:14px;line-height:1.2;padding:12px 16px}.ui-btn.ui-btn--xs{border-radius:20px;font-size:12px;line-height:1.2;padding:8px 12px}.ui-btn.ui-btn--xl{border-radius:26px;font-size:16px;line-height:1.25;padding:16px 20px}.ui-btn.ui-btn--block{display:flex;width:100%}.ui-btn.ui-btn--primary.ui-btn--solid{--ui-btn-bg:var(--primary);--ui-btn-color:#fff;--ui-btn-border:var(--primary)}.ui-btn.ui-btn--primary.ui-btn--solid:hover{--ui-btn-bg:var(--primary-2);--ui-btn-border:var(--primary-2);--ui-btn-color:#fff}.ui-btn.ui-btn--primary.ui-btn--solid:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06);outline:none}.ui-btn.ui-btn--primary.ui-btn--solid:active{filter:brightness(.95)}.ui-btn.ui-btn--primary.ui-btn--outline{--ui-btn-bg:transparent;--ui-btn-color:var(--primary);--ui-btn-border:var(--primary)}.ui-btn.ui-btn--primary.ui-btn--outline:hover{--ui-btn-bg:var(--primary-hover);--ui-btn-border:var(--primary-hover);color:var(--white)}.ui-btn.ui-btn--primary.ui-btn--outline:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06);outline:none}.ui-btn.ui-btn--primary.ui-btn--outline:active{filter:brightness(.98)}.ui-btn.is-disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.ui-btn.is-loading{pointer-events:none}.ui-btn .ui-btn__content{align-items:center;display:inline-flex;gap:8px}.ui-btn.is-loading .ui-btn__content{display:none}.ui-btn .ui-btn__spinner{animation:ui-btn-spin .65s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:none;height:1em;width:1em}.ui-btn.is-loading .ui-btn__spinner{display:inline-block}.ui-btn-wrap{align-items:center;display:inline-flex;position:relative}.ui-btn-wrap .ui-btn.is-loading+.ui-btn__spinner{display:inline-block;margin-left:8px}.ui-btn-wrap .ui-btn.is-loading{caret-color:transparent;color:transparent}@keyframes ui-btn-spin{to{transform:rotate(1turn)}}.form-input-group .error-message{color:#e56c5c}.form-input-group.error input,.form-input-group.error textarea{border:1px solid #e56c5c}.form-input-group .input.has-floating-placeholder{position:relative}.form-input-group .input.has-floating-placeholder input::-moz-placeholder{color:transparent}.form-input-group .input.has-floating-placeholder input:-ms-input-placeholder{color:transparent}.form-input-group .input.has-floating-placeholder input::placeholder{color:transparent}.form-input-group .input.has-floating-placeholder .floating-placeholder{background:transparent;color:#7a7a7a;font-size:14px;left:10px;line-height:1;padding:0 2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease;z-index:1}.form-input-group .input.has-floating-placeholder input{padding:20px 10px 4px}.form-input-group .input.has-floating-placeholder input:not(:-moz-placeholder-shown)+.floating-placeholder,.form-input-group .input.has-floating-placeholder textarea:not(:-moz-placeholder-shown)+.floating-placeholder{background:#fff;font-size:12px;padding:0 2px;top:6px;transform:none}.form-input-group .input.has-floating-placeholder input:not(:-ms-input-placeholder)+.floating-placeholder,.form-input-group .input.has-floating-placeholder textarea:not(:-ms-input-placeholder)+.floating-placeholder{background:#fff;font-size:12px;padding:0 2px;top:6px;transform:none}.form-input-group .input.has-floating-placeholder input:not(:placeholder-shown)+.floating-placeholder,.form-input-group .input.has-floating-placeholder textarea:not(:placeholder-shown)+.floating-placeholder,.form-input-group .input.has-floating-placeholder:focus-within .floating-placeholder{background:#fff;font-size:12px;padding:0 2px;top:6px;transform:none}.form-input-group.error .input.has-floating-placeholder input:not(:-moz-placeholder-shown)+.floating-placeholder,.form-input-group.error .input.has-floating-placeholder textarea:not(:-moz-placeholder-shown)+.floating-placeholder{color:#e56c5c}.form-input-group.error .input.has-floating-placeholder input:not(:-ms-input-placeholder)+.floating-placeholder,.form-input-group.error .input.has-floating-placeholder textarea:not(:-ms-input-placeholder)+.floating-placeholder{color:#e56c5c}.form-input-group.error .input.has-floating-placeholder input:not(:placeholder-shown)+.floating-placeholder,.form-input-group.error .input.has-floating-placeholder textarea:not(:placeholder-shown)+.floating-placeholder,.form-input-group.error .input.has-floating-placeholder:focus-within .floating-placeholder{color:#e56c5c}.typography ul{margin:0 0 1rem 1.6rem;padding:0}.typography ul,.typography ul li{list-style-position:outside;list-style-type:disc}.susbscription-cancel-form .form-container{width:100%}@media only screen and (min-width:992px){.susbscription-cancel-form .form-container{margin-left:auto;margin-right:auto;width:50%}}
.form-input-group-tooltip .tooltip-text{background:#fff;border-radius:12px;box-shadow:0 4px 20px 0 #52535326;left:50%;opacity:0;padding:15px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:250px;z-index:12}.form-input-group-tooltip .tooltip-text.is-visible{opacity:1;pointer-events:auto;visibility:visible}.form-input-group-tooltip .tooltip-text:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}@media(min-width:992px){.form-input-group-tooltip .tooltip-text{left:30px;top:50%;transform:translateY(-50%)}.form-input-group-tooltip .tooltip-text:before{border-bottom:8px solid transparent;border-left:0;border-right:8px solid #fff;border-top:8px solid transparent;left:-8px;top:50%;transform:translateY(-50%)}}
