@layer components{.btn{height:var(--yds-spacing-48);text-align:center;background:var(--yds-color-action-primary);border:var(--yds-border-md) solid transparent;border-radius:var(--yds-border-radius-full);width:auto;padding:var(--yds-spacing-8) var(--yds-spacing-24);cursor:pointer;-webkit-font-smoothing:antialiased;font-size:var(--yds-typography-font-size-md);font-weight:var(--yds-typography-font-weight-bold);line-height:var(--yds-typography-line-height-150);color:var(--yds-color-text-negative);justify-content:center;align-items:center;font-style:normal;text-decoration:none;display:inline-flex;position:relative}.btn[data-icon-only]{height:var(--yds-spacing-48);width:var(--yds-spacing-48);padding:var(--yds-spacing-4)}.btn.sm{font-size:var(--yds-typography-font-size-sm);min-height:var(--yds-spacing-40);height:var(--yds-spacing-8);padding:4px 14px}.btn.xs{font-size:var(--yds-typography-font-size-xs);min-height:var(--yds-spacing-32);height:var(--yds-spacing-8);padding:4px 10px}.btn[data-size=lg]{padding:var(--yds-spacing-12) var(--yds-spacing-32);height:var(--yds-spacing-56)}.btn[data-size=lg][data-icon-only]{padding:var(--yds-spacing-4);height:var(--yds-spacing-56);width:var(--yds-spacing-56)}.btn[data-size=md]{padding:var(--yds-spacing-8) var(--yds-spacing-24);height:var(--yds-spacing-48)}.btn[data-size=md][data-icon-only]{padding:var(--yds-spacing-4);height:var(--yds-spacing-48);width:var(--yds-spacing-48)}.btn[data-size=sm]{padding:var(--yds-spacing-8) var(--yds-spacing-24);height:40px;font-size:var(--yds-typography-font-size-sm)}.btn[data-size=sm][data-icon-only]{padding:var(--yds-spacing-4);width:40px;height:40px}.btn[data-size=sm] svg{width:20px;height:20px}.btn[data-size=xs]{padding:var(--yds-spacing-4) var(--yds-spacing-16);height:var(--yds-spacing-32);font-size:var(--yds-typography-font-size-xs)}.btn[data-size=xs][data-icon-only]{padding:var(--yds-spacing-4);height:var(--yds-spacing-32);width:var(--yds-spacing-32)}.btn[data-size=xs] svg{width:16px;height:16px}.btn.secondary,.btn[data-variant=secondary]{border:var(--yds-border-md) solid var(--yds-color-border);color:var(--yds-color-text-default);background-color:var(--yds-color-background-input)}.btn.secondary:hover,.btn[data-variant=secondary]:hover{background-color:var(--yds-color-action-secondary)}.btn[data-variant=text]:hover{border:var(--yds-border-md) solid transparent;background:var(--yds-color-action-secondary)}.btn[data-variant=text]{color:var(--yds-color-text-default);background-color:#0000;border-color:#0000}.btn[data-variant=danger]{background-color:var(--yds-color-action-danger-primary);color:var(--yds-color-text-negative);border-color:#0000}.btn[data-variant=danger]:hover{background-color:var(--yds-color-action-danger-primary-variant)}.btn.text{color:var(--yds-color-text-default);background-color:#0000;border-color:#0000}.btn.text:active,.btn.secondary:hover,.btn.text:hover{background-color:var(--yds-color-action-secondary-variant)}.btn:active,.btn:hover{background-color:var(--yds-color-action-primary-variant)}.btn.secondary:active,.btn.text:active,.btn.secondary:hover,.btn.text:hover{background-color:var(--yds-color-action-secondary-variant)}.btn-group{display:flex}.btn-group .btn{flex:1 1 0}.btn-group .btn:not(:first-child).btn:not(:last-child){border-radius:0;margin-right:-1px}.btn-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn[aria-disabled],.btn[disabled],.btn[aria-disabled]:hover,.btn[disabled]:hover{cursor:not-allowed;background-color:var(--yds-color-action-disabled);color:var(--yds-color-text-disabled)}.btn:focus-visible{outline:3px solid var(--yds-color-border-primary-focus);outline-offset:2px}.text-input-label{font-weight:var(--yds-typography-font-weight-bold);margin-bottom:var(--yds-spacing-8);display:block}.date-input,.text-input{background-color:var(--yds-color-background-input);border:2px solid var(--yds-color-border);color:var(--yds-color-text-default);cursor:text;border-radius:8px;outline:none;align-items:center;width:100%;height:48px;padding:16px;font-family:Yle Next,Open Sans,sans-serif;font-size:16px;text-decoration:none}:is(.date-input,.text-input)::placeholder{color:var(--yds-color-text-input-placeholder)}.icon-input{position:relative}.icon-input .icon-input__icon{margin:auto 12px;position:absolute;top:0;bottom:0}.icon-input .icon-input__input{padding-left:48px}.icon-input .icon-input__clear-button{position:absolute;top:50%;right:-12px;transform:translate(-50%,-50%)}.icon-input:hover .icon-input__clear-button{visibility:visible!important}.icon-input:has(.icon-input__input:not(:focus,:active)) .icon-input__clear-button{visibility:hidden}.date-input:focus,.text-input:focus,.date-input:active,.text-input:active{outline:var(--yds-color-border-primary-focus) solid 3px;outline-offset:2px;z-index:1}.date-input[aria-invalid],.text-input[aria-invalid]{border:2px solid var(--yds-color-feedback-error)}.text-input-error-text{color:var(--yds-color-feedback-error);margin-top:var(--yds-spacing-8);min-height:1lh;font-size:14px}.text-input-lite{background:0 0}.text-input-lite:focus,.text-input-lite:active{border-bottom:1px solid var(--yds-color-feedback-highlight);outline:none;margin-bottom:-1px}:is(.text-input-lite:focus,.text-input-lite:active)::selection{background-color:var(--yds-color-blue-10)}@media (prefers-color-scheme:dark){:is(.text-input-lite:focus,.text-input-lite:active)::selection{background-color:var(--yds-color-blue-70)}}.text-input-lite[data-error]{border-bottom:1px solid var(--yds-color-feedback-error)}.switch{appearance:none;background-color:var(--yds-color-background-control);cursor:pointer;border-radius:24px;align-items:center;width:44px;height:24px;margin:0;padding:3px;transition:background-color .15s linear;display:flex;position:relative}.switch:before{content:"";background-color:var(--yds-color-text-negative);border-radius:19px;width:18px;height:18px;transition:transform .15s cubic-bezier(.41,0,.24,1);position:absolute}.switch:checked{background-color:var(--yds-color-feedback-highlight)}.switch:checked:before{transform:translate(20px)}.switch[data-size=sm]{width:36px;height:18px}.switch[data-size=sm]:before{width:14px;height:14px}.switch[data-size=sm]:checked:before{transform:translate(16px)}.text-input[disabled]{color:var(--yds-color-text-disabled);border:2px solid var(--yds-color-border-disabled)}.switch[disabled]{background-color:var(--yds-color-background-control-disabled)}}body{background:var(--yds-color-background-variant);width:100vw;height:100vh;color:var(--yds-color-text-default);flex-direction:column;margin:0;padding:0;font-family:Yle next,Open Sans,sans serif;display:flex}.login{width:100%;max-width:832px;height:80vh;max-height:570px;box-shadow:var(--yds-shadow-sm);border-radius:16px;flex-direction:row;margin:4em auto auto;display:flex}.login__left{background:#fff url(./bg-choice-login-Cb7bqB7c.jpg) 0 0/100%;border-radius:16px 0 0 16px;width:50%;display:block}.login__right{background:var(--yds-color-background);border-radius:0 16px 16px 0;justify-content:center;align-items:center;width:50%;display:flex}.login__right__content{flex-direction:column;justify-content:center;align-items:stretch;max-width:275px;display:flex}@media only screen and (width<=832px){.login__left{display:none}.login__right{border-radius:16px;width:100%}}.sign-in-button-dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;display:none}@media (prefers-color-scheme:dark){.sign-in-button-light{display:none}.sign-in-button-dark{display:block}}