.oui-button{min-width:calc(var(--gap)*12);border:.0625rem solid var(--borderColor);border-radius:var(--borderRadius);cursor:pointer;font-family:inherit;padding:0;white-space:nowrap}.oui-button.disabled,.oui-button.is-loading{cursor:not-allowed;opacity:.5}.oui-button.is-loading .spinner div{margin:auto}.oui-button.small{font-size:.75rem;font-weight:700;line-height:calc(var(--gap)*3.75);padding:0 var(--gap)}.oui-button.small.is-loading>div{max-height:calc(var(--gap)*3.75)}.oui-button.small.is-loading .spinner{top:calc(var(--gap)*-3.3);width:calc(var(--gap)*2.5);height:calc(var(--gap)*2.5)}.oui-button.small.is-loading .spinner div{width:calc(var(--gap)*2);height:calc(var(--gap)*2)}.oui-button.medium{font-size:.875rem;font-weight:700;line-height:calc(var(--gap)*4.75);padding:0 calc(var(--gap)*2)}.oui-button.medium.is-loading>div{max-height:calc(var(--gap)*4.75)}.oui-button.medium.is-loading .spinner{top:calc(var(--gap)*-4.1)}.oui-button.medium.is-loading .spinner,.oui-button.medium.is-loading .spinner div{width:calc(var(--gap)*3.5);height:calc(var(--gap)*3.5)}@media(max-width:30rem){.oui-button.medium.is-loading .spinner{top:calc(var(--gap)*-3.1);width:calc(var(--gap)*2.5);height:calc(var(--gap)*2.5)}.oui-button.medium.is-loading .spinner div{width:calc(var(--gap)*2);height:calc(var(--gap)*2);border-width:calc(var(--gap)*.3)}}.oui-button.large{font-size:1rem;font-weight:700;line-height:calc(var(--gap)*7.75);padding:0 calc(var(--gap)*2)}.oui-button.large.is-loading>div{max-height:calc(var(--gap)*7.75)}.oui-button.large.is-loading .spinner{top:calc(var(--gap)*-6.9);width:calc(var(--gap)*6);height:calc(var(--gap)*6);display:flex;align-items:center}.oui-button.large.is-loading .spinner>div{width:calc(var(--gap)*5);height:calc(var(--gap)*5)}@media(max-width:30rem){.oui-button.medium{font-size:.75rem;font-weight:700;line-height:calc(var(--gap)*3.75);padding:0 var(--gap)}.oui-button.medium.is-loading>div{max-height:calc(var(--gap)*3.75)}.oui-button.large{font-size:.875rem;font-weight:700;line-height:calc(var(--gap)*4.75);padding:0 calc(var(--gap)*2)}.oui-button.large.is-loading>div{max-height:calc(var(--gap)*4.75)}}.oui-button.large:has(a),.oui-button.medium:has(a),.oui-button.small:has(a),.oui-button:has(a){padding:0}.oui-button a{display:inline-block;vertical-align:middle;color:inherit;text-decoration:none;font-size:.75rem;font-weight:700;line-height:calc(var(--gap)*3.75);padding:0 var(--gap)}.oui-button a.is-loading>div{max-height:calc(var(--gap)*3.75)}.oui-button.small a{font-size:.75rem;font-weight:700;line-height:calc(var(--gap)*3.75);padding:0 var(--gap)}.oui-button.small a.is-loading>div{max-height:calc(var(--gap)*3.75)}.oui-button.medium a{font-size:.875rem;font-weight:700;line-height:calc(var(--gap)*4.75);padding:0 calc(var(--gap)*2)}.oui-button.medium a.is-loading>div{max-height:calc(var(--gap)*4.75)}@media(max-width:30rem){.oui-button.medium a{font-size:.75rem;font-weight:700;line-height:calc(var(--gap)*3.75);padding:0 var(--gap)}.oui-button.medium a.is-loading>div{max-height:calc(var(--gap)*3.75)}}.oui-button.large a{font-size:1rem;font-weight:700;line-height:calc(var(--gap)*7.75);padding:0 calc(var(--gap)*2)}.oui-button.large a.is-loading>div{max-height:calc(var(--gap)*7.75)}@media(max-width:30rem){.oui-button.large a{font-size:.875rem;font-weight:700;line-height:calc(var(--gap)*4.75);padding:0 calc(var(--gap)*2)}.oui-button.large a.is-loading>div{max-height:calc(var(--gap)*4.75)}}.oui-button.primary{color:var(--primaryTextColor);background-color:var(--primaryColor);border-color:var(--primaryColor)}.oui-button.primary:hover{background-color:var(--primaryHoverColor);border-color:var(--primaryHoverColor)}.oui-button.secondary{color:var(--secondaryTextColor);background-color:var(--secondaryColor);border-color:var(--secondaryTextColor)}.oui-button.secondary:hover{border-color:var(--secondaryHoverColor);color:var(--secondaryHoverColor)}.oui-button.text{color:var(--linkColor);background-color:inherit;border:none}.oui-button.text:hover{color:var(--linkHoverColor)}.oui-button.is-loading{vertical-align:middle;cursor:not-allowed;opacity:.5;color:rgba(0,0,0,0)}.oui-button.is-loading:hover{color:rgba(0,0,0,0)}.oui-button.is-loading span{display:inline-block}.oui-button.is-loading .spinner{margin:auto;position:relative;display:flex;align-items:center}.oui-button.is-loading .spinner.primary{background-color:rgba(0,0,0,0)}.oui-input-container{display:inline-flex}.oui-input-container.hidden{display:none}.oui-input-container.left-label{align-items:center;flex-flow:row wrap}.oui-input-container.left-label label{margin-right:var(--gap)}.oui-input-container.left-label .oui-input-error{flex-basis:100%}.oui-input-container.top-label{flex-direction:column}.oui-input-container.top-label label{margin-left:.125rem;margin-bottom:var(--gap)}.oui-input-container.dynamic-label{flex-direction:column;gap:var(--gap)}.oui-input-container.dynamic-label label{position:relative;transition:all .25s ease-in-out;margin-left:.125rem;background-color:var(--secondaryColor);width:-moz-fit-content;width:fit-content;cursor:text;top:0;left:0}.small .oui-input-container.dynamic-label label{font-size:.75rem}.oui-input-container.dynamic-label:has(input:placeholder-shown) label{display:inline-block;top:calc(var(--gap)*4.75);left:calc(var(--gap)*2);z-index:1;background:rgba(0,0,0,0)}[dir=rtl] .oui-input-container.dynamic-label:has(input:placeholder-shown) label{right:calc(var(--gap)*2);left:0}.oui-input-container.dynamic-label:has(input:placeholder-shown).small label{top:calc(var(--gap)*4.25);left:var(--gap)}.oui-input-container.dynamic-label:has(input:placeholder-shown).large label{top:calc(var(--gap)*6.5)}.oui-input-container.dynamic-label input::placeholder{display:none!important;visibility:hidden!important}.oui-input-container .input-wrapper{position:relative}.oui-input-container .input-wrapper input{width:100%}.oui-input-container input{border:.0625rem solid var(--borderColor);border-radius:calc(var(--borderRadius)*.5);background-color:var(--secondaryColor);color:var(--textColor);padding:var(--gap);font-family:inherit}.oui-input-container input:active,.oui-input-container input:focus,.oui-input-container input:focus-visible{outline:.125rem solid var(--borderColorAccent)}.oui-input-container.small label{font-size:.75rem}.oui-input-container.small input{font-size:.75rem;height:calc(var(--gap)*4);padding:0 var(--gap)}.oui-input-container.medium label{font-size:.875rem}.oui-input-container.medium input{font-size:.875rem;height:calc(var(--gap)*5);padding:0 calc(var(--gap)*2)}.oui-input-container.large label{font-size:1rem}.oui-input-container.large input{font-size:1rem;height:calc(var(--gap)*8);padding:0 calc(var(--gap)*2)}.oui-input-container.large .password-hidden,.oui-input-container.large .password-shown{background-size:calc(var(--gap)*4)}.oui-input-container.error label{color:var(--errorColor)}.oui-input-container.error input{border-color:var(--errorColor);outline:.125rem solid var(--errorColor);color:var(--errorColor)}.oui-input-container .oui-input-error{color:var(--errorColor);font-size:.75rem;margin:calc(var(--gap)*.5)}.oui-input-container .password-hidden,.oui-input-container .password-shown{position:absolute;top:0;right:0;width:calc(var(--gap)*5);height:100%;background-position:50%;background-repeat:no-repeat;cursor:pointer}[dir=rtl] .oui-input-container .password-hidden,[dir=rtl] .oui-input-container .password-shown{right:auto;left:0}.oui-input-container .password-hidden{background-image:url(https://auth-statics.operacdn.com/new_frontend/_next/static/media/hidden.203d2ca1.svg)}.oui-input-container .password-shown{background-image:url(https://auth-statics.operacdn.com/new_frontend/_next/static/media/shown.cc302640.svg)}.system-notification{padding:var(--gap) calc(var(--gap)*2);color:var(--primaryTextColor);align-items:center;justify-content:center;font-size:.6875rem}.system-notification.full{width:100%;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10;cursor:pointer;background-image:url(https://auth-statics.operacdn.com/new_frontend/_next/static/media/close-white.381180a6.svg);background-repeat:no-repeat;background-size:.625rem;background-position:right calc(var(--gap)*2) center}[dir=rtl] .system-notification.full{background-position:left calc(var(--gap)*2) center}.system-notification.auto{width:auto;display:inline-flex;border-radius:var(--borderRadius)}.system-notification.error{background-color:var(--errorColor)}.system-notification.success{background-color:var(--successColor)}.system-notification.info{background-color:var(--white);color:var(--black);border:.0625rem solid var(--borderColor)}.oui-select select{border:.0625rem solid var(--borderColor);border-radius:calc(var(--borderRadius)*.5);font-family:inherit;background-color:var(--secondaryColor);color:var(--textColor)}.oui-select select:focus{outline:none;border-color:var(--borderColorAccent)}.oui-select.small select{font-size:.75rem;height:calc(var(--gap)*4);padding:0 var(--gap)}.oui-select.medium select{font-size:.875rem;height:calc(var(--gap)*5);padding:0 calc(var(--gap)*2)}.oui-select.large select{font-size:1rem;height:calc(var(--gap)*8);padding:0 calc(var(--gap)*2)}.oui-select.disabled select{cursor:not-allowed}.oui-select.error label{color:var(--errorColor)}.oui-select.error select{border-color:var(--errorColor);outline:.125rem solid var(--errorColor)}.oui-select-error{color:var(--errorColor);font-size:.75rem;margin:calc(var(--gap)*.5)}img{max-width:100%;height:auto;display:block}*{box-sizing:border-box}a{color:var(--linkColor)}a:hover{color:var(--linkHoverColor)}.oui-fancy-select{position:relative;width:calc(var(--gap)*22);height:calc(var(--gap)*5);max-width:100%;overflow:visible}@media(min-width:52.5rem){.oui-fancy-select{width:calc(var(--gap)*25);height:calc(var(--gap)*6)}}.oui-fancy-select.disabled{cursor:not-allowed}.oui-fancy-select.disabled li:after{display:none}.oui-fancy-select.disabled li:hover{background:inherit;color:inherit}.oui-fancy-select ul{display:grid;position:absolute;bottom:0;right:0;z-index:2;list-style:none;padding:0;margin:0;width:100%;transition:all .3s;overflow:hidden;border-radius:calc(var(--borderRadius)*1.5);background:var(--bgTertiaryColor);font-size:.75rem;max-height:calc(var(--gap)*6)}@media(max-width:52.5rem){.oui-fancy-select ul{font-size:.6875rem}}.oui-fancy-select ul li{align-self:center;height:calc(var(--gap)*6);padding:0 calc(var(--gap)*2);align-items:center;justify-content:center;white-space:nowrap;text-transform:uppercase;cursor:pointer;color:var(--headerColor);background:var(--bgTertiaryColor);display:none;transition:all .3s}@media(max-width:52.5rem){.oui-fancy-select ul li{padding:0 var(--gap);height:calc(var(--gap)*5)}}.oui-fancy-select ul li.selected{font-weight:700;position:relative;display:flex}.oui-fancy-select ul li.selected:after{content:"";position:absolute;width:0;height:0;right:calc(var(--gap)*2.5);top:calc(50% - var(--gap)/2);border-left:var(--gap) solid rgba(0,0,0,0);border-right:var(--gap) solid rgba(0,0,0,0);border-top:var(--gap) solid var(--headerColor);border-bottom:0}.oui-fancy-select ul li.selected:hover:after{border-top:0;border-bottom:var(--gap) solid var(--primaryTextColor)}.oui-fancy-select ul li:hover{background:var(--primaryHoverColor);color:var(--primaryTextColor)}.oui-fancy-select ul.visible{border:.0625rem solid var(--borderAccentColor);max-height:125vh}.oui-fancy-select ul.visible li{display:flex}.oui-fancy-select ul.visible li.selected:not(:hover){background:var(--bgSecondaryColor)}.oui-fancy-select ul.visible li.selected:after{border-left:var(--gap) solid rgba(0,0,0,0);border-right:var(--gap) solid rgba(0,0,0,0);border-bottom:var(--gap) solid var(--textColor);border-top:0}.oui-fancy-select ul.visible li.selected:hover:after{border-bottom:0;border-top:var(--gap) solid var(--primaryTextColor)}