:root{--red: red;--light-blue: red;--green: red;--dark-blue: red;--placeholder: #A8A8A8;--field-border: #868AA0;--interactive: #333F96;--warning: #D03918;--warning-background: #FCF0ED;--info: #498ED4;--info-background: #EBF2FB;--primary: #060F3E;--field-grey: #F7F7F9;--success: #0d9e79;--success-background: #e5f5f0;--interactive-hover: #263377;--selected: #007986;--selected-background: #e3f4f6;--error-default: #d72100;--error-background: #fdefec}html{font-size:clamp(7px,1.6vw,10px);min-width:100vw;min-height:100vh}*{box-sizing:border-box;font-family:"Work Sans",sans-serif}body{margin:0;display:flex;background-position:50% 50%;background-size:cover;color:var(--primary);line-height:1;min-width:100vw;min-height:100vh;font-weight:400}.login-panel{width:658px;background:url(../images/background.svg) 0 50% no-repeat;background-size:100% 100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;padding:50px 70px;position:relative;filter:drop-shadow(5px 0 10px rgba(0, 0, 0, 0.5));gap:20px;transition:.5s ease}.login-panel>*{z-index:1;max-width:452px}.login-panel:before,.login-panel:after{content:"";display:block;position:absolute;left:36px;top:38px;width:96px;height:260px;background:url(../images/dots-down.svg) 0 0 no-repeat;background-size:contain;z-index:0}.login-panel:after{left:unset;right:80px;top:unset;bottom:20px;transform:rotate(180deg)}.login-panel-right{width:calc(100% - 658px)}.login-logo img{max-width:80%}#newbook_spotlight{position:absolute;bottom:0;right:1rem;font-weight:bold;color:#fff}#newbook_spotlight a{color:#fff}@media(max-height: 1332px){.login-panel{background-size:100% 1332px}}@media(max-width: 1024px){#newbook_spotlight{display:none}}@media(max-width: 726px){.login-panel:before,.login-panel:after{width:13vw}.login-panel:after{right:36px}.login-panel{background-size:117% 100%;padding-left:clamp(10px,5vw,70px);padding-right:clamp(10px,5vw,70px);width:100vw}.login-panel-right{width:0px}}.newbook_message{border:1px solid;border-radius:.5em;padding:2rem;backdrop-filter:blur(10px);margin-bottom:2rem;line-height:1.2;font-size:1.5rem}.newbook_message .nb-header{display:inline-block;font-size:1.6rem;line-height:2.1rem;margin-bottom:.8rem;margin-left:1rem}.newbook_message .message_icon{font-size:2.1rem !important}.newbook_message .note_output{margin:0}.newbook_message .note_output .field{font-weight:bold}.newbook_message.error{border-color:var(--error-default);background:var(--error-background)}.newbook_message.error i{color:var(--error-default)}.newbook_message.plain{border-color:var(--info);background:var(--info-background)}.newbook_message.plain i{color:var(--info)}.newbook_message.good{border-color:var(--success);background:var(--success-background)}.newbook_message.good i{color:var(--success)}.newbook_message.warning{border-color:var(--warning);background:var(--warning-background)}.newbook_message.warning i{color:var(--warning)}form{display:flex;gap:1.5rem;flex-direction:column}.small_selector{display:flex;background:#fff;color:var(--interactive);overflow:hidden;margin:0;padding:0;list-style:none;flex-grow:1}.small_selector li{display:flex;flex-grow:1}.small_selector li a{display:flex;flex-grow:1;justify-content:center;gap:1rem;font-size:1.6rem;align-items:center;line-height:1;transition:.2s ease;cursor:pointer;min-height:5rem;border:1px solid var(--field-border);border-right:0;border-radius:0}.small_selector li a i{font-size:1.8rem !important}.small_selector li a.selected{background:var(--selected-background);border-color:var(--selected);color:var(--selected)}.small_selector li:first-child a{border-radius:.5rem 0 0 .5rem}.small_selector li:last-child a{border-radius:0 .5rem .5rem 0;border-right:1px solid}.form-field{position:relative}.form-field.invisible{visibility:hidden}.form-field input{display:flex;border:1px solid var(--field-border);border-radius:0 .5rem .5rem 0;background:unset;padding:1.5rem;font-size:1.6rem;color:var(--primary);background:#fff;flex-grow:1;border-left:unset}.form-field input::placeholder{color:var(--placeholder);opacity:100%}.form-field input:focus-visible{outline:1px solid var(--selected)}.form-field>label{width:100%;font-size:1.6rem;padding-bottom:.4rem}.form-field>label .required_mark{display:none}.form-field.form-field__login-code input{border-radius:0}.form-field{display:flex;flex-wrap:wrap}.form-field .icon_label{font-size:2.1rem;z-index:1;border:1px solid var(--field-border);width:5.4rem;display:flex;justify-content:center;align-items:center;background:var(--field-grey);border-radius:.5rem 0 0 .5rem}.form-field.error input{border-color:var(--error-default)}.form-field.error input::placeholder{color:var(--error-default)}.form-field.error .icon_label{border-color:var(--error-default);background:var(--error-background)}.form-field.error i{color:var(--error-default)}.submit_button_row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}button{background:unset;border:unset;color:var(--interactive);font-size:1.8rem;display:flex;gap:1rem;align-items:center;padding:1rem 4rem;text-align:left;cursor:pointer}button:not([type=submit]):hover i{transform:translate(-1rem, 0)}button[type=submit]{appearance:none;border:0;border-radius:.5rem;background:var(--interactive);padding:1rem 4rem;font-size:1.8rem;color:#fff;font-weight:600;min-height:5rem;display:flex;gap:1rem;align-items:center;justify-content:center;min-width:14.7rem}button[type=submit] i{color:#fff !important}button[type=submit]:hover{background:var(--interactive-hover)}button[type=submit]:hover i{transform:translate(1rem, 0)}button i{transition:.2s ease}#login_code.has_label_after{border-radius:0}.icon_label.after{background:unset;border:unset;color:#fff;display:flex;align-items:center;line-height:0;background:var(--interactive);width:5.4rem;border-radius:0 .5rem .5rem 0;text-decoration:none}.icon_label.after:hover{background:var(--interactive-hover)}.icon_label.after i{position:static;display:flex;align-items:center;background:unset;border-radius:unset;padding:0;transform:unset;font-size:1.5rem;transition:1s ease;cursor:pointer;border:unset}