:root{--navy:#0a2240;--navy-mid:#1a3a5c;--blue:#1565c0;--blue-light:#1976d2;--red:#c62828;--red-accent:#e53935;--orange:#e65100;--green:#2e7d32;--gold:#f9a825;--teal:#00695c;--bg:#fff;--surface:#ffffff;--surface2:#f8f9fc;--border:#dde3ec;--border-light:#eaeef4;--text:#1a2332;--text-mid:#3d5068;--text-muted:#6b7c93;--font:'Source Sans 3',sans-serif;--font-serif:'Playfair Display',serif;--font-mono:'JetBrains Mono',monospace;--radius:6px;--shadow:0 2px 8px rgba(10,34,64,.10);--shadow-md:0 4px 16px rgba(10,34,64,.14)} *{box-sizing:border-box;margin:0;padding:0;} body{font-family:var(--font);/* background:var(--bg); */color:var(--text);font-size:14px;line-height:1.5} a{color: #1565c0;text-decoration:none}a:hover{text-decoration:underline} input,select,textarea,button{font-family:var(--font)} input[type=text],input[type=email],input[type=password],select,textarea{border:1px solid var(--border);/* border-radius:var(--radius); */padding: 4px 10px;font-size: 13.5px;color:var(--text);/* height: 18px; */background:#fff;width:100%;transition:border-color .15s,box-shadow .15s} input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,192,.12)} textarea{resize:vertical;min-height:90px}button{cursor:pointer} .page{display:none}.page.active{display:block;background: #fff;} .topbar{background:var(--navy);color:#fff;font-size:12px;padding:4px 0} .topbar-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:flex-end;gap:16px;align-items:center} .topbar a{color:#a0b4cc;font-size:12px}.topbar a:hover{color:#fff;text-decoration:none}.topbar .sep{color:#3d5068} .site-header{background:var(--navy);border-bottom:3px solid var(--red-accent)} .header-inner{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:14px} .em-badge{background:var(--blue);color:#fff;font-weight:700;font-size:18px;font-family:var(--font-serif);width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;flex-shrink:0} .header-journal{font-family:var(--font-serif);font-size:20px;color:#fff;font-weight:600;line-height:1.2} .header-sub{font-size:11.5px;color:#7ea8cc;letter-spacing:.5px;text-transform:uppercase;margin-top:1px} .main-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(10,34,64,.07)} .nav-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:stretch;gap:2px} .nav-btn{background:none;border:none;border-bottom:3px solid transparent;padding:11px 14px 9px;font-size:13.5px;color:var(--text-mid);font-weight:500;transition:all .15s;white-space:nowrap} .nav-btn:hover{color:var(--navy);background:var(--surface2)}.nav-btn.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600} .nav-user{margin-left:auto;display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:var(--text-muted)} .nav-user strong{color:var(--navy-mid)} .nav-dropdown{position:relative;display:inline-block} .nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-top:2px solid var(--blue);min-width:200px;z-index:200;box-shadow:var(--shadow-md);border-radius:0 0 var(--radius) var(--radius)} .nav-dropdown-menu a{display:block;padding:9px 16px;font-size:13px;color:var(--text-mid);border-bottom:1px solid var(--border-light)} .nav-dropdown-menu a:last-child{border-bottom:none}.nav-dropdown-menu a:hover{background:var(--surface2);color:var(--navy);text-decoration:none} .content-wrap{max-width:1200px;margin:0 auto;padding:24px 16px} .two-col{display:grid;grid-template-columns:220px 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:24px 16px} @media(max-width:780px){.two-col{grid-template-columns:1fr}.sidebar{display:none}} .sb-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden} .sb-head{background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:8px 12px;letter-spacing:.3px;text-transform:uppercase} .sb-body{padding:6px 0}.sb-body a{display:block;padding:7px 14px;font-size:13px;color:var(--text-mid);border-left:3px solid transparent;transition:all .12s} .sb-body a:hover{background:var(--surface2);color:var(--blue);border-left-color:var(--blue);text-decoration:none} .sb-body p{font-size:12.5px;color:var(--text-muted);padding:6px 14px;line-height:1.6}.sb-body .star{color:var(--red-accent)} div#reg-form-main { width: 560px; } .finp input { width: 200px; } .fsec{background:var(--surface);border: #cccccc 1px solid;/* border-radius:var(--radius); */margin-bottom: 60px;/* overflow:hidden; */position: relative;} .fsec-head{background: #ffffff;color: #000000;font-size: 12px;font-weight:600;border: 1px solid #cccccc;padding: 2px 5px;position: absolute;top: -10px;z-index: 1;left: 10px;} .fsec-body{padding:18px 16px;background: #f4f4f4;/* position: relative; *//* top: 10px; *//* border: #cccccc 1px solid; */} .sbar{background:linear-gradient(90deg,var(--navy),var(--navy-mid));color:#fff;font-weight:600;font-size:13.5px;padding:10px 16px;border-radius:var(--radius) var(--radius) 0 0;margin-bottom:0;letter-spacing:.2px} .btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:7px 16px;font-size:13px;color:var(--text-mid);font-weight:500;transition:all .15s} .btn:hover{background:#e8edf5;color:var(--navy)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-light)} .btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{background:var(--red-accent)} .btn-success{background:var(--green);border-color:var(--green);color:#fff}.btn-sm{padding:4px 10px;font-size:12px} .btn-continue{background:var(--blue);color:#fff;border:none;border-radius:var(--radius);padding:10px 28px;font-size:14px;font-weight:600;cursor:pointer} .btn-continue:hover{background:var(--blue-light)} .alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:14px} .alert-warn{background:#fff8e1;border:1px solid #ffe082;color:#6d4c00} .alert-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20} .alert-info{background:#e3f2fd;border:1px solid #90caf9;color:#0d47a1} .alert-danger{background:#ffebee;border:1px solid #ef9a9a;color:#7f0000} .sub-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface)} .sub-table th{background:var(--surface2);color:var(--text-mid);font-weight:600;font-size:12px;padding:9px 12px;text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.3px} .sub-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle} .sub-table tr:hover td{background:#f5f8ff}.sub-table tr:last-child td{border-bottom:none} .pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.2px} .pill-review{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9} .pill-revision{background:#fff3e0;color:#bf360c;border:1px solid #ffcc80} .pill-accepted{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7} .pill-submitted{background:#f3e5f5;color:#6a1b9a;border:1px solid #ce93d8} .pill-rejected{background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a} .pill-new{background:#e8f5e9;color:var(--green);border:1px solid #a5d6a7} .field-row{display:flex;gap: 17px;margin-bottom: 5px;align-items:center} .lbl{width:180px;flex-shrink:0;font-size:13px;color:var(--text-mid);font-weight:500;text-align:right} .finp{flex:1;}.fhint{font-size:11.5px;color:var(--text-muted);margin-top:4px} .req-note{font-size:12px;color:var(--text-muted);margin-bottom:14px;left: 195px;position: relative;}.star{color:var(--red-accent)} .wizard-steps{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border)} .wstep{padding:10px 16px;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap} .wstep:hover{color:var(--blue);background:var(--surface2)}.wstep.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700} .wstep.done{color:var(--green)} .login-wrap{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:40px 16px;background:linear-gradient(135deg,#f0f4f8 0%,#e8edf5 100%)} .login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);width:100%;max-width:440px;overflow:hidden} .login-card-head{background:linear-gradient(135deg,var(--navy),var(--navy-mid));color:#fff;padding:24px 28px;text-align:center} .login-card-head h2{font-family:var(--font-serif);font-size:22px;margin-bottom:4px} .login-card-head p{font-size:12.5px;color:#8daec8} .login-card-body{padding:24px 28px} .ltabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px} .ltab{flex:1;padding:9px;font-size:13px;font-weight:500;color:var(--text-muted);border:none;background:none;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s} .ltab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600} .login-field{margin-bottom:14px}.login-field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-mid);margin-bottom:5px} .login-submit{width:100%;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);padding:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .15s} .login-submit:hover{background:var(--blue-light)} .login-footer{text-align:center;font-size:12px;color:var(--text-muted);margin-top:14px} .admin-badge-info{background:#fff3e0;border:1px solid #ffcc80;border-radius:4px;padding:8px 12px;font-size:12.5px;color:#bf360c;margin-bottom:16px;text-align:center} .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px} .dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px;text-align:center;box-shadow:var(--shadow)} .dash-stat{font-size:28px;font-weight:700;color:var(--navy);font-family:var(--font-serif);line-height:1;margin-bottom:4px} .dash-label{font-size:11.5px;color:var(--text-muted);font-weight:500} .file-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:28px 20px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface2)} .file-drop:hover,.file-drop.dragover{border-color:var(--blue);background:#e8f0fe} .file-drop-icon{font-size:32px;margin-bottom:8px} .file-list{margin-top:12px} .file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface2);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:6px;font-size:13px} .file-name{flex:1;color:var(--text);font-weight:500}.file-size{color:var(--text-muted);font-size:12px;white-space:nowrap} .file-remove{background:none;border:1px solid #f5b7b1;color:var(--red);padding:2px 8px;font-size:11.5px;border-radius:3px;cursor:pointer} .modal{display:none;position:fixed;inset:0;background:rgba(10,34,64,.45);z-index:1000;align-items:center;justify-content:center;padding:20px} .modal.open{display:flex} .modal-box{background:var(--surface);border-radius:10px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-md);position:relative} .modal-close{position:absolute;top:12px;right:12px;background:none;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center} .modal-close:hover{background:var(--surface2);color:var(--text)}.modal-box h3{font-family:var(--font-serif);font-size:18px;margin-bottom:16px;color:var(--navy)} .home-hero{background:linear-gradient(135deg,var(--navy) 0%,#0d2f5a 50%,#1a3a6e 100%);color:#fff;padding:50px 0;position:relative;overflow:hidden} .hero-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center} .hero-title{font-family:var(--font-serif);font-size:34px;font-weight:700;line-height:1.2;margin-bottom:12px} .hero-sub{font-size:14.5px;color:#8daec8;line-height:1.7;max-width:520px} .hero-actions{display:flex;gap:12px;margin-top:24px} .hero-btn{padding:11px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s} .hero-btn-primary{background:#e53935;color:#fff}.hero-btn-primary:hover{background:#c62828} .hero-btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.hero-btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7)} .hero-card{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:22px} .hero-card-title{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#7ea8cc;margin-bottom:14px;font-weight:600} .hero-stat-row{display:flex;justify-content:space-between;margin-bottom:14px} .hero-stat{text-align:center}.hero-stat-num{font-family:var(--font-serif);font-size:24px;font-weight:700;color:#fff;line-height:1} .hero-stat-lbl{font-size:11px;color:#7ea8cc;margin-top:3px} .home-section{max-width:1200px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:2fr 1fr;gap:28px} .home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)} .home-card h3{font-family:var(--font-serif);font-size:17px;color:var(--navy);margin-bottom:14px} .notice-list{list-style:none}.notice-list li{padding:10px 0;border-bottom:1px solid var(--border-light);font-size:13px;color:var(--text-mid)} .notice-list li:last-child{border-bottom:none}.notice-list li::before{content:'›';margin-right:6px;color:var(--red-accent);font-weight:700;font-size:15px} .admin-nav-theme .nav-btn{color:#b39ddb}.admin-nav-theme .nav-btn:hover{background:rgba(255,255,255,.05);color:#fff} .admin-nav-theme .nav-btn.active{color:#ce93d8;border-bottom-color:#9c27b0} .admin-header-bg{background:linear-gradient(135deg,#1a0a2e,#2d1254);border-bottom:3px solid #9c27b0} .admin-badge-pill{background:#9c27b0;color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.4px;margin-left:6px} .admin-action-btn{background:none;border:1px solid;border-radius:4px;padding:3px 9px;font-size:11.5px;font-weight:600;cursor:pointer;margin-right:4px;transition:all .15s} .admin-action-btn:hover{color:#fff} .author-entry{/* border:1px solid var(--border-light); */padding:14px;margin-bottom:12px;/* background:#fafcff; */border-radius:var(--radius)} .avatar-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:28px;font-weight:700;color:#fff} .success-icon{font-size:56px;text-align:center;margin-bottom:16px} .success-box{background:var(--surface);border:1px solid #a5d6a7;border-radius:10px;padding:32px;max-width:600px;margin:40px auto;text-align:center;box-shadow:var(--shadow-md)} .success-box h2{font-family:var(--font-serif);font-size:24px;color:var(--green);margin-bottom:10px} .ms-num{font-family:var(--font-mono);font-size:18px;font-weight:700;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 18px;display:inline-block;color:var(--navy);margin:12px 0;letter-spacing:1px} footer{background:var(--navy);color:#6b7c93;font-size:12px;padding:20px 0;margin-top:40px} footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px} footer a{color:#7ea8cc}footer a:hover{color:#fff} .review-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden} .checkbox-row{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-bottom:10px;cursor:pointer} .checkbox-row input{margin-top:2px;flex-shrink:0}.rg label{display:flex;gap:8px;align-items:center;margin-bottom:8px;cursor:pointer;font-size:13px} .mm-badge{display:inline-block;/* min-width:20px; *//* padding:1px 7px; */border-radius:12px;font-size: 14px;font-weight: 00;/* background:#e3f2fd; */color: #1565c0;/* border:1px solid #90caf9; */text-align:center;transition:all .2s} .tow-box a{display:block;padding:5px 0;font-size:13.5px;color:var(--blue);/* border-bottom:1px solid var(--border-light); */} .tow-box a:hover{text-decoration:underline;background:var(--surface2)} .tow-row{display:block;padding:5px 0;font-size:13.5px;color:var(--text);/* border-bottom:1px solid var(--border-light); */} .tow-row-active{color:var(--blue);cursor:pointer} .tow-row-active:hover{text-decoration:underline;background:var(--surface2)} .mm-badge.nonzero{/* background:var(--blue); */color: #1565c0;border-color: #1565c0;} .fhint-box{background: #ffffff;/* border:1px solid #c5d4f8; *//* border-radius:var(--radius); */padding: 3px 3px;font-size: 12px;color:var(--navy-mid);margin-bottom:14px;width: 333px;left: 195px;position: relative;} @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } .focused,.tabs-control:enabled button:focus-visible,.tabs-control:enabled a:focus-visible,.tab:not(.tab-is-disabled) button:focus-visible,.tab:not(.tab-is-disabled) a:focus-visible,.highlight-on-focus:focus-visible,.highlight-on-focus-and-hover button:focus-visible,.highlight-on-focus-and-hover a:focus-visible { outline-offset: 2px; outline: 2px solid #eb6500 !important } .highlight-on-focus-and-hover { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .highlight-on-focus-and-hover button,.highlight-on-focus-and-hover a { outline: none } .highlight-on-focus-and-hover:hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } .aim { display: flex; padding: 30px 30px; gap: 30px; } .co-one { width: 20%; } .co-two { width: 30%; } .co-three { width: 25%; padding: 10px 20px 20px 30px; border: 1px solid rgb(204, 204, 204); overflow: auto; height: 600px; } .co-four { width: 25%; } .co-box { padding: 50px 40px; background: #f4f4f4; border: #cccccc solid 2px; } .co-one h4 { padding: 0px 0px 40px; } .tow-box { padding: 0px 0px 50px; } .tow-box h4 { padding: 0px 0px 13px; } .tow-box a { margin: 3px 0px 0px 0px; } .tow-box p { margin: 3px 0px 0px 40px; } .three-box h5 { padding: 20px 0px 0px; } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: rgba(0,0,0,0); -webkit-text-decoration-skip: objects } a:active,a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; font-variant-numeric: lining-nums; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } button,html [type=button],[type=reset],[type=submit] { -webkit-appearance: button; border-radius: 0 } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: none; outline-offset: -2px; border-radius: 0 } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,figure,table,th,td,caption,hr { margin: 0; padding: 0 } abbr[title],dfn[title] { cursor: help } u,ins { text-decoration: none } ins { border-bottom: 1px solid } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *,*:before,*:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit } html { font-size: 16px; font-variant-numeric: lining-nums; line-height: var(--sd-ui-line-height) } body { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; color: #1f1f1f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *,*:after,*:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .grid { width: 100%; margin: 0 auto } .grid:before,.row:before,.grid:after,.row:after { content: " "; display: table } .grid:after,.row:after { clear: both } .grid img { width: auto; max-width: 100%; height: auto } [class*=col-] { float: left; width: 100%; min-height: 1px } .gutters.row { margin-left: -8px; margin-right: -8px } .gutters>[class*=col-],.gutters>[class*=" col-"] { padding-left: 8px; padding-right: 8px } @media only screen and (min-width: 20em) { .col-xs-1,.row>.col-xs-1 { width:4.1666666667% } .col-xs-2,.row>.col-xs-2 { width: 8.3333333333% } .col-xs-3,.row>.col-xs-3 { width: 12.5% } .col-xs-4,.row>.col-xs-4 { width: 16.6666666667% } .col-xs-5,.row>.col-xs-5 { width: 20.8333333333% } .col-xs-6,.row>.col-xs-6 { width: 25% } .col-xs-7,.row>.col-xs-7 { width: 29.1666666667% } .col-xs-8,.row>.col-xs-8 { width: 33.3333333333% } .col-xs-9,.row>.col-xs-9 { width: 37.5% } .col-xs-10,.row>.col-xs-10 { width: 41.6666666667% } .col-xs-11,.row>.col-xs-11 { width: 45.8333333333% } .col-xs-12,.row>.col-xs-12 { width: 50% } .col-xs-13,.row>.col-xs-13 { width: 54.1666666667% } .col-xs-14,.row>.col-xs-14 { width: 58.3333333333% } .col-xs-15,.row>.col-xs-15 { width: 62.5% } .col-xs-16,.row>.col-xs-16 { width: 66.6666666667% } .col-xs-17,.row>.col-xs-17 { width: 70.8333333333% } .col-xs-18,.row>.col-xs-18 { width: 75% } .col-xs-19,.row>.col-xs-19 { width: 79.1666666667% } .col-xs-20,.row>.col-xs-20 { width: 83.3333333333% } .col-xs-21,.row>.col-xs-21 { width: 87.5% } .col-xs-22,.row>.col-xs-22 { width: 91.6666666667% } .col-xs-23,.row>.col-xs-23 { width: 95.8333333333% } .col-xs-24,.row>.col-xs-24 { width: 100% } } @media only screen and (min-width: 36em) { .col-sm-1,.row>.col-sm-1 { width:4.1666666667% } .col-sm-2,.row>.col-sm-2 { width: 8.3333333333% } .col-sm-3,.row>.col-sm-3 { width: 12.5% } .col-sm-4,.row>.col-sm-4 { width: 16.6666666667% } .col-sm-5,.row>.col-sm-5 { width: 20.8333333333% } .col-sm-6,.row>.col-sm-6 { width: 25% } .col-sm-7,.row>.col-sm-7 { width: 29.1666666667% } .col-sm-8,.row>.col-sm-8 { width: 33.3333333333% } .col-sm-9,.row>.col-sm-9 { width: 37.5% } .col-sm-10,.row>.col-sm-10 { width: 41.6666666667% } .col-sm-11,.row>.col-sm-11 { width: 45.8333333333% } .col-sm-12,.row>.col-sm-12 { width: 50% } .col-sm-13,.row>.col-sm-13 { width: 54.1666666667% } .col-sm-14,.row>.col-sm-14 { width: 58.3333333333% } .col-sm-15,.row>.col-sm-15 { width: 62.5% } .col-sm-16,.row>.col-sm-16 { width: 66.6666666667% } .col-sm-17,.row>.col-sm-17 { width: 70.8333333333% } .col-sm-18,.row>.col-sm-18 { width: 75% } .col-sm-19,.row>.col-sm-19 { width: 79.1666666667% } .col-sm-20,.row>.col-sm-20 { width: 83.3333333333% } .col-sm-21,.row>.col-sm-21 { width: 87.5% } .col-sm-22,.row>.col-sm-22 { width: 91.6666666667% } .col-sm-23,.row>.col-sm-23 { width: 95.8333333333% } .col-sm-24,.row>.col-sm-24 { width: 100% } } @media only screen and (min-width: 48em) { .col-md-1,.row>.col-md-1 { width:4.1666666667% } .col-md-2,.row>.col-md-2 { width: 8.3333333333% } .col-md-3,.row>.col-md-3 { width: 12.5% } .col-md-4,.row>.col-md-4 { width: 16.6666666667% } .col-md-5,.row>.col-md-5 { width: 20.8333333333% } .col-md-6,.row>.col-md-6 { width: 25% } .col-md-7,.row>.col-md-7 { width: 29.1666666667% } .col-md-8,.row>.col-md-8 { width: 33.3333333333% } .col-md-9,.row>.col-md-9 { width: 37.5% } .col-md-10,.row>.col-md-10 { width: 41.6666666667% } .col-md-11,.row>.col-md-11 { width: 45.8333333333% } .col-md-12,.row>.col-md-12 { width: 50% } .col-md-13,.row>.col-md-13 { width: 54.1666666667% } .col-md-14,.row>.col-md-14 { width: 58.3333333333% } .col-md-15,.row>.col-md-15 { width: 62.5% } .col-md-16,.row>.col-md-16 { width: 66.6666666667% } .col-md-17,.row>.col-md-17 { width: 70.8333333333% } .col-md-18,.row>.col-md-18 { width: 75% } .col-md-19,.row>.col-md-19 { width: 79.1666666667% } .col-md-20,.row>.col-md-20 { width: 83.3333333333% } .col-md-21,.row>.col-md-21 { width: 87.5% } .col-md-22,.row>.col-md-22 { width: 91.6666666667% } .col-md-23,.row>.col-md-23 { width: 95.8333333333% } .col-md-24,.row>.col-md-24 { width: 100% } } @media only screen and (min-width: 62em) { .col-lg-1,.row>.col-lg-1 { width:4.1666666667% } .col-lg-2,.row>.col-lg-2 { width: 8.3333333333% } .col-lg-3,.row>.col-lg-3 { width: 12.5% } .col-lg-4,.row>.col-lg-4 { width: 16.6666666667% } .col-lg-5,.row>.col-lg-5 { width: 20.8333333333% } .col-lg-6,.row>.col-lg-6 { width: 25% } .col-lg-7,.row>.col-lg-7 { width: 29.1666666667% } .col-lg-8,.row>.col-lg-8 { width: 33.3333333333% } .col-lg-9,.row>.col-lg-9 { width: 37.5% } .col-lg-10,.row>.col-lg-10 { width: 41.6666666667% } .col-lg-11,.row>.col-lg-11 { width: 45.8333333333% } .col-lg-12,.row>.col-lg-12 { width: 50% } .col-lg-13,.row>.col-lg-13 { width: 54.1666666667% } .col-lg-14,.row>.col-lg-14 { width: 58.3333333333% } .col-lg-15,.row>.col-lg-15 { width: 62.5% } .col-lg-16,.row>.col-lg-16 { width: 66.6666666667% } .col-lg-17,.row>.col-lg-17 { width: 70.8333333333% } .col-lg-18,.row>.col-lg-18 { width: 75% } .col-lg-19,.row>.col-lg-19 { width: 79.1666666667% } .col-lg-20,.row>.col-lg-20 { width: 83.3333333333% } .col-lg-21,.row>.col-lg-21 { width: 87.5% } .col-lg-22,.row>.col-lg-22 { width: 91.6666666667% } .col-lg-23,.row>.col-lg-23 { width: 95.8333333333% } .col-lg-24,.row>.col-lg-24 { width: 100% } } @media only screen and (min-width: 75em) { .col-xl-1,.row>.col-xl-1 { width:4.1666666667% } .col-xl-2,.row>.col-xl-2 { width: 8.3333333333% } .col-xl-3,.row>.col-xl-3 { width: 12.5% } .col-xl-4,.row>.col-xl-4 { width: 16.6666666667% } .col-xl-5,.row>.col-xl-5 { width: 20.8333333333% } .col-xl-6,.row>.col-xl-6 { width: 25% } .col-xl-7,.row>.col-xl-7 { width: 29.1666666667% } .col-xl-8,.row>.col-xl-8 { width: 33.3333333333% } .col-xl-9,.row>.col-xl-9 { width: 37.5% } .col-xl-10,.row>.col-xl-10 { width: 41.6666666667% } .col-xl-11,.row>.col-xl-11 { width: 45.8333333333% } .col-xl-12,.row>.col-xl-12 { width: 50% } .col-xl-13,.row>.col-xl-13 { width: 54.1666666667% } .col-xl-14,.row>.col-xl-14 { width: 58.3333333333% } .col-xl-15,.row>.col-xl-15 { width: 62.5% } .col-xl-16,.row>.col-xl-16 { width: 66.6666666667% } .col-xl-17,.row>.col-xl-17 { width: 70.8333333333% } .col-xl-18,.row>.col-xl-18 { width: 75% } .col-xl-19,.row>.col-xl-19 { width: 79.1666666667% } .col-xl-20,.row>.col-xl-20 { width: 83.3333333333% } .col-xl-21,.row>.col-xl-21 { width: 87.5% } .col-xl-22,.row>.col-xl-22 { width: 91.6666666667% } .col-xl-23,.row>.col-xl-23 { width: 95.8333333333% } .col-xl-24,.row>.col-xl-24 { width: 100% } } .move-left { float: left; left: 0 } .move-right { float: right; right: 0 } .move-top { position: absolute; top: 0 } .move-bottom { position: absolute; bottom: 0 } .move-middle { position: absolute; top: 50%; transform: translateY(-50%) } .move-middle.move-center { transform: translate(-50%, -50%) } .move-center { position: absolute; left: 50%; transform: translateX(-50%) } .move-center.move-middle { transform: translate(-50%, -50%) } .stretch,.modal-overlay,.tap-area { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .tap-area { cursor: pointer } h1,h2,h3,h4 { font-weight: normal } h5 { font-weight: bold } h1.h1-3xl { font-size: 64px; line-height: var(--sd-ui-line-height) } h1.h1-2xl { font-size: 56px; line-height: var(--sd-ui-line-height) } h1.h1-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } h1 { font-size: 40px; line-height: var(--sd-ui-line-height) } h2 { font-size: 32px; line-height: var(--sd-ui-line-height) } h3 { font-size: 24px; line-height: var(--sd-ui-line-height) } h4 { font-size: 20px; line-height: var(--sd-ui-line-height) } h5 { font-size: 16px; line-height: var(--sd-ui-line-height) } h1.alt-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .hor-line { border-bottom: 0.125rem solid #dcdcdc } .hor-line-top { border-top: 0.125rem solid #dcdcdc } .branded ul { list-style: none; margin: .5em 0 } .branded ul>li { padding-left: 1.6em } .branded ul>li::before { margin: .45em 0 0 -1em; content: ""; display: block; float: left; width: .35em; height: .35em; background-color: #eb6500; border-radius: 50% } .branded ol { list-style-type: none; margin: .5em 0; counter-reset: item } .branded ol>li { padding-left: 1.7em; counter-increment: item } .branded ol>li::before { margin: .25em 0 0 -1.4em; content: counter(item, decimal) "."; display: block; float: left; color: #eb6500; font-size: .8em; font-weight: bold } .list-tags { margin-left: 0; padding-left: 0 } .list-tags-item { display: inline; list-style-type: none; margin: 0; padding: 0 } .list-tags-item::after { content: ", " } .list-tags-item:last-child::after { content: "" } .branded a { color: #0272b1; transition: color .3s ease,border-bottom-color .3s ease; text-decoration: none; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:link,.branded a:visited { color: #0272b1; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:active,.branded a:focus,.branded a:hover { cursor: pointer; color: #1f1f1f; border-bottom-color: #ff6c00 } .container,.panel,.panel-s,.panel-l,.panel-m { position: relative; overflow: auto } .panel,.panel-s,.panel-l,.panel-m { background: #f5f5f5; overflow: auto } .panel.trasparent,.trasparent.panel-s,.trasparent.panel-l,.trasparent.panel-m { background: 0 } .panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) { padding: 32px } .panel-s,.panel-l,.panel-m { padding: 16px } .panel-m { padding: 32px } .panel-l { padding: 48px } .list-item:first-child { padding-top: 0 } .list-item:last-child { padding-bottom: 0 } .button-alternative { --sd-ui-button-alt-border-bottom-colour: transparent; --sd-ui-button-alt-border-bottom-colour-hover: #eb6500; --sd-ui-button-alt-border-bottom-width: 2px; --sd-ui-button-alt-colour: #1f1f1f; --sd-ui-button-alt-colour-focus: #eb6500; --sd-ui-button-alt-cursor: pointer; --sd-ui-button-alt-font-size: 1em; --sd-ui-button-alt-gap: calc(0.5em - 2px); --sd-ui-button-alt-min-width: 5.5rem; --sd-ui-button-alt-icon-background-colour: #0272b1; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-border-colour-hover: #eb6500; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem } .button-alternative-secondary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-fill: #0272b1 } .button-alternative-tertiary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #1f1f1f; --sd-ui-button-alt-icon-fill: #1f1f1f } .button-alternative.on-dark-background { --sd-ui-button-alt-border-bottom-colour-hover: #ffffff; --sd-ui-button-alt-colour: #ffffff; --sd-ui-button-alt-colour-focus: #ffffff; --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #ffffff; --sd-ui-button-alt-icon-border-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #1f1f1f; --sd-ui-button-alt-icon-fill-hover: #ffffff } .button-alternative-secondary.on-dark-background,.button-alternative-tertiary.on-dark-background { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-background-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f } .button-alternative:disabled { --sd-ui-button-alt-colour: #b8b8b8; --sd-ui-button-alt-cursor: default; --sd-ui-button-alt-icon-background-colour: #b8b8b8; --sd-ui-button-alt-icon-border-colour: #b8b8b8 } .button-alternative-secondary:disabled,.button-alternative-tertiary:disabled { --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-border-colour: #b8b8b8; --sd-ui-button-alt-icon-fill: #b8b8b8 } .button-alternative.on-dark-background:disabled { --sd-ui-button-alt-colour: #4c4c4c; --sd-ui-button-alt-icon-background-colour: #707070; --sd-ui-button-alt-icon-border-colour: #707070 } .button-alternative-secondary.on-dark-background:disabled,.button-alternative-tertiary.on-dark-background:disabled { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #707070; --sd-ui-button-alt-icon-fill: #707070 } .button-alternative.small-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } .button-alternative.medium-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } .button-alternative.large-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } @media only screen and (min-width: 48em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } } @media only screen and (min-width: 62em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } } .button-alternative { align-items: baseline; background-color: rgba(0,0,0,0); border: none; color: var(--sd-ui-button-alt-colour); cursor: var(--sd-ui-button-alt-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-alt-font-size); gap: var(--sd-ui-button-alt-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-alt-min-width); text-decoration: none; user-select: text } .button-alternative.disable-min-width { min-width: inherit } .button-alternative:focus-visible { outline: 2px solid var(--sd-ui-button-alt-colour-focus); outline-offset: 2px } .button-alternative .icon,.button-alternative-text-container { align-self: center } .button-alternative .icon { flex-shrink: 0 } .button-alternative .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour); border: 2px solid var(--sd-ui-button-alt-icon-border-colour); fill: var(--sd-ui-button-alt-icon-fill); height: var(--sd-ui-button-alt-icon-size); padding: var(--sd-ui-button-alt-icon-padding); transition: background-color .3s,border-color .3s,fill .3s; width: var(--sd-ui-button-alt-icon-size) } .button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour-hover); border-color: var(--sd-ui-button-alt-icon-border-colour-hover); fill: var(--sd-ui-button-alt-icon-fill-hover) } .button-alternative-text { border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour); transition: border-bottom .3s } .button-alternative:hover:not(:disabled) .button-alternative-text { border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover) } .button-alternative .arrow-external-link { fill: currentColor; height: var(--sd-ui-button-alt-icon-external-link-size); width: var(--sd-ui-button-alt-icon-external-link-size) } .anchor { --sd-ui-anchor-border-bottom-colour: transparent; --sd-ui-anchor-border-bottom-colour-hover: #eb6500; --sd-ui-anchor-border-bottom-width: 2px; --sd-ui-anchor-border-bottom-width-hover: 2px; --sd-ui-anchor-colour: #0272b1; --sd-ui-anchor-colour-focus: #eb6500; --sd-ui-anchor-cursor: pointer; --sd-ui-anchor-font-size: 1em; --sd-ui-anchor-gap: calc(0.5em - 2px); --sd-ui-anchor-icon-colour: currentColor; --sd-ui-anchor-icon-size: calc(1em + 4px); --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em) } .anchor-secondary { --sd-ui-anchor-colour: #1f1f1f } .anchor-underline { --sd-ui-anchor-border-bottom-colour: currentColor; --sd-ui-anchor-border-bottom-width: 1px } .anchor-has-background-color { --sd-ui-anchor-border-bottom-colour-hover: currentColor; --sd-ui-anchor-colour-focus: currentColor } .anchor-has-colored-icon { --sd-ui-anchor-icon-colour: #0272b1 } .anchor-has-inherit-color { --sd-ui-anchor-colour: inherit } .anchor.on-dark-background { --sd-ui-anchor-border-bottom-colour-hover: #ffffff; --sd-ui-anchor-colour: #ffffff; --sd-ui-anchor-colour-focus: #ffffff; --sd-ui-anchor-icon-colour: #ffffff } .anchor[aria-disabled=true] { --sd-ui-anchor-cursor: default; --sd-ui-anchor-colour: #b8b8b8; --sd-ui-anchor-colour-focus: transparent; --sd-ui-anchor-icon-colour: #b8b8b8 } .anchor-small { --sd-ui-anchor-font-size: 0.875rem; --sd-ui-anchor-gap: 0.25rem; --sd-ui-anchor-icon-size: 1rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-medium { --sd-ui-anchor-font-size: 1rem; --sd-ui-anchor-gap: 0.375rem; --sd-ui-anchor-icon-size: 1.25rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-large { --sd-ui-anchor-font-size: 1.25rem; --sd-ui-anchor-gap: 0.5rem; --sd-ui-anchor-icon-size: 1.5rem; --sd-ui-anchor-icon-external-link-size: 0.625rem } .anchor { color: var(--sd-ui-anchor-colour); cursor: var(--sd-ui-anchor-cursor); font-size: var(--sd-ui-anchor-font-size); line-height: var(--sd-ui-line-height); text-decoration: none } .anchor:focus-visible { outline: 2px solid var(--sd-ui-anchor-colour-focus); outline-offset: 2px } .anchor-with-icon { align-items: baseline; display: inline-flex; gap: var(--sd-ui-anchor-gap) } .anchor .icon { align-self: center; fill: var(--sd-ui-anchor-icon-colour); flex-shrink: 0; height: var(--sd-ui-anchor-icon-size); width: var(--sd-ui-anchor-icon-size) } .anchor-icon-only:hover:not([aria-disabled=true]) .icon { transition: fill .3s; fill: var(--sd-ui-anchor-border-bottom-colour-hover) } .anchor-text { border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour); transition: border-bottom-color .3s } .anchor:hover:not([aria-disabled=true]) .anchor-text { border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover) } .anchor .arrow-external-link { height: var(--sd-ui-anchor-icon-external-link-size); margin-left: var(--sd-ui-anchor-gap); width: var(--sd-ui-anchor-icon-external-link-size) } .skip-link { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip-link:focus,.skip-link:active { height: auto; width: auto; padding: 2px } .button-link { --sd-ui-button-link-border-bottom-colour: transparent; --sd-ui-button-link-border-bottom-colour-hover: #eb6500; --sd-ui-button-link-border-bottom-width: 2px; --sd-ui-button-link-border-bottom-width-hover: 2px; --sd-ui-button-link-colour: #0272b1; --sd-ui-button-link-colour-focus: #eb6500; --sd-ui-button-link-cursor: pointer; --sd-ui-button-link-font-size: 1em; --sd-ui-button-link-gap: calc(0.5em - 2px); --sd-ui-button-link-icon-colour: currentColor; --sd-ui-button-link-icon-size: calc(1em + 4px) } .button-link-secondary { --sd-ui-button-link-colour: #1f1f1f } .button-link-underline { --sd-ui-button-link-border-bottom-colour: currentColor; --sd-ui-button-link-border-bottom-width: 1px } .button-link-has-colored-icon { --sd-ui-button-link-icon-colour: #0272b1 } .button-link-on-dark-background { --sd-ui-button-link-border-bottom-colour-hover: #ffffff; --sd-ui-button-link-colour: #ffffff; --sd-ui-button-link-colour-focus: #ffffff; --sd-ui-button-link-icon-colour: #ffffff } .button-link:disabled { --sd-ui-button-link-cursor: default; --sd-ui-button-link-colour: #b8b8b8; --sd-ui-button-link-colour-focus: transparent; --sd-ui-button-link-icon-colour: #b8b8b8 } .button-link-small { --sd-ui-button-link-font-size: 0.875rem; --sd-ui-button-link-gap: 0.25rem; --sd-ui-button-link-icon-size: 1rem } .button-link-medium { --sd-ui-button-link-font-size: 1rem; --sd-ui-button-link-gap: 0.375rem; --sd-ui-button-link-icon-size: 1.25rem } .button-link-large { --sd-ui-button-link-font-size: 1.25rem; --sd-ui-button-link-gap: 0.5rem; --sd-ui-button-link-icon-size: 1.5rem } .button-link { border: none; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); text-decoration: none; align-items: baseline; display: inline-flex; color: var(--sd-ui-button-link-colour); cursor: var(--sd-ui-button-link-cursor); font-size: var(--sd-ui-button-link-font-size); gap: var(--sd-ui-button-link-gap); user-select: text } .button-link:focus-visible { outline: 2px solid var(--sd-ui-button-link-colour-focus); outline-offset: 2px } .button-link .icon { align-self: center; fill: var(--sd-ui-button-link-icon-colour); flex-shrink: 0; height: var(--sd-ui-button-link-icon-size); width: var(--sd-ui-button-link-icon-size) } .button-link-icon-only:hover:not(:disabled) .icon { transition: fill .3s; --sd-ui-button-link-icon-colour: #eb6500 } .button-link-text { border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour); transition: border-bottom-color .3s } .button-link:hover:not(:disabled) .button-link-text { border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover) } .checkbox { --sd-ui-checkbox-border-colour: #707070; --sd-ui-checkbox-border-colour-hover: #1f1f1f; --sd-ui-checkbox-border-width: 0.125rem; --sd-ui-checkbox-colour: #1f1f1f; --sd-ui-checkbox-colour-focus: #eb6500; --sd-ui-checkbox-cursor: pointer; --sd-ui-checkbox-font-size: 1rem; --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px); --sd-ui-checkbox-indicator-colour: #eb6500; --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width)); --sd-ui-checkbox-indicator-size: 0.6em } .checkbox.is-disabled { --sd-ui-checkbox-border-colour: #b8b8b8; --sd-ui-checkbox-colour: #b8b8b8; --sd-ui-checkbox-cursor: default; --sd-ui-checkbox-indicator-colour: #b8b8b8 } .checkbox-small { --sd-ui-checkbox-font-size: 0.875rem } .checkbox-medium { --sd-ui-checkbox-font-size: 1rem } .checkbox-large { --sd-ui-checkbox-font-size: 1.25rem } .checkbox-responsive { --sd-ui-checkbox-font-size: 0.875rem } @media only screen and (min-width: 48em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1rem } } @media only screen and (min-width: 62em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1.25rem } } .checkbox { font-size: var(--sd-ui-checkbox-font-size); line-height: var(--sd-ui-line-height) } .checkbox .checkbox-input { opacity: 0; position: absolute } .checkbox .checkbox-label { color: var(--sd-ui-checkbox-colour); cursor: var(--sd-ui-checkbox-cursor); user-select: none } .checkbox .checkbox-label-value { margin-left: .5em; vertical-align: middle } .checkbox .checkbox-check { background-color: #fff; border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour); display: inline-block; font-size: var(--sd-ui-checkbox-size); height: var(--sd-ui-checkbox-size); position: relative; transition: border-color ease .3s; vertical-align: middle; width: var(--sd-ui-checkbox-size) } .checkbox .checkbox-check::after { border-color: #fff; border-style: solid; border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0; content: ""; height: var(--sd-ui-checkbox-indicator-size); left: var(--sd-ui-checkbox-indicator-offset); position: absolute; top: var(--sd-ui-checkbox-indicator-offset); transition: border-color .3s; width: var(--sd-ui-checkbox-indicator-size) } .checkbox .checkbox-input:checked+.checkbox-check::after { border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #fff #fff } .checkbox.checkbox.partial .checkbox-input:checked~.checkbox-check::after { border-top-color: #fff } .checkbox .checkbox-input:focus-visible+.checkbox-check { outline: 2px solid var(--sd-ui-checkbox-colour-focus); outline-offset: 1px } .checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check { border-color: var(--sd-ui-checkbox-border-colour-hover) } .checkbox.checkbox-label-indent .checkbox-label { display: inline-flex } .checkbox.checkbox-label-indent .checkbox-check { flex-shrink: 0 } .tab-list { width: 100%; margin-bottom: 1rem; box-shadow: 0px -1px #1f1f1f inset } .tab { display: inline-block; list-style: none; cursor: pointer; font-weight: normal } .tab a:link,.tab a:visited { text-decoration: none; color: inherit } .tab:not(.tab-is-disabled) { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .tab:not(.tab-is-disabled) button,.tab:not(.tab-is-disabled) a { outline: none } .tab:not(.tab-is-disabled):hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tab:not(.tab-is-disabled).tab-is-selected { transition: box-shadow .3s,border-bottom-color .3s; box-shadow: 0px -4px 0 -1px #1f1f1f inset; border-collapse: separate } .tab.tab-is-disabled { cursor: default; border-bottom: 1px solid #1f1f1f } .tab.tab-is-disabled button { outline: none } .tab.tab-is-disabled .tab-title { color: #b8b8b8 } .tab-title { height: 2em; padding: 0.125rem 1rem 0; font-family: inherit; line-height: calc(2em - 2px); display: block; background-color: rgba(0,0,0,0); border: 0; text-decoration: none } .tab-panel { display: none } .tab-panel.tab-panel-is-selected,.tab-panel.tab-panel-force-rendered { display: block } .tablist-container { align-items: flex-end; margin-bottom: 1rem; position: relative; display: flex } .tabs-container { overflow: hidden; flex-grow: 1; padding: 4px; position: relative; top: 4px } .tab-list[class*=responsive-to-] { margin-bottom: 0; position: relative; z-index: 1; white-space: nowrap; transition: transform .3s } @media only screen and (min-width: 20em) { .tab-list.responsive-to-xs { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-xs { padding: 0 } .responsive-to-xs .tabs-control { display: none } } @media only screen and (min-width: 36em) { .tab-list.responsive-to-sm { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-sm { padding: 0 } .responsive-to-sm .tabs-control { display: none } } @media only screen and (min-width: 48em) { .tab-list.responsive-to-md { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-md { padding: 0 } .responsive-to-md .tabs-control { display: none } } @media only screen and (min-width: 62em) { .tab-list.responsive-to-lg { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-lg { padding: 0 } .responsive-to-lg .tabs-control { display: none } } @media only screen and (min-width: 75em) { .tab-list.responsive-to-xl { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-xl { padding: 0 } .responsive-to-xl .tabs-control { display: none } } .tabs-control { flex-shrink: 0; height: calc(2.5em + 1px); width: 2.5em } .tabs-control:enabled { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .tabs-control:enabled button,.tabs-control:enabled a { outline: none } .tabs-control:enabled:hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tabs-control svg.icon.tabs-control-icon { margin: 0 } .simple-tabs { --sd-ui-tabs-border-bottom-colour: #1f1f1f; --sd-ui-tabs-border-bottom-colour-hover: #eb6500; --sd-ui-tabs-border-bottom-width: 0.25rem; --sd-ui-tabs-colour: #1f1f1f; --sd-ui-tabs-colour-focus: #eb6500; --sd-ui-tab-panel-padding-ver: 2rem; --sd-ui-tab-panel-padding-hor: 1rem; --sd-ui-tabs-cursor: pointer; --sd-ui-tabs-font-size: 1em; --sd-ui-tab-padding-hor: 0.625rem; --sd-ui-tab-padding-top: 0.375rem; --sd-ui-tab-padding-bottom: 0.125rem; --sd-ui-tab-colour-focus: #eb6500; --sd-ui-tab-colour-hover: #1f1f1f; --sd-ui-tab-border-colour-hover: #eb6500 } .simple-tabs.on-dark-background { --sd-ui-tabs-border-bottom-colour-hover: #ffffff; --sd-ui-tabs-colour: #ffffff; --sd-ui-tabs-colour-focus: #ffffff } .simple-tabs { font-family: inherit; font-size: var(--sd-ui-tabs-font-size); line-height: var(--sd-ui-line-height) } .simple-tab-list { display: inline-flex; justify-content: flex-start; margin: 0; padding: 0; align-items: baseline; flex-wrap: wrap; box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; width: 100% } .simple-tab-list.simple-tab-list-scrolling { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; scroll-padding-inline: 3rem; flex-wrap: nowrap; margin-bottom: -4px; margin-left: -4px; margin-top: -4px; box-shadow: unset } .simple-tab-list.simple-tab-list-scrolling>.simple-tab { margin: 4px 0 } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:first-child { margin-left: 4px } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:last-child { margin-right: 4px } .simple-tab-list.simple-tab-list-scrolling~.simple-tab-list-scrolling-border-bottom { border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour); margin-top: -1px; margin-right: 4px; margin-left: 4px } .simple-tab-panel { padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor) } .simple-tab-panel.active { display: block } .simple-tab-panel.active:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 1px } .simple-tab-panel.hidden { display: none } .simple-tab { align-items: baseline; background-color: rgba(0,0,0,0); border: none; border-bottom: var(--sd-ui-tabs-border-bottom-width) solid rgba(0,0,0,0); color: var(--sd-ui-tabs-colour); cursor: var(--sd-ui-tabs-cursor); font-family: inherit; padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor); transition: background-color .3s,border-color .3s,color .3s; white-space: nowrap } .simple-tab[aria-selected=true] { border-bottom-color: var(--sd-ui-tabs-border-bottom-colour) } .simple-tab:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 2px } .simple-tab:hover[aria-selected=false],.simple-tab:hover:not([aria-selected]) { border-color: var(--sd-ui-tab-border-colour-hover); color: var(--sd-ui-tab-colour-hover) } .accordion-container .accordion-title { color: #1f1f1f; font-size: inherit; line-height: inherit } .accordion-container .accordion-title .accordion-text { border-bottom: 2px solid rgba(0,0,0,0); transition: border-bottom-color .3s ease } .accordion-container .accordion-subtitle { display: block } .accordion-container .accordion-panel-title { align-items: flex-start; justify-content: space-between; width: 100%; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); position: relative; border: 0; cursor: pointer } .accordion-container .accordion-panel-title:hover .accordion-text,.accordion-container .accordion-panel-title:active .accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-panel-title:hover .accordion-icon,.accordion-container .accordion-panel-title:active .accordion-icon { fill: #eb6500 } .accordion-container .accordion-panel-title:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .accordion-container .accordion-panel-title.icon-left { justify-content: flex-start } .accordion-container .accordion-panel-title.icon-left .accordion-icon { margin-right: 8px } .accordion-container .accordion-panel-title.icon-right .accordion-icon { margin-left: 8px } .accordion-container .accordion-panel { list-style: none; max-width: none; border-bottom: 2px solid #b8b8b8 } .accordion-container .accordion-panel:first-child { border-top: 2px solid #b8b8b8 } .accordion-container .accordion-panel>button[aria-expanded=true]>div>.accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-icon { fill: #0272b1; flex-shrink: 0 } .accordion-container .accordion-icon.navigate-up { fill: #0272b1 } .accordion-container .accordion-icon.navigate-up:hover { fill: #eb6500 } .pagination :last-child { margin-right: 0 } .pagination :first-child { margin-left: 0 } .pagination-pages-label { color: #1f1f1f } .pagination-controls { display: inline-flex; align-items: center } .current-page { border-bottom: 2px solid #000 } .button { --sd-ui-button-background-colour: #0272b1; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-border-colour: #0272b1; --sd-ui-button-border-colour-hover: #eb6500; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-focus: #eb6500; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-cursor: pointer; --sd-ui-button-font-size: 1em; --sd-ui-button-gap: 0.375rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f; --sd-ui-button-icon-size: calc(1em + 4px); --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button-secondary,.button-tertiary { --sd-ui-button-background-colour: transparent } .button-secondary { --sd-ui-button-colour: #0272b1; --sd-ui-button-icon-fill: #0272b1 } .button-tertiary { --sd-ui-button-border-colour: #1f1f1f; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-icon-fill: #1f1f1f } .button.on-dark-background { --sd-ui-button-border-colour: #ffffff; --sd-ui-button-border-colour-hover: #ffffff; --sd-ui-button-background-colour: #ffffff; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-colour-focus: #ffffff; --sd-ui-button-colour-hover: #ffffff; --sd-ui-button-icon-fill: #1f1f1f; --sd-ui-button-icon-fill-hover: #ffffff } .button-secondary.on-dark-background,.button-tertiary.on-dark-background { --sd-ui-button-background-colour: transparent; --sd-ui-button-background-colour-hover: #ffffff; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f } .button:disabled { --sd-ui-button-background-colour: #b8b8b8; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-cursor: default } .button-secondary:disabled,.button-tertiary:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-colour: #b8b8b8; --sd-ui-button-icon-fill: #b8b8b8 } .button.on-dark-background:disabled { --sd-ui-button-background-colour: #707070; --sd-ui-button-border-colour: #707070 } .button-secondary.on-dark-background:disabled,.button-tertiary.on-dark-background:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-colour: #707070; --sd-ui-button-icon-fill: #707070 } .button.small { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } .button.medium { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button.large { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } .button.responsive { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } @media only screen and (min-width: 48em) { .button.responsive { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } } @media only screen and (min-width: 62em) { .button.responsive { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } } .button { align-items: baseline; background-color: var(--sd-ui-button-background-colour); border: 2px solid var(--sd-ui-button-border-colour); color: var(--sd-ui-button-colour); cursor: var(--sd-ui-button-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-font-size); gap: var(--sd-ui-button-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-min-width); max-width: 250px; padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor); transition: background-color .3s,border-color .3s,color .3s; user-select: text; white-space: nowrap } @media only screen and (min-width: 36em) { .button { max-width:100% } } .button-icon-only { padding: var(--sd-ui-button-padding-icon-label); min-width: inherit } .button.disable-min-width { min-width: inherit } .button:focus-visible { outline: 2px solid var(--sd-ui-button-colour-focus); outline-offset: 2px } .button:hover:not(:disabled) { background-color: var(--sd-ui-button-background-colour-hover); border-color: var(--sd-ui-button-border-colour-hover); color: var(--sd-ui-button-colour-hover) } .button .icon,.button-text-container { align-self: center } .button .icon { fill: var(--sd-ui-button-icon-fill); flex-shrink: 0; height: var(--sd-ui-button-icon-size); width: var(--sd-ui-button-icon-size); transition: fill .3s ease } .button-text-container { flex: 1; overflow: hidden; text-overflow: ellipsis } .button:hover:not(:disabled) .icon { fill: var(--sd-ui-button-icon-fill-hover) } @keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } .icon-spinner>rect { animation: icon-spinner-anim .4s linear 0s infinite } .icon-spinner>rect:nth-of-type(2) { animation-delay: -0.4s } .icon-spinner>rect:nth-of-type(3) { animation-delay: -0.35s } .icon-spinner>rect:nth-of-type(4) { animation-delay: -0.3s } .icon-spinner>rect:nth-of-type(5) { animation-delay: -0.25s } .icon-spinner>rect:nth-of-type(6) { animation-delay: -0.2s } .icon-spinner>rect:nth-of-type(7) { animation-delay: -0.15s } .icon-spinner>rect:nth-of-type(8) { animation-delay: -0.1s } .icon-spinner>rect:nth-of-type(9) { animation-delay: -0.05s } .icon-spinner>rect:nth-of-type(10) { animation: none } .modal { border: 1rem solid rgba(220,220,220,.85); min-width: 18rem } .modal:active,.modal:focus,.modal:hover { outline: 0 } .modal-content { border-top: 2px solid #eb6500 } .modal-close-button { padding: 8px } .modal-close-button-icon { fill: #1f1f1f !important; border-bottom: 2px solid rgba(0,0,0,0) } .modal-close-button-icon:hover { border-bottom: 2px solid #eb6500 } .modal-overlay { background-color: rgba(112,112,112,.85); z-index: 1000; position: fixed } .text-input,.search-input { --sd-ui-text-input-background-color: inherit; --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #1f1f1f; --sd-ui-text-input-offset-top: 26px; --sd-ui-text-input-clear-button-padding: 10px; --sd-ui-text-input-clear-button-size: calc(1em + 4px); --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2)) } .text-input-field,.search-input-field { --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width)) } .text-input-field:focus-visible,.search-input-field:focus-visible { --sd-ui-text-input-background-color: transparent; --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input:hover .text-input-field:not(:focus-visible):not(.borderless),.text-input:hover .search-input-field:not(:focus-visible):not(.borderless),.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) { --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px } .text-input-error,.search-input-error { --sd-ui-text-input-background-color: #fff3eb; --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #bc1a23 } .text-input-field.borderless,.search-input-field.borderless { --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input-container-no-label .text-input-clear,.text-input-container-no-label .search-input-clear,.search-input-container-no-label .text-input-clear,.search-input-container-no-label .search-input-clear { --sd-ui-text-input-offset-top: 0 } .text-input-field-with-clear,.search-input-field-with-clear { --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width)) } html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible { --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 1px } .text-input,.search-input { display: flex; gap: 4px; flex-direction: column } .text-input-with-clear,.search-input-with-clear { position: relative } .text-input-container,.search-input-container { display: contents } .text-input-label,.search-input-label { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-input-field,.search-input-field { font-size: 16px; line-height: var(--sd-ui-line-height); background-color: var(--sd-ui-text-input-background-color); border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color); border-bottom-width: var(--sd-ui-text-input-border-bottom-width); font-family: inherit; max-width: 100%; padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) } .text-input-field:focus-visible,.search-input-field:focus-visible { outline: 2px solid #eb6500; outline-offset: -2px } .text-input-field:read-only:focus-visible,.search-input-field:read-only:focus-visible { outline: none } .text-input-message-container,.search-input-message-container { font-size: 14px; line-height: var(--sd-ui-line-height); min-height: var(--sd-ui-line-height) } .text-input-tip,.search-input-tip { font-style: italic } .text-input-error-message,.search-input-error-message { color: #bc1a23 } .text-input-clear,.search-input-clear { padding: var(--sd-ui-text-input-clear-button-padding); position: absolute; right: 0; top: var(--sd-ui-text-input-offset-top); width: var(--sd-ui-text-input-clear-button-width) } .text-input-clear .icon,.search-input-clear .icon { font-size: 16px; line-height: var(--sd-ui-line-height); height: var(--sd-ui-text-input-clear-button-size); width: var(--sd-ui-text-input-clear-button-size) } .text-input-clear:focus-visible,.search-input-clear:focus-visible { outline-offset: -2px } html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible { outline-offset: 2px } .alert { display: inline-flex; gap: 8px } .alert-icon-box { align-self: flex-start; display: block; padding: 4px } .alert-icon-box .icon { display: block; height: calc(16px + 4px); width: calc(16px + 4px) } .alert-text { align-self: center } .popover { position: relative; display: inline-block } .popover-content { position: absolute; margin-top: 16px; z-index: 9999; padding: 16px; border: 1px solid #8e8e8e; border-top: rgba(0,0,0,0); background: rgba(235,235,235,.85) } .popover-content.popover-align-left { box-shadow: 7px -9px 0px -7px #eb6500; left: 0 } .popover-content.popover-align-left.popover-align-left:before { content: ""; position: absolute; left: -1px; background-position: left top; border-left: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content.popover-align-right { box-shadow: -7px -9px 0px -7px #eb6500; right: 0 } .popover-content.popover-align-right.popover-align-right:before { content: ""; position: absolute; right: -1px; background-position: left top; border-right: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content-inner { background: #fff } .popover-content-inner .popover-children { padding: 32px 16px } .popover-content-inner.popover-close-button-hidden .popover-children { padding: 16px } .popover-button-close { gap: 0; padding: 10px 10px 8px 10px; position: relative; right: 2px; top: 2px; border-bottom: 2px solid rgba(0,0,0,0) } .popover-button-close:hover { border-bottom: 2px solid #eb6500 } .popover-button-close:hover .icon { fill: #1f1f1f } .badge-warning,.badge-success,.badge-info { display: inline-block; font-weight: normal; border-radius: 10px; line-height: 0 !important } .badge-sm { font-size: 10px; line-height: var(--sd-ui-line-height); padding: 8px 5px } .badge-md { font-size: 14px; line-height: var(--sd-ui-line-height); padding: 10px 7px } .badge-info { color: #000; background: #44c6f4 } .badge-success { color: #fff; background: #0b7a2b } .badge-warning { color: #fff; background: #bc1a23 } .is-truncated-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .switch { --sd-ui-switch-background-colour: white; --sd-ui-switch-border-colour: #707070; --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2); --sd-ui-switch-border-width: 0.125rem; --sd-ui-switch-colour: inherit; --sd-ui-switch-colour-focus: #eb6500; --sd-ui-switch-cursor: pointer; --sd-ui-switch-font-size: 1rem; --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2)); --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2); --sd-ui-switch-indicator-colour: #b8b8b8; --sd-ui-switch-indicator-scale: 0.5; --sd-ui-switch-indicator-size: 1em; --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1) } .switch.is-disabled { --sd-ui-switch-border-colour: #b8b8b8; --sd-ui-switch-colour: #b8b8b8; --sd-ui-switch-cursor: default; --sd-ui-switch-indicator-colour: #b8b8b8 } .switch-input:checked+.switch-check::after { --sd-ui-switch-indicator-colour: #eb6500; --sd-ui-switch-indicator-scale: 0.7; --sd-ui-switch-indicator-translate-x: 0 } .switch:not(.is-disabled) .switch-label:hover { --sd-ui-switch-border-colour: #1f1f1f } .switch-small { --sd-ui-switch-font-size: 0.875rem } .switch-large { --sd-ui-switch-font-size: 1.25rem } .switch { color: var(--sd-ui-switch-colour); font-size: var(--sd-ui-switch-font-size); line-height: var(--sd-ui-line-height) } .switch .switch-label { cursor: var(--sd-ui-switch-cursor) } .switch .switch-input { opacity: 0; position: absolute } .switch .switch-check { background-color: var(--sd-ui-switch-background-colour); border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour); border-radius: var(--sd-ui-switch-border-radius); display: inline-block; height: var(--sd-ui-switch-height); position: relative; transition: border .3s ease; vertical-align: middle; width: var(--sd-ui-switch-width) } .switch .switch-check::after { background-color: var(--sd-ui-switch-indicator-colour); border-radius: 50%; content: ""; display: block; height: var(--sd-ui-switch-indicator-size); position: absolute; right: 0; top: 0; transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); transition: transform .4s ease,background-color .4s ease; width: var(--sd-ui-switch-indicator-size) } .switch .switch-input:focus-visible+.switch-check { outline-offset: 2px; outline: 2px solid var(--sd-ui-switch-colour-focus) } .switch .switch-label-value { margin-left: .5em; vertical-align: middle; user-select: none } .input-dropdown { --sd-ui-input-dropdown-colour: inherit; --sd-ui-input-dropdown-cursor: pointer; --sd-ui-input-dropdown-tranisition-duration: 0.3s; --sd-ui-input-dropdown-button-border-colour: inherit; --sd-ui-input-dropdown-divider-colour: #1f1f1f; --sd-ui-input-dropdown-options-visibility: hidden } .input-dropdown.options-visible { --sd-ui-input-dropdown-button-border-colour: #eb6500; --sd-ui-input-dropdown-divider-colour: #eb6500; --sd-ui-input-dropdown-options-visibility: visible } .input-dropdown-disabled { --sd-ui-input-dropdown-colour: #b8b8b8; --sd-ui-input-dropdown-cursor: default; --sd-ui-input-dropdown-divider-colour: #b8b8b8 } .input-dropdown { color: var(--sd-ui-input-dropdown-colour); cursor: var(--sd-ui-input-dropdown-cursor) } .input-dropdown .dropdown-input-row { align-items: flex-end; border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour); display: flex } .input-dropdown .text-input { flex: 1 } .input-dropdown .text-input-label { cursor: inherit } .input-dropdown .text-input-field { --sd-ui-text-input-field-padding-top: 4px; --sd-ui-text-input-field-padding-left: 0; --sd-ui-text-input-field-padding-bottom: 4px; color: inherit; cursor: inherit; margin-bottom: 4px } .input-dropdown .text-input-message-container { display: none } .input-dropdown .input-dropdown-button { border-color: var(--sd-ui-input-dropdown-button-border-colour); gap: 0; margin-bottom: 4px; outline-offset: 1px } .input-dropdown .dropdown-container { position: relative } .input-dropdown .options-list-container { background: #fff; border: 1px solid #8e8e8e; border-top: none; opacity: 0; position: absolute; visibility: var(--sd-ui-input-dropdown-options-visibility); width: 100%; z-index: 1 } .input-dropdown.options-visible .options-list-container { opacity: 1 } .input-dropdown .options-list { list-style: none; margin: 0; padding: 0 } .input-dropdown .option-item { cursor: pointer; padding: 0 8px 8px } .input-dropdown .option-item:first-child { padding-top: 8px } .input-dropdown .option-item:focus-visible { outline: none } .input-dropdown .option-item:hover .options-item-text,.input-dropdown .option-item.isCurrent .options-item-text { border-bottom: 2px solid #eb6500 } .input-dropdown-fancy { border: 1px solid rgba(0,0,0,0); border-bottom: 0; margin: 0 -16px; padding: 8px 16px 0 16px } .input-dropdown-fancy.options-visible { border-color: #8e8e8e; background: #f0f0f0 } .input-dropdown-fancy .input-dropdown-button { background: rgba(0,0,0,0) } .input-dropdown-fancy.options-visible .input-dropdown-button { background: #fff } .input-dropdown-fancy .dropdown-container { position: relative } .input-dropdown-fancy .options-list-container { background: #f0f0f0; border: 1px solid #8e8e8e; border-top: none; margin-left: -17px; padding: 0 16px 16px; width: calc(100% + 34px) } .input-dropdown-fancy .options-list { background: #fff } .link-button { --sd-ui-link-button-background-colour: #0272b1; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-border-colour: #0272b1; --sd-ui-link-button-border-colour-hover: #eb6500; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-outline-focus: #eb6500; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-cursor: pointer; --sd-ui-link-button-font-size: 1em; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f; --sd-ui-link-button-icon-size: calc(1em + 4px); --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button-secondary,.link-button-tertiary { --sd-ui-link-button-background-colour: transparent } .link-button-secondary { --sd-ui-link-button-colour: #0272b1; --sd-ui-link-button-icon-fill: #0272b1 } .link-button-tertiary { --sd-ui-link-button-border-colour: #1f1f1f; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-icon-fill: #1f1f1f } .link-button.on-dark-background { --sd-ui-link-button-border-colour: #ffffff; --sd-ui-link-button-border-colour-hover: #ffffff; --sd-ui-link-button-background-colour: #ffffff; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-outline-focus: #ffffff; --sd-ui-link-button-colour-hover: #ffffff; --sd-ui-link-button-icon-fill: #1f1f1f; --sd-ui-link-button-icon-fill-hover: #ffffff } .link-button-secondary.on-dark-background,.link-button-tertiary.on-dark-background { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-background-colour-hover: #ffffff; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f } .link-button[aria-disabled=true] { --sd-ui-link-button-outline-focus: transparent; --sd-ui-link-button-cursor: default; --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary[aria-disabled=true],.link-button-tertiary[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-border-colour: #b8b8b8; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary.on-dark-background[aria-disabled=true],.link-button-tertiary.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.small { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } .link-button.medium { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button.large { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } .link-button.responsive { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } @media only screen and (min-width: 48em) { .link-button.responsive { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } } @media only screen and (min-width: 62em) { .link-button.responsive { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } } .link-button { align-items: baseline; background-color: var(--sd-ui-link-button-background-colour); border: 2px solid var(--sd-ui-link-button-border-colour); color: var(--sd-ui-link-button-colour); cursor: var(--sd-ui-link-button-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-link-button-font-size); gap: var(--sd-ui-link-button-gap); line-height: var(--sd-ui-line-height); max-width: 250px; min-width: var(--sd-ui-link-button-min-width); padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor); text-decoration: none; transition: background-color .3s,border-color .3s,color .3s; user-select: none; white-space: nowrap } @media only screen and (min-width: 36em) { .link-button { max-width:100% } } .link-button-icon-only { padding: var(--sd-ui-link-button-padding-icon-label); min-width: inherit } .link-button.disable-min-width { min-width: inherit } .link-button:focus-visible { outline: 2px solid var(--sd-ui-link-button-outline-focus); outline-offset: 2px } .link-button:hover:not([aria-disabled=true]) { background-color: var(--sd-ui-link-button-background-colour-hover); border-color: var(--sd-ui-link-button-border-colour-hover); color: var(--sd-ui-link-button-colour-hover) } .link-button .icon,.link-button-text-container { align-self: center; text-align: center } .link-button .icon { fill: var(--sd-ui-link-button-icon-fill); flex-shrink: 0; height: var(--sd-ui-link-button-icon-size); width: var(--sd-ui-link-button-icon-size); transition: fill .3s ease } .link-button-text-container { flex: 1; overflow: hidden; text-overflow: ellipsis } .link-button:hover:not([aria-disabled=true]) .icon { fill: var(--sd-ui-link-button-icon-fill-hover) } .link-button .arrow-external-link { height: var(--sd-ui-link-button-icon-external-link-size); width: var(--sd-ui-link-button-icon-external-link-size) } :root { --sd-ui-right-side-panel-width: calc(496px) } .side-panel { width: calc(100vw - 16px); border-left: 16px solid rgba(0,0,0,0); position: fixed; display: block; top: 0; bottom: 0; right: 0; z-index: 1000; height: 100%; transform: translateX(100%); visibility: hidden; transition: visibility 0s linear .3s,transform .3s ease } @media(min-width: calc(512px)) { .side-panel { width:var(--sd-ui-right-side-panel-width) } } .side-panel-content { overflow-y: auto; position: fixed; height: 100%; background-color: #fff; width: 100% } .side-panel-is-expanded { transform: translateX(0); visibility: visible; transition-delay: 0s } .side-panel-children { margin-bottom: 48px; padding: 0 16px } @media only screen and (min-width: 36em) { .side-panel-children { padding:0 32px } } @media(min-width: calc(512px)) { .side-panel-border { background:linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px) } } .side-panel-header { position: sticky; height: 48px; top: 0; background-color: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 1; padding: 0 8px 0 16px } @media only screen and (min-width: 36em) { .side-panel-header { height:80px; padding: 0 24px 0 32px } } .side-panel-close-btn { float: right; padding: 8px 14px } .side-panel-close-btn svg { fill: #1f1f1f !important } .side-panel-close-btn svg:hover { fill: #eb6500 !important } .side-panel-overlay { position: fixed; width: 100%; bottom: 0; right: 100%; left: 0; top: 0; z-index: 70; background-color: rgba(31,31,31,.55); opacity: 0; visibility: hidden; transition: visibility .3s ease,opacity .3s ease } .side-panel-overlay-is-expanded { opacity: 1; visibility: visible } @media(min-width: calc(512px)) { .side-panel-overlay-is-expanded { opacity:0; visibility: hidden } .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints { opacity: 1; visibility: visible } } @media(prefers-reduced-motion: reduce) { .side-panel,.side-panel-overlay { transition: none } } :root { --sd-ui-carousel-banner-color: #f5f5f5; --sd-ui-carousel-banner-opacity: 80% } .carousel { position: relative; overflow: hidden } .carousel .slide-item { position: absolute; height: 100%; width: 100%; display: none } .carousel .active-carousel-indicator .button-text { border-bottom: 1px solid #4c4c4c } .carousel .active-carousel-indicator div { background: #4c4c4c } .carousel .active-carousel-slide { display: initial } .carousel #indicators { width: 100%; position: absolute; bottom: 0; height: 52px; display: flex; justify-content: center; background-color: var(--sd-ui-carousel-banner-color); opacity: var(--sd-ui-carousel-banner-opacity) } .carousel .carousel-indicators { list-style: none; grid-gap: 0.5rem; display: grid; align-content: center; grid-auto-flow: column; grid-auto-columns: 1fr } .carousel .carousel-indicator { height: 12px; width: 12px; border-radius: 6px; border: 1px solid #1f1f1f; margin: auto; background: #f5f5f5 } .carousel button { background: unset; border: none; font-size: 1.25rem; line-height: 1.15 } .carousel .button-text { border-bottom: 1px solid rgba(0,0,0,0) } .carousel .carousel-slides { height: inherit; width: inherit } .carousel .slide-indicator { padding: 1rem } .carousel .slide-indicator .button-text { display: none } .carousel .slide-indicator .button-link-text { vertical-align: middle } @media only screen and (min-width: 36em) { .carousel .slide-indicator { padding:0 1rem } .carousel .slide-indicator .button-text { display: inline-block } .carousel .without-caption { padding: 1rem } } .ArticleCard { display: grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-template-areas: "checkbox type-access" ". title" ". authors" ". source-info" ". actions"; row-gap: 2px; justify-content: start } .article-card_checkbox { grid-area: checkbox } .AccessTypeIndicator { grid-area: type-access } .AccessTypeIndicator span { margin-right: 8px } .ArticleTitle { grid-area: title } .Authors { grid-area: authors } .SourceInfo { grid-area: source-info } .Actions { grid-area: actions } .AccessTypeIndicator .access-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 8px } .AccessTypeIndicator .access-indicator.access-indicator-yes { background: #0b7a2b } .AccessTypeIndicator .access-indicator.access-indicator-no { border: 1px solid #000 } .Actions { margin-top: 4px } .Actions .actions-container { display: flex; list-style: none } .Actions .actions-container button.expandable-action.active>svg { fill: #ff6c00 } .tooltip-wrapper { display: inline-flex } .tooltip { --sd-ui-tooltip-font-size: 16px; --sd-ui-tooltip-line-height: 24px; position: absolute; display: inline-block } .tooltip-content { margin: 16px 0; padding: 16px; border: 1px solid #8e8e8e; background-color: #f0f0f0; opacity: 0; visibility: hidden; display: none; transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition-behavior: allow-discrete } .tooltip-content-visible { transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition-behavior: allow-discrete; display: inline-block; visibility: visible; opacity: 1 } @starting-style { .tooltip-content-visible { opacity: 0 } } .tooltip-small { max-width: 320px } .tooltip-medium { max-width: 480px } .tooltip-large { max-width: 640px } .tooltip-position-bottom-left { border-top: rgba(0,0,0,0); box-shadow: 7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-left.tooltip-position-bottom-left:before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-left.tooltip-position-bottom-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; top: 0 } .tooltip-position-bottom-right { border-top: rgba(0,0,0,0); box-shadow: -7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-right.tooltip-position-bottom-right:before { background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-right.tooltip-position-bottom-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; top: 0 } .tooltip-position-top-left { border-bottom: rgba(0,0,0,0); box-shadow: 7px 9px 0px -7px #eb6500 } .tooltip-position-top-left.tooltip-position-top-left:before { background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-left.tooltip-position-top-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; bottom: 0 } .tooltip-position-top-right { border-bottom: rgba(0,0,0,0); box-shadow: -7px 9px 0px -7px #eb6500 } .tooltip-position-top-right.tooltip-position-top-right:before { background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-right.tooltip-position-top-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; bottom: 0 } .floating-ui-node { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001 } .els-footer-links { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap } @media only screen and (min-width: 36em) { .els-footer-links { flex-direction:row } } .sd-flex-container { display: flex; flex-direction: column; height: 100vh } .sd-flex-content { flex: 1 0 auto } .els-footer { border-top: .1rem solid #eb6500; display: flex; flex-direction: column; flex-shrink: 0 } @media only screen and (min-width: 48em) { .els-footer { flex-direction:row } } .els-footer-content { flex: auto } @media print { .els-footer { border-top: .1rem solid #dcdcdc; flex-wrap: wrap; flex-direction: row; page-break-before: avoid; break-before: avoid-page; page-break-inside: avoid; break-inside: avoid-page } .els-footer-content>p { font-size: 8pt; line-height: 1.5 } } .cookie-btn { height: 22px !important; border: none !important; border-bottom: 2px solid rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; padding: 0 !important; font-size: .875rem !important; line-height: var(--sd-ui-line-height) !important; color: #1f1f1f !important } .cookie-btn:hover { border-bottom: 2px solid #eb6500 !important; transition: background-color .3s,border-color .3s,color .3s } .with-loading-state svg.icon.icon-spinner { vertical-align: middle; margin: 0 } .with-loading-state.is-complete-default { background-color: #0b7a2b; border-color: #0b7a2b } .with-loading-state.is-active { cursor: default } .u-padding-0 { padding: 0px !important } .u-margin-0 { margin: 0px !important } .u-padding-0-ver { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top { padding-top: 0px !important } .u-margin-0-top { margin-top: 0px !important } .u-padding-0-right { padding-right: 0px !important } .u-margin-0-right { margin-right: 0px !important } .u-padding-0-bottom { padding-bottom: 0px !important } .u-margin-0-bottom { margin-bottom: 0px !important } .u-padding-0-left { padding-left: 0px !important } .u-margin-0-left { margin-left: 0px !important } .u-padding-xs { padding: 8px !important } .u-margin-xs { margin: 8px !important } .u-padding-xs-ver { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top { padding-top: 8px !important } .u-margin-xs-top { margin-top: 8px !important } .u-padding-xs-right { padding-right: 8px !important } .u-margin-xs-right { margin-right: 8px !important } .u-padding-xs-bottom { padding-bottom: 8px !important } .u-margin-xs-bottom { margin-bottom: 8px !important } .u-padding-xs-left { padding-left: 8px !important } .u-margin-xs-left { margin-left: 8px !important } .u-padding-s { padding: 16px !important } .u-margin-s { margin: 16px !important } .u-padding-s-ver { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top { padding-top: 16px !important } .u-margin-s-top { margin-top: 16px !important } .u-padding-s-right { padding-right: 16px !important } .u-margin-s-right { margin-right: 16px !important } .u-padding-s-bottom { padding-bottom: 16px !important } .u-margin-s-bottom { margin-bottom: 16px !important } .u-padding-s-left { padding-left: 16px !important } .u-margin-s-left { margin-left: 16px !important } .u-padding-m { padding: 24px !important } .u-margin-m { margin: 24px !important } .u-padding-m-ver { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top { padding-top: 24px !important } .u-margin-m-top { margin-top: 24px !important } .u-padding-m-right { padding-right: 24px !important } .u-margin-m-right { margin-right: 24px !important } .u-padding-m-bottom { padding-bottom: 24px !important } .u-margin-m-bottom { margin-bottom: 24px !important } .u-padding-m-left { padding-left: 24px !important } .u-margin-m-left { margin-left: 24px !important } .u-padding-l { padding: 32px !important } .u-margin-l { margin: 32px !important } .u-padding-l-ver { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top { padding-top: 32px !important } .u-margin-l-top { margin-top: 32px !important } .u-padding-l-right { padding-right: 32px !important } .u-margin-l-right { margin-right: 32px !important } .u-padding-l-bottom { padding-bottom: 32px !important } .u-margin-l-bottom { margin-bottom: 32px !important } .u-padding-l-left { padding-left: 32px !important } .u-margin-l-left { margin-left: 32px !important } .u-padding-xl { padding: 40px !important } .u-margin-xl { margin: 40px !important } .u-padding-xl-ver { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top { padding-top: 40px !important } .u-margin-xl-top { margin-top: 40px !important } .u-padding-xl-right { padding-right: 40px !important } .u-margin-xl-right { margin-right: 40px !important } .u-padding-xl-bottom { padding-bottom: 40px !important } .u-margin-xl-bottom { margin-bottom: 40px !important } .u-padding-xl-left { padding-left: 40px !important } .u-margin-xl-left { margin-left: 40px !important } .u-padding-xxl { padding: 48px !important } .u-margin-xxl { margin: 48px !important } .u-padding-xxl-ver { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top { padding-top: 48px !important } .u-margin-xxl-top { margin-top: 48px !important } .u-padding-xxl-right { padding-right: 48px !important } .u-margin-xxl-right { margin-right: 48px !important } .u-padding-xxl-bottom { padding-bottom: 48px !important } .u-margin-xxl-bottom { margin-bottom: 48px !important } .u-padding-xxl-left { padding-left: 48px !important } .u-margin-xxl-left { margin-left: 48px !important } @media only screen and (min-width: 20em) { .u-padding-0-from-xs { padding:0px !important } .u-margin-0-from-xs { margin: 0px !important } .u-padding-0-ver-from-xs { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xs { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xs { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xs { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xs { padding-top: 0px !important } .u-margin-0-top-from-xs { margin-top: 0px !important } .u-padding-0-right-from-xs { padding-right: 0px !important } .u-margin-0-right-from-xs { margin-right: 0px !important } .u-padding-0-bottom-from-xs { padding-bottom: 0px !important } .u-margin-0-bottom-from-xs { margin-bottom: 0px !important } .u-padding-0-left-from-xs { padding-left: 0px !important } .u-margin-0-left-from-xs { margin-left: 0px !important } .u-padding-xs-from-xs { padding: 8px !important } .u-margin-xs-from-xs { margin: 8px !important } .u-padding-xs-ver-from-xs { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xs { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xs { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xs { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xs { padding-top: 8px !important } .u-margin-xs-top-from-xs { margin-top: 8px !important } .u-padding-xs-right-from-xs { padding-right: 8px !important } .u-margin-xs-right-from-xs { margin-right: 8px !important } .u-padding-xs-bottom-from-xs { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xs { margin-bottom: 8px !important } .u-padding-xs-left-from-xs { padding-left: 8px !important } .u-margin-xs-left-from-xs { margin-left: 8px !important } .u-padding-s-from-xs { padding: 16px !important } .u-margin-s-from-xs { margin: 16px !important } .u-padding-s-ver-from-xs { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xs { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xs { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xs { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xs { padding-top: 16px !important } .u-margin-s-top-from-xs { margin-top: 16px !important } .u-padding-s-right-from-xs { padding-right: 16px !important } .u-margin-s-right-from-xs { margin-right: 16px !important } .u-padding-s-bottom-from-xs { padding-bottom: 16px !important } .u-margin-s-bottom-from-xs { margin-bottom: 16px !important } .u-padding-s-left-from-xs { padding-left: 16px !important } .u-margin-s-left-from-xs { margin-left: 16px !important } .u-padding-m-from-xs { padding: 24px !important } .u-margin-m-from-xs { margin: 24px !important } .u-padding-m-ver-from-xs { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xs { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xs { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xs { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xs { padding-top: 24px !important } .u-margin-m-top-from-xs { margin-top: 24px !important } .u-padding-m-right-from-xs { padding-right: 24px !important } .u-margin-m-right-from-xs { margin-right: 24px !important } .u-padding-m-bottom-from-xs { padding-bottom: 24px !important } .u-margin-m-bottom-from-xs { margin-bottom: 24px !important } .u-padding-m-left-from-xs { padding-left: 24px !important } .u-margin-m-left-from-xs { margin-left: 24px !important } .u-padding-l-from-xs { padding: 32px !important } .u-margin-l-from-xs { margin: 32px !important } .u-padding-l-ver-from-xs { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xs { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xs { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xs { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xs { padding-top: 32px !important } .u-margin-l-top-from-xs { margin-top: 32px !important } .u-padding-l-right-from-xs { padding-right: 32px !important } .u-margin-l-right-from-xs { margin-right: 32px !important } .u-padding-l-bottom-from-xs { padding-bottom: 32px !important } .u-margin-l-bottom-from-xs { margin-bottom: 32px !important } .u-padding-l-left-from-xs { padding-left: 32px !important } .u-margin-l-left-from-xs { margin-left: 32px !important } .u-padding-xl-from-xs { padding: 40px !important } .u-margin-xl-from-xs { margin: 40px !important } .u-padding-xl-ver-from-xs { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xs { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xs { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xs { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xs { padding-top: 40px !important } .u-margin-xl-top-from-xs { margin-top: 40px !important } .u-padding-xl-right-from-xs { padding-right: 40px !important } .u-margin-xl-right-from-xs { margin-right: 40px !important } .u-padding-xl-bottom-from-xs { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xs { margin-bottom: 40px !important } .u-padding-xl-left-from-xs { padding-left: 40px !important } .u-margin-xl-left-from-xs { margin-left: 40px !important } .u-padding-xxl-from-xs { padding: 48px !important } .u-margin-xxl-from-xs { margin: 48px !important } .u-padding-xxl-ver-from-xs { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xs { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xs { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xs { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xs { padding-top: 48px !important } .u-margin-xxl-top-from-xs { margin-top: 48px !important } .u-padding-xxl-right-from-xs { padding-right: 48px !important } .u-margin-xxl-right-from-xs { margin-right: 48px !important } .u-padding-xxl-bottom-from-xs { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xs { margin-bottom: 48px !important } .u-padding-xxl-left-from-xs { padding-left: 48px !important } .u-margin-xxl-left-from-xs { margin-left: 48px !important } } @media only screen and (min-width: 36em) { .u-padding-0-from-sm { padding:0px !important } .u-margin-0-from-sm { margin: 0px !important } .u-padding-0-ver-from-sm { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-sm { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-sm { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-sm { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-sm { padding-top: 0px !important } .u-margin-0-top-from-sm { margin-top: 0px !important } .u-padding-0-right-from-sm { padding-right: 0px !important } .u-margin-0-right-from-sm { margin-right: 0px !important } .u-padding-0-bottom-from-sm { padding-bottom: 0px !important } .u-margin-0-bottom-from-sm { margin-bottom: 0px !important } .u-padding-0-left-from-sm { padding-left: 0px !important } .u-margin-0-left-from-sm { margin-left: 0px !important } .u-padding-xs-from-sm { padding: 8px !important } .u-margin-xs-from-sm { margin: 8px !important } .u-padding-xs-ver-from-sm { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-sm { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-sm { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-sm { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-sm { padding-top: 8px !important } .u-margin-xs-top-from-sm { margin-top: 8px !important } .u-padding-xs-right-from-sm { padding-right: 8px !important } .u-margin-xs-right-from-sm { margin-right: 8px !important } .u-padding-xs-bottom-from-sm { padding-bottom: 8px !important } .u-margin-xs-bottom-from-sm { margin-bottom: 8px !important } .u-padding-xs-left-from-sm { padding-left: 8px !important } .u-margin-xs-left-from-sm { margin-left: 8px !important } .u-padding-s-from-sm { padding: 16px !important } .u-margin-s-from-sm { margin: 16px !important } .u-padding-s-ver-from-sm { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-sm { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-sm { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-sm { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-sm { padding-top: 16px !important } .u-margin-s-top-from-sm { margin-top: 16px !important } .u-padding-s-right-from-sm { padding-right: 16px !important } .u-margin-s-right-from-sm { margin-right: 16px !important } .u-padding-s-bottom-from-sm { padding-bottom: 16px !important } .u-margin-s-bottom-from-sm { margin-bottom: 16px !important } .u-padding-s-left-from-sm { padding-left: 16px !important } .u-margin-s-left-from-sm { margin-left: 16px !important } .u-padding-m-from-sm { padding: 24px !important } .u-margin-m-from-sm { margin: 24px !important } .u-padding-m-ver-from-sm { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-sm { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-sm { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-sm { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-sm { padding-top: 24px !important } .u-margin-m-top-from-sm { margin-top: 24px !important } .u-padding-m-right-from-sm { padding-right: 24px !important } .u-margin-m-right-from-sm { margin-right: 24px !important } .u-padding-m-bottom-from-sm { padding-bottom: 24px !important } .u-margin-m-bottom-from-sm { margin-bottom: 24px !important } .u-padding-m-left-from-sm { padding-left: 24px !important } .u-margin-m-left-from-sm { margin-left: 24px !important } .u-padding-l-from-sm { padding: 32px !important } .u-margin-l-from-sm { margin: 32px !important } .u-padding-l-ver-from-sm { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-sm { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-sm { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-sm { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-sm { padding-top: 32px !important } .u-margin-l-top-from-sm { margin-top: 32px !important } .u-padding-l-right-from-sm { padding-right: 32px !important } .u-margin-l-right-from-sm { margin-right: 32px !important } .u-padding-l-bottom-from-sm { padding-bottom: 32px !important } .u-margin-l-bottom-from-sm { margin-bottom: 32px !important } .u-padding-l-left-from-sm { padding-left: 32px !important } .u-margin-l-left-from-sm { margin-left: 32px !important } .u-padding-xl-from-sm { padding: 40px !important } .u-margin-xl-from-sm { margin: 40px !important } .u-padding-xl-ver-from-sm { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-sm { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-sm { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-sm { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-sm { padding-top: 40px !important } .u-margin-xl-top-from-sm { margin-top: 40px !important } .u-padding-xl-right-from-sm { padding-right: 40px !important } .u-margin-xl-right-from-sm { margin-right: 40px !important } .u-padding-xl-bottom-from-sm { padding-bottom: 40px !important } .u-margin-xl-bottom-from-sm { margin-bottom: 40px !important } .u-padding-xl-left-from-sm { padding-left: 40px !important } .u-margin-xl-left-from-sm { margin-left: 40px !important } .u-padding-xxl-from-sm { padding: 48px !important } .u-margin-xxl-from-sm { margin: 48px !important } .u-padding-xxl-ver-from-sm { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-sm { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-sm { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-sm { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-sm { padding-top: 48px !important } .u-margin-xxl-top-from-sm { margin-top: 48px !important } .u-padding-xxl-right-from-sm { padding-right: 48px !important } .u-margin-xxl-right-from-sm { margin-right: 48px !important } .u-padding-xxl-bottom-from-sm { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-sm { margin-bottom: 48px !important } .u-padding-xxl-left-from-sm { padding-left: 48px !important } .u-margin-xxl-left-from-sm { margin-left: 48px !important } } @media only screen and (min-width: 48em) { .u-padding-0-from-md { padding:0px !important } .u-margin-0-from-md { margin: 0px !important } .u-padding-0-ver-from-md { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-md { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-md { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-md { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-md { padding-top: 0px !important } .u-margin-0-top-from-md { margin-top: 0px !important } .u-padding-0-right-from-md { padding-right: 0px !important } .u-margin-0-right-from-md { margin-right: 0px !important } .u-padding-0-bottom-from-md { padding-bottom: 0px !important } .u-margin-0-bottom-from-md { margin-bottom: 0px !important } .u-padding-0-left-from-md { padding-left: 0px !important } .u-margin-0-left-from-md { margin-left: 0px !important } .u-padding-xs-from-md { padding: 8px !important } .u-margin-xs-from-md { margin: 8px !important } .u-padding-xs-ver-from-md { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-md { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-md { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-md { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-md { padding-top: 8px !important } .u-margin-xs-top-from-md { margin-top: 8px !important } .u-padding-xs-right-from-md { padding-right: 8px !important } .u-margin-xs-right-from-md { margin-right: 8px !important } .u-padding-xs-bottom-from-md { padding-bottom: 8px !important } .u-margin-xs-bottom-from-md { margin-bottom: 8px !important } .u-padding-xs-left-from-md { padding-left: 8px !important } .u-margin-xs-left-from-md { margin-left: 8px !important } .u-padding-s-from-md { padding: 16px !important } .u-margin-s-from-md { margin: 16px !important } .u-padding-s-ver-from-md { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-md { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-md { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-md { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-md { padding-top: 16px !important } .u-margin-s-top-from-md { margin-top: 16px !important } .u-padding-s-right-from-md { padding-right: 16px !important } .u-margin-s-right-from-md { margin-right: 16px !important } .u-padding-s-bottom-from-md { padding-bottom: 16px !important } .u-margin-s-bottom-from-md { margin-bottom: 16px !important } .u-padding-s-left-from-md { padding-left: 16px !important } .u-margin-s-left-from-md { margin-left: 16px !important } .u-padding-m-from-md { padding: 24px !important } .u-margin-m-from-md { margin: 24px !important } .u-padding-m-ver-from-md { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-md { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-md { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-md { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-md { padding-top: 24px !important } .u-margin-m-top-from-md { margin-top: 24px !important } .u-padding-m-right-from-md { padding-right: 24px !important } .u-margin-m-right-from-md { margin-right: 24px !important } .u-padding-m-bottom-from-md { padding-bottom: 24px !important } .u-margin-m-bottom-from-md { margin-bottom: 24px !important } .u-padding-m-left-from-md { padding-left: 24px !important } .u-margin-m-left-from-md { margin-left: 24px !important } .u-padding-l-from-md { padding: 32px !important } .u-margin-l-from-md { margin: 32px !important } .u-padding-l-ver-from-md { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-md { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-md { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-md { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-md { padding-top: 32px !important } .u-margin-l-top-from-md { margin-top: 32px !important } .u-padding-l-right-from-md { padding-right: 32px !important } .u-margin-l-right-from-md { margin-right: 32px !important } .u-padding-l-bottom-from-md { padding-bottom: 32px !important } .u-margin-l-bottom-from-md { margin-bottom: 32px !important } .u-padding-l-left-from-md { padding-left: 32px !important } .u-margin-l-left-from-md { margin-left: 32px !important } .u-padding-xl-from-md { padding: 40px !important } .u-margin-xl-from-md { margin: 40px !important } .u-padding-xl-ver-from-md { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-md { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-md { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-md { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-md { padding-top: 40px !important } .u-margin-xl-top-from-md { margin-top: 40px !important } .u-padding-xl-right-from-md { padding-right: 40px !important } .u-margin-xl-right-from-md { margin-right: 40px !important } .u-padding-xl-bottom-from-md { padding-bottom: 40px !important } .u-margin-xl-bottom-from-md { margin-bottom: 40px !important } .u-padding-xl-left-from-md { padding-left: 40px !important } .u-margin-xl-left-from-md { margin-left: 40px !important } .u-padding-xxl-from-md { padding: 48px !important } .u-margin-xxl-from-md { margin: 48px !important } .u-padding-xxl-ver-from-md { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-md { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-md { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-md { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-md { padding-top: 48px !important } .u-margin-xxl-top-from-md { margin-top: 48px !important } .u-padding-xxl-right-from-md { padding-right: 48px !important } .u-margin-xxl-right-from-md { margin-right: 48px !important } .u-padding-xxl-bottom-from-md { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-md { margin-bottom: 48px !important } .u-padding-xxl-left-from-md { padding-left: 48px !important } .u-margin-xxl-left-from-md { margin-left: 48px !important } } @media only screen and (min-width: 62em) { .u-padding-0-from-lg { padding:0px !important } .u-margin-0-from-lg { margin: 0px !important } .u-padding-0-ver-from-lg { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-lg { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-lg { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-lg { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-lg { padding-top: 0px !important } .u-margin-0-top-from-lg { margin-top: 0px !important } .u-padding-0-right-from-lg { padding-right: 0px !important } .u-margin-0-right-from-lg { margin-right: 0px !important } .u-padding-0-bottom-from-lg { padding-bottom: 0px !important } .u-margin-0-bottom-from-lg { margin-bottom: 0px !important } .u-padding-0-left-from-lg { padding-left: 0px !important } .u-margin-0-left-from-lg { margin-left: 0px !important } .u-padding-xs-from-lg { padding: 8px !important } .u-margin-xs-from-lg { margin: 8px !important } .u-padding-xs-ver-from-lg { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-lg { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-lg { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-lg { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-lg { padding-top: 8px !important } .u-margin-xs-top-from-lg { margin-top: 8px !important } .u-padding-xs-right-from-lg { padding-right: 8px !important } .u-margin-xs-right-from-lg { margin-right: 8px !important } .u-padding-xs-bottom-from-lg { padding-bottom: 8px !important } .u-margin-xs-bottom-from-lg { margin-bottom: 8px !important } .u-padding-xs-left-from-lg { padding-left: 8px !important } .u-margin-xs-left-from-lg { margin-left: 8px !important } .u-padding-s-from-lg { padding: 16px !important } .u-margin-s-from-lg { margin: 16px !important } .u-padding-s-ver-from-lg { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-lg { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-lg { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-lg { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-lg { padding-top: 16px !important } .u-margin-s-top-from-lg { margin-top: 16px !important } .u-padding-s-right-from-lg { padding-right: 16px !important } .u-margin-s-right-from-lg { margin-right: 16px !important } .u-padding-s-bottom-from-lg { padding-bottom: 16px !important } .u-margin-s-bottom-from-lg { margin-bottom: 16px !important } .u-padding-s-left-from-lg { padding-left: 16px !important } .u-margin-s-left-from-lg { margin-left: 16px !important } .u-padding-m-from-lg { padding: 24px !important } .u-margin-m-from-lg { margin: 24px !important } .u-padding-m-ver-from-lg { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-lg { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-lg { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-lg { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-lg { padding-top: 24px !important } .u-margin-m-top-from-lg { margin-top: 24px !important } .u-padding-m-right-from-lg { padding-right: 24px !important } .u-margin-m-right-from-lg { margin-right: 24px !important } .u-padding-m-bottom-from-lg { padding-bottom: 24px !important } .u-margin-m-bottom-from-lg { margin-bottom: 24px !important } .u-padding-m-left-from-lg { padding-left: 24px !important } .u-margin-m-left-from-lg { margin-left: 24px !important } .u-padding-l-from-lg { padding: 32px !important } .u-margin-l-from-lg { margin: 32px !important } .u-padding-l-ver-from-lg { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-lg { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-lg { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-lg { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-lg { padding-top: 32px !important } .u-margin-l-top-from-lg { margin-top: 32px !important } .u-padding-l-right-from-lg { padding-right: 32px !important } .u-margin-l-right-from-lg { margin-right: 32px !important } .u-padding-l-bottom-from-lg { padding-bottom: 32px !important } .u-margin-l-bottom-from-lg { margin-bottom: 32px !important } .u-padding-l-left-from-lg { padding-left: 32px !important } .u-margin-l-left-from-lg { margin-left: 32px !important } .u-padding-xl-from-lg { padding: 40px !important } .u-margin-xl-from-lg { margin: 40px !important } .u-padding-xl-ver-from-lg { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-lg { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-lg { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-lg { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-lg { padding-top: 40px !important } .u-margin-xl-top-from-lg { margin-top: 40px !important } .u-padding-xl-right-from-lg { padding-right: 40px !important } .u-margin-xl-right-from-lg { margin-right: 40px !important } .u-padding-xl-bottom-from-lg { padding-bottom: 40px !important } .u-margin-xl-bottom-from-lg { margin-bottom: 40px !important } .u-padding-xl-left-from-lg { padding-left: 40px !important } .u-margin-xl-left-from-lg { margin-left: 40px !important } .u-padding-xxl-from-lg { padding: 48px !important } .u-margin-xxl-from-lg { margin: 48px !important } .u-padding-xxl-ver-from-lg { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-lg { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-lg { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-lg { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-lg { padding-top: 48px !important } .u-margin-xxl-top-from-lg { margin-top: 48px !important } .u-padding-xxl-right-from-lg { padding-right: 48px !important } .u-margin-xxl-right-from-lg { margin-right: 48px !important } .u-padding-xxl-bottom-from-lg { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-lg { margin-bottom: 48px !important } .u-padding-xxl-left-from-lg { padding-left: 48px !important } .u-margin-xxl-left-from-lg { margin-left: 48px !important } } @media only screen and (min-width: 75em) { .u-padding-0-from-xl { padding:0px !important } .u-margin-0-from-xl { margin: 0px !important } .u-padding-0-ver-from-xl { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xl { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xl { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xl { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xl { padding-top: 0px !important } .u-margin-0-top-from-xl { margin-top: 0px !important } .u-padding-0-right-from-xl { padding-right: 0px !important } .u-margin-0-right-from-xl { margin-right: 0px !important } .u-padding-0-bottom-from-xl { padding-bottom: 0px !important } .u-margin-0-bottom-from-xl { margin-bottom: 0px !important } .u-padding-0-left-from-xl { padding-left: 0px !important } .u-margin-0-left-from-xl { margin-left: 0px !important } .u-padding-xs-from-xl { padding: 8px !important } .u-margin-xs-from-xl { margin: 8px !important } .u-padding-xs-ver-from-xl { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xl { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xl { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xl { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xl { padding-top: 8px !important } .u-margin-xs-top-from-xl { margin-top: 8px !important } .u-padding-xs-right-from-xl { padding-right: 8px !important } .u-margin-xs-right-from-xl { margin-right: 8px !important } .u-padding-xs-bottom-from-xl { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xl { margin-bottom: 8px !important } .u-padding-xs-left-from-xl { padding-left: 8px !important } .u-margin-xs-left-from-xl { margin-left: 8px !important } .u-padding-s-from-xl { padding: 16px !important } .u-margin-s-from-xl { margin: 16px !important } .u-padding-s-ver-from-xl { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xl { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xl { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xl { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xl { padding-top: 16px !important } .u-margin-s-top-from-xl { margin-top: 16px !important } .u-padding-s-right-from-xl { padding-right: 16px !important } .u-margin-s-right-from-xl { margin-right: 16px !important } .u-padding-s-bottom-from-xl { padding-bottom: 16px !important } .u-margin-s-bottom-from-xl { margin-bottom: 16px !important } .u-padding-s-left-from-xl { padding-left: 16px !important } .u-margin-s-left-from-xl { margin-left: 16px !important } .u-padding-m-from-xl { padding: 24px !important } .u-margin-m-from-xl { margin: 24px !important } .u-padding-m-ver-from-xl { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xl { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xl { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xl { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xl { padding-top: 24px !important } .u-margin-m-top-from-xl { margin-top: 24px !important } .u-padding-m-right-from-xl { padding-right: 24px !important } .u-margin-m-right-from-xl { margin-right: 24px !important } .u-padding-m-bottom-from-xl { padding-bottom: 24px !important } .u-margin-m-bottom-from-xl { margin-bottom: 24px !important } .u-padding-m-left-from-xl { padding-left: 24px !important } .u-margin-m-left-from-xl { margin-left: 24px !important } .u-padding-l-from-xl { padding: 32px !important } .u-margin-l-from-xl { margin: 32px !important } .u-padding-l-ver-from-xl { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xl { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xl { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xl { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xl { padding-top: 32px !important } .u-margin-l-top-from-xl { margin-top: 32px !important } .u-padding-l-right-from-xl { padding-right: 32px !important } .u-margin-l-right-from-xl { margin-right: 32px !important } .u-padding-l-bottom-from-xl { padding-bottom: 32px !important } .u-margin-l-bottom-from-xl { margin-bottom: 32px !important } .u-padding-l-left-from-xl { padding-left: 32px !important } .u-margin-l-left-from-xl { margin-left: 32px !important } .u-padding-xl-from-xl { padding: 40px !important } .u-margin-xl-from-xl { margin: 40px !important } .u-padding-xl-ver-from-xl { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xl { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xl { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xl { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xl { padding-top: 40px !important } .u-margin-xl-top-from-xl { margin-top: 40px !important } .u-padding-xl-right-from-xl { padding-right: 40px !important } .u-margin-xl-right-from-xl { margin-right: 40px !important } .u-padding-xl-bottom-from-xl { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xl { margin-bottom: 40px !important } .u-padding-xl-left-from-xl { padding-left: 40px !important } .u-margin-xl-left-from-xl { margin-left: 40px !important } .u-padding-xxl-from-xl { padding: 48px !important } .u-margin-xxl-from-xl { margin: 48px !important } .u-padding-xxl-ver-from-xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xl { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xl { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xl { padding-top: 48px !important } .u-margin-xxl-top-from-xl { margin-top: 48px !important } .u-padding-xxl-right-from-xl { padding-right: 48px !important } .u-margin-xxl-right-from-xl { margin-right: 48px !important } .u-padding-xxl-bottom-from-xl { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xl { margin-bottom: 48px !important } .u-padding-xxl-left-from-xl { padding-left: 48px !important } .u-margin-xxl-left-from-xl { margin-left: 48px !important } } .u-clr-orange { color: #eb6500 !important } .u-clr-blue,.page-container .SearchBox .advanced-search { color: #0272b1 !important } .u-clr-info-blue { color: #5ec4fd !important } .u-clr-red { color: #bc1a23 !important } .u-clr-green { color: #0b7a2b !important } .u-light-theme .u-clr-orange { color: #ff6c00 !important } .u-light-theme .u-clr-blue,.u-light-theme .page-container .SearchBox .advanced-search,.page-container .SearchBox .u-light-theme .advanced-search { color: #0272b1 !important } .u-light-theme .u-clr-info-blue { color: #5ec4fd !important } .u-light-theme .u-clr-red { color: #bc1a23 !important } .u-light-theme .u-clr-green { color: #0b7a2b !important } .u-dark-theme .u-clr-orange { color: #ff8200 !important } .u-dark-theme .u-clr-blue,.u-dark-theme .page-container .SearchBox .advanced-search,.page-container .SearchBox .u-dark-theme .advanced-search { color: #44c6f4 !important } .u-dark-theme .u-clr-info-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-red { color: #ff6a5a !important } .u-dark-theme .u-clr-green { color: #53b848 !important } .u-clr-white { color: #fff !important } .u-clr-black { color: #000 !important } .u-clr-grey1 { color: #f5f5f5 !important } .u-clr-grey2 { color: #f0f0f0 !important } .u-clr-grey3 { color: #dcdcdc !important } .u-clr-grey4 { color: #b8b8b8 !important } .u-clr-grey5 { color: #8e8e8e !important } .u-clr-grey6 { color: #707070 !important } .u-clr-grey7 { color: #4c4c4c !important } .u-clr-grey8 { color: #1f1f1f !important } .u-bg-orange { background-color: #eb6500 !important } .u-bg-secondary-orange { background-color: #fff3eb !important } .u-bg-tertiary-orange { background-color: #ffede0 !important } .u-bg-blue { background-color: #0272b1 !important } .u-bg-secondary-blue { background-color: #ecf7fe !important } .u-bg-tertiary-blue { background-color: #e2f4fd !important } .u-bg-info-blue { background-color: #5ec4fd !important } .u-bg-red { background-color: #bc1a23 !important } .u-bg-warning-red { background-color: #bc1a23 !important } .u-bg-green { background-color: #0b7a2b !important } .u-light-theme .u-bg-orange { background-color: #ff6c00 !important } .u-light-theme .u-bg-blue { background-color: #0272b1 !important } .u-light-theme .u-bg-red { background-color: #bc1a23 !important } .u-light-theme .u-bg-green { background-color: #0b7a2b !important } .u-dark-theme .u-bg-orange { background-color: #ff8200 !important } .u-dark-theme .u-bg-blue { background-color: #44c6f4 !important } .u-dark-theme .u-bg-red { background-color: #ff6a5a !important } .u-dark-theme .u-bg-green { background-color: #53b848 !important } .u-bg-white { background-color: #fff !important } .u-bg-black { background-color: #000 !important } .u-bg-grey1 { background-color: #f5f5f5 !important } .u-bg-grey2 { background-color: #f0f0f0 !important } .u-bg-grey3 { background-color: #dcdcdc !important } .u-bg-grey4 { background-color: #b8b8b8 !important } .u-bg-grey5 { background-color: #8e8e8e !important } .u-bg-grey6 { background-color: #707070 !important } .u-bg-grey7 { background-color: #4c4c4c !important } .u-bg-grey8 { background-color: #1f1f1f !important } .u-fill-orange { fill: #ff6c00 !important } .u-fill-blue { fill: #0272b1 !important } .u-fill-red { fill: #bc1a23 !important } .u-fill-green { fill: #0b7a2b !important } .u-fill-white { fill: #fff !important } .u-fill-black { fill: #000 !important } .u-fill-grey1 { fill: #f5f5f5 !important } .u-fill-grey2 { fill: #f0f0f0 !important } .u-fill-grey3 { fill: #dcdcdc !important } .u-fill-grey4 { fill: #b8b8b8 !important } .u-fill-grey5 { fill: #8e8e8e !important } .u-fill-grey6 { fill: #707070 !important } .u-fill-grey7 { fill: #4c4c4c !important } .u-fill-grey8 { fill: #1f1f1f !important } :root { --sd-ui-line-height: calc(1em + 8px) } .u-font-serif { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; --sd-ui-line-height: calc(1em + 10px); line-height: var(--sd-ui-line-height) } .u-font-sans { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; --sd-ui-line-height: calc(1em + 8px); line-height: var(--sd-ui-line-height) } .text-2xs { font-size: 12px; line-height: var(--sd-ui-line-height) } .text-xs { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-s { font-size: 16px; line-height: var(--sd-ui-line-height) } .text-m,.list-m { font-size: 20px; line-height: var(--sd-ui-line-height) } .text-l,.list-l { font-size: 24px; line-height: var(--sd-ui-line-height) } .text-xl { font-size: 32px; line-height: var(--sd-ui-line-height) } .text-2xl { font-size: 40px; line-height: var(--sd-ui-line-height) } .text-3xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .text-4xl { font-size: 56px; line-height: var(--sd-ui-line-height) } .text-5xl { font-size: 64px; line-height: var(--sd-ui-line-height) } .u-h1-3xl { font-size: 64px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-2xl { font-size: 56px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-xl { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1 { font-size: 40px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h2 { font-size: 32px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h3 { font-size: 24px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h4 { font-size: 20px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h5 { font-size: 16px !important; line-height: var(--sd-ui-line-height) !important; font-weight: bold !important } .u-h1-alt { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-text-bold { font-weight: bold } .u-text-light { font-weight: 100 } .u-text-uppercase { text-transform: uppercase !important } .u-text-lowercase { text-transform: lowercase !important } .u-text\+\+ { font-size: larger !important } .u-text-- { font-size: smaller !important } .u-text-right { text-align: right !important } .u-text-left { text-align: left !important } .u-text-center { text-align: center !important } .u-text-justify { text-align: justify !important } .u-text-truncate { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .u-text-italic { font-style: italic !important } .u-text-normal { font-style: normal !important } .u-text-oblique { font-style: oblique !important } .u-display-none { display: none !important } .u-display-inline { display: inline !important } .u-display-block { display: block !important } .u-display-inline-block { display: inline-block !important } .u-display-flex { display: flex !important } .u-display-inline-flex { display: inline-flex !important } .u-visibility-visible { visibility: visible !important } .u-visibility-hidden { visibility: hidden !important } .u-position-absolute { position: absolute } .u-position-relative { position: relative } .u-position-initial { position: initial } .u-clearfix:after { content: ""; display: table; clear: both } .u-hide { display: none !important } .u-hide-visually { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; border: 0 !important } .u-hide-visually-focusable:active,.u-hide-visually-focusable:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; clip-path: none !important } @media only screen and (min-width: 20em) { .u-clear-both-from-xs { clear:both !important } } @media only screen and (min-width: 36em) { .u-clear-both-from-sm { clear:both !important } } @media only screen and (min-width: 48em) { .u-clear-both-from-md { clear:both !important } } @media only screen and (min-width: 62em) { .u-clear-both-from-lg { clear:both !important } } @media only screen and (min-width: 75em) { .u-clear-both-from-xl { clear:both !important } } @media only screen and (min-width: 20em) { .u-clear-none-from-xs { clear:none !important } } @media only screen and (min-width: 36em) { .u-clear-none-from-sm { clear:none !important } } @media only screen and (min-width: 48em) { .u-clear-none-from-md { clear:none !important } } @media only screen and (min-width: 62em) { .u-clear-none-from-lg { clear:none !important } } @media only screen and (min-width: 75em) { .u-clear-none-from-xl { clear:none !important } } @media only screen and (min-width: 20em) { .u-float-left-from-xs { float:left !important } } @media only screen and (min-width: 36em) { .u-float-left-from-sm { float:left !important } } @media only screen and (min-width: 48em) { .u-float-left-from-md { float:left !important } } @media only screen and (min-width: 62em) { .u-float-left-from-lg { float:left !important } } @media only screen and (min-width: 75em) { .u-float-left-from-xl { float:left !important } } @media only screen and (min-width: 20em) { .u-float-right-from-xs { float:right !important } } @media only screen and (min-width: 36em) { .u-float-right-from-sm { float:right !important } } @media only screen and (min-width: 48em) { .u-float-right-from-md { float:right !important } } @media only screen and (min-width: 62em) { .u-float-right-from-lg { float:right !important } } @media only screen and (min-width: 75em) { .u-float-right-from-xl { float:right !important } } .u-flip-vertically,.Actions .actions-container button.expandable-action.active>svg { transform: scaleY(-1) } @media only screen and (min-width: 20em) { .u-display-none-from-xs { display:none !important } } .u-display-inline-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-from-xs { display:inline !important } } .u-display-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-block-from-xs { display:block !important } } .u-display-inline-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-block-from-xs { display:inline-block !important } } .u-display-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-flex-from-xs { display:flex !important } } .u-display-inline-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-flex-from-xs { display:inline-flex !important } } .u-visibility-hidden-from-xs { visibility: visible !important } @media only screen and (min-width: 20em) { .u-visibility-hidden-from-xs { visibility:hidden !important } } .u-visibility-visible-from-xs { visibility: hidden !important } @media only screen and (min-width: 20em) { .u-visibility-visible-from-xs { visibility:visible !important } } @media only screen and (min-width: 36em) { .u-display-none-from-sm { display:none !important } } .u-display-inline-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-from-sm { display:inline !important } } .u-display-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-block-from-sm { display:block !important } } .u-display-inline-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-block-from-sm { display:inline-block !important } } .u-display-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-flex-from-sm { display:flex !important } } .u-display-inline-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-flex-from-sm { display:inline-flex !important } } .u-visibility-hidden-from-sm { visibility: visible !important } @media only screen and (min-width: 36em) { .u-visibility-hidden-from-sm { visibility:hidden !important } } .u-visibility-visible-from-sm { visibility: hidden !important } @media only screen and (min-width: 36em) { .u-visibility-visible-from-sm { visibility:visible !important } } @media only screen and (min-width: 48em) { .u-display-none-from-md { display:none !important } } .u-display-inline-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-from-md { display:inline !important } } .u-display-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-block-from-md { display:block !important } } .u-display-inline-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-block-from-md { display:inline-block !important } } .u-display-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-flex-from-md { display:flex !important } } .u-display-inline-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-flex-from-md { display:inline-flex !important } } .u-visibility-hidden-from-md { visibility: visible !important } @media only screen and (min-width: 48em) { .u-visibility-hidden-from-md { visibility:hidden !important } } .u-visibility-visible-from-md { visibility: hidden !important } @media only screen and (min-width: 48em) { .u-visibility-visible-from-md { visibility:visible !important } } @media only screen and (min-width: 62em) { .u-display-none-from-lg { display:none !important } } .u-display-inline-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-from-lg { display:inline !important } } .u-display-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-block-from-lg { display:block !important } } .u-display-inline-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-block-from-lg { display:inline-block !important } } .u-display-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-flex-from-lg { display:flex !important } } .u-display-inline-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-flex-from-lg { display:inline-flex !important } } .u-visibility-hidden-from-lg { visibility: visible !important } @media only screen and (min-width: 62em) { .u-visibility-hidden-from-lg { visibility:hidden !important } } .u-visibility-visible-from-lg { visibility: hidden !important } @media only screen and (min-width: 62em) { .u-visibility-visible-from-lg { visibility:visible !important } } @media only screen and (min-width: 75em) { .u-display-none-from-xl { display:none !important } } .u-display-inline-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-from-xl { display:inline !important } } .u-display-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-block-from-xl { display:block !important } } .u-display-inline-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-block-from-xl { display:inline-block !important } } .u-display-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-flex-from-xl { display:flex !important } } .u-display-inline-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-flex-from-xl { display:inline-flex !important } } .u-visibility-hidden-from-xl { visibility: visible !important } @media only screen and (min-width: 75em) { .u-visibility-hidden-from-xl { visibility:hidden !important } } .u-visibility-visible-from-xl { visibility: hidden !important } @media only screen and (min-width: 75em) { .u-visibility-visible-from-xl { visibility:visible !important } } .u-show-only-to-print { visibility: hidden } @media print { .u-hide-from-print { visibility: hidden } .u-show-only-to-print { visibility: visible } .u-remove-if-print { display: none } } @media not print { .u-remove-if-not-print { display: none } } .u-highlight { background-color: #fadfcc; border: 1px solid #e6651b } @media only screen and (max-width: 992px) { .u-no-scroll { position:fixed; overflow: hidden } } @keyframes gh-mobile-menu { 0% { right: -320px } 1% { right: -300px } 99% { right: -20px } 100% { right: 0 } } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { transition: all .3s ease !important } .u-flex-center { display: flex; align-items: center; justify-content: center } .u-flex-center-ver { display: flex; align-items: center } @media only screen and (min-width: 20em) { .u-flex-center-from-xs { display:flex; align-items: center; justify-content: center } } @media only screen and (min-width: 36em) { .u-flex-center-from-sm { display:flex; align-items: center; justify-content: center } } @media only screen and (min-width: 48em) { .u-flex-center-from-md { display:flex; align-items: center; justify-content: center } } @media only screen and (min-width: 62em) { .u-flex-center-from-lg { display:flex; align-items: center; justify-content: center } } @media only screen and (min-width: 75em) { .u-flex-center-from-xl { display:flex; align-items: center; justify-content: center } } @media only screen and (min-width: 20em) { .u-flex-center-ver-from-xs { display:flex; align-items: center } } @media only screen and (min-width: 36em) { .u-flex-center-ver-from-sm { display:flex; align-items: center } } @media only screen and (min-width: 48em) { .u-flex-center-ver-from-md { display:flex; align-items: center } } @media only screen and (min-width: 62em) { .u-flex-center-ver-from-lg { display:flex; align-items: center } } @media only screen and (min-width: 75em) { .u-flex-center-ver-from-xl { display:flex; align-items: center } } .u-gap-6 { gap: 6px } .u-list-reset { list-style: none; padding-left: 0 !important } .u-width-full { width: 100% } .u-img-responsive { max-width: 100% } .u-options-list { list-style: none; padding-left: 0 !important } .u-options-list li+li { margin-top: 8px } .u-overlay { bottom: 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 70 } .u-overlay.mobile-menu-overlay { background-color: rgba(235, 235, 235, 0.85) } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { transition: all .3s ease !important } #gh-branding { flex-shrink: 0; -ms-flex-positive: 1; margin-right: 64px } #gh-branding .gh-logo { transition: height .3s,width .3s; height: 40px; width: 45px } #gh-branding .gh-logo.gh-logo-only,#gh-branding .gh-logo svg { height: 54px } #gh-branding .gh-logo.gh-logo-wordmark,#gh-branding .gh-logo svg { height: 64px } #gh-branding .gh-logo+.gh-wordmark { margin-left: 16px } #gh-branding h1 { font-size: 24px; line-height: var(--sd-ui-line-height); font-weight: 500; margin-top: 4px; margin-left: 16px; transition: font-size .3s,margin-left .3s } #gh-branding .gh-wordmark { transition: height .3s,margin .3s,width .3s; transform: translateY(2px) } #gh-branding .gh-wordmark.gh-elsevier-wordmark { height: 14px !important } #gh-branding:hover,#gh-branding:focus { border-bottom: none } #gh-branding:focus { outline: 2px solid #eb6500; outline-offset: 1px } #gh-mob-inst-cnt .gh-inst-cnt a { margin-top: 12px !important } #gh-mob-profile-with-inst { padding: 24px 12px } .gh-lib-banner { transition: height .3s,width .3s,margin-left .3s; overflow: hidden } @media only screen and (max-width: 1120px) { .gh-lib-banner { display:none } } .gh-lib-banner.gh-lb-legacy { margin-left: 22px; flex-shrink: 0; max-width: 234px; max-height: 60px } .gh-lib-banner.gh-lb-legacy:focus-within { outline: 2px solid #eb6500 !important } .gh-lib-banner.gh-lb-legacy { font-size: 14px; line-height: var(--sd-ui-line-height) } .gh-lib-banner.gh-lb-legacy .gh-lb-info { line-height: 1; border: 2px solid transparent !important } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message { display: flex; flex-direction: column; justify-content: center } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus,.gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus>.anchor-text { outline: none !important } .gh-lib-banner.gh-lb-dominant { transition: height .3s,padding .3s,transform .3s; height: 48px; width: 100%; display: flex; align-items: center } .gh-lib-banner.gh-lb-dominant img { transition: height .3s; height: 48px } .gh-lib-banner .gh-il-placeholder { width: 40px; height: 40px; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .gh-lib-banner.gh-lb-fallback-with-link { position: relative; top: 2px } .gh-lib-banner.gh-lb-fallback-with-link .gh-lb-message { position: relative; top: -2px } .gh-nav-cnt { position: relative; width: 100% } .gh-nav-cnt .gh-nav-links-container-h { display: flex; align-items: center; float: right } .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left: 56px } @media only screen and (max-width: 1200px) { .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left:34px } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { width:100% !important } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { height:48px } } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-nav-cnt .gh-nav-utilities { margin-left:0 } } .gh-nav-cnt .gh-nav-h { z-index: 1; float: left } .gh-nav .gh-nav-item:before { content: none !important } .gh-nav .gh-nav-item .gh-icon { max-width: initial !important } .gh-nav .gh-lbl { margin-bottom: 12px } .gh-nav-h { display: flex; align-items: center; display: inline-block; overflow: visible; transition: margin-left .4s ease } .gh-nav-h>.gh-nav-list { height: 100%; display: flex; align-items: center } .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { margin-left: 56px; transition: padding-left .2s } .gh-nav-h.gh-nav-links>.gh-nav-list>.gh-nav-item { line-height: 26px } .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 8px } .gh-nav .gh-icon-btn .gh-icon { transition: height .3s,width .3s } .gh-nav-v { margin: 24px 12px 0 } .gh-nav-v>ul>li.gh-has-dd { margin-bottom: 32px } .gh-nav-v>ul>li:not(.gh-has-dd)+li.gh-has-dd { margin-top: 32px } .gh-search-cnt { transition: top .3s; position: relative; background-color: #fff; z-index: 101; left: -2px } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt { top:0; left: 0 !important; right: 0 !important; bottom: 0 } } .gh-search-cnt .gh-nav-search-icon { position: absolute; margin-left: 15px; margin-top: 10px !important } .gh-search-cnt .gh-search-keyword { height: 48px; flex-grow: 1; min-height: 0 } .gh-search-cnt .gh-search-keyword .gh-search-input-field { height: 46px; padding: 8px 24px 0 32px; transition: height .3s; border: none; border-bottom: 2px solid #dcdcdc; outline: 0; width: 100%; font-family: inherit } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { padding:0 40px 0 48px } } @media only screen and (max-width: 805px) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { height:42px; padding: 16px 24px 0 32px; font-size: 16px } } #gh-alerts-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner,#gh-cart-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner { width: 420px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner { display: flex; flex-direction: column; align-items: center; width: 270px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon { fill: #b8b8b8 } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl { white-space: nowrap } .gh-search-toggle>.anchor { transition: none } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover .button-link,#popover-trigger-gh-help-icon-popover #gh-search-link,.gh-search-toggle .button-link,.gh-search-toggle #gh-search-link,#popover-trigger-gh-profile-dropdown .button-link,#popover-trigger-gh-profile-dropdown #gh-search-link,#popover-trigger-institution-popover .button-link,#popover-trigger-institution-popover #gh-search-link { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important } #popover-trigger-gh-help-icon-popover .button-link:focus-visible,#popover-trigger-gh-help-icon-popover #gh-search-link:focus-visible,.gh-search-toggle .button-link:focus-visible,.gh-search-toggle #gh-search-link:focus-visible,#popover-trigger-gh-profile-dropdown .button-link:focus-visible,#popover-trigger-gh-profile-dropdown #gh-search-link:focus-visible,#popover-trigger-institution-popover .button-link:focus-visible,#popover-trigger-institution-popover #gh-search-link:focus-visible { outline-offset: -3px } } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover span,.gh-search-toggle span,#popover-trigger-gh-profile-dropdown span,#popover-trigger-institution-popover span { display:none } } @media only screen and (max-width: 1120px) { .popover-content { margin-top:13px !important; margin-right: 12px } } #gh-journals-books-link { white-space: nowrap } @media only screen and (max-width: 1120px) { #gh-journals-books-link:focus-visible { outline-offset:5px } } #gh-ai-link { white-space: nowrap } .gh-search-input-field .search-input-message-container { display: none } .gh-search-input-field .search-input-field { --sd-ui-text-input-field-padding-left: calc(40px - var(--sd-ui-text-input-border-width)) } .u-margin-16-ver { margin-top: 16px; margin-bottom: 16px } .u-margin-24-ver { margin-top: 24px; margin-bottom: 24px } .u-margin-left { margin-left: 12px } #popover-content-gh-help-icon-popover { margin-top: 18px } #popover-content-gh-help-icon-popover .popover-children { padding: 16px 16px 4px !important } #popover-content-gh-help-icon-popover .popover-children,.gh-nav-links { text-wrap: pretty } .gh-nav-help-anchor-inline { display: inline } .gh-nav-help-anchor-inline .icon { margin-left: 6px } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static #popover-content-gh-help-icon-popover { width:320px } } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static .gh-nav-help-content { width:250px } } #gh-main-cnt .gh-profile-container { flex-shrink: 0; display: flex } #gh-main-cnt .my-account-heading { padding: 24px 0 12px } #gh-profile-cnt { flex-shrink: 0; transition: margin .3s } #gh-profile-cnt button.gh-truncate .button-link-text-container { max-width: 6.6rem } @media only screen and (min-width: 48em) { #gh-profile-cnt { display:flex !important } } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit } #gh-profile-cnt .gh-ppvr-cnt-inner { padding: 16px 16px 28px !important } #gh-profile-cnt .gh-ppvr-cnt-inner .gh-dd-nav .gh-nav-item { white-space: nowrap } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit; border: none } #gh-signin-btn,#gh-cta-btn,#gh-myaccount-btn,#gh-institutionalsignin-btn { flex-shrink: 0; border: none; position: relative } .gh-nav-cnt+#gh-signin-btn { margin-left: 10px } .gh-user-info { line-height: 24px } .gh-user-info .gh-user-email { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; list-style-type: none } .gh-user-info .gh-user-fname { word-wrap: break-word; list-style-type: none } .gh-user-info .gh-my-account { margin: 12px 0 12px } .gh-user-info.gh-mobile { display: flex; align-items: center; list-style-type: none } .gh-user-info.gh-mobile .gh-user-email { max-width: 100% } .gh-dd-nav { list-style: none; padding-left: 0 !important; line-height: 24px } .gh-dd-nav .gh-nav-item { color: #4c4c4c; align-items: center } .gh-dd-nav .gh-nav-item+.gh-nav-item { margin-top: 12px } .gh-dd-nav .gh-nav-item .gh-has-badge { margin-right: 16px } .gh-dd-actions { white-space: nowrap; text-align: center } .gh-dd-actions a { display: inline-block } .gh-dd-actions a+button { margin-left: 16px } .gh-dd-actions a:first-child:nth-last-child(1) { width: 100% } #gh-profile-dropdown .popover-content-inner { width: 320px; font-size: 16px } #gh-profile-dropdown #popover-content-gh-profile-dropdown { margin-top: 18px } @media only screen and (max-width: 1120px) { #gh-myaccount-btn,#gh-institutionalsignin-btn { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important; outline-offset: -3px } } @media only screen and (max-width: 1120px) { #gh-myaccount-btn span,#gh-institutionalsignin-btn span { display:none } } #gh-mobile-menu { width: auto } #gh-mobile-menu #gh-drawer { background-color: #fff } #gh-mobile-menu .gh-nav-cnt.show-scopus { height: 120px } #gh-mobile-menu .gh-avatar,#gh-mobile-menu .gh-lib-banner .gh-il-placeholder { background-color: #4c4c4c } #gh-mobile-menu .gh-hamburger { fill: #4c4c4c; margin-left: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=true] { padding: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=false] { padding: 14px 16px 10px; outline-offset: -5px } #gh-mobile-menu .gh-hamburger .button-link svg { transition: width .3s } #gh-mobile-menu .gh-dh-profile .gh-user-email { color: #4c4c4c } #gh-mobile-menu #gh-mob-myaccount { width: fit-content } #gh-drawer { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: fixed; width: 380px; top: 0; z-index: 1000; height: 100%; transform: translateX(100%); transition: transform .3s ease } @media screen and (max-width: 380px) { #gh-drawer { max-width:100% } } #gh-drawer.gh-is-expanded { right: 0; transform: translateX(0) } #gh-drawer-header { position: relative; display: flex; justify-content: space-between; flex-flow: row-reverse; align-items: flex-start; font-size: 16px; margin: 16px 12px 24px; column-gap: 18px } #gh-drawer-header .button-link { font-size: 16px !important } #gh-drawer-header #gh-mob-institutionalsignin { width: fit-content } #gh-drawer-header #gh-mob-institutionalsignin .anchor-text { vertical-align: middle } #gh-drawer-header .gh-hamburger:first-child:nth-last-child(1) { position: absolute; right: 16px; top: 16px } #gh-drawer-header .gh-hamburger svg { max-width: none !important } #gh-drawer .gh-dh-opt { min-width: 0; display: flex; flex-grow: 1; flex-direction: column } #gh-drawer .gh-dh-opt p { font-size: 16px } #gh-drawer .gh-dh-opt .gh-dh-profile { width: 85% } #gh-drawer .gh-dh-opt .gh-dh-actions { flex-grow: 1; display: grid; grid-gap: 12px } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-myaccount-signed-in { margin-top: 12px; width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-signout-signed-in { width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions .guest-signin-divider { margin: 12px 0 } #gh-drawer .gh-dh-opt .full-width-hor-line { width: 380px; position: relative; left: -12px } #gh-drawer .gh-nav h2 { font-size: 20px; line-height: var(--sd-ui-line-height) } .gh-inst-icon-only { height: 40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 22px } .gh-inst-icon-only:focus-visible { outline-offset: -3px } .gh-institution-item .popover-content { margin-top: 18px } .adjusted-popup-position .popover-content { margin-top: 13px; margin-right: 12px } .margin-left-header-gap-s { margin-left: 22px } .without-outline:focus { outline: none !important } .institutional-icon-background { width: 40px; height: 40px; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .u-align-flex-start { align-items: flex-start } .gh-nav-help-content { list-style-type: none; margin-bottom: 12px; width: 340px } @media screen and (max-width: 380px) { .gh-nav-help-content { width:300px } } #help-content-divider { margin-bottom: 12px } #gh-main-cnt { transition: padding .3s,height .3s; height: 56px; width: 100% } .gh-icon-btn { flex-shrink: 0; border: none } button.gh-truncate .button-link-text-container { max-width: 10rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #gh-cnt { width: 100%; background: white; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; position: relative } #gh-cnt #gh-mobile-menu { display: none } #gh-cnt .gh-search-cnt { margin-left: 16px } @media only screen and (max-width: 805px) { #gh-cnt .gh-nav-h+.gh-nav-h { margin-left:48px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 24px } #gh-cnt .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 2px } #gh-cnt .gh-nav-cnt+#gh-signin-btn { margin-left: 2px } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt>.gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt .gh-nav-h+.gh-nav-h { margin-left: 32px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item { font-size: 18px; line-height: var(--sd-ui-line-height) } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-mobile-menu { display: block !important } #gh-cnt .gh-move-to-spine { display: none !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt { margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt { height: 48px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt.gh-reduce-v-space #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt.gh-reduce-v-space #gh-branding .gh-logo,#gh-cnt.gh-reduce-v-space #gh-branding svg { height: 32px !important } #gh-cnt.gh-reduce-v-space #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { width: auto } } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt.gh-reduce-v-space .gh-search-cnt { top: 0 !important; box-shadow: none } #gh-cnt #gh-main-cnt>.gh-help-button { display: none } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt { height: 48px } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt #gh-branding .gh-logo,#gh-cnt #gh-branding svg { height: 32px !important } #gh-cnt #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt #gh-branding .gh-wordmark { width: auto } } #gh-cnt #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt .gh-search-cnt { top: 0 !important; box-shadow: none } #gh-cnt .search-bar-icon { height: 20px !important; margin-top: 4px } #gh-cnt #gh-branding { margin-right: 0 !important } #gh-cnt .gh-nav-utilities.gh-nav-h { margin-left: 0 !important; margin-right: 0 !important } #gh-cnt .gh-search-cnt { margin-top: 4px } } @media only screen and (max-width: 805px) { #gh-cnt #gh-branding.search-bar-visible,#gh-cnt #gh-mobile-menu.search-bar-visible { display:none !important } #gh-cnt .gh-search-cnt { padding-right: 0 } } #gh-cnt { z-index: 65 } html { scroll-padding-top: 150px } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } .focused,.highlight-on-focus-and-hover button:focus-visible,.highlight-on-focus-and-hover a:focus-visible,.highlight-on-focus:focus-visible,.tab:not(.tab-is-disabled) button:focus-visible,.tab:not(.tab-is-disabled) a:focus-visible,.tabs-control:enabled button:focus-visible,.tabs-control:enabled a:focus-visible { outline-offset: 2px; outline: 2px solid #eb6500 !important } .highlight-on-focus-and-hover { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .highlight-on-focus-and-hover button,.highlight-on-focus-and-hover a { outline: none } .highlight-on-focus-and-hover:hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: rgba(0,0,0,0); -webkit-text-decoration-skip: objects } a:active,a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; font-variant-numeric: lining-nums; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } button,html [type=button],[type=reset],[type=submit] { -webkit-appearance: button; border-radius: 0 } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: none; outline-offset: -2px; border-radius: 0 } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,figure,table,th,td,caption,hr { margin: 0; padding: 0 } abbr[title],dfn[title] { cursor: help } u,ins { text-decoration: none } ins { border-bottom: 1px solid } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *,*:before,*:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit } html { font-size: 16px; font-variant-numeric: lining-nums; line-height: var(--sd-ui-line-height) } body { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; color: #1f1f1f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *,*:after,*:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .grid { width: 100%; margin: 0 auto } .grid:before,.row:before,.grid:after,.row:after { content: " "; display: table } .grid:after,.row:after { clear: both } .grid img { width: auto; max-width: 100%; height: auto } [class*=col-] { float: left; width: 100%; min-height: 1px } .gutters.row { margin-left: -8px; margin-right: -8px } .gutters>[class*=col-],.gutters>[class*=" col-"] { padding-left: 8px; padding-right: 8px } @media only screen and (min-width: 20em) { .col-xs-1,.row>.col-xs-1 { width:4.1666666667% } .col-xs-2,.row>.col-xs-2 { width: 8.3333333333% } .col-xs-3,.row>.col-xs-3 { width: 12.5% } .col-xs-4,.row>.col-xs-4 { width: 16.6666666667% } .col-xs-5,.row>.col-xs-5 { width: 20.8333333333% } .col-xs-6,.row>.col-xs-6 { width: 25% } .col-xs-7,.row>.col-xs-7 { width: 29.1666666667% } .col-xs-8,.row>.col-xs-8 { width: 33.3333333333% } .col-xs-9,.row>.col-xs-9 { width: 37.5% } .col-xs-10,.row>.col-xs-10 { width: 41.6666666667% } .col-xs-11,.row>.col-xs-11 { width: 45.8333333333% } .col-xs-12,.row>.col-xs-12 { width: 50% } .col-xs-13,.row>.col-xs-13 { width: 54.1666666667% } .col-xs-14,.row>.col-xs-14 { width: 58.3333333333% } .col-xs-15,.row>.col-xs-15 { width: 62.5% } .col-xs-16,.row>.col-xs-16 { width: 66.6666666667% } .col-xs-17,.row>.col-xs-17 { width: 70.8333333333% } .col-xs-18,.row>.col-xs-18 { width: 75% } .col-xs-19,.row>.col-xs-19 { width: 79.1666666667% } .col-xs-20,.row>.col-xs-20 { width: 83.3333333333% } .col-xs-21,.row>.col-xs-21 { width: 87.5% } .col-xs-22,.row>.col-xs-22 { width: 91.6666666667% } .col-xs-23,.row>.col-xs-23 { width: 95.8333333333% } .col-xs-24,.row>.col-xs-24 { width: 100% } } @media only screen and (min-width: 36em) { .col-sm-1,.row>.col-sm-1 { width:4.1666666667% } .col-sm-2,.row>.col-sm-2 { width: 8.3333333333% } .col-sm-3,.row>.col-sm-3 { width: 12.5% } .col-sm-4,.row>.col-sm-4 { width: 16.6666666667% } .col-sm-5,.row>.col-sm-5 { width: 20.8333333333% } .col-sm-6,.row>.col-sm-6 { width: 25% } .col-sm-7,.row>.col-sm-7 { width: 29.1666666667% } .col-sm-8,.row>.col-sm-8 { width: 33.3333333333% } .col-sm-9,.row>.col-sm-9 { width: 37.5% } .col-sm-10,.row>.col-sm-10 { width: 41.6666666667% } .col-sm-11,.row>.col-sm-11 { width: 45.8333333333% } .col-sm-12,.row>.col-sm-12 { width: 50% } .col-sm-13,.row>.col-sm-13 { width: 54.1666666667% } .col-sm-14,.row>.col-sm-14 { width: 58.3333333333% } .col-sm-15,.row>.col-sm-15 { width: 62.5% } .col-sm-16,.row>.col-sm-16 { width: 66.6666666667% } .col-sm-17,.row>.col-sm-17 { width: 70.8333333333% } .col-sm-18,.row>.col-sm-18 { width: 75% } .col-sm-19,.row>.col-sm-19 { width: 79.1666666667% } .col-sm-20,.row>.col-sm-20 { width: 83.3333333333% } .col-sm-21,.row>.col-sm-21 { width: 87.5% } .col-sm-22,.row>.col-sm-22 { width: 91.6666666667% } .col-sm-23,.row>.col-sm-23 { width: 95.8333333333% } .col-sm-24,.row>.col-sm-24 { width: 100% } } @media only screen and (min-width: 48em) { .col-md-1,.row>.col-md-1 { width:4.1666666667% } .col-md-2,.row>.col-md-2 { width: 8.3333333333% } .col-md-3,.row>.col-md-3 { width: 12.5% } .col-md-4,.row>.col-md-4 { width: 16.6666666667% } .col-md-5,.row>.col-md-5 { width: 20.8333333333% } .col-md-6,.row>.col-md-6 { width: 25% } .col-md-7,.row>.col-md-7 { width: 29.1666666667% } .col-md-8,.row>.col-md-8 { width: 33.3333333333% } .col-md-9,.row>.col-md-9 { width: 37.5% } .col-md-10,.row>.col-md-10 { width: 41.6666666667% } .col-md-11,.row>.col-md-11 { width: 45.8333333333% } .col-md-12,.row>.col-md-12 { width: 50% } .col-md-13,.row>.col-md-13 { width: 54.1666666667% } .col-md-14,.row>.col-md-14 { width: 58.3333333333% } .col-md-15,.row>.col-md-15 { width: 62.5% } .col-md-16,.row>.col-md-16 { width: 66.6666666667% } .col-md-17,.row>.col-md-17 { width: 70.8333333333% } .col-md-18,.row>.col-md-18 { width: 75% } .col-md-19,.row>.col-md-19 { width: 79.1666666667% } .col-md-20,.row>.col-md-20 { width: 83.3333333333% } .col-md-21,.row>.col-md-21 { width: 87.5% } .col-md-22,.row>.col-md-22 { width: 91.6666666667% } .col-md-23,.row>.col-md-23 { width: 95.8333333333% } .col-md-24,.row>.col-md-24 { width: 100% } } @media only screen and (min-width: 62em) { .col-lg-1,.row>.col-lg-1 { width:4.1666666667% } .col-lg-2,.row>.col-lg-2 { width: 8.3333333333% } .col-lg-3,.row>.col-lg-3 { width: 12.5% } .col-lg-4,.row>.col-lg-4 { width: 16.6666666667% } .col-lg-5,.row>.col-lg-5 { width: 20.8333333333% } .col-lg-6,.row>.col-lg-6 { width: 25% } .col-lg-7,.row>.col-lg-7 { width: 29.1666666667% } .col-lg-8,.row>.col-lg-8 { width: 33.3333333333% } .col-lg-9,.row>.col-lg-9 { width: 37.5% } .col-lg-10,.row>.col-lg-10 { width: 41.6666666667% } .col-lg-11,.row>.col-lg-11 { width: 45.8333333333% } .col-lg-12,.row>.col-lg-12 { width: 50% } .col-lg-13,.row>.col-lg-13 { width: 54.1666666667% } .col-lg-14,.row>.col-lg-14 { width: 58.3333333333% } .col-lg-15,.row>.col-lg-15 { width: 62.5% } .col-lg-16,.row>.col-lg-16 { width: 66.6666666667% } .col-lg-17,.row>.col-lg-17 { width: 70.8333333333% } .col-lg-18,.row>.col-lg-18 { width: 75% } .col-lg-19,.row>.col-lg-19 { width: 79.1666666667% } .col-lg-20,.row>.col-lg-20 { width: 83.3333333333% } .col-lg-21,.row>.col-lg-21 { width: 87.5% } .col-lg-22,.row>.col-lg-22 { width: 91.6666666667% } .col-lg-23,.row>.col-lg-23 { width: 95.8333333333% } .col-lg-24,.row>.col-lg-24 { width: 100% } } @media only screen and (min-width: 75em) { .col-xl-1,.row>.col-xl-1 { width:4.1666666667% } .col-xl-2,.row>.col-xl-2 { width: 8.3333333333% } .col-xl-3,.row>.col-xl-3 { width: 12.5% } .col-xl-4,.row>.col-xl-4 { width: 16.6666666667% } .col-xl-5,.row>.col-xl-5 { width: 20.8333333333% } .col-xl-6,.row>.col-xl-6 { width: 25% } .col-xl-7,.row>.col-xl-7 { width: 29.1666666667% } .col-xl-8,.row>.col-xl-8 { width: 33.3333333333% } .col-xl-9,.row>.col-xl-9 { width: 37.5% } .col-xl-10,.row>.col-xl-10 { width: 41.6666666667% } .col-xl-11,.row>.col-xl-11 { width: 45.8333333333% } .col-xl-12,.row>.col-xl-12 { width: 50% } .col-xl-13,.row>.col-xl-13 { width: 54.1666666667% } .col-xl-14,.row>.col-xl-14 { width: 58.3333333333% } .col-xl-15,.row>.col-xl-15 { width: 62.5% } .col-xl-16,.row>.col-xl-16 { width: 66.6666666667% } .col-xl-17,.row>.col-xl-17 { width: 70.8333333333% } .col-xl-18,.row>.col-xl-18 { width: 75% } .col-xl-19,.row>.col-xl-19 { width: 79.1666666667% } .col-xl-20,.row>.col-xl-20 { width: 83.3333333333% } .col-xl-21,.row>.col-xl-21 { width: 87.5% } .col-xl-22,.row>.col-xl-22 { width: 91.6666666667% } .col-xl-23,.row>.col-xl-23 { width: 95.8333333333% } .col-xl-24,.row>.col-xl-24 { width: 100% } } .move-left { float: left; left: 0 } .move-right { float: right; right: 0 } .move-top { position: absolute; top: 0 } .move-bottom { position: absolute; bottom: 0 } .move-middle { position: absolute; top: 50%; transform: translateY(-50%) } .move-middle.move-center { transform: translate(-50%, -50%) } .move-center { position: absolute; left: 50%; transform: translateX(-50%) } .move-center.move-middle { transform: translate(-50%, -50%) } .stretch,.tap-area,.modal-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .tap-area { cursor: pointer } h1,h2,h3,h4 { font-weight: normal } h5 { font-weight: bold } h1.h1-3xl { font-size: 64px; line-height: var(--sd-ui-line-height) } h1.h1-2xl { font-size: 56px; line-height: var(--sd-ui-line-height) } h1.h1-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } h1 { font-size: 40px; line-height: var(--sd-ui-line-height) } h2 { font-size: 32px; line-height: var(--sd-ui-line-height) } h3 { font-size: 24px; line-height: var(--sd-ui-line-height) } h4 { font-size: 20px; line-height: var(--sd-ui-line-height) } h5 { font-size: 16px; line-height: var(--sd-ui-line-height) } h1.alt-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .hor-line { border-bottom: 0.125rem solid #dcdcdc } .hor-line-top { border-top: 0.125rem solid #dcdcdc } .branded ul { list-style: none; margin: .5em 0 } .branded ul>li { padding-left: 1.6em } .branded ul>li::before { margin: .45em 0 0 -1em; content: ""; display: block; float: left; width: .35em; height: .35em; background-color: #eb6500; border-radius: 50% } .branded ol { list-style-type: none; margin: .5em 0; counter-reset: item } .branded ol>li { padding-left: 1.7em; counter-increment: item } .branded ol>li::before { margin: .25em 0 0 -1.4em; content: counter(item, decimal) "."; display: block; float: left; color: #eb6500; font-size: .8em; font-weight: bold } .list-tags { margin-left: 0; padding-left: 0 } .list-tags-item { display: inline; list-style-type: none; margin: 0; padding: 0 } .list-tags-item::after { content: ", " } .list-tags-item:last-child::after { content: "" } .branded a { color: #0272b1; transition: color .3s ease,border-bottom-color .3s ease; text-decoration: none; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:link,.branded a:visited { color: #0272b1; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:active,.branded a:focus,.branded a:hover { cursor: pointer; color: #1f1f1f; border-bottom-color: #ff6c00 } .container,.panel,.panel-s,.panel-m,.panel-l { position: relative; overflow: auto } .panel,.panel-s,.panel-m,.panel-l { background: #f5f5f5; overflow: auto } .panel.trasparent,.trasparent.panel-s,.trasparent.panel-m,.trasparent.panel-l { background: 0 } .panel:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l),.panel-s:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l),.panel-m:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l),.panel-l:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l) { padding: 32px } .panel-s,.panel-m,.panel-l { padding: 16px } .panel-m { padding: 32px } .panel-l { padding: 48px } .list-item:first-child { padding-top: 0 } .list-item:last-child { padding-bottom: 0 } .button-alternative { --sd-ui-button-alt-border-bottom-colour: transparent; --sd-ui-button-alt-border-bottom-colour-hover: #eb6500; --sd-ui-button-alt-border-bottom-width: 2px; --sd-ui-button-alt-colour: #1f1f1f; --sd-ui-button-alt-colour-focus: #eb6500; --sd-ui-button-alt-cursor: pointer; --sd-ui-button-alt-font-size: 1em; --sd-ui-button-alt-gap: calc(0.5em - 2px); --sd-ui-button-alt-min-width: 5.5rem; --sd-ui-button-alt-icon-background-colour: #0272b1; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-border-colour-hover: #eb6500; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem } .button-alternative-secondary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-fill: #0272b1 } .button-alternative-tertiary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #1f1f1f; --sd-ui-button-alt-icon-fill: #1f1f1f } .button-alternative.on-dark-background { --sd-ui-button-alt-border-bottom-colour-hover: #ffffff; --sd-ui-button-alt-colour: #ffffff; --sd-ui-button-alt-colour-focus: #ffffff; --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #ffffff; --sd-ui-button-alt-icon-border-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #1f1f1f; --sd-ui-button-alt-icon-fill-hover: #ffffff } .button-alternative-secondary.on-dark-background,.button-alternative-tertiary.on-dark-background { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-background-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f } .button-alternative:disabled { --sd-ui-button-alt-colour: #b8b8b8; --sd-ui-button-alt-cursor: default; --sd-ui-button-alt-icon-background-colour: #b8b8b8; --sd-ui-button-alt-icon-border-colour: #b8b8b8 } .button-alternative-secondary:disabled,.button-alternative-tertiary:disabled { --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-border-colour: #b8b8b8; --sd-ui-button-alt-icon-fill: #b8b8b8 } .button-alternative.on-dark-background:disabled { --sd-ui-button-alt-colour: #4c4c4c; --sd-ui-button-alt-icon-background-colour: #707070; --sd-ui-button-alt-icon-border-colour: #707070 } .button-alternative-secondary.on-dark-background:disabled,.button-alternative-tertiary.on-dark-background:disabled { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #707070; --sd-ui-button-alt-icon-fill: #707070 } .button-alternative.small-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } .button-alternative.medium-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } .button-alternative.large-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } @media only screen and (min-width: 48em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } } @media only screen and (min-width: 62em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } } .button-alternative { align-items: baseline; background-color: rgba(0,0,0,0); border: none; color: var(--sd-ui-button-alt-colour); cursor: var(--sd-ui-button-alt-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-alt-font-size); gap: var(--sd-ui-button-alt-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-alt-min-width); text-decoration: none; user-select: text } .button-alternative.disable-min-width { min-width: inherit } .button-alternative:focus-visible { outline: 2px solid var(--sd-ui-button-alt-colour-focus); outline-offset: 2px } .button-alternative .icon,.button-alternative-text-container { align-self: center } .button-alternative .icon { flex-shrink: 0 } .button-alternative .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour); border: 2px solid var(--sd-ui-button-alt-icon-border-colour); fill: var(--sd-ui-button-alt-icon-fill); height: var(--sd-ui-button-alt-icon-size); padding: var(--sd-ui-button-alt-icon-padding); transition: background-color .3s,border-color .3s,fill .3s; width: var(--sd-ui-button-alt-icon-size) } .button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour-hover); border-color: var(--sd-ui-button-alt-icon-border-colour-hover); fill: var(--sd-ui-button-alt-icon-fill-hover) } .button-alternative-text { border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour); transition: border-bottom .3s } .button-alternative:hover:not(:disabled) .button-alternative-text { border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover) } .button-alternative .arrow-external-link { fill: currentColor; height: var(--sd-ui-button-alt-icon-external-link-size); width: var(--sd-ui-button-alt-icon-external-link-size) } .anchor { --sd-ui-anchor-border-bottom-colour: transparent; --sd-ui-anchor-border-bottom-colour-hover: #eb6500; --sd-ui-anchor-border-bottom-width: 2px; --sd-ui-anchor-border-bottom-width-hover: 2px; --sd-ui-anchor-colour: #0272b1; --sd-ui-anchor-colour-focus: #eb6500; --sd-ui-anchor-cursor: pointer; --sd-ui-anchor-font-size: 1em; --sd-ui-anchor-gap: calc(0.5em - 2px); --sd-ui-anchor-icon-colour: currentColor; --sd-ui-anchor-icon-size: calc(1em + 4px); --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em) } .anchor-secondary { --sd-ui-anchor-colour: #1f1f1f } .anchor-underline { --sd-ui-anchor-border-bottom-colour: currentColor; --sd-ui-anchor-border-bottom-width: 1px } .anchor-has-background-color { --sd-ui-anchor-border-bottom-colour-hover: currentColor; --sd-ui-anchor-colour-focus: currentColor } .anchor-has-colored-icon { --sd-ui-anchor-icon-colour: #0272b1 } .anchor-has-inherit-color { --sd-ui-anchor-colour: inherit } .anchor.on-dark-background { --sd-ui-anchor-border-bottom-colour-hover: #ffffff; --sd-ui-anchor-colour: #ffffff; --sd-ui-anchor-colour-focus: #ffffff; --sd-ui-anchor-icon-colour: #ffffff } .anchor[aria-disabled=true] { --sd-ui-anchor-cursor: default; --sd-ui-anchor-colour: #b8b8b8; --sd-ui-anchor-colour-focus: transparent; --sd-ui-anchor-icon-colour: #b8b8b8 } .anchor-small { --sd-ui-anchor-font-size: 0.875rem; --sd-ui-anchor-gap: 0.25rem; --sd-ui-anchor-icon-size: 1rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-medium { --sd-ui-anchor-font-size: 1rem; --sd-ui-anchor-gap: 0.375rem; --sd-ui-anchor-icon-size: 1.25rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-large { --sd-ui-anchor-font-size: 1.25rem; --sd-ui-anchor-gap: 0.5rem; --sd-ui-anchor-icon-size: 1.5rem; --sd-ui-anchor-icon-external-link-size: 0.625rem } .anchor { color: var(--sd-ui-anchor-colour); cursor: var(--sd-ui-anchor-cursor); font-size: var(--sd-ui-anchor-font-size); line-height: var(--sd-ui-line-height); text-decoration: none } .anchor:focus-visible { outline: 2px solid var(--sd-ui-anchor-colour-focus); outline-offset: 2px } .anchor-with-icon { align-items: baseline; display: inline-flex; gap: var(--sd-ui-anchor-gap) } .anchor .icon { align-self: center; fill: var(--sd-ui-anchor-icon-colour); flex-shrink: 0; height: var(--sd-ui-anchor-icon-size); width: var(--sd-ui-anchor-icon-size) } .anchor-icon-only:hover:not([aria-disabled=true]) .icon { transition: fill .3s; fill: var(--sd-ui-anchor-border-bottom-colour-hover) } .anchor-text { border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour); transition: border-bottom-color .3s } .anchor:hover:not([aria-disabled=true]) .anchor-text { border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover) } .anchor .arrow-external-link { height: var(--sd-ui-anchor-icon-external-link-size); margin-left: var(--sd-ui-anchor-gap); width: var(--sd-ui-anchor-icon-external-link-size) } .skip-link { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip-link:focus,.skip-link:active { height: auto; width: auto; padding: 2px } .button-link { --sd-ui-button-link-border-bottom-colour: transparent; --sd-ui-button-link-border-bottom-colour-hover: #eb6500; --sd-ui-button-link-border-bottom-width: 2px; --sd-ui-button-link-border-bottom-width-hover: 2px; --sd-ui-button-link-colour: #0272b1; --sd-ui-button-link-colour-focus: #eb6500; --sd-ui-button-link-cursor: pointer; --sd-ui-button-link-font-size: 1em; --sd-ui-button-link-gap: calc(0.5em - 2px); --sd-ui-button-link-icon-colour: currentColor; --sd-ui-button-link-icon-size: calc(1em + 4px) } .button-link-secondary { --sd-ui-button-link-colour: #1f1f1f } .button-link-underline { --sd-ui-button-link-border-bottom-colour: currentColor; --sd-ui-button-link-border-bottom-width: 1px } .button-link-has-colored-icon { --sd-ui-button-link-icon-colour: #0272b1 } .button-link-on-dark-background { --sd-ui-button-link-border-bottom-colour-hover: #ffffff; --sd-ui-button-link-colour: #ffffff; --sd-ui-button-link-colour-focus: #ffffff; --sd-ui-button-link-icon-colour: #ffffff } .button-link:disabled { --sd-ui-button-link-cursor: default; --sd-ui-button-link-colour: #b8b8b8; --sd-ui-button-link-colour-focus: transparent; --sd-ui-button-link-icon-colour: #b8b8b8 } .button-link-small { --sd-ui-button-link-font-size: 0.875rem; --sd-ui-button-link-gap: 0.25rem; --sd-ui-button-link-icon-size: 1rem } .button-link-medium { --sd-ui-button-link-font-size: 1rem; --sd-ui-button-link-gap: 0.375rem; --sd-ui-button-link-icon-size: 1.25rem } .button-link-large { --sd-ui-button-link-font-size: 1.25rem; --sd-ui-button-link-gap: 0.5rem; --sd-ui-button-link-icon-size: 1.5rem } .button-link { border: none; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); text-decoration: none; align-items: baseline; display: inline-flex; color: var(--sd-ui-button-link-colour); cursor: var(--sd-ui-button-link-cursor); font-size: var(--sd-ui-button-link-font-size); gap: var(--sd-ui-button-link-gap); user-select: text } .button-link:focus-visible { outline: 2px solid var(--sd-ui-button-link-colour-focus); outline-offset: 2px } .button-link .icon { align-self: center; fill: var(--sd-ui-button-link-icon-colour); flex-shrink: 0; height: var(--sd-ui-button-link-icon-size); width: var(--sd-ui-button-link-icon-size) } .button-link-icon-only:hover:not(:disabled) .icon { transition: fill .3s; --sd-ui-button-link-icon-colour: #eb6500 } .button-link-text { border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour); transition: border-bottom-color .3s } .button-link:hover:not(:disabled) .button-link-text { border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover) } .checkbox { --sd-ui-checkbox-border-colour: #707070; --sd-ui-checkbox-border-colour-hover: #1f1f1f; --sd-ui-checkbox-border-width: 0.125rem; --sd-ui-checkbox-colour: #1f1f1f; --sd-ui-checkbox-colour-focus: #eb6500; --sd-ui-checkbox-cursor: pointer; --sd-ui-checkbox-font-size: 1rem; --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px); --sd-ui-checkbox-indicator-colour: #eb6500; --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width)); --sd-ui-checkbox-indicator-size: 0.6em } .checkbox.is-disabled { --sd-ui-checkbox-border-colour: #b8b8b8; --sd-ui-checkbox-colour: #b8b8b8; --sd-ui-checkbox-cursor: default; --sd-ui-checkbox-indicator-colour: #b8b8b8 } .checkbox-small { --sd-ui-checkbox-font-size: 0.875rem } .checkbox-medium { --sd-ui-checkbox-font-size: 1rem } .checkbox-large { --sd-ui-checkbox-font-size: 1.25rem } .checkbox-responsive { --sd-ui-checkbox-font-size: 0.875rem } @media only screen and (min-width: 48em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1rem } } @media only screen and (min-width: 62em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1.25rem } } .checkbox { font-size: var(--sd-ui-checkbox-font-size); line-height: var(--sd-ui-line-height) } .checkbox .checkbox-input { opacity: 0; position: absolute } .checkbox .checkbox-label { color: var(--sd-ui-checkbox-colour); cursor: var(--sd-ui-checkbox-cursor); user-select: none } .checkbox .checkbox-label-value { margin-left: .5em; vertical-align: middle } .checkbox .checkbox-check { background-color: #fff; border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour); display: inline-block; font-size: var(--sd-ui-checkbox-size); height: var(--sd-ui-checkbox-size); position: relative; transition: border-color ease .3s; vertical-align: middle; width: var(--sd-ui-checkbox-size) } .checkbox .checkbox-check::after { border-color: #fff; border-style: solid; border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0; content: ""; height: var(--sd-ui-checkbox-indicator-size); left: var(--sd-ui-checkbox-indicator-offset); position: absolute; top: var(--sd-ui-checkbox-indicator-offset); transition: border-color .3s; width: var(--sd-ui-checkbox-indicator-size) } .checkbox .checkbox-input:checked+.checkbox-check::after { border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #fff #fff } .checkbox.checkbox.partial .checkbox-input:checked~.checkbox-check::after { border-top-color: #fff } .checkbox .checkbox-input:focus-visible+.checkbox-check { outline: 2px solid var(--sd-ui-checkbox-colour-focus); outline-offset: 1px } .checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check { border-color: var(--sd-ui-checkbox-border-colour-hover) } .checkbox.checkbox-label-indent .checkbox-label { display: inline-flex } .checkbox.checkbox-label-indent .checkbox-check { flex-shrink: 0 } .tab-list { width: 100%; margin-bottom: 1rem; box-shadow: 0px -1px #1f1f1f inset } .tab { display: inline-block; list-style: none; cursor: pointer; font-weight: normal } .tab a:link,.tab a:visited { text-decoration: none; color: inherit } .tab:not(.tab-is-disabled) { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .tab:not(.tab-is-disabled) button,.tab:not(.tab-is-disabled) a { outline: none } .tab:not(.tab-is-disabled):hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tab:not(.tab-is-disabled).tab-is-selected { transition: box-shadow .3s,border-bottom-color .3s; box-shadow: 0px -4px 0 -1px #1f1f1f inset; border-collapse: separate } .tab.tab-is-disabled { cursor: default; border-bottom: 1px solid #1f1f1f } .tab.tab-is-disabled button { outline: none } .tab.tab-is-disabled .tab-title { color: #b8b8b8 } .tab-title { height: 2em; padding: 0.125rem 1rem 0; font-family: inherit; line-height: calc(2em - 2px); display: block; background-color: rgba(0,0,0,0); border: 0; text-decoration: none } .tab-panel { display: none } .tab-panel.tab-panel-is-selected,.tab-panel.tab-panel-force-rendered { display: block } .tablist-container { align-items: flex-end; margin-bottom: 1rem; position: relative; display: flex } .tabs-container { overflow: hidden; flex-grow: 1; padding: 4px; position: relative; top: 4px } .tab-list[class*=responsive-to-] { margin-bottom: 0; position: relative; z-index: 1; white-space: nowrap; transition: transform .3s } @media only screen and (min-width: 20em) { .tab-list.responsive-to-xs { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-xs { padding: 0 } .responsive-to-xs .tabs-control { display: none } } @media only screen and (min-width: 36em) { .tab-list.responsive-to-sm { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-sm { padding: 0 } .responsive-to-sm .tabs-control { display: none } } @media only screen and (min-width: 48em) { .tab-list.responsive-to-md { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-md { padding: 0 } .responsive-to-md .tabs-control { display: none } } @media only screen and (min-width: 62em) { .tab-list.responsive-to-lg { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-lg { padding: 0 } .responsive-to-lg .tabs-control { display: none } } @media only screen and (min-width: 75em) { .tab-list.responsive-to-xl { white-space:normal; transform: translateX(0) !important } .tablist-container.responsive-to-xl { padding: 0 } .responsive-to-xl .tabs-control { display: none } } .tabs-control { flex-shrink: 0; height: calc(2.5em + 1px); width: 2.5em } .tabs-control:enabled { transition: box-shadow .3s,border-bottom-color .3s; border-bottom: 1px solid #1f1f1f } .tabs-control:enabled button,.tabs-control:enabled a { outline: none } .tabs-control:enabled:hover { box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tabs-control svg.icon.tabs-control-icon { margin: 0 } .simple-tabs { --sd-ui-tabs-border-bottom-colour: #1f1f1f; --sd-ui-tabs-border-bottom-colour-hover: #eb6500; --sd-ui-tabs-border-bottom-width: 0.25rem; --sd-ui-tabs-colour: #1f1f1f; --sd-ui-tabs-colour-focus: #eb6500; --sd-ui-tab-panel-padding-ver: 2rem; --sd-ui-tab-panel-padding-hor: 1rem; --sd-ui-tabs-cursor: pointer; --sd-ui-tabs-font-size: 1em; --sd-ui-tab-padding-hor: 0.625rem; --sd-ui-tab-padding-top: 0.375rem; --sd-ui-tab-padding-bottom: 0.125rem; --sd-ui-tab-colour-focus: #eb6500; --sd-ui-tab-colour-hover: #1f1f1f; --sd-ui-tab-border-colour-hover: #eb6500 } .simple-tabs.on-dark-background { --sd-ui-tabs-border-bottom-colour-hover: #ffffff; --sd-ui-tabs-colour: #ffffff; --sd-ui-tabs-colour-focus: #ffffff } .simple-tabs { font-family: inherit; font-size: var(--sd-ui-tabs-font-size); line-height: var(--sd-ui-line-height) } .simple-tab-list { display: inline-flex; justify-content: flex-start; margin: 0; padding: 0; align-items: baseline; flex-wrap: wrap; box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; width: 100% } .simple-tab-list.simple-tab-list-scrolling { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; scroll-padding-inline: 3rem; flex-wrap: nowrap; margin-bottom: -4px; margin-left: -4px; margin-top: -4px; box-shadow: unset } .simple-tab-list.simple-tab-list-scrolling>.simple-tab { margin: 4px 0 } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:first-child { margin-left: 4px } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:last-child { margin-right: 4px } .simple-tab-list.simple-tab-list-scrolling~.simple-tab-list-scrolling-border-bottom { border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour); margin-top: -1px; margin-right: 4px; margin-left: 4px } .simple-tab-panel { padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor) } .simple-tab-panel.active { display: block } .simple-tab-panel.active:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 1px } .simple-tab-panel.hidden { display: none } .simple-tab { align-items: baseline; background-color: rgba(0,0,0,0); border: none; border-bottom: var(--sd-ui-tabs-border-bottom-width) solid rgba(0,0,0,0); color: var(--sd-ui-tabs-colour); cursor: var(--sd-ui-tabs-cursor); font-family: inherit; padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor); transition: background-color .3s,border-color .3s,color .3s; white-space: nowrap } .simple-tab[aria-selected=true] { border-bottom-color: var(--sd-ui-tabs-border-bottom-colour) } .simple-tab:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 2px } .simple-tab:hover[aria-selected=false],.simple-tab:hover:not([aria-selected]) { border-color: var(--sd-ui-tab-border-colour-hover); color: var(--sd-ui-tab-colour-hover) } .accordion-container .accordion-title { color: #1f1f1f; font-size: inherit; line-height: inherit } .accordion-container .accordion-title .accordion-text { border-bottom: 2px solid rgba(0,0,0,0); transition: border-bottom-color .3s ease } .accordion-container .accordion-subtitle { display: block } .accordion-container .accordion-panel-title { align-items: flex-start; justify-content: space-between; width: 100%; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); position: relative; border: 0; cursor: pointer } .accordion-container .accordion-panel-title:hover .accordion-text,.accordion-container .accordion-panel-title:active .accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-panel-title:hover .accordion-icon,.accordion-container .accordion-panel-title:active .accordion-icon { fill: #eb6500 } .accordion-container .accordion-panel-title:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .accordion-container .accordion-panel-title.icon-left { justify-content: flex-start } .accordion-container .accordion-panel-title.icon-left .accordion-icon { margin-right: 8px } .accordion-container .accordion-panel-title.icon-right .accordion-icon { margin-left: 8px } .accordion-container .accordion-panel { list-style: none; max-width: none; border-bottom: 2px solid #b8b8b8 } .accordion-container .accordion-panel:first-child { border-top: 2px solid #b8b8b8 } .accordion-container .accordion-panel>button[aria-expanded=true]>div>.accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-icon { fill: #0272b1; flex-shrink: 0 } .accordion-container .accordion-icon.navigate-up { fill: #0272b1 } .accordion-container .accordion-icon.navigate-up:hover { fill: #eb6500 } .pagination :last-child { margin-right: 0 } .pagination :first-child { margin-left: 0 } .pagination-pages-label { color: #1f1f1f } .pagination-controls { display: inline-flex; align-items: center } .current-page { border-bottom: 2px solid #000 } .button { --sd-ui-button-background-colour: #0272b1; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-border-colour: #0272b1; --sd-ui-button-border-colour-hover: #eb6500; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-focus: #eb6500; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-cursor: pointer; --sd-ui-button-font-size: 1em; --sd-ui-button-gap: 0.375rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f; --sd-ui-button-icon-size: calc(1em + 4px); --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button-secondary,.button-tertiary { --sd-ui-button-background-colour: transparent } .button-secondary { --sd-ui-button-colour: #0272b1; --sd-ui-button-icon-fill: #0272b1 } .button-tertiary { --sd-ui-button-border-colour: #1f1f1f; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-icon-fill: #1f1f1f } .button.on-dark-background { --sd-ui-button-border-colour: #ffffff; --sd-ui-button-border-colour-hover: #ffffff; --sd-ui-button-background-colour: #ffffff; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-colour-focus: #ffffff; --sd-ui-button-colour-hover: #ffffff; --sd-ui-button-icon-fill: #1f1f1f; --sd-ui-button-icon-fill-hover: #ffffff } .button-secondary.on-dark-background,.button-tertiary.on-dark-background { --sd-ui-button-background-colour: transparent; --sd-ui-button-background-colour-hover: #ffffff; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f } .button:disabled { --sd-ui-button-background-colour: #b8b8b8; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-cursor: default } .button-secondary:disabled,.button-tertiary:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-colour: #b8b8b8; --sd-ui-button-icon-fill: #b8b8b8 } .button.on-dark-background:disabled { --sd-ui-button-background-colour: #707070; --sd-ui-button-border-colour: #707070 } .button-secondary.on-dark-background:disabled,.button-tertiary.on-dark-background:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-colour: #707070; --sd-ui-button-icon-fill: #707070 } .button.small { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } .button.medium { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button.large { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } .button.responsive { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } @media only screen and (min-width: 48em) { .button.responsive { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } } @media only screen and (min-width: 62em) { .button.responsive { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } } .button { align-items: baseline; background-color: var(--sd-ui-button-background-colour); border: 2px solid var(--sd-ui-button-border-colour); color: var(--sd-ui-button-colour); cursor: var(--sd-ui-button-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-font-size); gap: var(--sd-ui-button-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-min-width); max-width: 250px; padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor); transition: background-color .3s,border-color .3s,color .3s; user-select: text; white-space: nowrap } @media only screen and (min-width: 36em) { .button { max-width:100% } } .button-icon-only { padding: var(--sd-ui-button-padding-icon-label); min-width: inherit } .button.disable-min-width { min-width: inherit } .button:focus-visible { outline: 2px solid var(--sd-ui-button-colour-focus); outline-offset: 2px } .button:hover:not(:disabled) { background-color: var(--sd-ui-button-background-colour-hover); border-color: var(--sd-ui-button-border-colour-hover); color: var(--sd-ui-button-colour-hover) } .button .icon,.button-text-container { align-self: center } .button .icon { fill: var(--sd-ui-button-icon-fill); flex-shrink: 0; height: var(--sd-ui-button-icon-size); width: var(--sd-ui-button-icon-size); transition: fill .3s ease } .button-text-container { flex: 1; overflow: hidden; text-overflow: ellipsis } .button:hover:not(:disabled) .icon { fill: var(--sd-ui-button-icon-fill-hover) } @keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } .icon-spinner>rect { animation: icon-spinner-anim .4s linear 0s infinite } .icon-spinner>rect:nth-of-type(2) { animation-delay: -0.4s } .icon-spinner>rect:nth-of-type(3) { animation-delay: -0.35s } .icon-spinner>rect:nth-of-type(4) { animation-delay: -0.3s } .icon-spinner>rect:nth-of-type(5) { animation-delay: -0.25s } .icon-spinner>rect:nth-of-type(6) { animation-delay: -0.2s } .icon-spinner>rect:nth-of-type(7) { animation-delay: -0.15s } .icon-spinner>rect:nth-of-type(8) { animation-delay: -0.1s } .icon-spinner>rect:nth-of-type(9) { animation-delay: -0.05s } .icon-spinner>rect:nth-of-type(10) { animation: none } .modal { border: 1rem solid rgba(220,220,220,.85); min-width: 18rem } .modal:active,.modal:focus,.modal:hover { outline: 0 } .modal-content { border-top: 2px solid #eb6500 } .modal-close-button { padding: 8px } .modal-close-button-icon { fill: #1f1f1f !important; border-bottom: 2px solid rgba(0,0,0,0) } .modal-close-button-icon:hover { border-bottom: 2px solid #eb6500 } .modal-overlay { background-color: rgba(112,112,112,.85); z-index: 1000; position: fixed } .text-input,.search-input { --sd-ui-text-input-background-color: inherit; --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #1f1f1f; --sd-ui-text-input-offset-top: 26px; --sd-ui-text-input-clear-button-padding: 10px; --sd-ui-text-input-clear-button-size: calc(1em + 4px); --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2)) } .text-input-field,.search-input-field { --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width)) } .text-input-field:focus-visible,.search-input-field:focus-visible { --sd-ui-text-input-background-color: transparent; --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input:hover .text-input-field:not(:focus-visible):not(.borderless),.text-input:hover .search-input-field:not(:focus-visible):not(.borderless),.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) { --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px } .text-input-error,.search-input-error { --sd-ui-text-input-background-color: #fff3eb; --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #bc1a23 } .text-input-field.borderless,.search-input-field.borderless { --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input-container-no-label .text-input-clear,.text-input-container-no-label .search-input-clear,.search-input-container-no-label .text-input-clear,.search-input-container-no-label .search-input-clear { --sd-ui-text-input-offset-top: 0 } .text-input-field-with-clear,.search-input-field-with-clear { --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width)) } html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible { --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 1px } .text-input,.search-input { display: flex; gap: 4px; flex-direction: column } .text-input-with-clear,.search-input-with-clear { position: relative } .text-input-container,.search-input-container { display: contents } .text-input-label,.search-input-label { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-input-field,.search-input-field { font-size: 16px; line-height: var(--sd-ui-line-height); background-color: var(--sd-ui-text-input-background-color); border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color); border-bottom-width: var(--sd-ui-text-input-border-bottom-width); font-family: inherit; max-width: 100%; padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) } .text-input-field:focus-visible,.search-input-field:focus-visible { outline: 2px solid #eb6500; outline-offset: -2px } .text-input-field:read-only:focus-visible,.search-input-field:read-only:focus-visible { outline: none } .text-input-message-container,.search-input-message-container { font-size: 14px; line-height: var(--sd-ui-line-height); min-height: var(--sd-ui-line-height) } .text-input-tip,.search-input-tip { font-style: italic } .text-input-error-message,.search-input-error-message { color: #bc1a23 } .text-input-clear,.search-input-clear { padding: var(--sd-ui-text-input-clear-button-padding); position: absolute; right: 0; top: var(--sd-ui-text-input-offset-top); width: var(--sd-ui-text-input-clear-button-width) } .text-input-clear .icon,.search-input-clear .icon { font-size: 16px; line-height: var(--sd-ui-line-height); height: var(--sd-ui-text-input-clear-button-size); width: var(--sd-ui-text-input-clear-button-size) } .text-input-clear:focus-visible,.search-input-clear:focus-visible { outline-offset: -2px } html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible { outline-offset: 2px } .alert { display: inline-flex; gap: 8px } .alert-icon-box { align-self: flex-start; display: block; padding: 4px } .alert-icon-box .icon { display: block; height: calc(16px + 4px); width: calc(16px + 4px) } .alert-text { align-self: center } .popover { position: relative; display: inline-block } .popover-content { position: absolute; margin-top: 16px; z-index: 9999; padding: 16px; border: 1px solid #8e8e8e; border-top: rgba(0,0,0,0); background: rgba(235,235,235,.85) } .popover-content.popover-align-left { box-shadow: 7px -9px 0px -7px #eb6500; left: 0 } .popover-content.popover-align-left.popover-align-left:before { content: ""; position: absolute; left: -1px; background-position: left top; border-left: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content.popover-align-right { box-shadow: -7px -9px 0px -7px #eb6500; right: 0 } .popover-content.popover-align-right.popover-align-right:before { content: ""; position: absolute; right: -1px; background-position: left top; border-right: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content-inner { background: #fff } .popover-content-inner .popover-children { padding: 32px 16px } .popover-content-inner.popover-close-button-hidden .popover-children { padding: 16px } .popover-button-close { gap: 0; padding: 10px 10px 8px 10px; position: relative; right: 2px; top: 2px; border-bottom: 2px solid rgba(0,0,0,0) } .popover-button-close:hover { border-bottom: 2px solid #eb6500 } .popover-button-close:hover .icon { fill: #1f1f1f } .badge-info,.badge-success,.badge-warning { display: inline-block; font-weight: normal; border-radius: 10px; line-height: 0 !important } .badge-sm { font-size: 10px; line-height: var(--sd-ui-line-height); padding: 8px 5px } .badge-md { font-size: 14px; line-height: var(--sd-ui-line-height); padding: 10px 7px } .badge-info { color: #000; background: #44c6f4 } .badge-success { color: #fff; background: #0b7a2b } .badge-warning { color: #fff; background: #bc1a23 } .is-truncated-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .switch { --sd-ui-switch-background-colour: white; --sd-ui-switch-border-colour: #707070; --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2); --sd-ui-switch-border-width: 0.125rem; --sd-ui-switch-colour: inherit; --sd-ui-switch-colour-focus: #eb6500; --sd-ui-switch-cursor: pointer; --sd-ui-switch-font-size: 1rem; --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2)); --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2); --sd-ui-switch-indicator-colour: #b8b8b8; --sd-ui-switch-indicator-scale: 0.5; --sd-ui-switch-indicator-size: 1em; --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1) } .switch.is-disabled { --sd-ui-switch-border-colour: #b8b8b8; --sd-ui-switch-colour: #b8b8b8; --sd-ui-switch-cursor: default; --sd-ui-switch-indicator-colour: #b8b8b8 } .switch-input:checked+.switch-check::after { --sd-ui-switch-indicator-colour: #eb6500; --sd-ui-switch-indicator-scale: 0.7; --sd-ui-switch-indicator-translate-x: 0 } .switch:not(.is-disabled) .switch-label:hover { --sd-ui-switch-border-colour: #1f1f1f } .switch-small { --sd-ui-switch-font-size: 0.875rem } .switch-large { --sd-ui-switch-font-size: 1.25rem } .switch { color: var(--sd-ui-switch-colour); font-size: var(--sd-ui-switch-font-size); line-height: var(--sd-ui-line-height) } .switch .switch-label { cursor: var(--sd-ui-switch-cursor) } .switch .switch-input { opacity: 0; position: absolute } .switch .switch-check { background-color: var(--sd-ui-switch-background-colour); border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour); border-radius: var(--sd-ui-switch-border-radius); display: inline-block; height: var(--sd-ui-switch-height); position: relative; transition: border .3s ease; vertical-align: middle; width: var(--sd-ui-switch-width) } .switch .switch-check::after { background-color: var(--sd-ui-switch-indicator-colour); border-radius: 50%; content: ""; display: block; height: var(--sd-ui-switch-indicator-size); position: absolute; right: 0; top: 0; transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); transition: transform .4s ease,background-color .4s ease; width: var(--sd-ui-switch-indicator-size) } .switch .switch-input:focus-visible+.switch-check { outline-offset: 2px; outline: 2px solid var(--sd-ui-switch-colour-focus) } .switch .switch-label-value { margin-left: .5em; vertical-align: middle; user-select: none } .input-dropdown { --sd-ui-input-dropdown-colour: inherit; --sd-ui-input-dropdown-cursor: pointer; --sd-ui-input-dropdown-tranisition-duration: 0.3s; --sd-ui-input-dropdown-button-border-colour: inherit; --sd-ui-input-dropdown-divider-colour: #1f1f1f; --sd-ui-input-dropdown-options-visibility: hidden } .input-dropdown.options-visible { --sd-ui-input-dropdown-button-border-colour: #eb6500; --sd-ui-input-dropdown-divider-colour: #eb6500; --sd-ui-input-dropdown-options-visibility: visible } .input-dropdown-disabled { --sd-ui-input-dropdown-colour: #b8b8b8; --sd-ui-input-dropdown-cursor: default; --sd-ui-input-dropdown-divider-colour: #b8b8b8 } .input-dropdown { color: var(--sd-ui-input-dropdown-colour); cursor: var(--sd-ui-input-dropdown-cursor) } .input-dropdown .dropdown-input-row { align-items: flex-end; border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour); display: flex } .input-dropdown .text-input { flex: 1 } .input-dropdown .text-input-label { cursor: inherit } .input-dropdown .text-input-field { --sd-ui-text-input-field-padding-top: 4px; --sd-ui-text-input-field-padding-left: 0; --sd-ui-text-input-field-padding-bottom: 4px; color: inherit; cursor: inherit; margin-bottom: 4px } .input-dropdown .text-input-message-container { display: none } .input-dropdown .input-dropdown-button { border-color: var(--sd-ui-input-dropdown-button-border-colour); gap: 0; margin-bottom: 4px; outline-offset: 1px } .input-dropdown .dropdown-container { position: relative } .input-dropdown .options-list-container { background: #fff; border: 1px solid #8e8e8e; border-top: none; opacity: 0; position: absolute; visibility: var(--sd-ui-input-dropdown-options-visibility); width: 100%; z-index: 1 } .input-dropdown.options-visible .options-list-container { opacity: 1 } .input-dropdown .options-list { list-style: none; margin: 0; padding: 0 } .input-dropdown .option-item { cursor: pointer; padding: 0 8px 8px } .input-dropdown .option-item:first-child { padding-top: 8px } .input-dropdown .option-item:focus-visible { outline: none } .input-dropdown .option-item:hover .options-item-text,.input-dropdown .option-item.isCurrent .options-item-text { border-bottom: 2px solid #eb6500 } .input-dropdown-fancy { border: 1px solid rgba(0,0,0,0); border-bottom: 0; margin: 0 -16px; padding: 8px 16px 0 16px } .input-dropdown-fancy.options-visible { border-color: #8e8e8e; background: #f0f0f0 } .input-dropdown-fancy .input-dropdown-button { background: rgba(0,0,0,0) } .input-dropdown-fancy.options-visible .input-dropdown-button { background: #fff } .input-dropdown-fancy .dropdown-container { position: relative } .input-dropdown-fancy .options-list-container { background: #f0f0f0; border: 1px solid #8e8e8e; border-top: none; margin-left: -17px; padding: 0 16px 16px; width: calc(100% + 34px) } .input-dropdown-fancy .options-list { background: #fff } .link-button { --sd-ui-link-button-background-colour: #0272b1; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-border-colour: #0272b1; --sd-ui-link-button-border-colour-hover: #eb6500; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-outline-focus: #eb6500; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-cursor: pointer; --sd-ui-link-button-font-size: 1em; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f; --sd-ui-link-button-icon-size: calc(1em + 4px); --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button-secondary,.link-button-tertiary { --sd-ui-link-button-background-colour: transparent } .link-button-secondary { --sd-ui-link-button-colour: #0272b1; --sd-ui-link-button-icon-fill: #0272b1 } .link-button-tertiary { --sd-ui-link-button-border-colour: #1f1f1f; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-icon-fill: #1f1f1f } .link-button.on-dark-background { --sd-ui-link-button-border-colour: #ffffff; --sd-ui-link-button-border-colour-hover: #ffffff; --sd-ui-link-button-background-colour: #ffffff; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-outline-focus: #ffffff; --sd-ui-link-button-colour-hover: #ffffff; --sd-ui-link-button-icon-fill: #1f1f1f; --sd-ui-link-button-icon-fill-hover: #ffffff } .link-button-secondary.on-dark-background,.link-button-tertiary.on-dark-background { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-background-colour-hover: #ffffff; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f } .link-button[aria-disabled=true] { --sd-ui-link-button-outline-focus: transparent; --sd-ui-link-button-cursor: default; --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary[aria-disabled=true],.link-button-tertiary[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-border-colour: #b8b8b8; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary.on-dark-background[aria-disabled=true],.link-button-tertiary.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.small { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } .link-button.medium { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button.large { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } .link-button.responsive { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } @media only screen and (min-width: 48em) { .link-button.responsive { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } } @media only screen and (min-width: 62em) { .link-button.responsive { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } } .link-button { align-items: baseline; background-color: var(--sd-ui-link-button-background-colour); border: 2px solid var(--sd-ui-link-button-border-colour); color: var(--sd-ui-link-button-colour); cursor: var(--sd-ui-link-button-cursor); display: inline-flex; font-family: inherit; font-size: var(--sd-ui-link-button-font-size); gap: var(--sd-ui-link-button-gap); line-height: var(--sd-ui-line-height); max-width: 250px; min-width: var(--sd-ui-link-button-min-width); padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor); text-decoration: none; transition: background-color .3s,border-color .3s,color .3s; user-select: none; white-space: nowrap } @media only screen and (min-width: 36em) { .link-button { max-width:100% } } .link-button-icon-only { padding: var(--sd-ui-link-button-padding-icon-label); min-width: inherit } .link-button.disable-min-width { min-width: inherit } .link-button:focus-visible { outline: 2px solid var(--sd-ui-link-button-outline-focus); outline-offset: 2px } .link-button:hover:not([aria-disabled=true]) { background-color: var(--sd-ui-link-button-background-colour-hover); border-color: var(--sd-ui-link-button-border-colour-hover); color: var(--sd-ui-link-button-colour-hover) } .link-button .icon,.link-button-text-container { align-self: center; text-align: center } .link-button .icon { fill: var(--sd-ui-link-button-icon-fill); flex-shrink: 0; height: var(--sd-ui-link-button-icon-size); width: var(--sd-ui-link-button-icon-size); transition: fill .3s ease } .link-button-text-container { flex: 1; overflow: hidden; text-overflow: ellipsis } .link-button:hover:not([aria-disabled=true]) .icon { fill: var(--sd-ui-link-button-icon-fill-hover) } .link-button .arrow-external-link { height: var(--sd-ui-link-button-icon-external-link-size); width: var(--sd-ui-link-button-icon-external-link-size) } :root { --sd-ui-right-side-panel-width: calc(496px) } .side-panel { width: calc(100vw - 16px); border-left: 16px solid rgba(0,0,0,0); position: fixed; display: block; top: 0; bottom: 0; right: 0; z-index: 1000; height: 100%; transform: translateX(100%); visibility: hidden; transition: visibility 0s linear .3s,transform .3s ease } @media(min-width: calc(512px)) { .side-panel { width:var(--sd-ui-right-side-panel-width) } } .side-panel-content { overflow-y: auto; position: fixed; height: 100%; background-color: #fff; width: 100% } .side-panel-is-expanded { transform: translateX(0); visibility: visible; transition-delay: 0s } .side-panel-children { margin-bottom: 48px; padding: 0 16px } @media only screen and (min-width: 36em) { .side-panel-children { padding:0 32px } } @media(min-width: calc(512px)) { .side-panel-border { background:linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px) } } .side-panel-header { position: sticky; height: 48px; top: 0; background-color: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 1; padding: 0 8px 0 16px } @media only screen and (min-width: 36em) { .side-panel-header { height:80px; padding: 0 24px 0 32px } } .side-panel-close-btn { float: right; padding: 8px 14px } .side-panel-close-btn svg { fill: #1f1f1f !important } .side-panel-close-btn svg:hover { fill: #eb6500 !important } .side-panel-overlay { position: fixed; width: 100%; bottom: 0; right: 100%; left: 0; top: 0; z-index: 70; background-color: rgba(31,31,31,.55); opacity: 0; visibility: hidden; transition: visibility .3s ease,opacity .3s ease } .side-panel-overlay-is-expanded { opacity: 1; visibility: visible } @media(min-width: calc(512px)) { .side-panel-overlay-is-expanded { opacity:0; visibility: hidden } .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints { opacity: 1; visibility: visible } } @media(prefers-reduced-motion: reduce) { .side-panel,.side-panel-overlay { transition: none } } :root { --sd-ui-carousel-banner-color: #f5f5f5; --sd-ui-carousel-banner-opacity: 80% } .carousel { position: relative; overflow: hidden } .carousel .slide-item { position: absolute; height: 100%; width: 100%; display: none } .carousel .active-carousel-indicator .button-text { border-bottom: 1px solid #4c4c4c } .carousel .active-carousel-indicator div { background: #4c4c4c } .carousel .active-carousel-slide { display: initial } .carousel #indicators { width: 100%; position: absolute; bottom: 0; height: 52px; display: flex; justify-content: center; background-color: var(--sd-ui-carousel-banner-color); opacity: var(--sd-ui-carousel-banner-opacity) } .carousel .carousel-indicators { list-style: none; grid-gap: 0.5rem; display: grid; align-content: center; grid-auto-flow: column; grid-auto-columns: 1fr } .carousel .carousel-indicator { height: 12px; width: 12px; border-radius: 6px; border: 1px solid #1f1f1f; margin: auto; background: #f5f5f5 } .carousel button { background: unset; border: none; font-size: 1.25rem; line-height: 1.15 } .carousel .button-text { border-bottom: 1px solid rgba(0,0,0,0) } .carousel .carousel-slides { height: inherit; width: inherit } .carousel .slide-indicator { padding: 1rem } .carousel .slide-indicator .button-text { display: none } .carousel .slide-indicator .button-link-text { vertical-align: middle } @media only screen and (min-width: 36em) { .carousel .slide-indicator { padding:0 1rem } .carousel .slide-indicator .button-text { display: inline-block } .carousel .without-caption { padding: 1rem } } .ArticleCard { display: grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-template-areas: "checkbox type-access" ". title" ". authors" ". source-info" ". actions"; row-gap: 2px; justify-content: start } .article-card_checkbox { grid-area: checkbox } .AccessTypeIndicator { grid-area: type-access } .AccessTypeIndicator span { margin-right: 8px } .ArticleTitle { grid-area: title } .Authors { grid-area: authors } .SourceInfo { grid-area: source-info } .Actions { grid-area: actions } .AccessTypeIndicator .access-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 8px } .AccessTypeIndicator .access-indicator.access-indicator-yes { background: #0b7a2b } .AccessTypeIndicator .access-indicator.access-indicator-no { border: 1px solid #000 } .Actions { margin-top: 4px } .Actions .actions-container { display: flex; list-style: none } .Actions .actions-container button.expandable-action.active>svg { fill: #ff6c00 } .tooltip-wrapper { display: inline-flex } .tooltip { --sd-ui-tooltip-font-size: 16px; --sd-ui-tooltip-line-height: 24px; position: absolute; display: inline-block } .tooltip-content { margin: 16px 0; padding: 16px; border: 1px solid #8e8e8e; background-color: #f0f0f0; opacity: 0; visibility: hidden; display: none; transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition-behavior: allow-discrete } .tooltip-content-visible { transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition-behavior: allow-discrete; display: inline-block; visibility: visible; opacity: 1 } @starting-style { .tooltip-content-visible { opacity: 0 } } .tooltip-small { max-width: 320px } .tooltip-medium { max-width: 480px } .tooltip-large { max-width: 640px } .tooltip-position-bottom-left { border-top: rgba(0,0,0,0); box-shadow: 7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-left.tooltip-position-bottom-left:before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-left.tooltip-position-bottom-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; top: 0 } .tooltip-position-bottom-right { border-top: rgba(0,0,0,0); box-shadow: -7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-right.tooltip-position-bottom-right:before { background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-right.tooltip-position-bottom-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; top: 0 } .tooltip-position-top-left { border-bottom: rgba(0,0,0,0); box-shadow: 7px 9px 0px -7px #eb6500 } .tooltip-position-top-left.tooltip-position-top-left:before { background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-left.tooltip-position-top-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; bottom: 0 } .tooltip-position-top-right { border-bottom: rgba(0,0,0,0); box-shadow: -7px 9px 0px -7px #eb6500 } .tooltip-position-top-right.tooltip-position-top-right:before { background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-right.tooltip-position-top-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; bottom: 0 } .floating-ui-node { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001 } .els-footer-links { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap } @media only screen and (min-width: 36em) { .els-footer-links { flex-direction:row } } .sd-flex-container { display: flex; flex-direction: column; height: 100vh } .sd-flex-content { flex: 1 0 auto } .els-footer { border-top: .1rem solid #eb6500; display: flex; flex-direction: column; flex-shrink: 0 } @media only screen and (min-width: 48em) { .els-footer { flex-direction:row } } .els-footer-content { flex: auto } @media print { .els-footer { border-top: .1rem solid #dcdcdc; flex-wrap: wrap; flex-direction: row; page-break-before: avoid; break-before: avoid-page; page-break-inside: avoid; break-inside: avoid-page } .els-footer-content>p { font-size: 8pt; line-height: 1.5 } } .cookie-btn { height: 22px !important; border: none !important; border-bottom: 2px solid rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; padding: 0 !important; font-size: .875rem !important; line-height: var(--sd-ui-line-height) !important; color: #1f1f1f !important } .cookie-btn:hover { border-bottom: 2px solid #eb6500 !important; transition: background-color .3s,border-color .3s,color .3s } .with-loading-state svg.icon.icon-spinner { vertical-align: middle; margin: 0 } .with-loading-state.is-complete-default { background-color: #0b7a2b; border-color: #0b7a2b } .with-loading-state.is-active { cursor: default } .u-padding-0 { padding: 0px !important } .u-margin-0 { margin: 0px !important } .u-padding-0-ver { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top { padding-top: 0px !important } .u-margin-0-top { margin-top: 0px !important } .u-padding-0-right { padding-right: 0px !important } .u-margin-0-right { margin-right: 0px !important } .u-padding-0-bottom { padding-bottom: 0px !important } .u-margin-0-bottom { margin-bottom: 0px !important } .u-padding-0-left { padding-left: 0px !important } .u-margin-0-left { margin-left: 0px !important } .u-padding-xs { padding: 8px !important } .u-margin-xs { margin: 8px !important } .u-padding-xs-ver { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top { padding-top: 8px !important } .u-margin-xs-top { margin-top: 8px !important } .u-padding-xs-right { padding-right: 8px !important } .u-margin-xs-right { margin-right: 8px !important } .u-padding-xs-bottom { padding-bottom: 8px !important } .u-margin-xs-bottom { margin-bottom: 8px !important } .u-padding-xs-left { padding-left: 8px !important } .u-margin-xs-left { margin-left: 8px !important } .u-padding-s { padding: 16px !important } .u-margin-s { margin: 16px !important } .u-padding-s-ver { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top { padding-top: 16px !important } .u-margin-s-top { margin-top: 16px !important } .u-padding-s-right { padding-right: 16px !important } .u-margin-s-right { margin-right: 16px !important } .u-padding-s-bottom { padding-bottom: 16px !important } .u-margin-s-bottom { margin-bottom: 16px !important } .u-padding-s-left { padding-left: 16px !important } .u-margin-s-left { margin-left: 16px !important } .u-padding-m { padding: 24px !important } .u-margin-m { margin: 24px !important } .u-padding-m-ver { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top { padding-top: 24px !important } .u-margin-m-top { margin-top: 24px !important } .u-padding-m-right { padding-right: 24px !important } .u-margin-m-right { margin-right: 24px !important } .u-padding-m-bottom { padding-bottom: 24px !important } .u-margin-m-bottom { margin-bottom: 24px !important } .u-padding-m-left { padding-left: 24px !important } .u-margin-m-left { margin-left: 24px !important } .u-padding-l { padding: 32px !important } .u-margin-l { margin: 32px !important } .u-padding-l-ver { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top { padding-top: 32px !important } .u-margin-l-top { margin-top: 32px !important } .u-padding-l-right { padding-right: 32px !important } .u-margin-l-right { margin-right: 32px !important } .u-padding-l-bottom { padding-bottom: 32px !important } .u-margin-l-bottom { margin-bottom: 32px !important } .u-padding-l-left { padding-left: 32px !important } .u-margin-l-left { margin-left: 32px !important } .u-padding-xl { padding: 40px !important } .u-margin-xl { margin: 40px !important } .u-padding-xl-ver { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top { padding-top: 40px !important } .u-margin-xl-top { margin-top: 40px !important } .u-padding-xl-right { padding-right: 40px !important } .u-margin-xl-right { margin-right: 40px !important } .u-padding-xl-bottom { padding-bottom: 40px !important } .u-margin-xl-bottom { margin-bottom: 40px !important } .u-padding-xl-left { padding-left: 40px !important } .u-margin-xl-left { margin-left: 40px !important } .u-padding-xxl { padding: 48px !important } .u-margin-xxl { margin: 48px !important } .u-padding-xxl-ver { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top { padding-top: 48px !important } .u-margin-xxl-top { margin-top: 48px !important } .u-padding-xxl-right { padding-right: 48px !important } .u-margin-xxl-right { margin-right: 48px !important } .u-padding-xxl-bottom { padding-bottom: 48px !important } .u-margin-xxl-bottom { margin-bottom: 48px !important } .u-padding-xxl-left { padding-left: 48px !important } .u-margin-xxl-left { margin-left: 48px !important } @media only screen and (min-width: 20em) { .u-padding-0-from-xs { padding:0px !important } .u-margin-0-from-xs { margin: 0px !important } .u-padding-0-ver-from-xs { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xs { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xs { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xs { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xs { padding-top: 0px !important } .u-margin-0-top-from-xs { margin-top: 0px !important } .u-padding-0-right-from-xs { padding-right: 0px !important } .u-margin-0-right-from-xs { margin-right: 0px !important } .u-padding-0-bottom-from-xs { padding-bottom: 0px !important } .u-margin-0-bottom-from-xs { margin-bottom: 0px !important } .u-padding-0-left-from-xs { padding-left: 0px !important } .u-margin-0-left-from-xs { margin-left: 0px !important } .u-padding-xs-from-xs { padding: 8px !important } .u-margin-xs-from-xs { margin: 8px !important } .u-padding-xs-ver-from-xs { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xs { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xs { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xs { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xs { padding-top: 8px !important } .u-margin-xs-top-from-xs { margin-top: 8px !important } .u-padding-xs-right-from-xs { padding-right: 8px !important } .u-margin-xs-right-from-xs { margin-right: 8px !important } .u-padding-xs-bottom-from-xs { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xs { margin-bottom: 8px !important } .u-padding-xs-left-from-xs { padding-left: 8px !important } .u-margin-xs-left-from-xs { margin-left: 8px !important } .u-padding-s-from-xs { padding: 16px !important } .u-margin-s-from-xs { margin: 16px !important } .u-padding-s-ver-from-xs { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xs { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xs { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xs { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xs { padding-top: 16px !important } .u-margin-s-top-from-xs { margin-top: 16px !important } .u-padding-s-right-from-xs { padding-right: 16px !important } .u-margin-s-right-from-xs { margin-right: 16px !important } .u-padding-s-bottom-from-xs { padding-bottom: 16px !important } .u-margin-s-bottom-from-xs { margin-bottom: 16px !important } .u-padding-s-left-from-xs { padding-left: 16px !important } .u-margin-s-left-from-xs { margin-left: 16px !important } .u-padding-m-from-xs { padding: 24px !important } .u-margin-m-from-xs { margin: 24px !important } .u-padding-m-ver-from-xs { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xs { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xs { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xs { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xs { padding-top: 24px !important } .u-margin-m-top-from-xs { margin-top: 24px !important } .u-padding-m-right-from-xs { padding-right: 24px !important } .u-margin-m-right-from-xs { margin-right: 24px !important } .u-padding-m-bottom-from-xs { padding-bottom: 24px !important } .u-margin-m-bottom-from-xs { margin-bottom: 24px !important } .u-padding-m-left-from-xs { padding-left: 24px !important } .u-margin-m-left-from-xs { margin-left: 24px !important } .u-padding-l-from-xs { padding: 32px !important } .u-margin-l-from-xs { margin: 32px !important } .u-padding-l-ver-from-xs { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xs { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xs { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xs { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xs { padding-top: 32px !important } .u-margin-l-top-from-xs { margin-top: 32px !important } .u-padding-l-right-from-xs { padding-right: 32px !important } .u-margin-l-right-from-xs { margin-right: 32px !important } .u-padding-l-bottom-from-xs { padding-bottom: 32px !important } .u-margin-l-bottom-from-xs { margin-bottom: 32px !important } .u-padding-l-left-from-xs { padding-left: 32px !important } .u-margin-l-left-from-xs { margin-left: 32px !important } .u-padding-xl-from-xs { padding: 40px !important } .u-margin-xl-from-xs { margin: 40px !important } .u-padding-xl-ver-from-xs { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xs { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xs { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xs { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xs { padding-top: 40px !important } .u-margin-xl-top-from-xs { margin-top: 40px !important } .u-padding-xl-right-from-xs { padding-right: 40px !important } .u-margin-xl-right-from-xs { margin-right: 40px !important } .u-padding-xl-bottom-from-xs { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xs { margin-bottom: 40px !important } .u-padding-xl-left-from-xs { padding-left: 40px !important } .u-margin-xl-left-from-xs { margin-left: 40px !important } .u-padding-xxl-from-xs { padding: 48px !important } .u-margin-xxl-from-xs { margin: 48px !important } .u-padding-xxl-ver-from-xs { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xs { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xs { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xs { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xs { padding-top: 48px !important } .u-margin-xxl-top-from-xs { margin-top: 48px !important } .u-padding-xxl-right-from-xs { padding-right: 48px !important } .u-margin-xxl-right-from-xs { margin-right: 48px !important } .u-padding-xxl-bottom-from-xs { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xs { margin-bottom: 48px !important } .u-padding-xxl-left-from-xs { padding-left: 48px !important } .u-margin-xxl-left-from-xs { margin-left: 48px !important } } @media only screen and (min-width: 36em) { .u-padding-0-from-sm { padding:0px !important } .u-margin-0-from-sm { margin: 0px !important } .u-padding-0-ver-from-sm { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-sm { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-sm { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-sm { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-sm { padding-top: 0px !important } .u-margin-0-top-from-sm { margin-top: 0px !important } .u-padding-0-right-from-sm { padding-right: 0px !important } .u-margin-0-right-from-sm { margin-right: 0px !important } .u-padding-0-bottom-from-sm { padding-bottom: 0px !important } .u-margin-0-bottom-from-sm { margin-bottom: 0px !important } .u-padding-0-left-from-sm { padding-left: 0px !important } .u-margin-0-left-from-sm { margin-left: 0px !important } .u-padding-xs-from-sm { padding: 8px !important } .u-margin-xs-from-sm { margin: 8px !important } .u-padding-xs-ver-from-sm { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-sm { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-sm { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-sm { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-sm { padding-top: 8px !important } .u-margin-xs-top-from-sm { margin-top: 8px !important } .u-padding-xs-right-from-sm { padding-right: 8px !important } .u-margin-xs-right-from-sm { margin-right: 8px !important } .u-padding-xs-bottom-from-sm { padding-bottom: 8px !important } .u-margin-xs-bottom-from-sm { margin-bottom: 8px !important } .u-padding-xs-left-from-sm { padding-left: 8px !important } .u-margin-xs-left-from-sm { margin-left: 8px !important } .u-padding-s-from-sm { padding: 16px !important } .u-margin-s-from-sm { margin: 16px !important } .u-padding-s-ver-from-sm { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-sm { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-sm { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-sm { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-sm { padding-top: 16px !important } .u-margin-s-top-from-sm { margin-top: 16px !important } .u-padding-s-right-from-sm { padding-right: 16px !important } .u-margin-s-right-from-sm { margin-right: 16px !important } .u-padding-s-bottom-from-sm { padding-bottom: 16px !important } .u-margin-s-bottom-from-sm { margin-bottom: 16px !important } .u-padding-s-left-from-sm { padding-left: 16px !important } .u-margin-s-left-from-sm { margin-left: 16px !important } .u-padding-m-from-sm { padding: 24px !important } .u-margin-m-from-sm { margin: 24px !important } .u-padding-m-ver-from-sm { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-sm { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-sm { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-sm { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-sm { padding-top: 24px !important } .u-margin-m-top-from-sm { margin-top: 24px !important } .u-padding-m-right-from-sm { padding-right: 24px !important } .u-margin-m-right-from-sm { margin-right: 24px !important } .u-padding-m-bottom-from-sm { padding-bottom: 24px !important } .u-margin-m-bottom-from-sm { margin-bottom: 24px !important } .u-padding-m-left-from-sm { padding-left: 24px !important } .u-margin-m-left-from-sm { margin-left: 24px !important } .u-padding-l-from-sm { padding: 32px !important } .u-margin-l-from-sm { margin: 32px !important } .u-padding-l-ver-from-sm { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-sm { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-sm { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-sm { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-sm { padding-top: 32px !important } .u-margin-l-top-from-sm { margin-top: 32px !important } .u-padding-l-right-from-sm { padding-right: 32px !important } .u-margin-l-right-from-sm { margin-right: 32px !important } .u-padding-l-bottom-from-sm { padding-bottom: 32px !important } .u-margin-l-bottom-from-sm { margin-bottom: 32px !important } .u-padding-l-left-from-sm { padding-left: 32px !important } .u-margin-l-left-from-sm { margin-left: 32px !important } .u-padding-xl-from-sm { padding: 40px !important } .u-margin-xl-from-sm { margin: 40px !important } .u-padding-xl-ver-from-sm { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-sm { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-sm { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-sm { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-sm { padding-top: 40px !important } .u-margin-xl-top-from-sm { margin-top: 40px !important } .u-padding-xl-right-from-sm { padding-right: 40px !important } .u-margin-xl-right-from-sm { margin-right: 40px !important } .u-padding-xl-bottom-from-sm { padding-bottom: 40px !important } .u-margin-xl-bottom-from-sm { margin-bottom: 40px !important } .u-padding-xl-left-from-sm { padding-left: 40px !important } .u-margin-xl-left-from-sm { margin-left: 40px !important } .u-padding-xxl-from-sm { padding: 48px !important } .u-margin-xxl-from-sm { margin: 48px !important } .u-padding-xxl-ver-from-sm { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-sm { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-sm { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-sm { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-sm { padding-top: 48px !important } .u-margin-xxl-top-from-sm { margin-top: 48px !important } .u-padding-xxl-right-from-sm { padding-right: 48px !important } .u-margin-xxl-right-from-sm { margin-right: 48px !important } .u-padding-xxl-bottom-from-sm { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-sm { margin-bottom: 48px !important } .u-padding-xxl-left-from-sm { padding-left: 48px !important } .u-margin-xxl-left-from-sm { margin-left: 48px !important } } @media only screen and (min-width: 48em) { .u-padding-0-from-md { padding:0px !important } .u-margin-0-from-md { margin: 0px !important } .u-padding-0-ver-from-md { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-md { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-md { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-md { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-md { padding-top: 0px !important } .u-margin-0-top-from-md { margin-top: 0px !important } .u-padding-0-right-from-md { padding-right: 0px !important } .u-margin-0-right-from-md { margin-right: 0px !important } .u-padding-0-bottom-from-md { padding-bottom: 0px !important } .u-margin-0-bottom-from-md { margin-bottom: 0px !important } .u-padding-0-left-from-md { padding-left: 0px !important } .u-margin-0-left-from-md { margin-left: 0px !important } .u-padding-xs-from-md { padding: 8px !important } .u-margin-xs-from-md { margin: 8px !important } .u-padding-xs-ver-from-md { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-md { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-md { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-md { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-md { padding-top: 8px !important } .u-margin-xs-top-from-md { margin-top: 8px !important } .u-padding-xs-right-from-md { padding-right: 8px !important } .u-margin-xs-right-from-md { margin-right: 8px !important } .u-padding-xs-bottom-from-md { padding-bottom: 8px !important } .u-margin-xs-bottom-from-md { margin-bottom: 8px !important } .u-padding-xs-left-from-md { padding-left: 8px !important } .u-margin-xs-left-from-md { margin-left: 8px !important } .u-padding-s-from-md { padding: 16px !important } .u-margin-s-from-md { margin: 16px !important } .u-padding-s-ver-from-md { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-md { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-md { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-md { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-md { padding-top: 16px !important } .u-margin-s-top-from-md { margin-top: 16px !important } .u-padding-s-right-from-md { padding-right: 16px !important } .u-margin-s-right-from-md { margin-right: 16px !important } .u-padding-s-bottom-from-md { padding-bottom: 16px !important } .u-margin-s-bottom-from-md { margin-bottom: 16px !important } .u-padding-s-left-from-md { padding-left: 16px !important } .u-margin-s-left-from-md { margin-left: 16px !important } .u-padding-m-from-md { padding: 24px !important } .u-margin-m-from-md { margin: 24px !important } .u-padding-m-ver-from-md { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-md { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-md { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-md { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-md { padding-top: 24px !important } .u-margin-m-top-from-md { margin-top: 24px !important } .u-padding-m-right-from-md { padding-right: 24px !important } .u-margin-m-right-from-md { margin-right: 24px !important } .u-padding-m-bottom-from-md { padding-bottom: 24px !important } .u-margin-m-bottom-from-md { margin-bottom: 24px !important } .u-padding-m-left-from-md { padding-left: 24px !important } .u-margin-m-left-from-md { margin-left: 24px !important } .u-padding-l-from-md { padding: 32px !important } .u-margin-l-from-md { margin: 32px !important } .u-padding-l-ver-from-md { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-md { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-md { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-md { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-md { padding-top: 32px !important } .u-margin-l-top-from-md { margin-top: 32px !important } .u-padding-l-right-from-md { padding-right: 32px !important } .u-margin-l-right-from-md { margin-right: 32px !important } .u-padding-l-bottom-from-md { padding-bottom: 32px !important } .u-margin-l-bottom-from-md { margin-bottom: 32px !important } .u-padding-l-left-from-md { padding-left: 32px !important } .u-margin-l-left-from-md { margin-left: 32px !important } .u-padding-xl-from-md { padding: 40px !important } .u-margin-xl-from-md { margin: 40px !important } .u-padding-xl-ver-from-md { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-md { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-md { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-md { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-md { padding-top: 40px !important } .u-margin-xl-top-from-md { margin-top: 40px !important } .u-padding-xl-right-from-md { padding-right: 40px !important } .u-margin-xl-right-from-md { margin-right: 40px !important } .u-padding-xl-bottom-from-md { padding-bottom: 40px !important } .u-margin-xl-bottom-from-md { margin-bottom: 40px !important } .u-padding-xl-left-from-md { padding-left: 40px !important } .u-margin-xl-left-from-md { margin-left: 40px !important } .u-padding-xxl-from-md { padding: 48px !important } .u-margin-xxl-from-md { margin: 48px !important } .u-padding-xxl-ver-from-md { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-md { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-md { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-md { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-md { padding-top: 48px !important } .u-margin-xxl-top-from-md { margin-top: 48px !important } .u-padding-xxl-right-from-md { padding-right: 48px !important } .u-margin-xxl-right-from-md { margin-right: 48px !important } .u-padding-xxl-bottom-from-md { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-md { margin-bottom: 48px !important } .u-padding-xxl-left-from-md { padding-left: 48px !important } .u-margin-xxl-left-from-md { margin-left: 48px !important } } @media only screen and (min-width: 62em) { .u-padding-0-from-lg { padding:0px !important } .u-margin-0-from-lg { margin: 0px !important } .u-padding-0-ver-from-lg { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-lg { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-lg { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-lg { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-lg { padding-top: 0px !important } .u-margin-0-top-from-lg { margin-top: 0px !important } .u-padding-0-right-from-lg { padding-right: 0px !important } .u-margin-0-right-from-lg { margin-right: 0px !important } .u-padding-0-bottom-from-lg { padding-bottom: 0px !important } .u-margin-0-bottom-from-lg { margin-bottom: 0px !important } .u-padding-0-left-from-lg { padding-left: 0px !important } .u-margin-0-left-from-lg { margin-left: 0px !important } .u-padding-xs-from-lg { padding: 8px !important } .u-margin-xs-from-lg { margin: 8px !important } .u-padding-xs-ver-from-lg { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-lg { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-lg { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-lg { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-lg { padding-top: 8px !important } .u-margin-xs-top-from-lg { margin-top: 8px !important } .u-padding-xs-right-from-lg { padding-right: 8px !important } .u-margin-xs-right-from-lg { margin-right: 8px !important } .u-padding-xs-bottom-from-lg { padding-bottom: 8px !important } .u-margin-xs-bottom-from-lg { margin-bottom: 8px !important } .u-padding-xs-left-from-lg { padding-left: 8px !important } .u-margin-xs-left-from-lg { margin-left: 8px !important } .u-padding-s-from-lg { padding: 16px !important } .u-margin-s-from-lg { margin: 16px !important } .u-padding-s-ver-from-lg { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-lg { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-lg { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-lg { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-lg { padding-top: 16px !important } .u-margin-s-top-from-lg { margin-top: 16px !important } .u-padding-s-right-from-lg { padding-right: 16px !important } .u-margin-s-right-from-lg { margin-right: 16px !important } .u-padding-s-bottom-from-lg { padding-bottom: 16px !important } .u-margin-s-bottom-from-lg { margin-bottom: 16px !important } .u-padding-s-left-from-lg { padding-left: 16px !important } .u-margin-s-left-from-lg { margin-left: 16px !important } .u-padding-m-from-lg { padding: 24px !important } .u-margin-m-from-lg { margin: 24px !important } .u-padding-m-ver-from-lg { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-lg { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-lg { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-lg { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-lg { padding-top: 24px !important } .u-margin-m-top-from-lg { margin-top: 24px !important } .u-padding-m-right-from-lg { padding-right: 24px !important } .u-margin-m-right-from-lg { margin-right: 24px !important } .u-padding-m-bottom-from-lg { padding-bottom: 24px !important } .u-margin-m-bottom-from-lg { margin-bottom: 24px !important } .u-padding-m-left-from-lg { padding-left: 24px !important } .u-margin-m-left-from-lg { margin-left: 24px !important } .u-padding-l-from-lg { padding: 32px !important } .u-margin-l-from-lg { margin: 32px !important } .u-padding-l-ver-from-lg { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-lg { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-lg { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-lg { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-lg { padding-top: 32px !important } .u-margin-l-top-from-lg { margin-top: 32px !important } .u-padding-l-right-from-lg { padding-right: 32px !important } .u-margin-l-right-from-lg { margin-right: 32px !important } .u-padding-l-bottom-from-lg { padding-bottom: 32px !important } .u-margin-l-bottom-from-lg { margin-bottom: 32px !important } .u-padding-l-left-from-lg { padding-left: 32px !important } .u-margin-l-left-from-lg { margin-left: 32px !important } .u-padding-xl-from-lg { padding: 40px !important } .u-margin-xl-from-lg { margin: 40px !important } .u-padding-xl-ver-from-lg { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-lg { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-lg { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-lg { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-lg { padding-top: 40px !important } .u-margin-xl-top-from-lg { margin-top: 40px !important } .u-padding-xl-right-from-lg { padding-right: 40px !important } .u-margin-xl-right-from-lg { margin-right: 40px !important } .u-padding-xl-bottom-from-lg { padding-bottom: 40px !important } .u-margin-xl-bottom-from-lg { margin-bottom: 40px !important } .u-padding-xl-left-from-lg { padding-left: 40px !important } .u-margin-xl-left-from-lg { margin-left: 40px !important } .u-padding-xxl-from-lg { padding: 48px !important } .u-margin-xxl-from-lg { margin: 48px !important } .u-padding-xxl-ver-from-lg { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-lg { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-lg { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-lg { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-lg { padding-top: 48px !important } .u-margin-xxl-top-from-lg { margin-top: 48px !important } .u-padding-xxl-right-from-lg { padding-right: 48px !important } .u-margin-xxl-right-from-lg { margin-right: 48px !important } .u-padding-xxl-bottom-from-lg { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-lg { margin-bottom: 48px !important } .u-padding-xxl-left-from-lg { padding-left: 48px !important } .u-margin-xxl-left-from-lg { margin-left: 48px !important } } @media only screen and (min-width: 75em) { .u-padding-0-from-xl { padding:0px !important } .u-margin-0-from-xl { margin: 0px !important } .u-padding-0-ver-from-xl { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xl { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xl { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xl { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xl { padding-top: 0px !important } .u-margin-0-top-from-xl { margin-top: 0px !important } .u-padding-0-right-from-xl { padding-right: 0px !important } .u-margin-0-right-from-xl { margin-right: 0px !important } .u-padding-0-bottom-from-xl { padding-bottom: 0px !important } .u-margin-0-bottom-from-xl { margin-bottom: 0px !important } .u-padding-0-left-from-xl { padding-left: 0px !important } .u-margin-0-left-from-xl { margin-left: 0px !important } .u-padding-xs-from-xl { padding: 8px !important } .u-margin-xs-from-xl { margin: 8px !important } .u-padding-xs-ver-from-xl { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xl { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xl { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xl { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xl { padding-top: 8px !important } .u-margin-xs-top-from-xl { margin-top: 8px !important } .u-padding-xs-right-from-xl { padding-right: 8px !important } .u-margin-xs-right-from-xl { margin-right: 8px !important } .u-padding-xs-bottom-from-xl { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xl { margin-bottom: 8px !important } .u-padding-xs-left-from-xl { padding-left: 8px !important } .u-margin-xs-left-from-xl { margin-left: 8px !important } .u-padding-s-from-xl { padding: 16px !important } .u-margin-s-from-xl { margin: 16px !important } .u-padding-s-ver-from-xl { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xl { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xl { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xl { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xl { padding-top: 16px !important } .u-margin-s-top-from-xl { margin-top: 16px !important } .u-padding-s-right-from-xl { padding-right: 16px !important } .u-margin-s-right-from-xl { margin-right: 16px !important } .u-padding-s-bottom-from-xl { padding-bottom: 16px !important } .u-margin-s-bottom-from-xl { margin-bottom: 16px !important } .u-padding-s-left-from-xl { padding-left: 16px !important } .u-margin-s-left-from-xl { margin-left: 16px !important } .u-padding-m-from-xl { padding: 24px !important } .u-margin-m-from-xl { margin: 24px !important } .u-padding-m-ver-from-xl { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xl { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xl { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xl { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xl { padding-top: 24px !important } .u-margin-m-top-from-xl { margin-top: 24px !important } .u-padding-m-right-from-xl { padding-right: 24px !important } .u-margin-m-right-from-xl { margin-right: 24px !important } .u-padding-m-bottom-from-xl { padding-bottom: 24px !important } .u-margin-m-bottom-from-xl { margin-bottom: 24px !important } .u-padding-m-left-from-xl { padding-left: 24px !important } .u-margin-m-left-from-xl { margin-left: 24px !important } .u-padding-l-from-xl { padding: 32px !important } .u-margin-l-from-xl { margin: 32px !important } .u-padding-l-ver-from-xl { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xl { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xl { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xl { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xl { padding-top: 32px !important } .u-margin-l-top-from-xl { margin-top: 32px !important } .u-padding-l-right-from-xl { padding-right: 32px !important } .u-margin-l-right-from-xl { margin-right: 32px !important } .u-padding-l-bottom-from-xl { padding-bottom: 32px !important } .u-margin-l-bottom-from-xl { margin-bottom: 32px !important } .u-padding-l-left-from-xl { padding-left: 32px !important } .u-margin-l-left-from-xl { margin-left: 32px !important } .u-padding-xl-from-xl { padding: 40px !important } .u-margin-xl-from-xl { margin: 40px !important } .u-padding-xl-ver-from-xl { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xl { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xl { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xl { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xl { padding-top: 40px !important } .u-margin-xl-top-from-xl { margin-top: 40px !important } .u-padding-xl-right-from-xl { padding-right: 40px !important } .u-margin-xl-right-from-xl { margin-right: 40px !important } .u-padding-xl-bottom-from-xl { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xl { margin-bottom: 40px !important } .u-padding-xl-left-from-xl { padding-left: 40px !important } .u-margin-xl-left-from-xl { margin-left: 40px !important } .u-padding-xxl-from-xl { padding: 48px !important } .u-margin-xxl-from-xl { margin: 48px !important } .u-padding-xxl-ver-from-xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xl { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xl { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xl { padding-top: 48px !important } .u-margin-xxl-top-from-xl { margin-top: 48px !important } .u-padding-xxl-right-from-xl { padding-right: 48px !important } .u-margin-xxl-right-from-xl { margin-right: 48px !important } .u-padding-xxl-bottom-from-xl { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xl { margin-bottom: 48px !important } .u-padding-xxl-left-from-xl { padding-left: 48px !important } .u-margin-xxl-left-from-xl { margin-left: 48px !important } } .u-clr-orange { color: #eb6500 !important } .u-clr-blue,.page-container .SearchBox .advanced-search { color: #0272b1 !important } .u-clr-info-blue { color: #5ec4fd !important } .u-clr-red { color: #bc1a23 !important } .u-clr-green { color: #0b7a2b !important } .u-light-theme .u-clr-orange { color: #ff6c00 !important } .u-light-theme .u-clr-blue,.u-light-theme .page-container .SearchBox .advanced-search,.page-container .SearchBox .u-light-theme .advanced-search { color: #0272b1 !important } .u-light-theme .u-clr-info-blue { color: #5ec4fd !important } .u-light-theme .u-clr-red { color: #bc1a23 !important } .u-light-theme .u-clr-green { color: #0b7a2b !important } .u-dark-theme .u-clr-orange { color: #ff8200 !important } .u-dark-theme .u-clr-blue,.u-dark-theme .page-container .SearchBox .advanced-search,.page-container .SearchBox .u-dark-theme .advanced-search { color: #44c6f4 !important } .u-dark-theme .u-clr-info-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-red { color: #ff6a5a !important } .u-dark-theme .u-clr-green { color: #53b848 !important } .u-clr-white { color: #fff !important } .u-clr-black { color: #000 !important } .u-clr-grey1 { color: #f5f5f5 !important } .u-clr-grey2 { color: #f0f0f0 !important } .u-clr-grey3 { color: #dcdcdc !important } .u-clr-grey4 { color: #b8b8b8 !important } .u-clr-grey5 { color: #8e8e8e !important } .u-clr-grey6 { color: #707070 !important } .u-clr-grey7 { color: #4c4c4c !important } .u-clr-grey8 { color: #1f1f1f !important } .u-bg-orange { background-color: #eb6500 !important } .u-bg-secondary-orange { background-color: #fff3eb !important } .u-bg-tertiary-orange { background-color: #ffede0 !important } .u-bg-blue { background-color: #0272b1 !important } .u-bg-secondary-blue { background-color: #ecf7fe !important } .u-bg-tertiary-blue { background-color: #e2f4fd !important } .u-bg-info-blue { background-color: #5ec4fd !important } .u-bg-red { background-color: #bc1a23 !important } .u-bg-warning-red { background-color: #bc1a23 !important } .u-bg-green { background-color: #0b7a2b !important } .u-light-theme .u-bg-orange { background-color: #ff6c00 !important } .u-light-theme .u-bg-blue { background-color: #0272b1 !important } .u-light-theme .u-bg-red { background-color: #bc1a23 !important } .u-light-theme .u-bg-green { background-color: #0b7a2b !important } .u-dark-theme .u-bg-orange { background-color: #ff8200 !important } .u-dark-theme .u-bg-blue { background-color: #44c6f4 !important } .u-dark-theme .u-bg-red { background-color: #ff6a5a !important } .u-dark-theme .u-bg-green { background-color: #53b848 !important } .u-bg-white { background-color: #fff !important } .u-bg-black { background-color: #000 !important } .u-bg-grey1 { background-color: #f5f5f5 !important } .u-bg-grey2 { background-color: #f0f0f0 !important } .u-bg-grey3 { background-color: #dcdcdc !important } .u-bg-grey4 { background-color: #b8b8b8 !important } .u-bg-grey5 { background-color: #8e8e8e !important } .u-bg-grey6 { background-color: #707070 !important } .u-bg-grey7 { background-color: #4c4c4c !important } .u-bg-grey8 { background-color: #1f1f1f !important } .u-fill-orange { fill: #ff6c00 !important } .u-fill-blue { fill: #0272b1 !important } .u-fill-red { fill: #bc1a23 !important } .u-fill-green { fill: #0b7a2b !important } .u-fill-white { fill: #fff !important } .u-fill-black { fill: #000 !important } .u-fill-grey1 { fill: #f5f5f5 !important } .u-fill-grey2 { fill: #f0f0f0 !important } .u-fill-grey3 { fill: #dcdcdc !important } .u-fill-grey4 { fill: #b8b8b8 !important } .u-fill-grey5 { fill: #8e8e8e !important } .u-fill-grey6 { fill: #707070 !important } .u-fill-grey7 { fill: #4c4c4c !important } .u-fill-grey8 { fill: #1f1f1f !important } :root { --sd-ui-line-height: calc(1em + 8px) } .u-font-serif { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; --sd-ui-line-height: calc(1em + 10px); line-height: var(--sd-ui-line-height) } .u-font-sans { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; --sd-ui-line-height: calc(1em + 8px); line-height: var(--sd-ui-line-height) } .text-2xs { font-size: 12px; line-height: var(--sd-ui-line-height) } .text-xs { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-s { font-size: 16px; line-height: var(--sd-ui-line-height) } .text-m,.list-m { font-size: 20px; line-height: var(--sd-ui-line-height) } .text-l,.list-l { font-size: 24px; line-height: var(--sd-ui-line-height) } .text-xl { font-size: 32px; line-height: var(--sd-ui-line-height) } .text-2xl { font-size: 40px; line-height: var(--sd-ui-line-height) } .text-3xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .text-4xl { font-size: 56px; line-height: var(--sd-ui-line-height) } .text-5xl { font-size: 64px; line-height: var(--sd-ui-line-height) } .u-h1-3xl { font-size: 64px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-2xl { font-size: 56px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-xl { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1 { font-size: 40px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h2 { font-size: 32px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h3 { font-size: 24px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h4 { font-size: 20px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h5 { font-size: 16px !important; line-height: var(--sd-ui-line-height) !important; font-weight: bold !important } .u-h1-alt { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-text-bold { font-weight: bold } .u-text-light { font-weight: 100 } .u-text-uppercase { text-transform: uppercase !important } .u-text-lowercase { text-transform: lowercase !important } .u-text\+\+ { font-size: larger !important } .u-text-- { font-size: smaller !important } .u-text-right { text-align: right !important } .u-text-left { text-align: left !important } .u-text-center { text-align: center !important } .u-text-justify { text-align: justify !important } .u-text-truncate { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .u-text-italic { font-style: italic !important } .u-text-normal { font-style: normal !important } .u-text-oblique { font-style: oblique !important } .u-display-none { display: none !important } .u-display-inline { display: inline !important } .u-display-block { display: block !important } .u-display-inline-block { display: inline-block !important } .u-display-flex { display: flex !important } .u-display-inline-flex { display: inline-flex !important } .u-visibility-visible { visibility: visible !important } .u-visibility-hidden { visibility: hidden !important } .u-position-absolute { position: absolute } .u-position-relative { position: relative } .u-position-initial { position: initial } .u-clearfix:after { content: ""; display: table; clear: both } .u-hide { display: none !important } .u-hide-visually { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; border: 0 !important } .u-hide-visually-focusable:active,.u-hide-visually-focusable:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; clip-path: none !important } @media only screen and (min-width: 20em) { .u-clear-both-from-xs { clear:both !important } } @media only screen and (min-width: 36em) { .u-clear-both-from-sm { clear:both !important } } @media only screen and (min-width: 48em) { .u-clear-both-from-md { clear:both !important } } @media only screen and (min-width: 62em) { .u-clear-both-from-lg { clear:both !important } } @media only screen and (min-width: 75em) { .u-clear-both-from-xl { clear:both !important } } @media only screen and (min-width: 20em) { .u-clear-none-from-xs { clear:none !important } } @media only screen and (min-width: 36em) { .u-clear-none-from-sm { clear:none !important } } @media only screen and (min-width: 48em) { .u-clear-none-from-md { clear:none !important } } @media only screen and (min-width: 62em) { .u-clear-none-from-lg { clear:none !important } } @media only screen and (min-width: 75em) { .u-clear-none-from-xl { clear:none !important } } @media only screen and (min-width: 20em) { .u-float-left-from-xs { float:left !important } } @media only screen and (min-width: 36em) { .u-float-left-from-sm { float:left !important } } @media only screen and (min-width: 48em) { .u-float-left-from-md { float:left !important } } @media only screen and (min-width: 62em) { .u-float-left-from-lg { float:left !important } } @media only screen and (min-width: 75em) { .u-float-left-from-xl { float:left !important } } @media only screen and (min-width: 20em) { .u-float-right-from-xs { float:right !important } } @media only screen and (min-width: 36em) { .u-float-right-from-sm { float:right !important } } @media only screen and (min-width: 48em) { .u-float-right-from-md { float:right !important } } @media only screen and (min-width: 62em) { .u-float-right-from-lg { float:right !important } } @media only screen and (min-width: 75em) { .u-float-right-from-xl { float:right !important } } .u-flip-vertically,.Actions .actions-container button.expandable-action.active>svg { transform: scaleY(-1) } @media only screen and (min-width: 20em) { .u-display-none-from-xs { display:none !important } } .u-display-inline-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-from-xs { display:inline !important } } .u-display-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-block-from-xs { display:block !important } } .u-display-inline-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-block-from-xs { display:inline-block !important } } .u-display-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-flex-from-xs { display:flex !important } } .u-display-inline-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-flex-from-xs { display:inline-flex !important } } .u-visibility-hidden-from-xs { visibility: visible !important } @media only screen and (min-width: 20em) { .u-visibility-hidden-from-xs { visibility:hidden !important } } .u-visibility-visible-from-xs { visibility: hidden !important } @media only screen and (min-width: 20em) { .u-visibility-visible-from-xs { visibility:visible !important } } @media only screen and (min-width: 36em) { .u-display-none-from-sm { display:none !important } } .u-display-inline-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-from-sm { display:inline !important } } .u-display-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-block-from-sm { display:block !important } } .u-display-inline-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-block-from-sm { display:inline-block !important } } .u-display-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-flex-from-sm { display:flex !important } } .u-display-inline-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-flex-from-sm { display:inline-flex !important } } .u-visibility-hidden-from-sm { visibility: visible !important } @media only screen and (min-width: 36em) { .u-visibility-hidden-from-sm { visibility:hidden !important } } .u-visibility-visible-from-sm { visibility: hidden !important } @media only screen and (min-width: 36em) { .u-visibility-visible-from-sm { visibility:visible !important } } @media only screen and (min-width: 48em) { .u-display-none-from-md { display:none !important } } .u-display-inline-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-from-md { display:inline !important } } .u-display-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-block-from-md { display:block !important } } .u-display-inline-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-block-from-md { display:inline-block !important } } .u-display-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-flex-from-md { display:flex !important } } .u-display-inline-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-flex-from-md { display:inline-flex !important } } .u-visibility-hidden-from-md { visibility: visible !important } @media only screen and (min-width: 48em) { .u-visibility-hidden-from-md { visibility:hidden !important } } .u-visibility-visible-from-md { visibility: hidden !important } @media only screen and (min-width: 48em) { .u-visibility-visible-from-md { visibility:visible !important } } @media only screen and (min-width: 62em) { .u-display-none-from-lg { display:none !important } } .u-display-inline-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-from-lg { display:inline !important } } .u-display-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-block-from-lg { display:block !important } } .u-display-inline-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-block-from-lg { display:inline-block !important } } .u-display-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-flex-from-lg { display:flex !important } } .u-display-inline-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-flex-from-lg { display:inline-flex !important } } .u-visibility-hidden-from-lg { visibility: visible !important } @media only screen and (min-width: 62em) { .u-visibility-hidden-from-lg { visibility:hidden !important } } .u-visibility-visible-from-lg { visibility: hidden !important } @media only screen and (min-width: 62em) { .u-visibility-visible-from-lg { visibility:visible !important } } @media only screen and (min-width: 75em) { .u-display-none-from-xl { display:none !important } } .u-display-inline-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-from-xl { display:inline !important } } .u-display-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-block-from-xl { display:block !important } } .u-display-inline-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-block-from-xl { display:inline-block !important } } .u-display-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-flex-from-xl { display:flex !important } } .u-display-inline-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-flex-from-xl { display:inline-flex !important } } .u-visibility-hidden-from-xl { visibility: visible !important } @media only screen and (min-width: 75em) { .u-visibility-hidden-from-xl { visibility:hidden !important } } .u-visibility-visible-from-xl { visibility: hidden !important } @media only screen and (min-width: 75em) { .u-visibility-visible-from-xl { visibility:visible !important } } .u-show-only-to-print { visibility: hidden } @media print { .u-hide-from-print { visibility: hidden } .u-show-only-to-print { visibility: visible } .u-remove-if-print { display: none } } @media not print { .u-remove-if-not-print { display: none } } img.glyph { vertical-align: middle } .small-caps { font-variant: small-caps } u { text-decoration: underline } #Leaderboard { display: none } @media only screen and (min-width: 728px) { #Leaderboard { display:inline-block } } #Leaderboard:focus,.js-ad-banner:focus-within #Leaderboard { outline: 2px solid #eb6500 } .no-outline { border: none } .sign-up-link-button { color: #0272b1 } .tabs { overflow: hidden; padding: 4px } .skip-link-tag::before { content: ""; display: block; position: relative; width: 0; height: 9.25rem; margin-top: -9.25rem } .tabs [role=tab],.tabs [role=tablist] { font-size: 18px; line-height: var(--sd-ui-line-height) } @media only screen and (min-width: 36em) { .tabs [role=tab],.tabs [role=tablist] { font-size:20px; line-height: var(--sd-ui-line-height) } } .text-m,.list-m { font-size: 14.4px; line-height: var(--sd-ui-line-height) } @media only screen and (min-width: 36em) { .text-m,.list-m { font-size:16px; line-height: var(--sd-ui-line-height) } } .text-l,.list-l { font-size: 16px; line-height: var(--sd-ui-line-height) } @media only screen and (min-width: 36em) { .text-l,.list-l { font-size:19.2px; line-height: var(--sd-ui-line-height) } } .list-m { margin-bottom: 8px } @media only screen and (min-width: 36em) { .list-m { margin-bottom:9px } } .list-l { margin-bottom: 8px } @media only screen and (min-width: 36em) { .list-l { margin-bottom:9px } } .associated-publications-grid { display: flex; flex-wrap: wrap; gap: 32px } @media only screen and (min-width: 1501px) { .associated-publications-section .main-content { flex-direction:row; gap: 2% } .associated-publications-section .main-content .journal-cards { max-width: 32% } } @media only screen and (min-width: 1001px)and (max-width: 1500px) { .associated-publications-section .main-content { flex-direction:row; gap: 2% } .associated-publications-section .main-content .journal-cards { max-width: 48% } } @media only screen and (max-width: 1000px) { .associated-publications-section { overflow-y:auto; height: 500px } .associated-publications-section .main-content { flex-direction: column } .associated-publications-section .main-content .journal-cards { max-width: 50% } } .associated-publications-section .main-content { display: flex; flex-wrap: wrap } .associated-publications-section .aims-scope { display: none; flex: 1; margin: 2rem auto 0 auto; font-size: 16px } @media only screen and (min-width: 62em) { .associated-publications-section .aims-scope { display:block } } .carousel .slide { display: none } .carousel .slide.active { display: block } .carousel .controls { margin-top: 2rem; text-align: center; width: 100% } .carousel .controls .dot-btn { background: none; cursor: pointer; height: 12px; width: 12px; border: none; opacity: .65 } .carousel .controls .dot-btn.active { opacity: 1 } .carousel .controls .dot-btn .dot.light { fill: #fff } .carousel .controls .dot-btn .dot.dark { fill: #1f1f1f } .carousel .controls li { margin: 0.5rem 0.5rem; vertical-align: top; cursor: pointer; padding: 6px; display: inline-block } .carousel .controls .arrow-btn { width: 24px; height: 24px; cursor: pointer; border: none; background: none } .carousel .controls .arrow-btn.disabled { opacity: .5; cursor: default; background: none !important } .carousel .controls .arrow-btn.light { fill: #fff } .carousel .controls .arrow-btn.light:hover { background: #fff; fill: #1f1f1f } .carousel .controls .arrow-btn.light.disabled:hover { fill: #fff } .carousel .controls .arrow-btn.dark { fill: #1f1f1f } .carousel .controls .arrow-btn.dark:hover { background: #1f1f1f; fill: #fff } .carousel .controls .arrow-btn.dark.disabled:hover { fill: #1f1f1f } .editor-group .editor-img { width: 64px; vertical-align: top; border: 1px solid #dcdcdc; margin-bottom: 15px } .editor-group .editor-bio { width: fit-content } @media only screen and (min-width: 48em) { .editor-group .img-placeholder { margin-left:80px } } .editor-group .button-link span { color: #000 } .issue .issue-in-progress { font-style: italic } .about-section-container { display: flex; flex-direction: column; margin: 24px auto; max-width: 1280px } .about-section-container .about-content-wrapper { display: flex; flex-grow: 1; flex-direction: row; gap: 16px } .about-section-container .about-content { padding: 24px; display: flex; flex-direction: column; gap: 24px; flex-grow: 1; background-color: #f5f5f5; margin: 0 16px 16px } .about-section-container .article-publishing-options { margin: 16px; display: flex; flex-direction: column; gap: 24px } .about-section-container .article-publishing-options .apc-subscription-group { display: flex; flex-direction: column; gap: 24px } .about-section-container .article-publishing-options .apc-subscription-group>div { display: flex; flex-direction: column; gap: 16px } .about-section-container .article-publishing-options .publishing-option { display: flex; flex-direction: column; gap: 8px } .about-section-container .article-publishing-options .publishing-option .open-access { display: flex; flex-direction: column; gap: 4px } .about-section-container .article-publishing-options .publishing-option .open-access-policy-link .anchor-text-container { white-space: nowrap } .about-section-container .article-publishing-options .apc-subscription-group .publishing-option { gap: 8px } .about-section-container .article-publishing-options .compare-apc-button { display: inline-flex; align-items: center; padding: 16px 8px; gap: 6px; height: 40px; width: 270px } .about-section-container .article-publishing-options .compare-apc-icon { margin-left: .5rem; margin-top: 0; display: inline-block; vertical-align: middle } @media only screen and (min-width: 1024px)and (max-width: 1198px) { .about-section-container { flex-direction:row } .about-section-container>.about-content-wrapper,.about-section-container>.article-publishing-options { flex: 1 1 50%; max-width: 50% } .about-section-container .about-content-wrapper { flex-direction: column; gap: 16px } .about-section-container .about-content { flex-grow: 1; margin: 0 16px } .about-section-container .article-publishing-options { padding: 24px; margin: 0 16px } .about-section-container.no-apc { flex-direction: column } .about-section-container.no-apc>.about-content-wrapper { flex: 1 1 100%; max-width: 100% } } @media only screen and (min-width: 1199px) { .about-section-container { flex-direction:row; margin: 32px auto } .about-section-container .about-content { margin: 0 } .about-section-container .article-publishing-options { padding: 24px; margin: 0 0 0 32px } } .journal-about-section { position: relative; padding-top: 20px } @media only screen and (min-width: 48em) { .journal-about-section { padding-top:32px } } .journal-about-section .about-section-heading { font-weight: bold !important; margin-top: 40px } .journal-about-section .about-section-background-area { display: grid; grid-template-columns: minmax(0, auto); margin: 0 16px; padding-left: 0 } @media only screen and (min-width: 48em) { .journal-about-section .about-section-background-area { grid-template-columns:minmax(0, auto) minmax(auto, 300px) minmax(auto, 980px) minmax(0, auto) } } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .journal-about-section .about-section-background-area { display: -ms-grid; -ms-grid-columns: minmax(0, auto) minmax(auto, 300px) minmax(auto, 980px) minmax(0, auto) } } .journal-about-section .has-society-logo { background: #fff; grid-column: 1/4; grid-row: 1; padding: 0 0 16px 0 } @media only screen and (min-width: 48em) { .journal-about-section .has-society-logo { grid-column:2; grid-row: 1/3; padding: 0 16px 0 0 } } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .journal-about-section .has-society-logo { -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2 } } .journal-about-section .right-column { background: #f5f5f5; grid-column: 1/4; padding: 0 32px } @media only screen and (min-width: 48em) { .journal-about-section .right-column { grid-column:2/4; padding-left: 102px; padding-right: 102px } .journal-about-section .right-column.has-society-logo { grid-column: 3 } } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .journal-about-section .right-column { -ms-grid-column: 3 } } .journal-about-section .about-container { grid-row: 2; padding-bottom: 30px } @media only screen and (min-width: 48em) { .journal-about-section .about-container { grid-row:1/auto } .journal-about-section .about-container.expand-to-fill { grid-row: 1/3 } } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .journal-about-section .about-container { -ms-grid-row: 1 } } .journal-about-section .about-container .anchor { display: inline !important } .journal-about-section .society-container { border-top: 1px solid #fff; grid-row: 3; padding-top: 24px; padding-bottom: 32px } @media only screen and (min-width: 48em) { .journal-about-section .society-container { grid-column:2/4; grid-row: 2 } } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .journal-about-section .society-container { -ms-grid-row: 2 } } .journal-about-section .society-logo-container { grid-row: 4; grid-column: 1/4 } @media only screen and (min-width: 48em) { .journal-about-section .society-logo-container { margin-top:20px } } .journal-about-section .homepage-free-text { word-break: break-word } .society-logo,.society-logo-img,.society-logo-side-box,.has-society-logo-slim { display: none } .society-logo-img { max-height: 70px !important; max-width: 200px !important } .society-logo-side-box { flex-direction: row; padding: 0 } @media only screen and (min-width: 1199px) { .society-logo-side-box { display:flex; border: none !important; border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; flex-direction: column; line-height: 27px; padding: 32px } .society-logo-side-box .society-logo-img { display: block } .society-logo-side-box .society-logo { display: flex } } .society-logo-side-box .title { border-right: var(--mobile-border); display: flex; flex-direction: column; font-size: 16px; justify-content: center; max-width: 83px; padding: 20px } @media only screen and (min-width: 48em) { .society-logo-side-box .title { border:0; display: block; font-size: inherit; max-width: unset; padding: 0 } } .society-logo-side-box .content { flex: 1; padding: 24px 0 20px 36px } @media only screen and (min-width: 48em) { .society-logo-side-box .content { padding:0 } } .society-logo-side-box .volume-issue-text { display: block; font-size: 20px; font-weight: bold; line-height: 28px; margin: 0 } @media only screen and (min-width: 48em) { .society-logo-side-box .volume-issue-text { font-size:24px; line-height: 32px; margin: 32px 0 12px } } .society-logo-side-box .in-progress { display: inline-block; font-size: 16px; font-style: italic } @media only screen and (min-width: 48em) { .society-logo-side-box .in-progress { display:inherit; font-size: inherit } .society-logo-side-box .in-progress:after { content: "" } } .society-logo-side-box .cover-text { display: inline-block; font-size: 16px } .has-society-logo-slim { display: flex; flex-direction: row; padding: 0 } @media only screen and (min-width: 48em) { .has-society-logo-slim { border:none !important; border-bottom: 1px solid #000 !important; height: 95px; line-height: 27px; align-items: center } } .has-society-logo-slim .volume-issue-text { font-weight: bold } .has-society-logo-slim .title { font-weight: bold; font-size: 1.5rem } .has-society-logo-slim .content { display: flex; flex-direction: row; margin-left: 1.125rem; gap: 1.125rem } .has-society-logo-slim .society-logo { margin-top: 0; flex: auto; text-align: end } .journal-information { background-color: #f5f5f5; padding-top: 2.125rem; margin: 1rem } @media only screen and (min-width: 48em) { .journal-information { margin:0 } } @media only screen and (min-width: 48em) { .journal-information.journal-information-with-links { padding:5.6875rem 0 6.8125rem } } @media only screen and (min-width: 48em) { .journal-information:not(.journal-information-with-links) { margin-top:2.5rem; padding: 2.125rem 0 } } .journal-information .journal-information-container { display: flex; flex-direction: column } .journal-information .issn-copyright-container { display: flex; flex-direction: column } @media only screen and (min-width: 48em) { .journal-information .issn-copyright-container { flex-direction:row } } .journal-information .issn-container { min-width: 4.6875rem; padding-left: 2.25rem } @media only screen and (min-width: 48em) { .journal-information .issn-container { padding-left:0 } } .journal-information .copyright-container { max-width: 18.75rem; padding-left: 2.25rem } @media only screen and (min-width: 48em) { .journal-information .copyright-container { border-left:solid 1px #dcdcdc } } .journal-information .footer-links { font-size: 16px } .journal-information .footer-links-column { border-top: 1px solid #fff; display: flex; flex-direction: column; padding: 2rem 2.375rem } @media only screen and (min-width: 48em) { .journal-information .footer-links-column { border-top:0; padding: 0; padding-right: 3.625rem; margin: 0 } } .journal-information .footer-links-column-heading { color: #000; font-weight: 700 } @media only screen and (min-width: 48em) { .journal-information .footer-links-column-heading { border-bottom:1px solid #000 } } .els-footer { margin-top: 0 !important } .page-container { color: #1f1f1f } .page-container .section-container { margin-left: auto; margin-right: auto; max-width: 84rem; padding-left: 1rem; padding-right: 1rem } @media only screen and (min-width: 36em) { .page-container .section-container { padding-left:1.5rem; padding-right: 1.5rem } } @media only screen and (min-width: 75em) { .page-container .section-container { padding-left:2rem; padding-right: 2rem } } .recommended-journal-modal { min-width: 62rem !important } .related-publication-cover-container { display: inline-block; vertical-align: top } .related-publication-small-item-img { display: inline-block !important; width: 48px !important; height: 64px !important; vertical-align: middle; border: 1px solid #dcdcdc } .related-publication-small-item-link { max-width: 200px; vertical-align: middle } img.related-publication-large-item-img { border: 1px solid #dcdcdc } .special-issue-card { height: 100% } .article-list-item { word-break: break-word; margin-bottom: 2em } .latest-volumes { background-color: #f5f5f5 } .latest-volumes .js-title-evolutions { padding-top: 45px; margin: 0 !important } .latest-volumes .js-title-evolution-group { border-left: 3px solid #000; padding-left: 18px } .latest-volumes .js-title-evolution { font-size: 20px } .latest-volumes .js-title-evolution a { color: #000; font-style: italic; font-weight: 700; border-bottom: none } .latest-volumes .js-title-evolution-suffix { display: none } @media only screen and (min-width: 48em) { .latest-volumes .volumes-second-row:before { content:""; display: block; border-top: 1px solid #1f1f1f } } .latest-volumes .volumes-all-anchor,.latest-volumes .volume-anchor { line-height: 37px } .latest-volumes .volume-anchor { font-size: 24px; font-weight: 700 } .latest-volumes .volume-pages-and-date { font-size: 20px; line-height: 37px } .latest-volumes .volume-pages-and-date:before { content: " | "; margin: 0 5px } .latest-volumes .volume-title { font-size: 16px; margin-top: 2px } .editorial-header { display: flex; align-items: baseline } .editorial-header .view-all { text-decoration: underline; text-underline-offset: 3px } .editorial-header .view-all:hover { text-decoration: none } .editorial-header h2:after { content: "|"; font-size: 17px; margin: 0 20px 0 20px } .editorial-section-wrapper { margin-top: 2rem; padding: 0.5rem 0 2rem 0 } @media only screen and (min-width: 36em) { .editorial-section-wrapper { padding-bottom:3.5rem } } .editorial-row { margin-top: 1rem; min-height: 9.375rem; display: flex; flex-wrap: wrap; justify-content: flex-start } .editorial-row .editor { flex: 1; text-align: left; display: flex; margin-top: 2rem } @media only screen and (min-width: 36em),(max-width: 575px) { .editorial-row .editor { flex-grow:1; flex-shrink: 0; flex-basis: 100%; max-width: 100% !important } } @media only screen and (min-width: 62em) { .editorial-row .editor { flex-basis:calc(30% - 10px) } } .editorial-row.two-rows .editor { flex: unset } @media only screen and (min-width: 62em) { .editorial-row.two-rows .editor:nth-child(-n+3) { flex-basis:calc(30% - 10px) } .editorial-row.two-rows .editor:nth-child(n+4) { flex-basis: calc(30% - 10px) } } .editorial-row .editor-img-container { width: 100px; height: 100px } .editorial-row .editor-img-container .editor-img { border-radius: 100%; width: 100px; max-width: 100px; height: 100px; background-size: cover; background-repeat: no-repeat } .editorial-row .editor-img-container .img-fallback { border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px } .editorial-row .editor-img-container .img-fallback .light-svg { fill: #fff } .editorial-row .editor-img-container .img-fallback .dark-svg { fill: #b8b8b8 } .editorial-row .editor-info-container { display: flex; align-items: flex-start; justify-content: center; flex-direction: column } .editorial-row .editor-info-container .name { font-weight: bold; font-size: 1.25rem } .editorial-row .img-rounded { border-radius: 50px } .publication-page-container #scroll-up-button { height: 40px; width: 40px; position: sticky; float: right; bottom: 50px; right: -50px } @media only screen and (min-width: 75em) { .publication-page-container { display:grid; grid-template-columns: minmax(0, auto) minmax(auto, 300px) minmax(auto, 980px) minmax(0, auto) } } .publication-page-container .left-pane { display: grid; grid-column: 1/3; grid-auto-rows: max-content; border-right: solid 1px #f0f0f0; width: 100%; padding: 16px; transition: all .3s ease } @media only screen and (min-width: 75em) { .publication-page-container .left-pane { max-height:100vh; overflow-y: auto; position: sticky; top: 0; grid-column: 2 } } @media only screen and (min-width: 75em) { .publication-page-container .left-pane .is-fixed { z-index:10; position: sticky; top: 145px; max-width: 14rem; overflow-y: auto; max-height: calc(150vh - 200px) } } @media only screen and (min-width: 75em) { .publication-page-container .left-pane .is-hidden { display:none } } @media only screen and (min-width: 75em) { .publication-page-container .left-pane .sections { margin:2.5rem 2.5rem 0 0 } } .publication-page-container .left-pane .sections ul { list-style: none; margin-top: 1.25rem } .publication-page-container .left-pane .sections ul ul { margin: 0.625rem 0 0.625rem 0; list-style: disc; margin-left: 1.5625rem; color: #3c88af } .publication-page-container .left-pane .sections ul ul li a { display: inline !important } .publication-page-container .left-pane .sections .cta-position-left-section { display: block; margin-right: 20px; text-align: right; padding-top: 10px } @media only screen and (min-width: 75em) { .publication-page-container .left-pane .sections .cta-position-left-section { display:none } } .publication-page-container .left-pane .sections .cta-position-left-section .print-pdf { margin-right: 20px } .publication-page-container .right-pane { z-index: 1; overflow-y: auto; scroll-behavior: smooth } @media only screen and (min-width: 75em) { .publication-page-container .right-pane { grid-column:3/5 } } .publication-page-container .right-pane .content-section { word-break: break-word; z-index: 2; padding: 24px } @media only screen and (min-width: 75em) { .publication-page-container .right-pane .content-section { margin:2.5rem 0 0 5rem; max-width: 720px } } .publication-page-container .right-pane .content-section h2,.publication-page-container .right-pane .content-section h3,.publication-page-container .right-pane .content-section h4,.publication-page-container .right-pane .content-section table,.publication-page-container .right-pane .content-section ul { margin-top: .8rem } .publication-page-container .right-pane .content-section p { margin-bottom: 1.5rem } .publication-page-container .right-pane .content-section table { table-layout: fixed; width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; text-align: left; font-size: 16px } .publication-page-container .right-pane .content-section table tr:first-child th { background-color: #cde4ff; padding: 0.667rem } .publication-page-container .right-pane .content-section table td { padding: 0.667rem; vertical-align: baseline } .publication-page-container .right-pane .content-section ul,.publication-page-container .right-pane .content-section ol { padding-left: 1.6em } .publication-page-container .right-pane .cta-position { position: relative; z-index: 5; display: none; display: none } @media only screen and (min-width: 75em) { .publication-page-container .right-pane .cta-position { text-align:right; display: block; padding-top: 35px } .publication-page-container .right-pane .cta-position .print-pdf { margin-right: 20px } } .publication-page-container .left-pane-jifa .text-s>ul:not(:first-of-type) { margin-top: 10px } .publication-page-container .right-pane-jifa .content-section { word-break: break-word } .publication-page-container .right-pane-jifa .content-section h3 { font-weight: bold } .publication-page-container .right-pane-jifa .content-section h4 { font-weight: bolder } .publication-page-container .right-pane-jifa .content-section a { color: #0272b1; text-decoration: none } .publication-page-container .right-pane-jifa .content-section a:hover { color: #1f1f1f; border-bottom: 2px solid #eb6500 } .publication-page-container .right-pane-jifa .content-section table tr:first-child td { background-color: #cde4ff; padding: 0.667rem } @media only screen and (min-width: 62em) { .about-page-container { display:grid; grid-template-columns: minmax(0, auto) minmax(auto, 300px) minmax(auto, 980px) minmax(0, auto) } } .about-page-container .marketingreset>.inner { all: initial; font-family: inherit !important; color: #1f1f1f; line-height: 1.5 } .about-page-container .marketingreset>.inner *:not([width]):not([height]) { all: revert } .about-page-container .marketingreset>.inner img { max-width: 600px } .about-page-container .marketingreset>.inner p { font-size: 1rem !important; margin: 12px 0 12px 0 !important; position: relative !important } .about-page-container .left-pane { display: grid; grid-template-columns: minmax(0, auto) minmax(auto, 300px); grid-column: 1/3; padding-top: 2.25rem; grid-auto-rows: max-content; border-right: solid 1px #f0f0f0 } .about-page-container .left-pane .sections { grid-column: 1/3; padding: 1.625rem; list-style: none } @media only screen and (min-width: 62em) { .about-page-container .left-pane .sections { grid-column:2; padding: 2rem 0 4rem 0 } } .about-page-container .left-pane .sections .type { display: block; margin-bottom: 1.375rem; font-size: 1rem } .about-page-container .left-pane .sections .type.selected { font-weight: bold; position: relative } .about-page-container .left-pane .sections .type.selected .anchor-text { border-bottom: solid 2px #000 } .about-page-container .left-pane .sub-list { grid-column: 2 } .about-page-container .left-pane .list-item { display: none; align-items: start; border-top: solid 1px #f0f0f0 } @media only screen and (min-width: 62em) { .about-page-container .left-pane .list-item { grid-column:1/3; display: grid; grid-template-columns: minmax(0, auto) 300px; grid-auto-rows: minmax(min-content, max-content) } } .about-page-container .left-pane .list-item .inner { grid-column: 2; padding: 1.75rem 3rem 1.75rem 0; position: relative } .about-page-container .left-pane .list-item .inner .title { font-size: 1rem } .about-page-container .left-pane .list-item .inner:before { content: ""; border-top: 2px solid var(--border-color); position: absolute; left: 0; right: 260px; top: -2px } .about-page-container .left-pane .button-link span { color: #000 !important } @media only screen and (min-width: 62em) { .about-page-container .right-pane { grid-column:3/5 } } .about-page-container .right-pane .introduction { padding: 1.625rem } @media only screen and (min-width: 62em) { .about-page-container .right-pane .introduction { padding-left:4.6875rem; position: relative } } .about-page-container .right-pane .introduction p { max-width: 845px } .about-page-container .right-pane .item { padding: 1.625rem; overflow-wrap: break-word } @media only screen and (min-width: 62em) { .about-page-container .right-pane .item { display:grid; grid-template-columns: minmax(0, 800px) minmax(0, auto); grid-column: 1/3; padding: 4.25rem 0 3.5rem 4.6875rem } } @media only screen and (min-width: 62em) { .about-page-container .right-pane .item .inner { display:flex } } .about-page-container .right-pane .item .inner ul { padding-left: revert } .about-page-container .right-pane .item .inner p { font-size: 1rem; margin: 5px 0 5px 0; position: relative } .about-page-container .right-pane .item .inner h3::before { grid-column: 1/3; content: ""; height: 200px; margin-top: -200px; visibility: hidden; display: block } .about-page-container .right-pane .item .inner .thumbnail { max-width: 100px; height: auto } .about-page-container .right-pane .item:not(:first-of-type) { border-top: solid 1px #f0f0f0 } .about-page-container .date { font-size: 0.875rem } .about-page-container .js-aims-and-scope p { padding-bottom: 12px !important } .intutive-list-page-container { display: grid; grid-template-columns: 1fr; padding: 0rem 1.5rem } @media only screen and (min-width: 62em) { .intutive-list-page-container { display:grid; grid-template-columns: minmax(0, auto) minmax(auto, 1300px) minmax(0, auto) } } .intutive-list-page-container .sections { grid-column: 1fr; padding: 1.625rem; list-style: none } @media only screen and (min-width: 62em) { .intutive-list-page-container .sections { list-style:none; grid-column: 2; padding: 2rem 0 2rem 0 } } .intutive-list-page-container .sections .type { display: block; margin-bottom: 1.375rem; font-size: 1rem } .intutive-list-page-container .sections .type.selected { font-weight: bold; position: relative } .intutive-list-page-container .sections .type.selected .anchor-text { border-bottom: solid 2px #000 } .intutive-list-page-container .sections .list-item { align-items: start; border-top: solid 1px #f0f0f0; grid-column: 1/3; display: grid; grid-auto-rows: minmax(min-content, max-content) } .intutive-list-page-container .sections .list-item .inner { padding: 1.75rem 3rem 1.75rem 0; position: relative } .intutive-list-page-container .sections .list-item .inner .title { font-size: 1rem } .intutive-list-page-container .sections .list-item .inner:before { width: 40px; content: ""; border-top: 2px solid var(--border-color); position: absolute; left: 0; right: 260px; top: -2px } .intutive-list-page-container .sections .list-item .inner ul { padding-left: revert } .intutive-list-page-container .sections .list-item .inner p { font-size: 1rem; margin: 5px 0 12px 0; position: relative } .intutive-list-page-container .sections .list-item .inner .thumbnail { max-width: 100px; height: auto } .intutive-list-page-container .button-link span { color: #000 !important } .intutive-list-page-container .date { font-size: 0.875rem } .intutive-list-page-container .js-aims-and-scope p { padding-bottom: 12px !important } @media only screen and (min-width: 62em) { .intutive-item-page-container { display:grid; grid-template-columns: minmax(0, auto) minmax(auto, 300px) minmax(auto, 980px) minmax(0, auto) } } .intutive-item-page-container .selected { font-weight: bold; position: relative } .intutive-item-page-container .selected .anchor-text { border-bottom: solid 2px #000 } .intutive-item-page-container .marketingreset>.inner { all: initial; font-family: inherit !important; color: #1f1f1f; line-height: 1.5 } .intutive-item-page-container .marketingreset>.inner *:not([width]):not([height]) { all: revert } .intutive-item-page-container .marketingreset>.inner img { max-width: 600px } .intutive-item-page-container .marketingreset>.inner p { font-size: 1rem !important; margin: 12px 0 12px 0 !important; position: relative !important } .intutive-item-page-container .left-pane { display: grid; grid-template-columns: minmax(0, auto) minmax(auto, 300px); grid-column: 1/3; padding-top: 2.25rem; grid-auto-rows: max-content; border-right: solid 1px #f0f0f0 } .intutive-item-page-container .left-pane .sections { grid-column: 1/3; padding: 1.625rem; list-style: none } @media only screen and (min-width: 62em) { .intutive-item-page-container .left-pane .sections { grid-column:2; padding: 2rem 0 4rem 0 } } .intutive-item-page-container .left-pane .sections .type { display: block; margin-bottom: 1.375rem; font-size: 1rem } .intutive-item-page-container .left-pane .sub-list { grid-column: 2 } .intutive-item-page-container .left-pane .list-item { display: none; align-items: start; border-top: solid 1px #f0f0f0 } @media only screen and (min-width: 62em) { .intutive-item-page-container .left-pane .list-item { grid-column:1/3; display: grid; grid-template-columns: minmax(0, auto) 300px; grid-auto-rows: minmax(min-content, max-content) } } .intutive-item-page-container .left-pane .list-item .inner { grid-column: 2; padding: 1.75rem 3rem 1.75rem 0; position: relative } .intutive-item-page-container .left-pane .list-item .inner .title { font-size: 1rem } .intutive-item-page-container .left-pane .list-item .inner:before { content: ""; border-top: 2px solid var(--border-color); position: absolute; left: 0; right: 260px; top: -2px } .intutive-item-page-container .left-pane .button-link span { color: #000 !important } @media only screen and (min-width: 62em) { .intutive-item-page-container .right-pane { grid-column:3/5 } } .intutive-item-page-container .right-pane .title { padding: 1.625rem } @media only screen and (min-width: 62em) { .intutive-item-page-container .right-pane .title { padding-left:4.6875rem; position: relative } } .intutive-item-page-container .right-pane .title .intro { max-width: 845px } .intutive-item-page-container .right-pane .introduction { padding: 1.625rem } @media only screen and (min-width: 62em) { .intutive-item-page-container .right-pane .introduction { padding-left:4.6875rem; position: relative } } .intutive-item-page-container .right-pane .introduction p { max-width: 845px } .intutive-item-page-container .right-pane .item { padding: 1.625rem; overflow-wrap: break-word } @media only screen and (min-width: 62em) { .intutive-item-page-container .right-pane .item { display:grid; grid-template-columns: minmax(0, 800px) minmax(0, auto); grid-column: 1/3; padding: 4.25rem 0 3.5rem 4.6875rem } } @media only screen and (min-width: 62em) { .intutive-item-page-container .right-pane .item .inner { display:flex } } .intutive-item-page-container .right-pane .item .inner ul { padding-left: revert } .intutive-item-page-container .right-pane .item .inner p { font-size: 1rem; margin: 12px 0 12px 0; position: relative } .intutive-item-page-container .right-pane .item .inner h3::before { grid-column: 1/3; content: ""; height: 200px; margin-top: -200px; visibility: hidden; display: block } .intutive-item-page-container .right-pane .item .inner .thumbnail { max-width: 100px; height: auto } .intutive-item-page-container .right-pane .item:not(:first-of-type) { border-top: solid 1px #f0f0f0 } .intutive-item-page-container .date { font-size: 0.875rem } .intutive-item-page-container .js-aims-and-scope p { padding-bottom: 12px !important } .marketing-section { display: none } @media only screen and (min-width: 36em) { .marketing-section { display:block } } .marketing-section .elements { display: flex; padding-bottom: 16px } .marketing-section .elements .marketing-item { flex: 1 } .marketing-section .elements .marketing-item .title { font-size: 1.25rem } .marketing-section .elements .marketing-item .date { color: #707070 } .marketing-section .elements .marketing-item:nth-of-type(1) { padding-right: 2.5rem } .marketing-section .elements .marketing-item:nth-of-type(2) { border-left: solid 1px #f0f0f0; padding-left: 2.5rem; padding-right: 2.5rem } .marketing-section .elements .marketing-item:nth-of-type(3) { border-left: solid 1px #f0f0f0; padding-left: 2.5rem } .metrics-section { margin-top: 1rem } @media only screen and (min-width: 36em) { .metrics-section { margin:3.375rem 0 3.375rem 0 } } .metrics-section .metrics-row { display: flex; flex-wrap: wrap } @media only screen and (min-width: 75em) { .metrics-section .metrics-row { flex-wrap:nowrap } } .metrics-section .metric { border-left: solid 2px var(--border-color); min-width: 260px; margin-top: 24px; height: 64px } .metrics-section .metric .metric-description { border-bottom: solid 1px #f0f0f0 } .metrics-section .metric .metric-description :not(:last-child) { margin-bottom: 40px } .metrics-section .article-publishing-charge { height: fit-content } .chart-area { align-items: flex-start; font-size: .8rem; padding-right: 50px } .chart-area.right-align-legend { display: flex } .chart-area.right-align-legend .legend { margin-top: 1.5rem } .chart-area .pie-chart { max-width: 200px } .chart-area .legend-item { display: grid; grid-template-columns: minmax(0, 30px) minmax(30px, auto); list-style: none } .chart-area .legend-itemspan { line-break: loose } .chart-area .legend-item:before { background: var(--bullet-color); content: "\a"; height: 10px; border-radius: 50%; display: inline-block; margin: 5px 10px; width: 10px } .chart-area .legend-percentage { font-weight: bold; margin-right: 5px } .gender-indicator-metrics-section { padding: 1.3rem; grid-column: 1/3; font-size: .8rem } @media only screen and (min-width: 62em) { .gender-indicator-metrics-section { grid-column:2; padding: 2rem 0 4rem 0; margin-top: 2rem } } .gender-indicator-metrics-section .gender-indicator-title { font-weight: 700 } .divider { border-top: 1px solid #f0f0f0; grid-column: 1/3 } .editorial-board-by-country { padding: 1.3rem; grid-column: 1/3; font-size: .8rem } @media only screen and (min-width: 62em) { .editorial-board-by-country { grid-column:2; padding: 2rem 1.5rem 4rem 0; margin-top: 2rem } } .editorial-board-by-country .editorial-board-by-country-title { font-weight: 700 } .editorial-board-by-country .editorial-board-country-distribution-more-details { display: block } .editorial-board-by-country .editors-by-country-ordered-list { counter-reset: item; list-style-type: none } .editorial-board-by-country .editors-by-country-ordered-list .country-list-item { display: block; line-height: 26px } .editorial-board-by-country .editors-by-country-ordered-list .country-list-item:before { content: counter(item) " "; counter-increment: item } .editorial-board-by-country .editors-by-country-unordered-list { list-style: none } .editorial-board-by-country .slide-out .editors-by-country-text { font-size: 1.5rem; font-weight: 400 } .editorial-board-by-country .all-the-rest-editors-by-country { line-height: 26px } .cfp-banner { border: solid 1px #dcdcdc; display: flex; flex-wrap: wrap } @media only screen and (min-width: 36em) { .cfp-banner { flex-wrap:nowrap; height: 220px } } .banner-text { text-align: center; max-width: 450px; min-width: 200px; margin: auto; padding: 20px 0 20px 0; order: 2 } @media only screen and (min-width: 36em) { .banner-text { order:unset } } .banner-image { height: 90px; margin-left: auto; margin-right: auto; margin-top: 20px; width: 100px } @media only screen and (min-width: 36em) { .banner-image { height:150px; flex-grow: 1; font-size: 20px; order: unset; width: unset; margin-top: 0 } } .banner-title { font-size: 16px; color: #1f1f1f } @media only screen and (min-width: 36em) { .banner-title { font-size:20px } } .banner-cta { font-weight: bold; font-size: 1.25rem } @media only screen and (min-width: 36em) { .banner-cta { font-size:2rem } } .insights-page .hor-line { border-bottom-width: 0.0625rem !important } .insights-page .compare-apc-icon { margin-left: .5rem; margin-top: 0; display: inline-block; vertical-align: middle } @media only screen and (min-width: 48em) { .insights-page .abstracts-and-indexing.split-column { column-count:2; column-gap: 80px } } .insights-page .historical-data { margin-left: -8px; margin-right: -8px } .insights-page .apcCTA { display: inline-flex; align-items: center; padding: 16px 8px; gap: 6px; height: 40px; width: 270px } .insights-page .insights-apc-group { display: flex; flex-direction: column; gap: 32px } .insights-page .insights-apc-body { display: flex; flex-direction: column; gap: 16px } .insights-page .insights-apc-content-group { display: flex; flex-direction: column; gap: 8px } .insights-page .insights-apc-inner { display: flex; flex-direction: column; gap: 16px } .insights-page .article-publishing-options { display: flex; flex-direction: row } .js-society-link { display: inline-block; font-size: 16px; line-height: 19px; margin-right: 32px } .js-society-link svg { width: 12px; height: 20px } .slide-out:has(.apc-comparison) { gap: 32px; padding: 0px 16px 24px !important; width: 100vw; min-height: 100vh; max-height: 100vh; right: -100vw; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } @media only screen and (min-width: 48em) { .slide-out:has(.apc-comparison) { padding:0px 24px 24px 16px !important } } @media only screen and (min-width: 62em) { .slide-out:has(.apc-comparison) { width:853px; right: -853px; padding: 0px 32px 24px !important } } .slide-out:has(.apc-comparison) .header-container { background: #fff; position: sticky; top: 0; z-index: 10; padding-top: 24px !important; padding-bottom: 0px !important } .slide-out:has(.apc-comparison).show { right: 0 } .custom-accordion-title { display: flex; align-items: center; gap: 10px } .custom-accordion-title .accordion-icon { margin: 0 !important; height: 20px; width: 20px; display: inline-block; vertical-align: middle } .accordion-panel { border-top: none !important } .accordion-panel-content { border-top: none !important } .accordion-panel-title>.icon.accordion-icon { display: none !important } .apc-comparison { display: flex; flex-direction: column; gap: 32px } .apc-comparison .max-limit-message { color: #4c4c4c } .apc-comparison .apc-accordion-section .u-margin-xs-left { color: #4c4c4c } .apc-comparison .apc-accordion-section .u-margin-xs-left ul { list-style-type: disc; list-style-position: outside; margin: 0 0 0 24px; color: #1f1f1f } .apc-comparison .apc-accordion-section .u-margin-xs-left li::marker { color: #1f1f1f } .apc-comparison .apc-comparison-title-section { display: flex; flex-direction: column; gap: 24px } .apc-comparison .apc-comparison-title-section .text-m,.apc-comparison .apc-comparison-title-section .list-m { font-size: 20px !important } .apc-comparison .apc-accordion-section { margin-top: 16px } .apc-comparison .apc-comparison-table-wrapper { display: flex; gap: 16px; flex-direction: column } .apc-comparison .apc-comparison-table-wrapper .sort-dropdown-wrapper { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; justify-content: flex-start; flex-direction: column } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .sort-dropdown-wrapper { flex-direction:row; align-items: center; justify-content: flex-end } } .apc-comparison .apc-comparison-table-wrapper .sort-dropdown-wrapper .sort-by-label { color: #707070 } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown { position: relative; width: 100%; max-width: 240px } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-trigger { width: 100%; max-width: 240px; height: 30px; background: rgba(0,0,0,0); border: none; border-bottom: 2px solid #1f1f1f; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 0; padding-right: 8px; font-family: inherit; font-weight: 400; font-size: 16px; line-height: 24px; color: #1f1f1f; text-align: left; gap: 6px; outline: none } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-trigger:focus { outline: none } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown.open .custom-dropdown-trigger { border-bottom: 2px solid #eb6500 } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-arrow { width: 16px; height: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E2E2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: contain; flex-shrink: 0; transition: transform .2s ease } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown.open .custom-dropdown-arrow { transform: rotate(180deg) } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; width: auto; max-height: 496px; max-width: 240px; background: #fff; border: 1px solid #1f1f1f; padding: 8px 0; z-index: 1000; overflow-y: auto; box-shadow: 0 4px 6px rgba(0,0,0,.1) } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-item { width: 100%; height: 40px; background: #fff; border: none; cursor: pointer; padding: 8px 24px; font-family: inherit; font-weight: 400; font-size: 16px; line-height: 24px; color: #1f1f1f; text-align: left; display: flex; align-items: center; letter-spacing: 0; font-variant-numeric: lining-nums tabular-nums; opacity: 1; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-item:hover,.apc-comparison .apc-comparison-table-wrapper .custom-dropdown-item.selected { text-decoration: underline; text-decoration-style: solid; text-decoration-color: #eb6500; text-decoration-thickness: 2.4px; text-underline-offset: 5px } .apc-comparison .apc-comparison-table-wrapper .custom-dropdown-item.selected { font-weight: 700 } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section { position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-right: -16px; padding-right: 0 } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section.scrolled-right { padding-right: 16px } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section.scrolled-right::-webkit-scrollbar-track { margin-right: 16px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section { margin:unset; position: unset } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar { height: 12px } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar-track { background: #fcfcfc; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8 } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar-track { margin-left:196px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar-track { margin-left:240px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar-thumb { background: #898989; background-clip: padding-box; border-radius: 8px; border-top: 3px solid rgba(0,0,0,0); border-bottom: 3px solid rgba(0,0,0,0) } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section::-webkit-scrollbar-thumb:hover { background: #6a6a6a; background-clip: padding-box } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section .rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section .original-journal { background-color: #fff3eb } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section .original-journal td:first-child { background-color: #fff3eb } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table { width: 625px; border-collapse: separate; border-spacing: 0 } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table { width:728px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table { width:789px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th { height: 36px; border-bottom: 1px solid #323953; text-align: left; padding: 8px 8px 7px; color: #000; font-size: 14px !important; box-sizing: border-box; line-height: 20px; width: 100px; max-width: 100px } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th .sort-button { background: none; border: none; cursor: pointer; color: #000; font-weight: bold; font-size: inherit; font-family: inherit; padding: 0; display: inline-flex; align-items: center; line-height: inherit } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th .sort-button:hover { text-decoration: underline } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th .sort-button:focus { outline: 2px solid #0272b1; outline-offset: 2px } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:first-child { position: sticky; left: 0; width: 140px; max-width: 140px; background-color: #fff; z-index: 2; border-right: 1px solid #8e8e8e } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:first-child { position:unset; border-right: none; width: 196px; max-width: 196px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:first-child { width:240px; max-width: 240px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:not(:first-child):not(:last-child) { width: 100px; max-width: 100px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:not(:first-child):not(:last-child) { width:112px; max-width: 112px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:not(:first-child):not(:last-child) { width:116px; max-width: 116px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:not(:first-child):not(:last-child):nth-child(4) { white-space: nowrap } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:last-child { width: 85px; max-width: 85px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:last-child { width:84px; max-width: 84px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr th:last-child { width:85px; max-width: 85px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td { min-height: 76px; vertical-align: top; font-weight: normal; color: #000; width: 100px; max-width: 100px; padding: 8px } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td { min-height:56px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:first-child { position: sticky; left: 0; width: 140px; max-width: 140px; background-color: #fff; z-index: 2; border-right: 1px solid #8e8e8e } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:first-child { position:unset; border-right: none; width: 196px; max-width: 196px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:first-child { width:240px; max-width: 240px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:not(:first-child):not(:last-child) { width: 100px; max-width: 100px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:not(:first-child):not(:last-child) { width:112px; max-width: 112px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:not(:first-child):not(:last-child) { width:116px; max-width: 116px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:last-child { width: 85px; max-width: 85px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:last-child { width:83px; max-width: 83px } } @media only screen and (min-width: 62em) { .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td:last-child { width:85px; max-width: 85px } } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td .cell-container { display: flex; flex-direction: column } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td .cell-container>div:first-child { display: flex; align-items: center; flex-wrap: wrap; word-break: break-word } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td .cell-container>div:last-child { display: flex; align-items: center } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td .cell-container>div:last-child * { font-size: 14px !important; line-height: 20px !important } .apc-comparison .apc-comparison-table-wrapper .apc-comparison-table-section table tr td { border-bottom: 1px solid #dfe1ec } .apc-comparison .apc-comparison-table-wrapper .search-wrapper { display: flex; align-items: center } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .grid .row { display: flex; flex-direction: column; row-gap: 16px } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .search-wrapper .grid .row { flex-direction:row; align-items: center } } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .grid .row>* { flex: none; flex-grow: 0 } @media only screen and (min-width: 48em) { .apc-comparison .apc-comparison-table-wrapper .search-wrapper .grid .row>*+* { margin-left:10px } } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .search-input-message-container { display: none } .apc-comparison .apc-comparison-table-wrapper .search-wrapper ul { background-color: #fff; z-index: 10 } .apc-comparison .apc-comparison-table-wrapper .search-wrapper ul:empty { border: none } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .button-link-text { color: #1f1f1f; border-bottom: 2px solid #1f1f1f } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .button-link-text:hover { border-bottom: 2px solid #eb6500 } .apc-comparison .apc-comparison-table-wrapper .search-wrapper .vertical-divider { width: 1px; height: 24px; background-color: #dcdcdc } .apc-comparison .apc-comparison-table-wrapper .info-box { display: flex; align-items: center; gap: 8px } .search-combobox { width: 100%; position: relative } .search-combobox input { width: 100%; padding-left: 36px } .search-combobox .search-input { min-height: 0px !important } .search-combobox .search-combobox-icon { position: absolute; width: 20px; height: 20px; left: 12px; top: 50%; transform: translateY(-50%); color: #1f1f1f } .search-combobox .highlighted-search-item { background-color: #f5f5f5; border-left: 5px solid #eb6500 } .search-combobox ul { width: 100%; background-color: #fff; padding: 0; list-style: none; position: absolute; border: 1px solid #000; max-height: 325px; overflow-y: auto; z-index: 1000 } @media only screen and (min-width: 48em) { .search-combobox ul { max-height:500px } } .search-combobox li { cursor: pointer; border-left: 5px solid #fff } .search-combobox li:hover { background-color: #f5f5f5; border-left: 5px solid #eb6500 } .search-combobox li span { padding-left: 15px; height: 50px; display: table-cell; vertical-align: middle } .search-combobox .no-item-found { cursor: default } .search-combobox .no-item-found:hover { background-color: #fff !important; border-left: 5px solid #fff !important } .search-combobox .text-input-message-container { display: none } .calls-for-papers-section { background: var(--background-color); transition: height .3s ease } .calls-for-papers-section .items-container { display: flex; flex-wrap: wrap; gap: 16px } @media only screen and (min-width: 75em),only screen and (min-width: 62em) { .calls-for-papers-section .items-container>.item { flex:0 0 calc(33.33% - 16px) } } @media only screen and (min-width: 48em),only screen and (min-width: 36em) { .calls-for-papers-section .items-container>.item { flex:0 0 100%; max-width: 100%; margin: 0 } } .calls-for-papers-section .item { background: #fff; padding: 32px; margin-bottom: 16px } @media only screen and (min-width: 36em) { .calls-for-papers-section .item { margin-bottom:0 } } @media only screen and (min-width: 62em) { .section-heading-wrapper { padding-top:0.75rem; position: relative } } .section-heading-wrapper .section-heading { font-weight: bold !important } .section-heading-wrapper .section-heading:before { content: ""; border-top: 5px solid var(--border-color); position: absolute; left: 1px; right: 1265px; top: 0; width: 20px } .article-info .access-indicator-yes,.article-info .access-indicator-no { display: inline-block; border-radius: 0.5rem; width: 0.5rem; height: 0.5rem } .article-info .access-indicator-yes.access-indicator-yes,.article-info .access-indicator-no.access-indicator-yes { background: #53b848 } .article-info .access-indicator-yes.access-indicator-no,.article-info .access-indicator-no.access-indicator-no { border: 1px solid #1f1f1f; background: #f5f5f5 } .cover-image { border: 1px solid #dcdcdc } .cover-image.cover-image-small { height: 7.625rem; max-width: 5.6875rem } .cover-image.cover-image-medium { height: 10.0625rem } .cover-image.cover-image-large { height: 12.5rem !important; max-width: 10rem !important } .fallback-cover { display: table; padding: 0.1875rem } .fallback-cover-content { display: table-cell; vertical-align: middle; text-align: center; word-break: break-word } .fallback-cover-small { width: 5.6875rem; height: 7.5rem } .fallback-cover-large { width: 8.75rem; height: 11.25rem } .FollowJournalLink .button-has-background-color:hover { cursor: pointer; color: inherit } .FollowJournalLink .button-has-background-color:hover .button-link-text { border-bottom-color: currentColor } .FollowJournalLink .button-has-inherit-color,.FollowJournalLink .button-has-inherit-color svg.icon { color: inherit; fill: inherit } .follow-journal-modal { z-index: 999999 } .follow-journal-modal-content { margin-right: 30px } @media only screen and (max-width: 1500px) { .recommended-journals-modal-container { overflow-y:auto; height: 500px } .recommended-journals-modal-container .main-content { flex-direction: column } .recommended-journals-modal-container .main-content .journal-cards { max-width: 90% } } .recommended-journals-modal-container { margin: 15px } @media only screen and (min-width: 1501px) { .recommended-journals-modal-container .main-content { flex-direction:row; gap: 4% } .recommended-journals-modal-container .main-content .journal-cards { max-width: 48% } } .recommended-journals-modal-container .main-content { display: flex; flex-wrap: wrap } @media only screen and (min-width: 20em) { .recommended-journal-modal { min-width:unset !important } } @media only screen and (min-width: 36em) { .recommended-journal-modal { min-width:unset !important } } @media only screen and (min-width: 48em) { .recommended-journal-modal { min-width:unset !important } } @media only screen and (min-width: 62em) { .recommended-journal-modal { min-width:62rem !important } } .recommended-journal-modal .main-content .journal-cards { max-width: unset !important } .open-statement-text { display: inline-block; font-size: 1rem; border-bottom: 2px solid rgba(0,0,0,0); transition: border-bottom-color .3s ease; text-decoration: none } .open-access-link:hover { border-bottom: 2px solid #eb6500 } .open-access-link:focus-visible { outline: currentColor solid 2px; outline-offset: 1px } .pdf-download svg.icon { vertical-align: text-bottom } .tooltip { background-color: #f0f0f0; position: absolute; padding: 0.5rem 1rem; white-space: normal; z-index: 1000 } .tooltip.multiline { padding: 1rem } .tooltip-middle { margin-top: 1rem; border-top: 0.125rem solid #ff6c00; right: 50%; transform: translateX(50%) } .tooltip-middle:before { content: ""; left: 50%; position: absolute; top: -1rem; border-right: 1rem solid rgba(0,0,0,0); border-bottom: 1rem solid #ff6c00 } .tooltip-middle:after { content: ""; left: 50%; position: absolute; top: -0.8125rem; border-right: 0.875rem solid rgba(0,0,0,0); border-bottom: 0.875rem solid #f0f0f0 } .tooltip-bottom-left { margin-top: 1rem; border-top: 0.125rem solid #ff6c00 } .tooltip-bottom-left:before { content: ""; left: 0; position: absolute; top: -1rem; border-right: 1rem solid rgba(0,0,0,0); border-bottom: 1rem solid #ff6c00 } .tooltip-bottom-left:after { content: ""; left: 0; position: absolute; top: -0.8125rem; border-right: 0.875rem solid rgba(0,0,0,0); border-bottom: 0.875rem solid #f0f0f0 } .tooltip-bottom-right { margin-top: 1rem; border-top: 0.125rem solid #ff6c00; right: 0 } .tooltip-bottom-right:before { content: ""; right: 0; position: absolute; top: -1rem; border-left: 1rem solid rgba(0,0,0,0); border-bottom: 1rem solid #ff6c00 } .tooltip-bottom-right:after { content: ""; right: 0; position: absolute; top: -0.8125rem; border-left: 0.875rem solid rgba(0,0,0,0); border-bottom: 0.875rem solid #f0f0f0 } .title-img-link { transition: none; border-bottom: none } .title-img-link:hover .anchor-text { transition: none; border-bottom: none } .title-img-link .anchor-text { transition: none; border-bottom: none } .title-svg svg { max-width: 100%; fill: currentColor } .truncated { position: relative; max-height: 18.125rem; text-overflow: ellipsis; overflow-y: hidden } .show-more-icon { transition: color .3s,transform .3s } .show-more-icon.active { transform: scale(-1); -ms-transform: scale(-1) } .skip-link-menu { position: absolute; height: 0; overflow: visible } .skip-link { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; border: 0 !important; z-index: 100 } .skip-link:active,.skip-link:focus { position: fixed !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; clip-path: none !important } .show-more-link-text { white-space: nowrap } .show-more-button { background-color: rgba(0,0,0,0); border: none; transition: color .3s ease; font-family: inherit; color: inherit } .show-more-button:active,.show-more-button:focus,.show-more-button:hover { border-bottom: 2px solid currentColor } .show-more-button svg.icon { fill: currentColor; vertical-align: middle } .show-more-button svg.icon:first-child { margin-right: 8px } .show-more-button svg.icon:last-child { margin-left: 8px } .show-more-button svg.icon:only-child { margin: 0 } .show-more-button:active,.show-more-button:focus,.show-more-button:hover { cursor: pointer } .show-more-dropdown-popover { z-index: 999 } .title-evolution-anchor.anchor:active,.title-evolution-anchor.anchor:focus,.title-evolution-anchor.anchor:hover { color: inherit } .title-evolution-anchor.anchor:active .anchor-text,.title-evolution-anchor.anchor:focus .anchor-text,.title-evolution-anchor.anchor:hover .anchor-text { border-bottom-color: inherit } .metric-tooltip { width: 275px } .metric { position: relative } .issn-format-divider:before { content: " | " } .rss-modal-copy-button { word-break: break-all } .rss-modal-copy-button svg.icon-check-clipboard { background-color: #0b7a2b; border-color: #0b7a2b } .slide-out-overlay { background-color: rgba(31,31,31,.55); cursor: pointer; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 70 } .slide-out { background-color: #fff; padding: 0 2rem 2rem 2rem; position: fixed; overflow: scroll; top: 0; right: -320px; transition: visibility .2s,right .2s; visibility: hidden; width: 320px; z-index: 70; display: flex; flex-direction: column } @media only screen and (min-width: 36em) { .slide-out { right:-555px; width: 555px } } .slide-out.show { right: 0; visibility: visible } .slide-out .header-container { display: flex; background: #fff; position: sticky; text-align: end; top: 0; width: 100%; z-index: 1 } .slide-out .header-container .title-slideout { align-self: end } .slide-out .header-container .close-button { border: none; cursor: pointer; margin-left: auto; padding: 0px } .slide-out .header-container .close-button:hover svg { fill: #eb6500 } .slide-out .spaced { word-break: break-word } .slide-out .spaced p { padding-bottom: 26px !important } .insights-metrics .metric-box { width: 250px } .insights-metrics li:before { width: 0 !important; height: 0 !important } .insights-metrics ul { list-style: none; margin: .5em 0 } .insights-metrics ul li { padding-left: 1.6em } .insights-metrics .metrics-container { display: flex; flex-wrap: wrap } .insights-metrics .metric-popover { margin-left: 10px } .insights-metrics .metric-popover .popover-content { margin-left: -10.71875rem; margin-top: 0.5625rem; left: 50%; width: 21.4375rem } .insights-metrics .metric-popover .popover-content.popover-align-left { box-shadow: 0px -2px 0px 0px #eb6500 } .insights-metrics .metric-popover .popover-content.popover-align-left::before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px) } .insights-metrics .metric-popover .popover-content.popover-align-left::before,.insights-metrics .metric-popover .popover-content.popover-align-left::after { left: calc(50% - 0.5rem) } .journal-cards { margin-top: 50px; background-color: #f5f6f5; display: flex; height: 100% } @media only screen and (max-width: 900px) { .journal-cards { flex-direction:column } .journal-cards .metrics-container .metrics { margin-bottom: 10px } } @media only screen and (min-width: 901px) { .journal-cards { flex-direction:row; flex: 0 0 48%; padding-bottom: 20px } .journal-cards .cover-image-medium { margin-top: -20px; display: block } .journal-cards .metrics-container .display-name { min-width: 120px } .journal-cards .metrics-container .metrics { bottom: 0 } } .journal-cards .cover-image-container { padding-bottom: 3px; border-bottom: 2px solid rgba(0,0,0,0); max-width: max-content } .journal-cards .cover-image-container:hover { border-bottom: 2px solid #eb6500 } .journal-cards .anchor { display: block !important } .journal-cards .metrics-container { margin-left: 20px; margin-right: 20px; display: flex; flex-direction: column; justify-content: space-between } .journal-cards .metrics-container .display-name { margin-top: 8px; font-weight: bold; line-height: 1.2em; padding-left: .2em } .journal-cards .metrics-container .open-access { font-style: italic; padding-left: .2em } .journal-cards .metrics-container .metrics { padding-left: .2em; white-space: nowrap; margin-bottom: 5px; display: flex; flex-direction: column } .journal-cards .metrics-container .metrics ul { margin-top: auto; display: flex; list-style: none } @media only screen and (max-width: 900px) { .journal-cards .metrics-container .metrics ul { flex-direction:column; margin-top: 10px } .journal-cards .metrics-container .metrics ul li { margin-bottom: 10px } } .journal-cards .metrics-container .metrics ul li { border-left: solid 2px #000; padding-left: 1em; margin-right: 1.5em } .journal-cards .metrics-container .tooltip-bottom-right { margin-top: 4rem !important } @media print { .gfp-page .js-container-section .js-banner-links,.gfp-page .js-container-section .js-submit-article-cta,.gfp-page .js-container-section .js-gfa { display: none !important } .gfp-page .js-container-section .js-cite-score,.gfp-page .js-container-section .js-impact-factor { display: none !important } .gfp-page .cta-position,.gfp-page .cta-position-left-section { display: none !important } .gfp-page .print-button { display: none !important } .gfp-page main:first-child div { min-height: 0px !important } ._pendo-badge,._pendo-badge_ { display: none !important } #sd-ai-navigation { display: none !important } } /*# sourceMappingURL=style.css.map*/ @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } .focused,.tabs-control:enabled button:focus-visible,.tabs-control:enabled a:focus-visible,.tab:not(.tab-is-disabled) button:focus-visible,.tab:not(.tab-is-disabled) a:focus-visible,.highlight-on-focus:focus-visible,.highlight-on-focus-and-hover button:focus-visible,.highlight-on-focus-and-hover a:focus-visible { outline-offset: 2px; outline: 2px solid #eb6500 !important } .highlight-on-focus-and-hover { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .highlight-on-focus-and-hover button,.highlight-on-focus-and-hover a { outline: none } .highlight-on-focus-and-hover:hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: rgba(0,0,0,0); -webkit-text-decoration-skip: objects } a:active,a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; font-variant-numeric: lining-nums; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } button,html [type=button],[type=reset],[type=submit] { -webkit-appearance: button; border-radius: 0 } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: none; outline-offset: -2px; border-radius: 0 } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,figure,table,th,td,caption,hr { margin: 0; padding: 0 } abbr[title],dfn[title] { cursor: help } u,ins { text-decoration: none } ins { border-bottom: 1px solid } html { -webkit-box-sizing: border-box; box-sizing: border-box } *,*:before,*:after { -webkit-box-sizing: inherit; box-sizing: inherit } html { font-size: 16px; font-variant-numeric: lining-nums; line-height: var(--sd-ui-line-height) } body { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; color: #1f1f1f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *,*:after,*:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .grid { width: 100%; margin: 0 auto } .grid:before,.row:before,.grid:after,.row:after { content: " "; display: table } .grid:after,.row:after { clear: both } .grid img { width: auto; max-width: 100%; height: auto } [class*=col-] { float: left; width: 100%; min-height: 1px } .gutters.row { margin-left: -8px; margin-right: -8px } .gutters>[class*=col-],.gutters>[class*=" col-"] { padding-left: 8px; padding-right: 8px } @media only screen and (min-width: 20em) { .col-xs-1,.row>.col-xs-1 { width:4.1666666667% } .col-xs-2,.row>.col-xs-2 { width: 8.3333333333% } .col-xs-3,.row>.col-xs-3 { width: 12.5% } .col-xs-4,.row>.col-xs-4 { width: 16.6666666667% } .col-xs-5,.row>.col-xs-5 { width: 20.8333333333% } .col-xs-6,.row>.col-xs-6 { width: 25% } .col-xs-7,.row>.col-xs-7 { width: 29.1666666667% } .col-xs-8,.row>.col-xs-8 { width: 33.3333333333% } .col-xs-9,.row>.col-xs-9 { width: 37.5% } .col-xs-10,.row>.col-xs-10 { width: 41.6666666667% } .col-xs-11,.row>.col-xs-11 { width: 45.8333333333% } .col-xs-12,.row>.col-xs-12 { width: 50% } .col-xs-13,.row>.col-xs-13 { width: 54.1666666667% } .col-xs-14,.row>.col-xs-14 { width: 58.3333333333% } .col-xs-15,.row>.col-xs-15 { width: 62.5% } .col-xs-16,.row>.col-xs-16 { width: 66.6666666667% } .col-xs-17,.row>.col-xs-17 { width: 70.8333333333% } .col-xs-18,.row>.col-xs-18 { width: 75% } .col-xs-19,.row>.col-xs-19 { width: 79.1666666667% } .col-xs-20,.row>.col-xs-20 { width: 83.3333333333% } .col-xs-21,.row>.col-xs-21 { width: 87.5% } .col-xs-22,.row>.col-xs-22 { width: 91.6666666667% } .col-xs-23,.row>.col-xs-23 { width: 95.8333333333% } .col-xs-24,.row>.col-xs-24 { width: 100% } } @media only screen and (min-width: 36em) { .col-sm-1,.row>.col-sm-1 { width:4.1666666667% } .col-sm-2,.row>.col-sm-2 { width: 8.3333333333% } .col-sm-3,.row>.col-sm-3 { width: 12.5% } .col-sm-4,.row>.col-sm-4 { width: 16.6666666667% } .col-sm-5,.row>.col-sm-5 { width: 20.8333333333% } .col-sm-6,.row>.col-sm-6 { width: 25% } .col-sm-7,.row>.col-sm-7 { width: 29.1666666667% } .col-sm-8,.row>.col-sm-8 { width: 33.3333333333% } .col-sm-9,.row>.col-sm-9 { width: 37.5% } .col-sm-10,.row>.col-sm-10 { width: 41.6666666667% } .col-sm-11,.row>.col-sm-11 { width: 45.8333333333% } .col-sm-12,.row>.col-sm-12 { width: 50% } .col-sm-13,.row>.col-sm-13 { width: 54.1666666667% } .col-sm-14,.row>.col-sm-14 { width: 58.3333333333% } .col-sm-15,.row>.col-sm-15 { width: 62.5% } .col-sm-16,.row>.col-sm-16 { width: 66.6666666667% } .col-sm-17,.row>.col-sm-17 { width: 70.8333333333% } .col-sm-18,.row>.col-sm-18 { width: 75% } .col-sm-19,.row>.col-sm-19 { width: 79.1666666667% } .col-sm-20,.row>.col-sm-20 { width: 83.3333333333% } .col-sm-21,.row>.col-sm-21 { width: 87.5% } .col-sm-22,.row>.col-sm-22 { width: 91.6666666667% } .col-sm-23,.row>.col-sm-23 { width: 95.8333333333% } .col-sm-24,.row>.col-sm-24 { width: 100% } } @media only screen and (min-width: 48em) { .col-md-1,.row>.col-md-1 { width:4.1666666667% } .col-md-2,.row>.col-md-2 { width: 8.3333333333% } .col-md-3,.row>.col-md-3 { width: 12.5% } .col-md-4,.row>.col-md-4 { width: 16.6666666667% } .col-md-5,.row>.col-md-5 { width: 20.8333333333% } .col-md-6,.row>.col-md-6 { width: 25% } .col-md-7,.row>.col-md-7 { width: 29.1666666667% } .col-md-8,.row>.col-md-8 { width: 33.3333333333% } .col-md-9,.row>.col-md-9 { width: 37.5% } .col-md-10,.row>.col-md-10 { width: 41.6666666667% } .col-md-11,.row>.col-md-11 { width: 45.8333333333% } .col-md-12,.row>.col-md-12 { width: 50% } .col-md-13,.row>.col-md-13 { width: 54.1666666667% } .col-md-14,.row>.col-md-14 { width: 58.3333333333% } .col-md-15,.row>.col-md-15 { width: 62.5% } .col-md-16,.row>.col-md-16 { width: 66.6666666667% } .col-md-17,.row>.col-md-17 { width: 70.8333333333% } .col-md-18,.row>.col-md-18 { width: 75% } .col-md-19,.row>.col-md-19 { width: 79.1666666667% } .col-md-20,.row>.col-md-20 { width: 83.3333333333% } .col-md-21,.row>.col-md-21 { width: 87.5% } .col-md-22,.row>.col-md-22 { width: 91.6666666667% } .col-md-23,.row>.col-md-23 { width: 95.8333333333% } .col-md-24,.row>.col-md-24 { width: 100% } } @media only screen and (min-width: 62em) { .col-lg-1,.row>.col-lg-1 { width:4.1666666667% } .col-lg-2,.row>.col-lg-2 { width: 8.3333333333% } .col-lg-3,.row>.col-lg-3 { width: 12.5% } .col-lg-4,.row>.col-lg-4 { width: 16.6666666667% } .col-lg-5,.row>.col-lg-5 { width: 20.8333333333% } .col-lg-6,.row>.col-lg-6 { width: 25% } .col-lg-7,.row>.col-lg-7 { width: 29.1666666667% } .col-lg-8,.row>.col-lg-8 { width: 33.3333333333% } .col-lg-9,.row>.col-lg-9 { width: 37.5% } .col-lg-10,.row>.col-lg-10 { width: 41.6666666667% } .col-lg-11,.row>.col-lg-11 { width: 45.8333333333% } .col-lg-12,.row>.col-lg-12 { width: 50% } .col-lg-13,.row>.col-lg-13 { width: 54.1666666667% } .col-lg-14,.row>.col-lg-14 { width: 58.3333333333% } .col-lg-15,.row>.col-lg-15 { width: 62.5% } .col-lg-16,.row>.col-lg-16 { width: 66.6666666667% } .col-lg-17,.row>.col-lg-17 { width: 70.8333333333% } .col-lg-18,.row>.col-lg-18 { width: 75% } .col-lg-19,.row>.col-lg-19 { width: 79.1666666667% } .col-lg-20,.row>.col-lg-20 { width: 83.3333333333% } .col-lg-21,.row>.col-lg-21 { width: 87.5% } .col-lg-22,.row>.col-lg-22 { width: 91.6666666667% } .col-lg-23,.row>.col-lg-23 { width: 95.8333333333% } .col-lg-24,.row>.col-lg-24 { width: 100% } } @media only screen and (min-width: 75em) { .col-xl-1,.row>.col-xl-1 { width:4.1666666667% } .col-xl-2,.row>.col-xl-2 { width: 8.3333333333% } .col-xl-3,.row>.col-xl-3 { width: 12.5% } .col-xl-4,.row>.col-xl-4 { width: 16.6666666667% } .col-xl-5,.row>.col-xl-5 { width: 20.8333333333% } .col-xl-6,.row>.col-xl-6 { width: 25% } .col-xl-7,.row>.col-xl-7 { width: 29.1666666667% } .col-xl-8,.row>.col-xl-8 { width: 33.3333333333% } .col-xl-9,.row>.col-xl-9 { width: 37.5% } .col-xl-10,.row>.col-xl-10 { width: 41.6666666667% } .col-xl-11,.row>.col-xl-11 { width: 45.8333333333% } .col-xl-12,.row>.col-xl-12 { width: 50% } .col-xl-13,.row>.col-xl-13 { width: 54.1666666667% } .col-xl-14,.row>.col-xl-14 { width: 58.3333333333% } .col-xl-15,.row>.col-xl-15 { width: 62.5% } .col-xl-16,.row>.col-xl-16 { width: 66.6666666667% } .col-xl-17,.row>.col-xl-17 { width: 70.8333333333% } .col-xl-18,.row>.col-xl-18 { width: 75% } .col-xl-19,.row>.col-xl-19 { width: 79.1666666667% } .col-xl-20,.row>.col-xl-20 { width: 83.3333333333% } .col-xl-21,.row>.col-xl-21 { width: 87.5% } .col-xl-22,.row>.col-xl-22 { width: 91.6666666667% } .col-xl-23,.row>.col-xl-23 { width: 95.8333333333% } .col-xl-24,.row>.col-xl-24 { width: 100% } } .move-left { float: left; left: 0 } .move-right { float: right; right: 0 } .move-top { position: absolute; top: 0 } .move-bottom { position: absolute; bottom: 0 } .move-middle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .move-middle.move-center { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .move-center { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .move-center.move-middle { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .stretch,.modal-overlay,.tap-area { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .tap-area { cursor: pointer } h1,h2,h3,h4 { font-weight: normal } h5 { font-weight: bold } h1.h1-3xl { font-size: 64px; line-height: var(--sd-ui-line-height) } h1.h1-2xl { font-size: 56px; line-height: var(--sd-ui-line-height) } h1.h1-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } h1 { font-size: 40px; line-height: var(--sd-ui-line-height) } h2 { font-size: 32px; line-height: var(--sd-ui-line-height) } h3 { font-size: 24px; line-height: var(--sd-ui-line-height) } h4 { font-size: 20px; line-height: var(--sd-ui-line-height) } h5 { font-size: 16px; line-height: var(--sd-ui-line-height) } h1.alt-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .hor-line { border-bottom: 0.125rem solid #dcdcdc } .hor-line-top { border-top: 0.125rem solid #dcdcdc } .branded ul { list-style: none; margin: .5em 0 } .branded ul>li { padding-left: 1.6em } .branded ul>li::before { margin: .45em 0 0 -1em; content: ""; display: block; float: left; width: .35em; height: .35em; background-color: #eb6500; border-radius: 50% } .branded ol { list-style-type: none; margin: .5em 0; counter-reset: item } .branded ol>li { padding-left: 1.7em; counter-increment: item } .branded ol>li::before { margin: .25em 0 0 -1.4em; content: counter(item, decimal) "."; display: block; float: left; color: #eb6500; font-size: .8em; font-weight: bold } .list-tags { margin-left: 0; padding-left: 0 } .list-tags-item { display: inline; list-style-type: none; margin: 0; padding: 0 } .list-tags-item::after { content: ", " } .list-tags-item:last-child::after { content: "" } .branded a { color: #0272b1; -webkit-transition: color .3s ease,border-bottom-color .3s ease; transition: color .3s ease,border-bottom-color .3s ease; text-decoration: none; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:link,.branded a:visited { color: #0272b1; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:active,.branded a:focus,.branded a:hover { cursor: pointer; color: #1f1f1f; border-bottom-color: #ff6c00 } .container,.panel,.panel-s,.panel-l,.panel-m { position: relative; overflow: auto } .panel,.panel-s,.panel-l,.panel-m { background: #f5f5f5; overflow: auto } .panel.trasparent,.trasparent.panel-s,.trasparent.panel-l,.trasparent.panel-m { background: 0 } .panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) { padding: 32px } .panel-s,.panel-l,.panel-m { padding: 16px } .panel-m { padding: 32px } .panel-l { padding: 48px } .list-item:first-child { padding-top: 0 } .list-item:last-child { padding-bottom: 0 } .button-alternative { --sd-ui-button-alt-border-bottom-colour: transparent; --sd-ui-button-alt-border-bottom-colour-hover: #eb6500; --sd-ui-button-alt-border-bottom-width: 2px; --sd-ui-button-alt-colour: #1f1f1f; --sd-ui-button-alt-colour-focus: #eb6500; --sd-ui-button-alt-cursor: pointer; --sd-ui-button-alt-font-size: 1em; --sd-ui-button-alt-gap: calc(0.5em - 2px); --sd-ui-button-alt-min-width: 5.5rem; --sd-ui-button-alt-icon-background-colour: #0272b1; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-border-colour-hover: #eb6500; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem } .button-alternative-secondary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-fill: #0272b1 } .button-alternative-tertiary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #1f1f1f; --sd-ui-button-alt-icon-fill: #1f1f1f } .button-alternative.on-dark-background { --sd-ui-button-alt-border-bottom-colour-hover: #ffffff; --sd-ui-button-alt-colour: #ffffff; --sd-ui-button-alt-colour-focus: #ffffff; --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #ffffff; --sd-ui-button-alt-icon-border-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #1f1f1f; --sd-ui-button-alt-icon-fill-hover: #ffffff } .button-alternative-secondary.on-dark-background,.button-alternative-tertiary.on-dark-background { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-background-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f } .button-alternative:disabled { --sd-ui-button-alt-colour: #b8b8b8; --sd-ui-button-alt-cursor: default; --sd-ui-button-alt-icon-background-colour: #b8b8b8; --sd-ui-button-alt-icon-border-colour: #b8b8b8 } .button-alternative-secondary:disabled,.button-alternative-tertiary:disabled { --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-border-colour: #b8b8b8; --sd-ui-button-alt-icon-fill: #b8b8b8 } .button-alternative.on-dark-background:disabled { --sd-ui-button-alt-colour: #4c4c4c; --sd-ui-button-alt-icon-background-colour: #707070; --sd-ui-button-alt-icon-border-colour: #707070 } .button-alternative-secondary.on-dark-background:disabled,.button-alternative-tertiary.on-dark-background:disabled { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #707070; --sd-ui-button-alt-icon-fill: #707070 } .button-alternative.small-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } .button-alternative.medium-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } .button-alternative.large-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } @media only screen and (min-width: 48em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } } @media only screen and (min-width: 62em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } } .button-alternative { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: rgba(0,0,0,0); border: none; color: var(--sd-ui-button-alt-colour); cursor: var(--sd-ui-button-alt-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-alt-font-size); gap: var(--sd-ui-button-alt-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-alt-min-width); text-decoration: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .button-alternative.disable-min-width { min-width: inherit } .button-alternative:focus-visible { outline: 2px solid var(--sd-ui-button-alt-colour-focus); outline-offset: 2px } .button-alternative .icon,.button-alternative-text-container { -ms-flex-item-align: center; align-self: center } .button-alternative .icon { -ms-flex-negative: 0; flex-shrink: 0 } .button-alternative .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour); border: 2px solid var(--sd-ui-button-alt-icon-border-colour); fill: var(--sd-ui-button-alt-icon-fill); height: var(--sd-ui-button-alt-icon-size); padding: var(--sd-ui-button-alt-icon-padding); -webkit-transition: background-color .3s,border-color .3s,fill .3s; transition: background-color .3s,border-color .3s,fill .3s; width: var(--sd-ui-button-alt-icon-size) } .button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour-hover); border-color: var(--sd-ui-button-alt-icon-border-colour-hover); fill: var(--sd-ui-button-alt-icon-fill-hover) } .button-alternative-text { border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour); -webkit-transition: border-bottom .3s; transition: border-bottom .3s } .button-alternative:hover:not(:disabled) .button-alternative-text { border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover) } .button-alternative .arrow-external-link { fill: currentColor; height: var(--sd-ui-button-alt-icon-external-link-size); width: var(--sd-ui-button-alt-icon-external-link-size) } .anchor { --sd-ui-anchor-border-bottom-colour: transparent; --sd-ui-anchor-border-bottom-colour-hover: #eb6500; --sd-ui-anchor-border-bottom-width: 2px; --sd-ui-anchor-border-bottom-width-hover: 2px; --sd-ui-anchor-colour: #0272b1; --sd-ui-anchor-colour-focus: #eb6500; --sd-ui-anchor-cursor: pointer; --sd-ui-anchor-font-size: 1em; --sd-ui-anchor-gap: calc(0.5em - 2px); --sd-ui-anchor-icon-colour: currentColor; --sd-ui-anchor-icon-size: calc(1em + 4px); --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em) } .anchor-secondary { --sd-ui-anchor-colour: #1f1f1f } .anchor-underline { --sd-ui-anchor-border-bottom-colour: currentColor; --sd-ui-anchor-border-bottom-width: 1px } .anchor-has-background-color { --sd-ui-anchor-border-bottom-colour-hover: currentColor; --sd-ui-anchor-colour-focus: currentColor } .anchor-has-colored-icon { --sd-ui-anchor-icon-colour: #0272b1 } .anchor-has-inherit-color { --sd-ui-anchor-colour: inherit } .anchor.on-dark-background { --sd-ui-anchor-border-bottom-colour-hover: #ffffff; --sd-ui-anchor-colour: #ffffff; --sd-ui-anchor-colour-focus: #ffffff; --sd-ui-anchor-icon-colour: #ffffff } .anchor[aria-disabled=true] { --sd-ui-anchor-cursor: default; --sd-ui-anchor-colour: #b8b8b8; --sd-ui-anchor-colour-focus: transparent; --sd-ui-anchor-icon-colour: #b8b8b8 } .anchor-small { --sd-ui-anchor-font-size: 0.875rem; --sd-ui-anchor-gap: 0.25rem; --sd-ui-anchor-icon-size: 1rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-medium { --sd-ui-anchor-font-size: 1rem; --sd-ui-anchor-gap: 0.375rem; --sd-ui-anchor-icon-size: 1.25rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-large { --sd-ui-anchor-font-size: 1.25rem; --sd-ui-anchor-gap: 0.5rem; --sd-ui-anchor-icon-size: 1.5rem; --sd-ui-anchor-icon-external-link-size: 0.625rem } .anchor { color: var(--sd-ui-anchor-colour); cursor: var(--sd-ui-anchor-cursor); font-size: var(--sd-ui-anchor-font-size); line-height: var(--sd-ui-line-height); text-decoration: none } .anchor:focus-visible { outline: 2px solid var(--sd-ui-anchor-colour-focus); outline-offset: 2px } .anchor-with-icon { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: var(--sd-ui-anchor-gap) } .anchor .icon { -ms-flex-item-align: center; align-self: center; fill: var(--sd-ui-anchor-icon-colour); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-anchor-icon-size); width: var(--sd-ui-anchor-icon-size) } .anchor-icon-only:hover:not([aria-disabled=true]) .icon { -webkit-transition: fill .3s; transition: fill .3s; fill: var(--sd-ui-anchor-border-bottom-colour-hover) } .anchor-text { border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour); -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s } .anchor:hover:not([aria-disabled=true]) .anchor-text { border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover) } .anchor .arrow-external-link { height: var(--sd-ui-anchor-icon-external-link-size); margin-left: var(--sd-ui-anchor-gap); width: var(--sd-ui-anchor-icon-external-link-size) } .skip-link { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip-link:focus,.skip-link:active { height: auto; width: auto; padding: 2px } .button-link { --sd-ui-button-link-border-bottom-colour: transparent; --sd-ui-button-link-border-bottom-colour-hover: #eb6500; --sd-ui-button-link-border-bottom-width: 2px; --sd-ui-button-link-border-bottom-width-hover: 2px; --sd-ui-button-link-colour: #0272b1; --sd-ui-button-link-colour-focus: #eb6500; --sd-ui-button-link-cursor: pointer; --sd-ui-button-link-font-size: 1em; --sd-ui-button-link-gap: calc(0.5em - 2px); --sd-ui-button-link-icon-colour: currentColor; --sd-ui-button-link-icon-size: calc(1em + 4px) } .button-link-secondary { --sd-ui-button-link-colour: #1f1f1f } .button-link-underline { --sd-ui-button-link-border-bottom-colour: currentColor; --sd-ui-button-link-border-bottom-width: 1px } .button-link-has-colored-icon { --sd-ui-button-link-icon-colour: #0272b1 } .button-link-on-dark-background { --sd-ui-button-link-border-bottom-colour-hover: #ffffff; --sd-ui-button-link-colour: #ffffff; --sd-ui-button-link-colour-focus: #ffffff; --sd-ui-button-link-icon-colour: #ffffff } .button-link:disabled { --sd-ui-button-link-cursor: default; --sd-ui-button-link-colour: #b8b8b8; --sd-ui-button-link-colour-focus: transparent; --sd-ui-button-link-icon-colour: #b8b8b8 } .button-link-small { --sd-ui-button-link-font-size: 0.875rem; --sd-ui-button-link-gap: 0.25rem; --sd-ui-button-link-icon-size: 1rem } .button-link-medium { --sd-ui-button-link-font-size: 1rem; --sd-ui-button-link-gap: 0.375rem; --sd-ui-button-link-icon-size: 1.25rem } .button-link-large { --sd-ui-button-link-font-size: 1.25rem; --sd-ui-button-link-gap: 0.5rem; --sd-ui-button-link-icon-size: 1.5rem } .button-link { border: none; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); text-decoration: none; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--sd-ui-button-link-colour); cursor: var(--sd-ui-button-link-cursor); font-size: var(--sd-ui-button-link-font-size); gap: var(--sd-ui-button-link-gap); -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .button-link:focus-visible { outline: 2px solid var(--sd-ui-button-link-colour-focus); outline-offset: 2px } .button-link .icon { -ms-flex-item-align: center; align-self: center; fill: var(--sd-ui-button-link-icon-colour); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-button-link-icon-size); width: var(--sd-ui-button-link-icon-size) } .button-link-icon-only:hover:not(:disabled) .icon { -webkit-transition: fill .3s; transition: fill .3s; --sd-ui-button-link-icon-colour: #eb6500 } .button-link-text { border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour); -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s } .button-link:hover:not(:disabled) .button-link-text { border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover) } .checkbox { --sd-ui-checkbox-border-colour: #707070; --sd-ui-checkbox-border-colour-hover: #1f1f1f; --sd-ui-checkbox-border-width: 0.125rem; --sd-ui-checkbox-colour: #1f1f1f; --sd-ui-checkbox-colour-focus: #eb6500; --sd-ui-checkbox-cursor: pointer; --sd-ui-checkbox-font-size: 1rem; --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px); --sd-ui-checkbox-indicator-colour: #eb6500; --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width)); --sd-ui-checkbox-indicator-size: 0.6em } .checkbox.is-disabled { --sd-ui-checkbox-border-colour: #b8b8b8; --sd-ui-checkbox-colour: #b8b8b8; --sd-ui-checkbox-cursor: default; --sd-ui-checkbox-indicator-colour: #b8b8b8 } .checkbox-small { --sd-ui-checkbox-font-size: 0.875rem } .checkbox-medium { --sd-ui-checkbox-font-size: 1rem } .checkbox-large { --sd-ui-checkbox-font-size: 1.25rem } .checkbox-responsive { --sd-ui-checkbox-font-size: 0.875rem } @media only screen and (min-width: 48em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1rem } } @media only screen and (min-width: 62em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1.25rem } } .checkbox { font-size: var(--sd-ui-checkbox-font-size); line-height: var(--sd-ui-line-height) } .checkbox .checkbox-input { opacity: 0; position: absolute } .checkbox .checkbox-label { color: var(--sd-ui-checkbox-colour); cursor: var(--sd-ui-checkbox-cursor); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .checkbox .checkbox-label-value { margin-left: .5em; vertical-align: middle } .checkbox .checkbox-check { background-color: #fff; border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour); display: inline-block; font-size: var(--sd-ui-checkbox-size); height: var(--sd-ui-checkbox-size); position: relative; -webkit-transition: border-color ease .3s; transition: border-color ease .3s; vertical-align: middle; width: var(--sd-ui-checkbox-size) } .checkbox .checkbox-check::after { border-color: #fff; border-style: solid; border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0; content: ""; height: var(--sd-ui-checkbox-indicator-size); left: var(--sd-ui-checkbox-indicator-offset); position: absolute; top: var(--sd-ui-checkbox-indicator-offset); -webkit-transition: border-color .3s; transition: border-color .3s; width: var(--sd-ui-checkbox-indicator-size) } .checkbox .checkbox-input:checked+.checkbox-check::after { border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #fff #fff } .checkbox.checkbox.partial .checkbox-input:checked~.checkbox-check::after { border-top-color: #fff } .checkbox .checkbox-input:focus-visible+.checkbox-check { outline: 2px solid var(--sd-ui-checkbox-colour-focus); outline-offset: 1px } .checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check { border-color: var(--sd-ui-checkbox-border-colour-hover) } .checkbox.checkbox-label-indent .checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .checkbox.checkbox-label-indent .checkbox-check { -ms-flex-negative: 0; flex-shrink: 0 } .tab-list { width: 100%; margin-bottom: 1rem; -webkit-box-shadow: 0px -1px #1f1f1f inset; box-shadow: 0px -1px #1f1f1f inset } .tab { display: inline-block; list-style: none; cursor: pointer; font-weight: normal } .tab a:link,.tab a:visited { text-decoration: none; color: inherit } .tab:not(.tab-is-disabled) { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .tab:not(.tab-is-disabled) button,.tab:not(.tab-is-disabled) a { outline: none } .tab:not(.tab-is-disabled):hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tab:not(.tab-is-disabled).tab-is-selected { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; -webkit-box-shadow: 0px -4px 0 -1px #1f1f1f inset; box-shadow: 0px -4px 0 -1px #1f1f1f inset; border-collapse: separate } .tab.tab-is-disabled { cursor: default; border-bottom: 1px solid #1f1f1f } .tab.tab-is-disabled button { outline: none } .tab.tab-is-disabled .tab-title { color: #b8b8b8 } .tab-title { height: 2em; padding: 0.125rem 1rem 0; font-family: inherit; line-height: calc(2em - 2px); display: block; background-color: rgba(0,0,0,0); border: 0; text-decoration: none } .tab-panel { display: none } .tab-panel.tab-panel-is-selected,.tab-panel.tab-panel-force-rendered { display: block } .tablist-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 1rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .tabs-container { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 4px; position: relative; top: 4px } .tab-list[class*=responsive-to-] { margin-bottom: 0; position: relative; z-index: 1; white-space: nowrap; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } @media only screen and (min-width: 20em) { .tab-list.responsive-to-xs { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-xs { padding: 0 } .responsive-to-xs .tabs-control { display: none } } @media only screen and (min-width: 36em) { .tab-list.responsive-to-sm { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-sm { padding: 0 } .responsive-to-sm .tabs-control { display: none } } @media only screen and (min-width: 48em) { .tab-list.responsive-to-md { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-md { padding: 0 } .responsive-to-md .tabs-control { display: none } } @media only screen and (min-width: 62em) { .tab-list.responsive-to-lg { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-lg { padding: 0 } .responsive-to-lg .tabs-control { display: none } } @media only screen and (min-width: 75em) { .tab-list.responsive-to-xl { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-xl { padding: 0 } .responsive-to-xl .tabs-control { display: none } } .tabs-control { -ms-flex-negative: 0; flex-shrink: 0; height: calc(2.5em + 1px); width: 2.5em } .tabs-control:enabled { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .tabs-control:enabled button,.tabs-control:enabled a { outline: none } .tabs-control:enabled:hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tabs-control svg.icon.tabs-control-icon { margin: 0 } .simple-tabs { --sd-ui-tabs-border-bottom-colour: #1f1f1f; --sd-ui-tabs-border-bottom-colour-hover: #eb6500; --sd-ui-tabs-border-bottom-width: 0.25rem; --sd-ui-tabs-colour: #1f1f1f; --sd-ui-tabs-colour-focus: #eb6500; --sd-ui-tab-panel-padding-ver: 2rem; --sd-ui-tab-panel-padding-hor: 1rem; --sd-ui-tabs-cursor: pointer; --sd-ui-tabs-font-size: 1em; --sd-ui-tab-padding-hor: 0.625rem; --sd-ui-tab-padding-top: 0.375rem; --sd-ui-tab-padding-bottom: 0.125rem; --sd-ui-tab-colour-focus: #eb6500; --sd-ui-tab-colour-hover: #1f1f1f; --sd-ui-tab-border-colour-hover: #eb6500 } .simple-tabs.on-dark-background { --sd-ui-tabs-border-bottom-colour-hover: #ffffff; --sd-ui-tabs-colour: #ffffff; --sd-ui-tabs-colour-focus: #ffffff } .simple-tabs { font-family: inherit; font-size: var(--sd-ui-tabs-font-size); line-height: var(--sd-ui-line-height) } .simple-tab-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; width: 100% } .simple-tab-list.simple-tab-list-scrolling { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; scroll-padding-inline: 3rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: -4px; margin-left: -4px; margin-top: -4px; -webkit-box-shadow: unset; box-shadow: unset } .simple-tab-list.simple-tab-list-scrolling>.simple-tab { margin: 4px 0 } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:first-child { margin-left: 4px } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:last-child { margin-right: 4px } .simple-tab-list.simple-tab-list-scrolling~.simple-tab-list-scrolling-border-bottom { border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour); margin-top: -1px; margin-right: 4px; margin-left: 4px } .simple-tab-panel { padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor) } .simple-tab-panel.active { display: block } .simple-tab-panel.active:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 1px } .simple-tab-panel.hidden { display: none } .simple-tab { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: rgba(0,0,0,0); border: none; border-bottom: var(--sd-ui-tabs-border-bottom-width) solid rgba(0,0,0,0); color: var(--sd-ui-tabs-colour); cursor: var(--sd-ui-tabs-cursor); font-family: inherit; padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor); -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; white-space: nowrap } .simple-tab[aria-selected=true] { border-bottom-color: var(--sd-ui-tabs-border-bottom-colour) } .simple-tab:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 2px } .simple-tab:hover[aria-selected=false],.simple-tab:hover:not([aria-selected]) { border-color: var(--sd-ui-tab-border-colour-hover); color: var(--sd-ui-tab-colour-hover) } .accordion-container .accordion-title { color: #1f1f1f; font-size: inherit; line-height: inherit } .accordion-container .accordion-title .accordion-text { border-bottom: 2px solid rgba(0,0,0,0); -webkit-transition: border-bottom-color .3s ease; transition: border-bottom-color .3s ease } .accordion-container .accordion-subtitle { display: block } .accordion-container .accordion-panel-title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); position: relative; border: 0; cursor: pointer } .accordion-container .accordion-panel-title:hover .accordion-text,.accordion-container .accordion-panel-title:active .accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-panel-title:hover .accordion-icon,.accordion-container .accordion-panel-title:active .accordion-icon { fill: #eb6500 } .accordion-container .accordion-panel-title:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .accordion-container .accordion-panel-title.icon-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .accordion-container .accordion-panel-title.icon-left .accordion-icon { margin-right: 8px } .accordion-container .accordion-panel-title.icon-right .accordion-icon { margin-left: 8px } .accordion-container .accordion-panel { list-style: none; max-width: none; border-bottom: 2px solid #b8b8b8 } .accordion-container .accordion-panel:first-child { border-top: 2px solid #b8b8b8 } .accordion-container .accordion-panel>button[aria-expanded=true]>div>.accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-icon { fill: #0272b1; -ms-flex-negative: 0; flex-shrink: 0 } .accordion-container .accordion-icon.navigate-up { fill: #0272b1 } .accordion-container .accordion-icon.navigate-up:hover { fill: #eb6500 } .pagination :last-child { margin-right: 0 } .pagination :first-child { margin-left: 0 } .pagination-pages-label { color: #1f1f1f } .pagination-controls { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .current-page { border-bottom: 2px solid #000 } .button { --sd-ui-button-background-colour: #0272b1; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-border-colour: #0272b1; --sd-ui-button-border-colour-hover: #eb6500; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-focus: #eb6500; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-cursor: pointer; --sd-ui-button-font-size: 1em; --sd-ui-button-gap: 0.375rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f; --sd-ui-button-icon-size: calc(1em + 4px); --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button-secondary,.button-tertiary { --sd-ui-button-background-colour: transparent } .button-secondary { --sd-ui-button-colour: #0272b1; --sd-ui-button-icon-fill: #0272b1 } .button-tertiary { --sd-ui-button-border-colour: #1f1f1f; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-icon-fill: #1f1f1f } .button.on-dark-background { --sd-ui-button-border-colour: #ffffff; --sd-ui-button-border-colour-hover: #ffffff; --sd-ui-button-background-colour: #ffffff; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-colour-focus: #ffffff; --sd-ui-button-colour-hover: #ffffff; --sd-ui-button-icon-fill: #1f1f1f; --sd-ui-button-icon-fill-hover: #ffffff } .button-secondary.on-dark-background,.button-tertiary.on-dark-background { --sd-ui-button-background-colour: transparent; --sd-ui-button-background-colour-hover: #ffffff; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f } .button:disabled { --sd-ui-button-background-colour: #b8b8b8; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-cursor: default } .button-secondary:disabled,.button-tertiary:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-colour: #b8b8b8; --sd-ui-button-icon-fill: #b8b8b8 } .button.on-dark-background:disabled { --sd-ui-button-background-colour: #707070; --sd-ui-button-border-colour: #707070 } .button-secondary.on-dark-background:disabled,.button-tertiary.on-dark-background:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-colour: #707070; --sd-ui-button-icon-fill: #707070 } .button.small { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } .button.medium { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button.large { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } .button.responsive { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } @media only screen and (min-width: 48em) { .button.responsive { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } } @media only screen and (min-width: 62em) { .button.responsive { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } } .button { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: var(--sd-ui-button-background-colour); border: 2px solid var(--sd-ui-button-border-colour); color: var(--sd-ui-button-colour); cursor: var(--sd-ui-button-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-font-size); gap: var(--sd-ui-button-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-min-width); max-width: 250px; padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor); -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; white-space: nowrap } @media only screen and (min-width: 36em) { .button { max-width:100% } } .button-icon-only { padding: var(--sd-ui-button-padding-icon-label); min-width: inherit } .button.disable-min-width { min-width: inherit } .button:focus-visible { outline: 2px solid var(--sd-ui-button-colour-focus); outline-offset: 2px } .button:hover:not(:disabled) { background-color: var(--sd-ui-button-background-colour-hover); border-color: var(--sd-ui-button-border-colour-hover); color: var(--sd-ui-button-colour-hover) } .button .icon,.button-text-container { -ms-flex-item-align: center; align-self: center } .button .icon { fill: var(--sd-ui-button-icon-fill); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-button-icon-size); width: var(--sd-ui-button-icon-size); -webkit-transition: fill .3s ease; transition: fill .3s ease } .button-text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis } .button:hover:not(:disabled) .icon { fill: var(--sd-ui-button-icon-fill-hover) } @-webkit-keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } .icon-spinner>rect { -webkit-animation: icon-spinner-anim .4s linear 0s infinite; animation: icon-spinner-anim .4s linear 0s infinite } .icon-spinner>rect:nth-of-type(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s } .icon-spinner>rect:nth-of-type(3) { -webkit-animation-delay: -0.35s; animation-delay: -0.35s } .icon-spinner>rect:nth-of-type(4) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s } .icon-spinner>rect:nth-of-type(5) { -webkit-animation-delay: -0.25s; animation-delay: -0.25s } .icon-spinner>rect:nth-of-type(6) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s } .icon-spinner>rect:nth-of-type(7) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s } .icon-spinner>rect:nth-of-type(8) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s } .icon-spinner>rect:nth-of-type(9) { -webkit-animation-delay: -0.05s; animation-delay: -0.05s } .icon-spinner>rect:nth-of-type(10) { -webkit-animation: none; animation: none } .modal { border: 1rem solid rgba(220,220,220,.85); min-width: 18rem } .modal:active,.modal:focus,.modal:hover { outline: 0 } .modal-content { border-top: 2px solid #eb6500 } .modal-close-button { padding: 8px } .modal-close-button-icon { fill: #1f1f1f !important; border-bottom: 2px solid rgba(0,0,0,0) } .modal-close-button-icon:hover { border-bottom: 2px solid #eb6500 } .modal-overlay { background-color: rgba(112,112,112,.85); z-index: 1000; position: fixed } .text-input,.search-input { --sd-ui-text-input-background-color: inherit; --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #1f1f1f; --sd-ui-text-input-offset-top: 26px; --sd-ui-text-input-clear-button-padding: 10px; --sd-ui-text-input-clear-button-size: calc(1em + 4px); --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2)) } .text-input-field,.search-input-field { --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width)) } .text-input-field:focus-visible,.search-input-field:focus-visible { --sd-ui-text-input-background-color: transparent; --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input:hover .text-input-field:not(:focus-visible):not(.borderless),.text-input:hover .search-input-field:not(:focus-visible):not(.borderless),.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) { --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px } .text-input-error,.search-input-error { --sd-ui-text-input-background-color: #fff3eb; --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #bc1a23 } .text-input-field.borderless,.search-input-field.borderless { --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input-container-no-label .text-input-clear,.text-input-container-no-label .search-input-clear,.search-input-container-no-label .text-input-clear,.search-input-container-no-label .search-input-clear { --sd-ui-text-input-offset-top: 0 } .text-input-field-with-clear,.search-input-field-with-clear { --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width)) } html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible { --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 1px } .text-input,.search-input { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .text-input-with-clear,.search-input-with-clear { position: relative } .text-input-container,.search-input-container { display: contents } .text-input-label,.search-input-label { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-input-field,.search-input-field { font-size: 16px; line-height: var(--sd-ui-line-height); background-color: var(--sd-ui-text-input-background-color); border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color); border-bottom-width: var(--sd-ui-text-input-border-bottom-width); font-family: inherit; max-width: 100%; padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) } .text-input-field:focus-visible,.search-input-field:focus-visible { outline: 2px solid #eb6500; outline-offset: -2px } .text-input-field:-moz-read-only:focus-visible, .search-input-field:-moz-read-only:focus-visible { outline: none } .text-input-field:read-only:focus-visible,.search-input-field:read-only:focus-visible { outline: none } .text-input-message-container,.search-input-message-container { font-size: 14px; line-height: var(--sd-ui-line-height); min-height: var(--sd-ui-line-height) } .text-input-tip,.search-input-tip { font-style: italic } .text-input-error-message,.search-input-error-message { color: #bc1a23 } .text-input-clear,.search-input-clear { padding: var(--sd-ui-text-input-clear-button-padding); position: absolute; right: 0; top: var(--sd-ui-text-input-offset-top); width: var(--sd-ui-text-input-clear-button-width) } .text-input-clear .icon,.search-input-clear .icon { font-size: 16px; line-height: var(--sd-ui-line-height); height: var(--sd-ui-text-input-clear-button-size); width: var(--sd-ui-text-input-clear-button-size) } .text-input-clear:focus-visible,.search-input-clear:focus-visible { outline-offset: -2px } html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible { outline-offset: 2px } .alert { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 8px } .alert-icon-box { -ms-flex-item-align: start; align-self: flex-start; display: block; padding: 4px } .alert-icon-box .icon { display: block; height: calc(16px + 4px); width: calc(16px + 4px) } .alert-text { -ms-flex-item-align: center; align-self: center } .popover { position: relative; display: inline-block } .popover-content { position: absolute; margin-top: 16px; z-index: 9999; padding: 16px; border: 1px solid #8e8e8e; border-top: rgba(0,0,0,0); background: rgba(235,235,235,.85) } .popover-content.popover-align-left { -webkit-box-shadow: 7px -9px 0px -7px #eb6500; box-shadow: 7px -9px 0px -7px #eb6500; left: 0 } .popover-content.popover-align-left.popover-align-left:before { content: ""; position: absolute; left: -1px; background-position: left top; border-left: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content.popover-align-right { -webkit-box-shadow: -7px -9px 0px -7px #eb6500; box-shadow: -7px -9px 0px -7px #eb6500; right: 0 } .popover-content.popover-align-right.popover-align-right:before { content: ""; position: absolute; right: -1px; background-position: left top; border-right: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content-inner { background: #fff } .popover-content-inner .popover-children { padding: 32px 16px } .popover-content-inner.popover-close-button-hidden .popover-children { padding: 16px } .popover-button-close { gap: 0; padding: 10px 10px 8px 10px; position: relative; right: 2px; top: 2px; border-bottom: 2px solid rgba(0,0,0,0) } .popover-button-close:hover { border-bottom: 2px solid #eb6500 } .popover-button-close:hover .icon { fill: #1f1f1f } .badge-warning,.badge-success,.badge-info { display: inline-block; font-weight: normal; border-radius: 10px; line-height: 0 !important } .badge-sm { font-size: 10px; line-height: var(--sd-ui-line-height); padding: 8px 5px } .badge-md { font-size: 14px; line-height: var(--sd-ui-line-height); padding: 10px 7px } .badge-info { color: #000; background: #44c6f4 } .badge-success { color: #fff; background: #0b7a2b } .badge-warning { color: #fff; background: #bc1a23 } .is-truncated-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .switch { --sd-ui-switch-background-colour: white; --sd-ui-switch-border-colour: #707070; --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2); --sd-ui-switch-border-width: 0.125rem; --sd-ui-switch-colour: inherit; --sd-ui-switch-colour-focus: #eb6500; --sd-ui-switch-cursor: pointer; --sd-ui-switch-font-size: 1rem; --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2)); --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2); --sd-ui-switch-indicator-colour: #b8b8b8; --sd-ui-switch-indicator-scale: 0.5; --sd-ui-switch-indicator-size: 1em; --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1) } .switch.is-disabled { --sd-ui-switch-border-colour: #b8b8b8; --sd-ui-switch-colour: #b8b8b8; --sd-ui-switch-cursor: default; --sd-ui-switch-indicator-colour: #b8b8b8 } .switch-input:checked+.switch-check::after { --sd-ui-switch-indicator-colour: #eb6500; --sd-ui-switch-indicator-scale: 0.7; --sd-ui-switch-indicator-translate-x: 0 } .switch:not(.is-disabled) .switch-label:hover { --sd-ui-switch-border-colour: #1f1f1f } .switch-small { --sd-ui-switch-font-size: 0.875rem } .switch-large { --sd-ui-switch-font-size: 1.25rem } .switch { color: var(--sd-ui-switch-colour); font-size: var(--sd-ui-switch-font-size); line-height: var(--sd-ui-line-height) } .switch .switch-label { cursor: var(--sd-ui-switch-cursor) } .switch .switch-input { opacity: 0; position: absolute } .switch .switch-check { background-color: var(--sd-ui-switch-background-colour); border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour); border-radius: var(--sd-ui-switch-border-radius); display: inline-block; height: var(--sd-ui-switch-height); position: relative; -webkit-transition: border .3s ease; transition: border .3s ease; vertical-align: middle; width: var(--sd-ui-switch-width) } .switch .switch-check::after { background-color: var(--sd-ui-switch-indicator-colour); border-radius: 50%; content: ""; display: block; height: var(--sd-ui-switch-indicator-size); position: absolute; right: 0; top: 0; -webkit-transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); -ms-transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); -webkit-transition: background-color .4s ease,-webkit-transform .4s ease; transition: background-color .4s ease,-webkit-transform .4s ease; transition: transform .4s ease,background-color .4s ease; transition: transform .4s ease,background-color .4s ease,-webkit-transform .4s ease; width: var(--sd-ui-switch-indicator-size) } .switch .switch-input:focus-visible+.switch-check { outline-offset: 2px; outline: 2px solid var(--sd-ui-switch-colour-focus) } .switch .switch-label-value { margin-left: .5em; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .input-dropdown { --sd-ui-input-dropdown-colour: inherit; --sd-ui-input-dropdown-cursor: pointer; --sd-ui-input-dropdown-tranisition-duration: 0.3s; --sd-ui-input-dropdown-button-border-colour: inherit; --sd-ui-input-dropdown-divider-colour: #1f1f1f; --sd-ui-input-dropdown-options-visibility: hidden } .input-dropdown.options-visible { --sd-ui-input-dropdown-button-border-colour: #eb6500; --sd-ui-input-dropdown-divider-colour: #eb6500; --sd-ui-input-dropdown-options-visibility: visible } .input-dropdown-disabled { --sd-ui-input-dropdown-colour: #b8b8b8; --sd-ui-input-dropdown-cursor: default; --sd-ui-input-dropdown-divider-colour: #b8b8b8 } .input-dropdown { color: var(--sd-ui-input-dropdown-colour); cursor: var(--sd-ui-input-dropdown-cursor) } .input-dropdown .dropdown-input-row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour); display: -webkit-box; display: -ms-flexbox; display: flex } .input-dropdown .text-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .input-dropdown .text-input-label { cursor: inherit } .input-dropdown .text-input-field { --sd-ui-text-input-field-padding-top: 4px; --sd-ui-text-input-field-padding-left: 0; --sd-ui-text-input-field-padding-bottom: 4px; color: inherit; cursor: inherit; margin-bottom: 4px } .input-dropdown .text-input-message-container { display: none } .input-dropdown .input-dropdown-button { border-color: var(--sd-ui-input-dropdown-button-border-colour); gap: 0; margin-bottom: 4px; outline-offset: 1px } .input-dropdown .dropdown-container { position: relative } .input-dropdown .options-list-container { background: #fff; border: 1px solid #8e8e8e; border-top: none; opacity: 0; position: absolute; visibility: var(--sd-ui-input-dropdown-options-visibility); width: 100%; z-index: 1 } .input-dropdown.options-visible .options-list-container { opacity: 1 } .input-dropdown .options-list { list-style: none; margin: 0; padding: 0 } .input-dropdown .option-item { cursor: pointer; padding: 0 8px 8px } .input-dropdown .option-item:first-child { padding-top: 8px } .input-dropdown .option-item:focus-visible { outline: none } .input-dropdown .option-item:hover .options-item-text,.input-dropdown .option-item.isCurrent .options-item-text { border-bottom: 2px solid #eb6500 } .input-dropdown-fancy { border: 1px solid rgba(0,0,0,0); border-bottom: 0; margin: 0 -16px; padding: 8px 16px 0 16px } .input-dropdown-fancy.options-visible { border-color: #8e8e8e; background: #f0f0f0 } .input-dropdown-fancy .input-dropdown-button { background: rgba(0,0,0,0) } .input-dropdown-fancy.options-visible .input-dropdown-button { background: #fff } .input-dropdown-fancy .dropdown-container { position: relative } .input-dropdown-fancy .options-list-container { background: #f0f0f0; border: 1px solid #8e8e8e; border-top: none; margin-left: -17px; padding: 0 16px 16px; width: calc(100% + 34px) } .input-dropdown-fancy .options-list { background: #fff } .link-button { --sd-ui-link-button-background-colour: #0272b1; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-border-colour: #0272b1; --sd-ui-link-button-border-colour-hover: #eb6500; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-outline-focus: #eb6500; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-cursor: pointer; --sd-ui-link-button-font-size: 1em; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f; --sd-ui-link-button-icon-size: calc(1em + 4px); --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button-secondary,.link-button-tertiary { --sd-ui-link-button-background-colour: transparent } .link-button-secondary { --sd-ui-link-button-colour: #0272b1; --sd-ui-link-button-icon-fill: #0272b1 } .link-button-tertiary { --sd-ui-link-button-border-colour: #1f1f1f; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-icon-fill: #1f1f1f } .link-button.on-dark-background { --sd-ui-link-button-border-colour: #ffffff; --sd-ui-link-button-border-colour-hover: #ffffff; --sd-ui-link-button-background-colour: #ffffff; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-outline-focus: #ffffff; --sd-ui-link-button-colour-hover: #ffffff; --sd-ui-link-button-icon-fill: #1f1f1f; --sd-ui-link-button-icon-fill-hover: #ffffff } .link-button-secondary.on-dark-background,.link-button-tertiary.on-dark-background { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-background-colour-hover: #ffffff; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f } .link-button[aria-disabled=true] { --sd-ui-link-button-outline-focus: transparent; --sd-ui-link-button-cursor: default; --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary[aria-disabled=true],.link-button-tertiary[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-border-colour: #b8b8b8; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary.on-dark-background[aria-disabled=true],.link-button-tertiary.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.small { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } .link-button.medium { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button.large { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } .link-button.responsive { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } @media only screen and (min-width: 48em) { .link-button.responsive { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } } @media only screen and (min-width: 62em) { .link-button.responsive { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } } .link-button { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: var(--sd-ui-link-button-background-colour); border: 2px solid var(--sd-ui-link-button-border-colour); color: var(--sd-ui-link-button-colour); cursor: var(--sd-ui-link-button-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-link-button-font-size); gap: var(--sd-ui-link-button-gap); line-height: var(--sd-ui-line-height); max-width: 250px; min-width: var(--sd-ui-link-button-min-width); padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor); text-decoration: none; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } @media only screen and (min-width: 36em) { .link-button { max-width:100% } } .link-button-icon-only { padding: var(--sd-ui-link-button-padding-icon-label); min-width: inherit } .link-button.disable-min-width { min-width: inherit } .link-button:focus-visible { outline: 2px solid var(--sd-ui-link-button-outline-focus); outline-offset: 2px } .link-button:hover:not([aria-disabled=true]) { background-color: var(--sd-ui-link-button-background-colour-hover); border-color: var(--sd-ui-link-button-border-colour-hover); color: var(--sd-ui-link-button-colour-hover) } .link-button .icon,.link-button-text-container { -ms-flex-item-align: center; align-self: center; text-align: center } .link-button .icon { fill: var(--sd-ui-link-button-icon-fill); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-link-button-icon-size); width: var(--sd-ui-link-button-icon-size); -webkit-transition: fill .3s ease; transition: fill .3s ease } .link-button-text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis } .link-button:hover:not([aria-disabled=true]) .icon { fill: var(--sd-ui-link-button-icon-fill-hover) } .link-button .arrow-external-link { height: var(--sd-ui-link-button-icon-external-link-size); width: var(--sd-ui-link-button-icon-external-link-size) } :root { --sd-ui-right-side-panel-width: calc(496px) } .side-panel { width: calc(100vw - 16px); border-left: 16px solid rgba(0,0,0,0); position: fixed; display: block; top: 0; bottom: 0; right: 0; z-index: 1000; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: hidden; -webkit-transition: visibility 0s linear .3s,-webkit-transform .3s ease; transition: visibility 0s linear .3s,-webkit-transform .3s ease; transition: visibility 0s linear .3s,transform .3s ease; transition: visibility 0s linear .3s,transform .3s ease,-webkit-transform .3s ease } @media(min-width: calc(512px)) { .side-panel { width:var(--sd-ui-right-side-panel-width) } } .side-panel-content { overflow-y: auto; position: fixed; height: 100%; background-color: #fff; width: 100% } .side-panel-is-expanded { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s } .side-panel-children { margin-bottom: 48px; padding: 0 16px } @media only screen and (min-width: 36em) { .side-panel-children { padding:0 32px } } @media(min-width: calc(512px)) { .side-panel-border { background:linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px) } } .side-panel-header { position: sticky; height: 48px; top: 0; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; padding: 0 8px 0 16px } @media only screen and (min-width: 36em) { .side-panel-header { height:80px; padding: 0 24px 0 32px } } .side-panel-close-btn { float: right; padding: 8px 14px } .side-panel-close-btn svg { fill: #1f1f1f !important } .side-panel-close-btn svg:hover { fill: #eb6500 !important } .side-panel-overlay { position: fixed; width: 100%; bottom: 0; right: 100%; left: 0; top: 0; z-index: 70; background-color: rgba(31,31,31,.55); opacity: 0; visibility: hidden; -webkit-transition: visibility .3s ease,opacity .3s ease; transition: visibility .3s ease,opacity .3s ease } .side-panel-overlay-is-expanded { opacity: 1; visibility: visible } @media(min-width: calc(512px)) { .side-panel-overlay-is-expanded { opacity:0; visibility: hidden } .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints { opacity: 1; visibility: visible } } @media(prefers-reduced-motion: reduce) { .side-panel,.side-panel-overlay { -webkit-transition: none; transition: none } } :root { --sd-ui-carousel-banner-color: #f5f5f5; --sd-ui-carousel-banner-opacity: 80% } .carousel { position: relative; overflow: hidden } .carousel .slide-item { position: absolute; height: 100%; width: 100%; display: none } .carousel .active-carousel-indicator .button-text { border-bottom: 1px solid #4c4c4c } .carousel .active-carousel-indicator div { background: #4c4c4c } .carousel .active-carousel-slide { display: initial } .carousel #indicators { width: 100%; position: absolute; bottom: 0; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--sd-ui-carousel-banner-color); opacity: var(--sd-ui-carousel-banner-opacity) } .carousel .carousel-indicators { list-style: none; grid-gap: 0.5rem; display: grid; -ms-flex-line-pack: center; align-content: center; grid-auto-flow: column; grid-auto-columns: 1fr } .carousel .carousel-indicator { height: 12px; width: 12px; border-radius: 6px; border: 1px solid #1f1f1f; margin: auto; background: #f5f5f5 } .carousel button { background: unset; border: none; font-size: 1.25rem; line-height: 1.15 } .carousel .button-text { border-bottom: 1px solid rgba(0,0,0,0) } .carousel .carousel-slides { height: inherit; width: inherit } .carousel .slide-indicator { padding: 1rem } .carousel .slide-indicator .button-text { display: none } .carousel .slide-indicator .button-link-text { vertical-align: middle } @media only screen and (min-width: 36em) { .carousel .slide-indicator { padding:0 1rem } .carousel .slide-indicator .button-text { display: inline-block } .carousel .without-caption { padding: 1rem } } .ArticleCard { display: grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-template-areas: "checkbox type-access" ". title" ". authors" ". source-info" ". actions"; row-gap: 2px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .article-card_checkbox { grid-area: checkbox } .AccessTypeIndicator { grid-area: type-access } .AccessTypeIndicator span { margin-right: 8px } .ArticleTitle { grid-area: title } .Authors { grid-area: authors } .SourceInfo { grid-area: source-info } .Actions { grid-area: actions } .AccessTypeIndicator .access-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 8px } .AccessTypeIndicator .access-indicator.access-indicator-yes { background: #0b7a2b } .AccessTypeIndicator .access-indicator.access-indicator-no { border: 1px solid #000 } .Actions { margin-top: 4px } .Actions .actions-container { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none } .Actions .actions-container button.expandable-action.active>svg { fill: #ff6c00 } .tooltip-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .tooltip { --sd-ui-tooltip-font-size: 16px; --sd-ui-tooltip-line-height: 24px; position: absolute; display: inline-block } .tooltip-content { margin: 16px 0; padding: 16px; border: 1px solid #8e8e8e; background-color: #f0f0f0; opacity: 0; visibility: hidden; display: none; -webkit-transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition-behavior: allow-discrete } .tooltip-content-visible { -webkit-transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition-behavior: allow-discrete; display: inline-block; visibility: visible; opacity: 1 } @starting-style { .tooltip-content-visible { opacity: 0 } } .tooltip-small { max-width: 320px } .tooltip-medium { max-width: 480px } .tooltip-large { max-width: 640px } .tooltip-position-bottom-left { border-top: rgba(0,0,0,0); -webkit-box-shadow: 7px -9px 0px -7px #eb6500; box-shadow: 7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-left.tooltip-position-bottom-left:before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-left.tooltip-position-bottom-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; top: 0 } .tooltip-position-bottom-right { border-top: rgba(0,0,0,0); -webkit-box-shadow: -7px -9px 0px -7px #eb6500; box-shadow: -7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-right.tooltip-position-bottom-right:before { background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-right.tooltip-position-bottom-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; top: 0 } .tooltip-position-top-left { border-bottom: rgba(0,0,0,0); -webkit-box-shadow: 7px 9px 0px -7px #eb6500; box-shadow: 7px 9px 0px -7px #eb6500 } .tooltip-position-top-left.tooltip-position-top-left:before { background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-left.tooltip-position-top-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; bottom: 0 } .tooltip-position-top-right { border-bottom: rgba(0,0,0,0); -webkit-box-shadow: -7px 9px 0px -7px #eb6500; box-shadow: -7px 9px 0px -7px #eb6500 } .tooltip-position-top-right.tooltip-position-top-right:before { background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-right.tooltip-position-top-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; bottom: 0 } .floating-ui-node { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001 } .els-footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (min-width: 36em) { .els-footer-links { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .sd-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh } .sd-flex-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .els-footer { border-top: .1rem solid #eb6500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0 } @media only screen and (min-width: 48em) { .els-footer { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .els-footer-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } @media print { .els-footer { border-top: .1rem solid #dcdcdc; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; page-break-before: avoid; -webkit-column-break-before: avoid; -moz-column-break-before: avoid; break-before: avoid-page; page-break-inside: avoid; break-inside: avoid-page } .els-footer-content>p { font-size: 8pt; line-height: 1.5 } } .cookie-btn { height: 22px !important; border: none !important; border-bottom: 2px solid rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; padding: 0 !important; font-size: .875rem !important; line-height: var(--sd-ui-line-height) !important; color: #1f1f1f !important } .cookie-btn:hover { border-bottom: 2px solid #eb6500 !important; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s } .with-loading-state svg.icon.icon-spinner { vertical-align: middle; margin: 0 } .with-loading-state.is-complete-default { background-color: #0b7a2b; border-color: #0b7a2b } .with-loading-state.is-active { cursor: default } .u-padding-0 { padding: 0px !important } .u-margin-0 { margin: 0px !important } .u-padding-0-ver { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top { padding-top: 0px !important } .u-margin-0-top { margin-top: 0px !important } .u-padding-0-right { padding-right: 0px !important } .u-margin-0-right { margin-right: 0px !important } .u-padding-0-bottom { padding-bottom: 0px !important } .u-margin-0-bottom { margin-bottom: 0px !important } .u-padding-0-left { padding-left: 0px !important } .u-margin-0-left { margin-left: 0px !important } .u-padding-xs { padding: 8px !important } .u-margin-xs { margin: 8px !important } .u-padding-xs-ver { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top { padding-top: 8px !important } .u-margin-xs-top { margin-top: 8px !important } .u-padding-xs-right { padding-right: 8px !important } .u-margin-xs-right { margin-right: 8px !important } .u-padding-xs-bottom { padding-bottom: 8px !important } .u-margin-xs-bottom { margin-bottom: 8px !important } .u-padding-xs-left { padding-left: 8px !important } .u-margin-xs-left { margin-left: 8px !important } .u-padding-s { padding: 16px !important } .u-margin-s { margin: 16px !important } .u-padding-s-ver { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top { padding-top: 16px !important } .u-margin-s-top { margin-top: 16px !important } .u-padding-s-right { padding-right: 16px !important } .u-margin-s-right { margin-right: 16px !important } .u-padding-s-bottom { padding-bottom: 16px !important } .u-margin-s-bottom { margin-bottom: 16px !important } .u-padding-s-left { padding-left: 16px !important } .u-margin-s-left { margin-left: 16px !important } .u-padding-m { padding: 24px !important } .u-margin-m { margin: 24px !important } .u-padding-m-ver { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top { padding-top: 24px !important } .u-margin-m-top { margin-top: 24px !important } .u-padding-m-right { padding-right: 24px !important } .u-margin-m-right { margin-right: 24px !important } .u-padding-m-bottom { padding-bottom: 24px !important } .u-margin-m-bottom { margin-bottom: 24px !important } .u-padding-m-left { padding-left: 24px !important } .u-margin-m-left { margin-left: 24px !important } .u-padding-l { padding: 32px !important } .u-margin-l { margin: 32px !important } .u-padding-l-ver { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top { padding-top: 32px !important } .u-margin-l-top { margin-top: 32px !important } .u-padding-l-right { padding-right: 32px !important } .u-margin-l-right { margin-right: 32px !important } .u-padding-l-bottom { padding-bottom: 32px !important } .u-margin-l-bottom { margin-bottom: 32px !important } .u-padding-l-left { padding-left: 32px !important } .u-margin-l-left { margin-left: 32px !important } .u-padding-xl { padding: 40px !important } .u-margin-xl { margin: 40px !important } .u-padding-xl-ver { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top { padding-top: 40px !important } .u-margin-xl-top { margin-top: 40px !important } .u-padding-xl-right { padding-right: 40px !important } .u-margin-xl-right { margin-right: 40px !important } .u-padding-xl-bottom { padding-bottom: 40px !important } .u-margin-xl-bottom { margin-bottom: 40px !important } .u-padding-xl-left { padding-left: 40px !important } .u-margin-xl-left { margin-left: 40px !important } .u-padding-xxl { padding: 48px !important } .u-margin-xxl { margin: 48px !important } .u-padding-xxl-ver { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top { padding-top: 48px !important } .u-margin-xxl-top { margin-top: 48px !important } .u-padding-xxl-right { padding-right: 48px !important } .u-margin-xxl-right { margin-right: 48px !important } .u-padding-xxl-bottom { padding-bottom: 48px !important } .u-margin-xxl-bottom { margin-bottom: 48px !important } .u-padding-xxl-left { padding-left: 48px !important } .u-margin-xxl-left { margin-left: 48px !important } @media only screen and (min-width: 20em) { .u-padding-0-from-xs { padding:0px !important } .u-margin-0-from-xs { margin: 0px !important } .u-padding-0-ver-from-xs { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xs { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xs { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xs { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xs { padding-top: 0px !important } .u-margin-0-top-from-xs { margin-top: 0px !important } .u-padding-0-right-from-xs { padding-right: 0px !important } .u-margin-0-right-from-xs { margin-right: 0px !important } .u-padding-0-bottom-from-xs { padding-bottom: 0px !important } .u-margin-0-bottom-from-xs { margin-bottom: 0px !important } .u-padding-0-left-from-xs { padding-left: 0px !important } .u-margin-0-left-from-xs { margin-left: 0px !important } .u-padding-xs-from-xs { padding: 8px !important } .u-margin-xs-from-xs { margin: 8px !important } .u-padding-xs-ver-from-xs { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xs { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xs { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xs { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xs { padding-top: 8px !important } .u-margin-xs-top-from-xs { margin-top: 8px !important } .u-padding-xs-right-from-xs { padding-right: 8px !important } .u-margin-xs-right-from-xs { margin-right: 8px !important } .u-padding-xs-bottom-from-xs { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xs { margin-bottom: 8px !important } .u-padding-xs-left-from-xs { padding-left: 8px !important } .u-margin-xs-left-from-xs { margin-left: 8px !important } .u-padding-s-from-xs { padding: 16px !important } .u-margin-s-from-xs { margin: 16px !important } .u-padding-s-ver-from-xs { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xs { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xs { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xs { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xs { padding-top: 16px !important } .u-margin-s-top-from-xs { margin-top: 16px !important } .u-padding-s-right-from-xs { padding-right: 16px !important } .u-margin-s-right-from-xs { margin-right: 16px !important } .u-padding-s-bottom-from-xs { padding-bottom: 16px !important } .u-margin-s-bottom-from-xs { margin-bottom: 16px !important } .u-padding-s-left-from-xs { padding-left: 16px !important } .u-margin-s-left-from-xs { margin-left: 16px !important } .u-padding-m-from-xs { padding: 24px !important } .u-margin-m-from-xs { margin: 24px !important } .u-padding-m-ver-from-xs { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xs { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xs { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xs { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xs { padding-top: 24px !important } .u-margin-m-top-from-xs { margin-top: 24px !important } .u-padding-m-right-from-xs { padding-right: 24px !important } .u-margin-m-right-from-xs { margin-right: 24px !important } .u-padding-m-bottom-from-xs { padding-bottom: 24px !important } .u-margin-m-bottom-from-xs { margin-bottom: 24px !important } .u-padding-m-left-from-xs { padding-left: 24px !important } .u-margin-m-left-from-xs { margin-left: 24px !important } .u-padding-l-from-xs { padding: 32px !important } .u-margin-l-from-xs { margin: 32px !important } .u-padding-l-ver-from-xs { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xs { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xs { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xs { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xs { padding-top: 32px !important } .u-margin-l-top-from-xs { margin-top: 32px !important } .u-padding-l-right-from-xs { padding-right: 32px !important } .u-margin-l-right-from-xs { margin-right: 32px !important } .u-padding-l-bottom-from-xs { padding-bottom: 32px !important } .u-margin-l-bottom-from-xs { margin-bottom: 32px !important } .u-padding-l-left-from-xs { padding-left: 32px !important } .u-margin-l-left-from-xs { margin-left: 32px !important } .u-padding-xl-from-xs { padding: 40px !important } .u-margin-xl-from-xs { margin: 40px !important } .u-padding-xl-ver-from-xs { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xs { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xs { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xs { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xs { padding-top: 40px !important } .u-margin-xl-top-from-xs { margin-top: 40px !important } .u-padding-xl-right-from-xs { padding-right: 40px !important } .u-margin-xl-right-from-xs { margin-right: 40px !important } .u-padding-xl-bottom-from-xs { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xs { margin-bottom: 40px !important } .u-padding-xl-left-from-xs { padding-left: 40px !important } .u-margin-xl-left-from-xs { margin-left: 40px !important } .u-padding-xxl-from-xs { padding: 48px !important } .u-margin-xxl-from-xs { margin: 48px !important } .u-padding-xxl-ver-from-xs { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xs { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xs { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xs { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xs { padding-top: 48px !important } .u-margin-xxl-top-from-xs { margin-top: 48px !important } .u-padding-xxl-right-from-xs { padding-right: 48px !important } .u-margin-xxl-right-from-xs { margin-right: 48px !important } .u-padding-xxl-bottom-from-xs { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xs { margin-bottom: 48px !important } .u-padding-xxl-left-from-xs { padding-left: 48px !important } .u-margin-xxl-left-from-xs { margin-left: 48px !important } } @media only screen and (min-width: 36em) { .u-padding-0-from-sm { padding:0px !important } .u-margin-0-from-sm { margin: 0px !important } .u-padding-0-ver-from-sm { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-sm { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-sm { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-sm { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-sm { padding-top: 0px !important } .u-margin-0-top-from-sm { margin-top: 0px !important } .u-padding-0-right-from-sm { padding-right: 0px !important } .u-margin-0-right-from-sm { margin-right: 0px !important } .u-padding-0-bottom-from-sm { padding-bottom: 0px !important } .u-margin-0-bottom-from-sm { margin-bottom: 0px !important } .u-padding-0-left-from-sm { padding-left: 0px !important } .u-margin-0-left-from-sm { margin-left: 0px !important } .u-padding-xs-from-sm { padding: 8px !important } .u-margin-xs-from-sm { margin: 8px !important } .u-padding-xs-ver-from-sm { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-sm { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-sm { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-sm { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-sm { padding-top: 8px !important } .u-margin-xs-top-from-sm { margin-top: 8px !important } .u-padding-xs-right-from-sm { padding-right: 8px !important } .u-margin-xs-right-from-sm { margin-right: 8px !important } .u-padding-xs-bottom-from-sm { padding-bottom: 8px !important } .u-margin-xs-bottom-from-sm { margin-bottom: 8px !important } .u-padding-xs-left-from-sm { padding-left: 8px !important } .u-margin-xs-left-from-sm { margin-left: 8px !important } .u-padding-s-from-sm { padding: 16px !important } .u-margin-s-from-sm { margin: 16px !important } .u-padding-s-ver-from-sm { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-sm { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-sm { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-sm { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-sm { padding-top: 16px !important } .u-margin-s-top-from-sm { margin-top: 16px !important } .u-padding-s-right-from-sm { padding-right: 16px !important } .u-margin-s-right-from-sm { margin-right: 16px !important } .u-padding-s-bottom-from-sm { padding-bottom: 16px !important } .u-margin-s-bottom-from-sm { margin-bottom: 16px !important } .u-padding-s-left-from-sm { padding-left: 16px !important } .u-margin-s-left-from-sm { margin-left: 16px !important } .u-padding-m-from-sm { padding: 24px !important } .u-margin-m-from-sm { margin: 24px !important } .u-padding-m-ver-from-sm { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-sm { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-sm { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-sm { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-sm { padding-top: 24px !important } .u-margin-m-top-from-sm { margin-top: 24px !important } .u-padding-m-right-from-sm { padding-right: 24px !important } .u-margin-m-right-from-sm { margin-right: 24px !important } .u-padding-m-bottom-from-sm { padding-bottom: 24px !important } .u-margin-m-bottom-from-sm { margin-bottom: 24px !important } .u-padding-m-left-from-sm { padding-left: 24px !important } .u-margin-m-left-from-sm { margin-left: 24px !important } .u-padding-l-from-sm { padding: 32px !important } .u-margin-l-from-sm { margin: 32px !important } .u-padding-l-ver-from-sm { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-sm { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-sm { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-sm { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-sm { padding-top: 32px !important } .u-margin-l-top-from-sm { margin-top: 32px !important } .u-padding-l-right-from-sm { padding-right: 32px !important } .u-margin-l-right-from-sm { margin-right: 32px !important } .u-padding-l-bottom-from-sm { padding-bottom: 32px !important } .u-margin-l-bottom-from-sm { margin-bottom: 32px !important } .u-padding-l-left-from-sm { padding-left: 32px !important } .u-margin-l-left-from-sm { margin-left: 32px !important } .u-padding-xl-from-sm { padding: 40px !important } .u-margin-xl-from-sm { margin: 40px !important } .u-padding-xl-ver-from-sm { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-sm { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-sm { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-sm { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-sm { padding-top: 40px !important } .u-margin-xl-top-from-sm { margin-top: 40px !important } .u-padding-xl-right-from-sm { padding-right: 40px !important } .u-margin-xl-right-from-sm { margin-right: 40px !important } .u-padding-xl-bottom-from-sm { padding-bottom: 40px !important } .u-margin-xl-bottom-from-sm { margin-bottom: 40px !important } .u-padding-xl-left-from-sm { padding-left: 40px !important } .u-margin-xl-left-from-sm { margin-left: 40px !important } .u-padding-xxl-from-sm { padding: 48px !important } .u-margin-xxl-from-sm { margin: 48px !important } .u-padding-xxl-ver-from-sm { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-sm { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-sm { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-sm { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-sm { padding-top: 48px !important } .u-margin-xxl-top-from-sm { margin-top: 48px !important } .u-padding-xxl-right-from-sm { padding-right: 48px !important } .u-margin-xxl-right-from-sm { margin-right: 48px !important } .u-padding-xxl-bottom-from-sm { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-sm { margin-bottom: 48px !important } .u-padding-xxl-left-from-sm { padding-left: 48px !important } .u-margin-xxl-left-from-sm { margin-left: 48px !important } } @media only screen and (min-width: 48em) { .u-padding-0-from-md { padding:0px !important } .u-margin-0-from-md { margin: 0px !important } .u-padding-0-ver-from-md { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-md { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-md { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-md { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-md { padding-top: 0px !important } .u-margin-0-top-from-md { margin-top: 0px !important } .u-padding-0-right-from-md { padding-right: 0px !important } .u-margin-0-right-from-md { margin-right: 0px !important } .u-padding-0-bottom-from-md { padding-bottom: 0px !important } .u-margin-0-bottom-from-md { margin-bottom: 0px !important } .u-padding-0-left-from-md { padding-left: 0px !important } .u-margin-0-left-from-md { margin-left: 0px !important } .u-padding-xs-from-md { padding: 8px !important } .u-margin-xs-from-md { margin: 8px !important } .u-padding-xs-ver-from-md { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-md { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-md { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-md { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-md { padding-top: 8px !important } .u-margin-xs-top-from-md { margin-top: 8px !important } .u-padding-xs-right-from-md { padding-right: 8px !important } .u-margin-xs-right-from-md { margin-right: 8px !important } .u-padding-xs-bottom-from-md { padding-bottom: 8px !important } .u-margin-xs-bottom-from-md { margin-bottom: 8px !important } .u-padding-xs-left-from-md { padding-left: 8px !important } .u-margin-xs-left-from-md { margin-left: 8px !important } .u-padding-s-from-md { padding: 16px !important } .u-margin-s-from-md { margin: 16px !important } .u-padding-s-ver-from-md { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-md { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-md { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-md { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-md { padding-top: 16px !important } .u-margin-s-top-from-md { margin-top: 16px !important } .u-padding-s-right-from-md { padding-right: 16px !important } .u-margin-s-right-from-md { margin-right: 16px !important } .u-padding-s-bottom-from-md { padding-bottom: 16px !important } .u-margin-s-bottom-from-md { margin-bottom: 16px !important } .u-padding-s-left-from-md { padding-left: 16px !important } .u-margin-s-left-from-md { margin-left: 16px !important } .u-padding-m-from-md { padding: 24px !important } .u-margin-m-from-md { margin: 24px !important } .u-padding-m-ver-from-md { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-md { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-md { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-md { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-md { padding-top: 24px !important } .u-margin-m-top-from-md { margin-top: 24px !important } .u-padding-m-right-from-md { padding-right: 24px !important } .u-margin-m-right-from-md { margin-right: 24px !important } .u-padding-m-bottom-from-md { padding-bottom: 24px !important } .u-margin-m-bottom-from-md { margin-bottom: 24px !important } .u-padding-m-left-from-md { padding-left: 24px !important } .u-margin-m-left-from-md { margin-left: 24px !important } .u-padding-l-from-md { padding: 32px !important } .u-margin-l-from-md { margin: 32px !important } .u-padding-l-ver-from-md { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-md { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-md { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-md { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-md { padding-top: 32px !important } .u-margin-l-top-from-md { margin-top: 32px !important } .u-padding-l-right-from-md { padding-right: 32px !important } .u-margin-l-right-from-md { margin-right: 32px !important } .u-padding-l-bottom-from-md { padding-bottom: 32px !important } .u-margin-l-bottom-from-md { margin-bottom: 32px !important } .u-padding-l-left-from-md { padding-left: 32px !important } .u-margin-l-left-from-md { margin-left: 32px !important } .u-padding-xl-from-md { padding: 40px !important } .u-margin-xl-from-md { margin: 40px !important } .u-padding-xl-ver-from-md { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-md { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-md { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-md { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-md { padding-top: 40px !important } .u-margin-xl-top-from-md { margin-top: 40px !important } .u-padding-xl-right-from-md { padding-right: 40px !important } .u-margin-xl-right-from-md { margin-right: 40px !important } .u-padding-xl-bottom-from-md { padding-bottom: 40px !important } .u-margin-xl-bottom-from-md { margin-bottom: 40px !important } .u-padding-xl-left-from-md { padding-left: 40px !important } .u-margin-xl-left-from-md { margin-left: 40px !important } .u-padding-xxl-from-md { padding: 48px !important } .u-margin-xxl-from-md { margin: 48px !important } .u-padding-xxl-ver-from-md { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-md { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-md { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-md { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-md { padding-top: 48px !important } .u-margin-xxl-top-from-md { margin-top: 48px !important } .u-padding-xxl-right-from-md { padding-right: 48px !important } .u-margin-xxl-right-from-md { margin-right: 48px !important } .u-padding-xxl-bottom-from-md { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-md { margin-bottom: 48px !important } .u-padding-xxl-left-from-md { padding-left: 48px !important } .u-margin-xxl-left-from-md { margin-left: 48px !important } } @media only screen and (min-width: 62em) { .u-padding-0-from-lg { padding:0px !important } .u-margin-0-from-lg { margin: 0px !important } .u-padding-0-ver-from-lg { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-lg { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-lg { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-lg { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-lg { padding-top: 0px !important } .u-margin-0-top-from-lg { margin-top: 0px !important } .u-padding-0-right-from-lg { padding-right: 0px !important } .u-margin-0-right-from-lg { margin-right: 0px !important } .u-padding-0-bottom-from-lg { padding-bottom: 0px !important } .u-margin-0-bottom-from-lg { margin-bottom: 0px !important } .u-padding-0-left-from-lg { padding-left: 0px !important } .u-margin-0-left-from-lg { margin-left: 0px !important } .u-padding-xs-from-lg { padding: 8px !important } .u-margin-xs-from-lg { margin: 8px !important } .u-padding-xs-ver-from-lg { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-lg { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-lg { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-lg { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-lg { padding-top: 8px !important } .u-margin-xs-top-from-lg { margin-top: 8px !important } .u-padding-xs-right-from-lg { padding-right: 8px !important } .u-margin-xs-right-from-lg { margin-right: 8px !important } .u-padding-xs-bottom-from-lg { padding-bottom: 8px !important } .u-margin-xs-bottom-from-lg { margin-bottom: 8px !important } .u-padding-xs-left-from-lg { padding-left: 8px !important } .u-margin-xs-left-from-lg { margin-left: 8px !important } .u-padding-s-from-lg { padding: 16px !important } .u-margin-s-from-lg { margin: 16px !important } .u-padding-s-ver-from-lg { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-lg { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-lg { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-lg { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-lg { padding-top: 16px !important } .u-margin-s-top-from-lg { margin-top: 16px !important } .u-padding-s-right-from-lg { padding-right: 16px !important } .u-margin-s-right-from-lg { margin-right: 16px !important } .u-padding-s-bottom-from-lg { padding-bottom: 16px !important } .u-margin-s-bottom-from-lg { margin-bottom: 16px !important } .u-padding-s-left-from-lg { padding-left: 16px !important } .u-margin-s-left-from-lg { margin-left: 16px !important } .u-padding-m-from-lg { padding: 24px !important } .u-margin-m-from-lg { margin: 24px !important } .u-padding-m-ver-from-lg { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-lg { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-lg { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-lg { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-lg { padding-top: 24px !important } .u-margin-m-top-from-lg { margin-top: 24px !important } .u-padding-m-right-from-lg { padding-right: 24px !important } .u-margin-m-right-from-lg { margin-right: 24px !important } .u-padding-m-bottom-from-lg { padding-bottom: 24px !important } .u-margin-m-bottom-from-lg { margin-bottom: 24px !important } .u-padding-m-left-from-lg { padding-left: 24px !important } .u-margin-m-left-from-lg { margin-left: 24px !important } .u-padding-l-from-lg { padding: 32px !important } .u-margin-l-from-lg { margin: 32px !important } .u-padding-l-ver-from-lg { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-lg { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-lg { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-lg { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-lg { padding-top: 32px !important } .u-margin-l-top-from-lg { margin-top: 32px !important } .u-padding-l-right-from-lg { padding-right: 32px !important } .u-margin-l-right-from-lg { margin-right: 32px !important } .u-padding-l-bottom-from-lg { padding-bottom: 32px !important } .u-margin-l-bottom-from-lg { margin-bottom: 32px !important } .u-padding-l-left-from-lg { padding-left: 32px !important } .u-margin-l-left-from-lg { margin-left: 32px !important } .u-padding-xl-from-lg { padding: 40px !important } .u-margin-xl-from-lg { margin: 40px !important } .u-padding-xl-ver-from-lg { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-lg { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-lg { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-lg { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-lg { padding-top: 40px !important } .u-margin-xl-top-from-lg { margin-top: 40px !important } .u-padding-xl-right-from-lg { padding-right: 40px !important } .u-margin-xl-right-from-lg { margin-right: 40px !important } .u-padding-xl-bottom-from-lg { padding-bottom: 40px !important } .u-margin-xl-bottom-from-lg { margin-bottom: 40px !important } .u-padding-xl-left-from-lg { padding-left: 40px !important } .u-margin-xl-left-from-lg { margin-left: 40px !important } .u-padding-xxl-from-lg { padding: 48px !important } .u-margin-xxl-from-lg { margin: 48px !important } .u-padding-xxl-ver-from-lg { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-lg { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-lg { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-lg { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-lg { padding-top: 48px !important } .u-margin-xxl-top-from-lg { margin-top: 48px !important } .u-padding-xxl-right-from-lg { padding-right: 48px !important } .u-margin-xxl-right-from-lg { margin-right: 48px !important } .u-padding-xxl-bottom-from-lg { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-lg { margin-bottom: 48px !important } .u-padding-xxl-left-from-lg { padding-left: 48px !important } .u-margin-xxl-left-from-lg { margin-left: 48px !important } } @media only screen and (min-width: 75em) { .u-padding-0-from-xl { padding:0px !important } .u-margin-0-from-xl { margin: 0px !important } .u-padding-0-ver-from-xl { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xl { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xl { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xl { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xl { padding-top: 0px !important } .u-margin-0-top-from-xl { margin-top: 0px !important } .u-padding-0-right-from-xl { padding-right: 0px !important } .u-margin-0-right-from-xl { margin-right: 0px !important } .u-padding-0-bottom-from-xl { padding-bottom: 0px !important } .u-margin-0-bottom-from-xl { margin-bottom: 0px !important } .u-padding-0-left-from-xl { padding-left: 0px !important } .u-margin-0-left-from-xl { margin-left: 0px !important } .u-padding-xs-from-xl { padding: 8px !important } .u-margin-xs-from-xl { margin: 8px !important } .u-padding-xs-ver-from-xl { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xl { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xl { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xl { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xl { padding-top: 8px !important } .u-margin-xs-top-from-xl { margin-top: 8px !important } .u-padding-xs-right-from-xl { padding-right: 8px !important } .u-margin-xs-right-from-xl { margin-right: 8px !important } .u-padding-xs-bottom-from-xl { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xl { margin-bottom: 8px !important } .u-padding-xs-left-from-xl { padding-left: 8px !important } .u-margin-xs-left-from-xl { margin-left: 8px !important } .u-padding-s-from-xl { padding: 16px !important } .u-margin-s-from-xl { margin: 16px !important } .u-padding-s-ver-from-xl { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xl { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xl { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xl { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xl { padding-top: 16px !important } .u-margin-s-top-from-xl { margin-top: 16px !important } .u-padding-s-right-from-xl { padding-right: 16px !important } .u-margin-s-right-from-xl { margin-right: 16px !important } .u-padding-s-bottom-from-xl { padding-bottom: 16px !important } .u-margin-s-bottom-from-xl { margin-bottom: 16px !important } .u-padding-s-left-from-xl { padding-left: 16px !important } .u-margin-s-left-from-xl { margin-left: 16px !important } .u-padding-m-from-xl { padding: 24px !important } .u-margin-m-from-xl { margin: 24px !important } .u-padding-m-ver-from-xl { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xl { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xl { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xl { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xl { padding-top: 24px !important } .u-margin-m-top-from-xl { margin-top: 24px !important } .u-padding-m-right-from-xl { padding-right: 24px !important } .u-margin-m-right-from-xl { margin-right: 24px !important } .u-padding-m-bottom-from-xl { padding-bottom: 24px !important } .u-margin-m-bottom-from-xl { margin-bottom: 24px !important } .u-padding-m-left-from-xl { padding-left: 24px !important } .u-margin-m-left-from-xl { margin-left: 24px !important } .u-padding-l-from-xl { padding: 32px !important } .u-margin-l-from-xl { margin: 32px !important } .u-padding-l-ver-from-xl { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xl { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xl { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xl { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xl { padding-top: 32px !important } .u-margin-l-top-from-xl { margin-top: 32px !important } .u-padding-l-right-from-xl { padding-right: 32px !important } .u-margin-l-right-from-xl { margin-right: 32px !important } .u-padding-l-bottom-from-xl { padding-bottom: 32px !important } .u-margin-l-bottom-from-xl { margin-bottom: 32px !important } .u-padding-l-left-from-xl { padding-left: 32px !important } .u-margin-l-left-from-xl { margin-left: 32px !important } .u-padding-xl-from-xl { padding: 40px !important } .u-margin-xl-from-xl { margin: 40px !important } .u-padding-xl-ver-from-xl { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xl { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xl { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xl { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xl { padding-top: 40px !important } .u-margin-xl-top-from-xl { margin-top: 40px !important } .u-padding-xl-right-from-xl { padding-right: 40px !important } .u-margin-xl-right-from-xl { margin-right: 40px !important } .u-padding-xl-bottom-from-xl { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xl { margin-bottom: 40px !important } .u-padding-xl-left-from-xl { padding-left: 40px !important } .u-margin-xl-left-from-xl { margin-left: 40px !important } .u-padding-xxl-from-xl { padding: 48px !important } .u-margin-xxl-from-xl { margin: 48px !important } .u-padding-xxl-ver-from-xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xl { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xl { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xl { padding-top: 48px !important } .u-margin-xxl-top-from-xl { margin-top: 48px !important } .u-padding-xxl-right-from-xl { padding-right: 48px !important } .u-margin-xxl-right-from-xl { margin-right: 48px !important } .u-padding-xxl-bottom-from-xl { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xl { margin-bottom: 48px !important } .u-padding-xxl-left-from-xl { padding-left: 48px !important } .u-margin-xxl-left-from-xl { margin-left: 48px !important } } .u-clr-orange { color: #eb6500 !important } .u-clr-blue { color: #0272b1 !important } .u-clr-info-blue { color: #5ec4fd !important } .u-clr-red { color: #bc1a23 !important } .u-clr-green { color: #0b7a2b !important } .u-light-theme .u-clr-orange { color: #ff6c00 !important } .u-light-theme .u-clr-blue { color: #0272b1 !important } .u-light-theme .u-clr-info-blue { color: #5ec4fd !important } .u-light-theme .u-clr-red { color: #bc1a23 !important } .u-light-theme .u-clr-green { color: #0b7a2b !important } .u-dark-theme .u-clr-orange { color: #ff8200 !important } .u-dark-theme .u-clr-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-info-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-red { color: #ff6a5a !important } .u-dark-theme .u-clr-green { color: #53b848 !important } .u-clr-white { color: #fff !important } .u-clr-black { color: #000 !important } .u-clr-grey1 { color: #f5f5f5 !important } .u-clr-grey2 { color: #f0f0f0 !important } .u-clr-grey3 { color: #dcdcdc !important } .u-clr-grey4 { color: #b8b8b8 !important } .u-clr-grey5 { color: #8e8e8e !important } .u-clr-grey6 { color: #707070 !important } .u-clr-grey7 { color: #4c4c4c !important } .u-clr-grey8 { color: #1f1f1f !important } .u-bg-orange { background-color: #eb6500 !important } .u-bg-secondary-orange { background-color: #fff3eb !important } .u-bg-tertiary-orange { background-color: #ffede0 !important } .u-bg-blue { background-color: #0272b1 !important } .u-bg-secondary-blue { background-color: #ecf7fe !important } .u-bg-tertiary-blue { background-color: #e2f4fd !important } .u-bg-info-blue { background-color: #5ec4fd !important } .u-bg-red { background-color: #bc1a23 !important } .u-bg-warning-red { background-color: #bc1a23 !important } .u-bg-green { background-color: #0b7a2b !important } .u-light-theme .u-bg-orange { background-color: #ff6c00 !important } .u-light-theme .u-bg-blue { background-color: #0272b1 !important } .u-light-theme .u-bg-red { background-color: #bc1a23 !important } .u-light-theme .u-bg-green { background-color: #0b7a2b !important } .u-dark-theme .u-bg-orange { background-color: #ff8200 !important } .u-dark-theme .u-bg-blue { background-color: #44c6f4 !important } .u-dark-theme .u-bg-red { background-color: #ff6a5a !important } .u-dark-theme .u-bg-green { background-color: #53b848 !important } .u-bg-white { background-color: #fff !important } .u-bg-black { background-color: #000 !important } .u-bg-grey1 { background-color: #f5f5f5 !important } .u-bg-grey2 { background-color: #f0f0f0 !important } .u-bg-grey3 { background-color: #dcdcdc !important } .u-bg-grey4 { background-color: #b8b8b8 !important } .u-bg-grey5 { background-color: #8e8e8e !important } .u-bg-grey6 { background-color: #707070 !important } .u-bg-grey7 { background-color: #4c4c4c !important } .u-bg-grey8 { background-color: #1f1f1f !important } .u-fill-orange { fill: #ff6c00 !important } .u-fill-blue { fill: #0272b1 !important } .u-fill-red { fill: #bc1a23 !important } .u-fill-green { fill: #0b7a2b !important } .u-fill-white { fill: #fff !important } .u-fill-black { fill: #000 !important } .u-fill-grey1 { fill: #f5f5f5 !important } .u-fill-grey2 { fill: #f0f0f0 !important } .u-fill-grey3 { fill: #dcdcdc !important } .u-fill-grey4 { fill: #b8b8b8 !important } .u-fill-grey5 { fill: #8e8e8e !important } .u-fill-grey6 { fill: #707070 !important } .u-fill-grey7 { fill: #4c4c4c !important } .u-fill-grey8 { fill: #1f1f1f !important } :root { --sd-ui-line-height: calc(1em + 8px) } .u-font-serif { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; --sd-ui-line-height: calc(1em + 10px); line-height: var(--sd-ui-line-height) } .u-font-sans { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; --sd-ui-line-height: calc(1em + 8px); line-height: var(--sd-ui-line-height) } .text-2xs { font-size: 12px; line-height: var(--sd-ui-line-height) } .text-xs { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-s { font-size: 16px; line-height: var(--sd-ui-line-height) } .text-m { font-size: 20px; line-height: var(--sd-ui-line-height) } .text-l { font-size: 24px; line-height: var(--sd-ui-line-height) } .text-xl { font-size: 32px; line-height: var(--sd-ui-line-height) } .text-2xl { font-size: 40px; line-height: var(--sd-ui-line-height) } .text-3xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .text-4xl { font-size: 56px; line-height: var(--sd-ui-line-height) } .text-5xl { font-size: 64px; line-height: var(--sd-ui-line-height) } .u-h1-3xl { font-size: 64px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-2xl { font-size: 56px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-xl { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1 { font-size: 40px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h2 { font-size: 32px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h3 { font-size: 24px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h4 { font-size: 20px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h5 { font-size: 16px !important; line-height: var(--sd-ui-line-height) !important; font-weight: bold !important } .u-h1-alt { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-text-bold { font-weight: bold } .u-text-light { font-weight: 100 } .u-text-uppercase { text-transform: uppercase !important } .u-text-lowercase { text-transform: lowercase !important } .u-text\+\+ { font-size: larger !important } .u-text-- { font-size: smaller !important } .u-text-right { text-align: right !important } .u-text-left { text-align: left !important } .u-text-center { text-align: center !important } .u-text-justify { text-align: justify !important } .u-text-truncate { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .u-text-italic { font-style: italic !important } .u-text-normal { font-style: normal !important } .u-text-oblique { font-style: oblique !important } .u-display-none { display: none !important } .u-display-inline { display: inline !important } .u-display-block { display: block !important } .u-display-inline-block { display: inline-block !important } .u-display-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .u-display-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } .u-visibility-visible { visibility: visible !important } .u-visibility-hidden { visibility: hidden !important } .u-position-absolute { position: absolute } .u-position-relative { position: relative } .u-position-initial { position: initial } .u-clearfix:after { content: ""; display: table; clear: both } .u-hide { display: none !important } .u-hide-visually { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; border: 0 !important } .u-hide-visually-focusable:active,.u-hide-visually-focusable:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; clip-path: none !important } @media only screen and (min-width: 20em) { .u-clear-both-from-xs { clear:both !important } } @media only screen and (min-width: 36em) { .u-clear-both-from-sm { clear:both !important } } @media only screen and (min-width: 48em) { .u-clear-both-from-md { clear:both !important } } @media only screen and (min-width: 62em) { .u-clear-both-from-lg { clear:both !important } } @media only screen and (min-width: 75em) { .u-clear-both-from-xl { clear:both !important } } @media only screen and (min-width: 20em) { .u-clear-none-from-xs { clear:none !important } } @media only screen and (min-width: 36em) { .u-clear-none-from-sm { clear:none !important } } @media only screen and (min-width: 48em) { .u-clear-none-from-md { clear:none !important } } @media only screen and (min-width: 62em) { .u-clear-none-from-lg { clear:none !important } } @media only screen and (min-width: 75em) { .u-clear-none-from-xl { clear:none !important } } @media only screen and (min-width: 20em) { .u-float-left-from-xs { float:left !important } } @media only screen and (min-width: 36em) { .u-float-left-from-sm { float:left !important } } @media only screen and (min-width: 48em) { .u-float-left-from-md { float:left !important } } @media only screen and (min-width: 62em) { .u-float-left-from-lg { float:left !important } } @media only screen and (min-width: 75em) { .u-float-left-from-xl { float:left !important } } @media only screen and (min-width: 20em) { .u-float-right-from-xs { float:right !important } } @media only screen and (min-width: 36em) { .u-float-right-from-sm { float:right !important } } @media only screen and (min-width: 48em) { .u-float-right-from-md { float:right !important } } @media only screen and (min-width: 62em) { .u-float-right-from-lg { float:right !important } } @media only screen and (min-width: 75em) { .u-float-right-from-xl { float:right !important } } .u-flip-vertically,.Actions .actions-container button.expandable-action.active>svg { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } @media only screen and (min-width: 20em) { .u-display-none-from-xs { display:none !important } } .u-display-inline-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-from-xs { display:inline !important } } .u-display-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-block-from-xs { display:block !important } } .u-display-inline-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-block-from-xs { display:inline-block !important } } .u-display-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-flex-from-xs { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-flex-from-xs { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-xs { visibility: visible !important } @media only screen and (min-width: 20em) { .u-visibility-hidden-from-xs { visibility:hidden !important } } .u-visibility-visible-from-xs { visibility: hidden !important } @media only screen and (min-width: 20em) { .u-visibility-visible-from-xs { visibility:visible !important } } @media only screen and (min-width: 36em) { .u-display-none-from-sm { display:none !important } } .u-display-inline-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-from-sm { display:inline !important } } .u-display-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-block-from-sm { display:block !important } } .u-display-inline-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-block-from-sm { display:inline-block !important } } .u-display-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-flex-from-sm { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-flex-from-sm { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-sm { visibility: visible !important } @media only screen and (min-width: 36em) { .u-visibility-hidden-from-sm { visibility:hidden !important } } .u-visibility-visible-from-sm { visibility: hidden !important } @media only screen and (min-width: 36em) { .u-visibility-visible-from-sm { visibility:visible !important } } @media only screen and (min-width: 48em) { .u-display-none-from-md { display:none !important } } .u-display-inline-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-from-md { display:inline !important } } .u-display-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-block-from-md { display:block !important } } .u-display-inline-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-block-from-md { display:inline-block !important } } .u-display-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-flex-from-md { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-flex-from-md { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-md { visibility: visible !important } @media only screen and (min-width: 48em) { .u-visibility-hidden-from-md { visibility:hidden !important } } .u-visibility-visible-from-md { visibility: hidden !important } @media only screen and (min-width: 48em) { .u-visibility-visible-from-md { visibility:visible !important } } @media only screen and (min-width: 62em) { .u-display-none-from-lg { display:none !important } } .u-display-inline-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-from-lg { display:inline !important } } .u-display-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-block-from-lg { display:block !important } } .u-display-inline-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-block-from-lg { display:inline-block !important } } .u-display-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-flex-from-lg { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-flex-from-lg { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-lg { visibility: visible !important } @media only screen and (min-width: 62em) { .u-visibility-hidden-from-lg { visibility:hidden !important } } .u-visibility-visible-from-lg { visibility: hidden !important } @media only screen and (min-width: 62em) { .u-visibility-visible-from-lg { visibility:visible !important } } @media only screen and (min-width: 75em) { .u-display-none-from-xl { display:none !important } } .u-display-inline-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-from-xl { display:inline !important } } .u-display-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-block-from-xl { display:block !important } } .u-display-inline-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-block-from-xl { display:inline-block !important } } .u-display-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-flex-from-xl { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-flex-from-xl { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-xl { visibility: visible !important } @media only screen and (min-width: 75em) { .u-visibility-hidden-from-xl { visibility:hidden !important } } .u-visibility-visible-from-xl { visibility: hidden !important } @media only screen and (min-width: 75em) { .u-visibility-visible-from-xl { visibility:visible !important } } .u-show-only-to-print { visibility: hidden } @media print { .u-hide-from-print { visibility: hidden } .u-show-only-to-print { visibility: visible } .u-remove-if-print { display: none } } @media not print { .u-remove-if-not-print { display: none } } .u-highlight { background-color: #fadfcc; border: 1px solid #e6651b } @media only screen and (max-width: 992px) { .u-no-scroll { position:fixed; overflow: hidden } } @-webkit-keyframes gh-mobile-menu { 0% { right: -320px } 1% { right: -300px } 99% { right: -20px } 100% { right: 0 } } @keyframes gh-mobile-menu { 0% { right: -320px } 1% { right: -300px } 99% { right: -20px } 100% { right: 0 } } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { -webkit-transition: border-bottom-color .3s ease,color .3s ease; transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { -webkit-transition: all .3s ease !important; transition: all .3s ease !important } .u-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .u-flex-center-ver { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width: 20em) { .u-flex-center-from-xs { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 36em) { .u-flex-center-from-sm { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 48em) { .u-flex-center-from-md { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 62em) { .u-flex-center-from-lg { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 75em) { .u-flex-center-from-xl { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 20em) { .u-flex-center-ver-from-xs { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 36em) { .u-flex-center-ver-from-sm { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 48em) { .u-flex-center-ver-from-md { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 62em) { .u-flex-center-ver-from-lg { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 75em) { .u-flex-center-ver-from-xl { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .u-gap-6 { gap: 6px } .u-list-reset { list-style: none; padding-left: 0 !important } .u-width-full { width: 100% } .u-img-responsive { max-width: 100% } .u-options-list { list-style: none; padding-left: 0 !important } .u-options-list li+li { margin-top: 8px } .u-overlay { bottom: 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 70 } .u-overlay.mobile-menu-overlay { background-color: rgba(235, 235, 235, 0.85) } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { -webkit-transition: border-bottom-color .3s ease,color .3s ease; transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { -webkit-transition: all .3s ease !important; transition: all .3s ease !important } #gh-branding { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 1; margin-right: 64px } #gh-branding .gh-logo { -webkit-transition: height .3s,width .3s; transition: height .3s,width .3s; height: 40px; width: 45px } #gh-branding .gh-logo.gh-logo-only,#gh-branding .gh-logo svg { height: 54px } #gh-branding .gh-logo.gh-logo-wordmark,#gh-branding .gh-logo svg { height: 64px } #gh-branding .gh-logo+.gh-wordmark { margin-left: 16px } #gh-branding h1 { font-size: 24px; line-height: var(--sd-ui-line-height); font-weight: 500; margin-top: 4px; margin-left: 16px; -webkit-transition: font-size .3s,margin-left .3s; transition: font-size .3s,margin-left .3s } #gh-branding .gh-wordmark { -webkit-transition: height .3s,margin .3s,width .3s; transition: height .3s,margin .3s,width .3s; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } #gh-branding .gh-wordmark.gh-elsevier-wordmark { height: 14px !important } #gh-branding:hover,#gh-branding:focus { border-bottom: none } #gh-branding:focus { outline: 2px solid #eb6500; outline-offset: 1px } #gh-mob-inst-cnt .gh-inst-cnt a { margin-top: 12px !important } #gh-mob-profile-with-inst { padding: 24px 12px } .gh-lib-banner { -webkit-transition: height .3s,width .3s,margin-left .3s; transition: height .3s,width .3s,margin-left .3s; overflow: hidden } @media only screen and (max-width: 1120px) { .gh-lib-banner { display:none } } .gh-lib-banner.gh-lb-legacy { margin-left: 22px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 234px; max-height: 60px } .gh-lib-banner.gh-lb-legacy:focus-within { outline: 2px solid #eb6500 !important } .gh-lib-banner.gh-lb-legacy { font-size: 14px; line-height: var(--sd-ui-line-height) } .gh-lib-banner.gh-lb-legacy .gh-lb-info { line-height: 1; border: 2px solid transparent !important } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus,.gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus>.anchor-text { outline: none !important } .gh-lib-banner.gh-lb-dominant { -webkit-transition: height .3s,padding .3s,-webkit-transform .3s; transition: height .3s,padding .3s,-webkit-transform .3s; transition: height .3s,padding .3s,transform .3s; transition: height .3s,padding .3s,transform .3s,-webkit-transform .3s; height: 48px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-lib-banner.gh-lb-dominant img { -webkit-transition: height .3s; transition: height .3s; height: 48px } .gh-lib-banner .gh-il-placeholder { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .gh-lib-banner.gh-lb-fallback-with-link { position: relative; top: 2px } .gh-lib-banner.gh-lb-fallback-with-link .gh-lb-message { position: relative; top: -2px } .gh-nav-cnt { position: relative; width: 100% } .gh-nav-cnt .gh-nav-links-container-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: right } .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left: 56px } @media only screen and (max-width: 1200px) { .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left:34px } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { width:100% !important } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { height:48px } } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-nav-cnt .gh-nav-utilities { margin-left:0 } } .gh-nav-cnt .gh-nav-h { z-index: 1; float: left } .gh-nav .gh-nav-item:before { content: none !important } .gh-nav .gh-nav-item .gh-icon { max-width: initial !important } .gh-nav .gh-lbl { margin-bottom: 12px } .gh-nav-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; overflow: visible; -webkit-transition: margin-left .4s ease; transition: margin-left .4s ease } .gh-nav-h>.gh-nav-list { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { margin-left: 56px; -webkit-transition: padding-left .2s; transition: padding-left .2s } .gh-nav-h.gh-nav-links>.gh-nav-list>.gh-nav-item { line-height: 26px } .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 8px } .gh-nav .gh-icon-btn .gh-icon { -webkit-transition: height .3s,width .3s; transition: height .3s,width .3s } .gh-nav-v { margin: 24px 12px 0 } .gh-nav-v>ul>li.gh-has-dd { margin-bottom: 32px } .gh-nav-v>ul>li:not(.gh-has-dd)+li.gh-has-dd { margin-top: 32px } .gh-search-cnt { -webkit-transition: top .3s; transition: top .3s; position: relative; background-color: #fff; z-index: 101; left: -2px } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt { top:0; left: 0 !important; right: 0 !important; bottom: 0 } } .gh-search-cnt .gh-nav-search-icon { position: absolute; margin-left: 15px; margin-top: 10px !important } .gh-search-cnt .gh-search-keyword { height: 48px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 0 } .gh-search-cnt .gh-search-keyword .gh-search-input-field { height: 46px; padding: 8px 24px 0 32px; -webkit-transition: height .3s; transition: height .3s; border: none; border-bottom: 2px solid #dcdcdc; outline: 0; width: 100%; font-family: inherit } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { padding:0 40px 0 48px } } @media only screen and (max-width: 805px) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { height:42px; padding: 16px 24px 0 32px; font-size: 16px } } #gh-alerts-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner,#gh-cart-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner { width: 420px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 270px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon { fill: #b8b8b8 } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl { white-space: nowrap } .gh-search-toggle>.anchor { -webkit-transition: none; transition: none } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover .button-link,#popover-trigger-gh-help-icon-popover #gh-search-link,.gh-search-toggle .button-link,.gh-search-toggle #gh-search-link,#popover-trigger-gh-profile-dropdown .button-link,#popover-trigger-gh-profile-dropdown #gh-search-link,#popover-trigger-institution-popover .button-link,#popover-trigger-institution-popover #gh-search-link { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important } #popover-trigger-gh-help-icon-popover .button-link:focus-visible,#popover-trigger-gh-help-icon-popover #gh-search-link:focus-visible,.gh-search-toggle .button-link:focus-visible,.gh-search-toggle #gh-search-link:focus-visible,#popover-trigger-gh-profile-dropdown .button-link:focus-visible,#popover-trigger-gh-profile-dropdown #gh-search-link:focus-visible,#popover-trigger-institution-popover .button-link:focus-visible,#popover-trigger-institution-popover #gh-search-link:focus-visible { outline-offset: -3px } } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover span,.gh-search-toggle span,#popover-trigger-gh-profile-dropdown span,#popover-trigger-institution-popover span { display:none } } @media only screen and (max-width: 1120px) { .popover-content { margin-top:13px !important; margin-right: 12px } } #gh-journals-books-link { white-space: nowrap } @media only screen and (max-width: 1120px) { #gh-journals-books-link:focus-visible { outline-offset:5px } } #gh-ai-link { white-space: nowrap } .gh-search-input-field .search-input-message-container { display: none } .gh-search-input-field .search-input-field { --sd-ui-text-input-field-padding-left: calc(40px - var(--sd-ui-text-input-border-width)) } .u-margin-16-ver { margin-top: 16px; margin-bottom: 16px } .u-margin-24-ver { margin-top: 24px; margin-bottom: 24px } .u-margin-left { margin-left: 12px } #popover-content-gh-help-icon-popover { margin-top: 18px } #popover-content-gh-help-icon-popover .popover-children { padding: 16px 16px 4px !important } #popover-content-gh-help-icon-popover .popover-children,.gh-nav-links { text-wrap: pretty } .gh-nav-help-anchor-inline { display: inline } .gh-nav-help-anchor-inline .icon { margin-left: 6px } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static #popover-content-gh-help-icon-popover { width:320px } } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static .gh-nav-help-content { width:250px } } #gh-main-cnt .gh-profile-container { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex } #gh-main-cnt .my-account-heading { padding: 24px 0 12px } #gh-profile-cnt { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: margin .3s; transition: margin .3s } #gh-profile-cnt button.gh-truncate .button-link-text-container { max-width: 6.6rem } @media only screen and (min-width: 48em) { #gh-profile-cnt { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit } #gh-profile-cnt .gh-ppvr-cnt-inner { padding: 16px 16px 28px !important } #gh-profile-cnt .gh-ppvr-cnt-inner .gh-dd-nav .gh-nav-item { white-space: nowrap } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit; border: none } #gh-signin-btn,#gh-cta-btn,#gh-myaccount-btn,#gh-institutionalsignin-btn { -ms-flex-negative: 0; flex-shrink: 0; border: none; position: relative } .gh-nav-cnt+#gh-signin-btn { margin-left: 10px } .gh-user-info { line-height: 24px } .gh-user-info .gh-user-email { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; list-style-type: none } .gh-user-info .gh-user-fname { word-wrap: break-word; list-style-type: none } .gh-user-info .gh-my-account { margin: 12px 0 12px } .gh-user-info.gh-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none } .gh-user-info.gh-mobile .gh-user-email { max-width: 100% } .gh-dd-nav { list-style: none; padding-left: 0 !important; line-height: 24px } .gh-dd-nav .gh-nav-item { color: #4c4c4c; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-dd-nav .gh-nav-item+.gh-nav-item { margin-top: 12px } .gh-dd-nav .gh-nav-item .gh-has-badge { margin-right: 16px } .gh-dd-actions { white-space: nowrap; text-align: center } .gh-dd-actions a { display: inline-block } .gh-dd-actions a+button { margin-left: 16px } .gh-dd-actions a:first-child:nth-last-child(1) { width: 100% } #gh-profile-dropdown .popover-content-inner { width: 320px; font-size: 16px } #gh-profile-dropdown #popover-content-gh-profile-dropdown { margin-top: 18px } @media only screen and (max-width: 1120px) { #gh-myaccount-btn,#gh-institutionalsignin-btn { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important; outline-offset: -3px } } @media only screen and (max-width: 1120px) { #gh-myaccount-btn span,#gh-institutionalsignin-btn span { display:none } } #gh-mobile-menu { width: auto } #gh-mobile-menu #gh-drawer { background-color: #fff } #gh-mobile-menu .gh-nav-cnt.show-scopus { height: 120px } #gh-mobile-menu .gh-avatar,#gh-mobile-menu .gh-lib-banner .gh-il-placeholder { background-color: #4c4c4c } #gh-mobile-menu .gh-hamburger { fill: #4c4c4c; margin-left: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=true] { padding: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=false] { padding: 14px 16px 10px; outline-offset: -5px } #gh-mobile-menu .gh-hamburger .button-link svg { -webkit-transition: width .3s; transition: width .3s } #gh-mobile-menu .gh-dh-profile .gh-user-email { color: #4c4c4c } #gh-mobile-menu #gh-mob-myaccount { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: fixed; width: 380px; top: 0; z-index: 1000; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } @media screen and (max-width: 380px) { #gh-drawer { max-width:100% } } #gh-drawer.gh-is-expanded { right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } #gh-drawer-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; margin: 16px 12px 24px; -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px } #gh-drawer-header .button-link { font-size: 16px !important } #gh-drawer-header #gh-mob-institutionalsignin { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer-header #gh-mob-institutionalsignin .anchor-text { vertical-align: middle } #gh-drawer-header .gh-hamburger:first-child:nth-last-child(1) { position: absolute; right: 16px; top: 16px } #gh-drawer-header .gh-hamburger svg { max-width: none !important } #gh-drawer .gh-dh-opt { min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #gh-drawer .gh-dh-opt p { font-size: 16px } #gh-drawer .gh-dh-opt .gh-dh-profile { width: 85% } #gh-drawer .gh-dh-opt .gh-dh-actions { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: grid; grid-gap: 12px } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-myaccount-signed-in { margin-top: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-signout-signed-in { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions .guest-signin-divider { margin: 12px 0 } #gh-drawer .gh-dh-opt .full-width-hor-line { width: 380px; position: relative; left: -12px } #gh-drawer .gh-nav h2 { font-size: 20px; line-height: var(--sd-ui-line-height) } .gh-inst-icon-only { height: 40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 22px } .gh-inst-icon-only:focus-visible { outline-offset: -3px } .gh-institution-item .popover-content { margin-top: 18px } .adjusted-popup-position .popover-content { margin-top: 13px; margin-right: 12px } .margin-left-header-gap-s { margin-left: 22px } .without-outline:focus { outline: none !important } .institutional-icon-background { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .u-align-flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .gh-nav-help-content { list-style-type: none; margin-bottom: 12px; width: 340px } @media screen and (max-width: 380px) { .gh-nav-help-content { width:300px } } #help-content-divider { margin-bottom: 12px } #gh-main-cnt { -webkit-transition: padding .3s,height .3s; transition: padding .3s,height .3s; height: 56px; width: 100% } .gh-icon-btn { -ms-flex-negative: 0; flex-shrink: 0; border: none } button.gh-truncate .button-link-text-container { max-width: 10rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #gh-cnt { width: 100%; background: white; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; position: relative } #gh-cnt #gh-mobile-menu { display: none } #gh-cnt .gh-search-cnt { margin-left: 16px } @media only screen and (max-width: 805px) { #gh-cnt .gh-nav-h+.gh-nav-h { margin-left:48px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 24px } #gh-cnt .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 2px } #gh-cnt .gh-nav-cnt+#gh-signin-btn { margin-left: 2px } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt>.gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt .gh-nav-h+.gh-nav-h { margin-left: 32px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item { font-size: 18px; line-height: var(--sd-ui-line-height) } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-mobile-menu { display: block !important } #gh-cnt .gh-move-to-spine { display: none !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt { margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt { height: 48px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt.gh-reduce-v-space #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt.gh-reduce-v-space #gh-branding .gh-logo,#gh-cnt.gh-reduce-v-space #gh-branding svg { height: 32px !important } #gh-cnt.gh-reduce-v-space #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { width: auto } } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt.gh-reduce-v-space .gh-search-cnt { top: 0 !important; -webkit-box-shadow: none; box-shadow: none } #gh-cnt #gh-main-cnt>.gh-help-button { display: none } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt { height: 48px } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt #gh-branding .gh-logo,#gh-cnt #gh-branding svg { height: 32px !important } #gh-cnt #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt #gh-branding .gh-wordmark { width: auto } } #gh-cnt #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt .gh-search-cnt { top: 0 !important; -webkit-box-shadow: none; box-shadow: none } #gh-cnt .search-bar-icon { height: 20px !important; margin-top: 4px } #gh-cnt #gh-branding { margin-right: 0 !important } #gh-cnt .gh-nav-utilities.gh-nav-h { margin-left: 0 !important; margin-right: 0 !important } #gh-cnt .gh-search-cnt { margin-top: 4px } } @media only screen and (max-width: 805px) { #gh-cnt #gh-branding.search-bar-visible,#gh-cnt #gh-mobile-menu.search-bar-visible { display:none !important } #gh-cnt .gh-search-cnt { padding-right: 0 } } .search-for-selected-text--button-copy,.search-for-selected-text--button-search { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-color: rgba(0,0,0,0); margin: 0 4px } .search-for-selected-text { background-color: #1f1f1f; position: absolute; padding: 16px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; border-top: solid 2px #ff6c00 } .search-for-selected-text.left::before { content: ""; position: absolute; left: 0; top: -16px; border-right: 16px solid rgba(0,0,0,0); border-bottom: 16px solid #ff6c00 } .search-for-selected-text.left::after { content: ""; position: absolute; left: 0; top: -13px; border-right: 14px solid rgba(0,0,0,0); border-bottom: 14px solid #1f1f1f } .search-for-selected-text.right::before { content: ""; position: absolute; right: 0; top: -16px; border-left: 16px solid rgba(0,0,0,0); border-bottom: 16px solid #ff6c00 } .search-for-selected-text.right::after { content: ""; position: absolute; right: 0; top: -13px; border-left: 14px solid rgba(0,0,0,0); border-bottom: 14px solid #1f1f1f } .search-for-selected-text--button-search:hover { background-color: #ff6c00 !important } .search-for-selected-text--button-search:hover>span { color: #fff !important } .search-for-selected-text--button-copy { background-color: rgba(0,0,0,0) !important; border-color: rgba(0,0,0,0) !important } .search-for-selected-text--button-copy:hover { background-color: #ff6c00 !important } .search-for-selected-text--button-copy:hover>span { color: #fff !important } ol,ul { list-style: none } span.size-m { font-size: 13px } span.small-caps { font-variant: small-caps } u { text-decoration: underline } a { word-break: break-word } :root { --arp-auto-margin: 0px } @media only screen and (min-width: 1440px) { :root { --arp-auto-margin: (100vw - 1440px) * 0.5 } } .App { position: relative; margin: auto } .App .page { position: relative; height: 100% } ._pendo-badge { display: none } @media only screen and (min-width: 36em) { ._pendo-badge { display:block } } @media print { ._pendo-badge,.accessbar-sticky,.view-pdf-widget,iframe#extension,#readcubeExtensionSidebarWrapper { display: none !important } } table { margin-left: 0; margin-right: 0; border-collapse: collapse; border-spacing: 0; width: 100% } table caption { margin-bottom: 20px; color: #707070; margin-left: 24px; margin-right: 24px; font-size: 14px } table th { font-weight: 700; font-size: 14px } table td { font-size: 14px } table .no-border { border: 0 } table .border-right { border-right: 1px solid #f0f0f0 } table .border-left { border-left: 1px solid #f0f0f0 } table .border-top { border-top: 1px solid #f0f0f0 } table .border-bottom { border-bottom: 1px solid #f0f0f0 } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } ol,ul { list-style: none } span.size-m { font-size: 13px } span.small-caps { font-variant: small-caps } u { text-decoration: underline } .accessbar-utility-component { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .accessbar-utility-link .anchor-text-container { text-overflow: ellipsis; overflow: hidden } .accessbar-label { display: none } @media only screen and (min-width: 62em) { .accessbar-label { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 2rem; width: calc(25% + 1rem + var(--page-auto-margin)); -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .accessbar-label .pdf-icon { height: 1.4375rem; width: 1.1875rem; margin: 0 0.625rem 0 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .accessbar-label .text { font-size: 1.125rem; -ms-flex-item-align: end; align-self: flex-end } .banner-list li:nth-child(even) .banner { background: none; border-bottom: 1px solid #f5f5f5 } .banner { background: #ecf7fe; color: #1f1f1f } .banner .banner-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.75rem 1rem } @media only screen and (min-width: 36em) { .banner .banner-container { padding:0.75rem 1.5rem } } @media only screen and (min-width: 62em) { .banner .banner-container { padding:0.75rem 2rem 0.75rem calc(var(--page-auto-margin) + 25% + 32px) } } .banner .banner-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.5rem; padding: 8px } .banner .banner-icon svg { display: block } .banner .banner-message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 8px } .banner .close-button { padding: 10px } .banner .close-button svg { fill: #1f1f1f } .accessbar-divider { background-color: #dcdcdc; border-color: rgba(0,0,0,0); border-width: 0.25rem 0 0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.6875rem; top: 0.375rem; width: 0.0625rem } .LinkResolver img { max-height: 40px; border-bottom: 2px solid rgba(0,0,0,0); padding-bottom: 2px; -webkit-transition: border-bottom-color .3s ease; transition: border-bottom-color .3s ease } .LinkResolver img+.link-buttom-text { display: none } .LinkResolver:hover img { border-bottom-color: #eb6500 } .accessbar-overflow-popover { display: block; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .accessbar-overflow-popover .popover-content { margin-left: -10.71875rem; margin-top: 0.875rem; left: 50%; width: 21.4375rem } .accessbar-overflow-popover .popover-content.popover-align-left { -webkit-box-shadow: 0px -2px 0px 0px #eb6500; box-shadow: 0px -2px 0px 0px #eb6500 } .accessbar-overflow-popover .popover-content.popover-align-left::before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px) } .accessbar-overflow-popover .popover-content.popover-align-left::before,.accessbar-overflow-popover .popover-content.popover-align-left::after { left: calc(50% - 0.5rem) } @media only screen and (min-width: 48em) { .accessbar-overflow-popover .popover-content { left:0; margin-left: -14.875rem; margin-top: 1.1875rem; width: 23.625rem } .accessbar-overflow-popover .popover-content.popover-align-left::before,.accessbar-overflow-popover .popover-content.popover-align-left::after { left: 18.75rem } } .accessbar-overflow-popover .popover-content ul li:last-child { margin-bottom: 0 } .accessbar-overflow-popover .popover-content .accessbar-utility-link,.accessbar-overflow-popover .popover-content .accessbar-utility-button,.accessbar-overflow-popover .popover-content .accessbar-utility-component { margin: 0 } .QuickSearch { display: none } @media only screen and (min-width: 1270px) { .toolbar-stuck .QuickSearch { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: 1.5rem } } .QuickSearch .text-input-field { --sd-ui-text-input-field-padding-top: calc(4px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(4px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(8px - var(--sd-ui-text-input-border-width)); padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) !important } .QuickSearch .text-input-field::-webkit-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::-moz-placeholder { font-size: 14px } .QuickSearch .text-input-field:-ms-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::-ms-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::placeholder { font-size: 14px } .QuickSearch .text-input-message-container { display: none } .accessbar { border: solid #1f1f1f; border-width: 0.25rem 0 0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.5rem 1rem } @media only screen and (min-width: 36em) { .accessbar { padding:0.5rem 1.5rem } } @media only screen and (min-width: 48em) { .accessbar { -webkit-box-align:center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 4rem } } @media only screen and (min-width: 62em) { .accessbar { padding:0 2rem } } .accessbar>ul { display: contents } .accessbar>ul>li { margin: 0 0 0.25rem; overflow: hidden; padding: 4px; white-space: nowrap } @media only screen and (min-width: 48em) { .accessbar>ul>li { margin:0 1.5rem 0 0 } } .accessbar>ul>li:last-child { margin: 0 } .accessbar>ul>li #popover-content-OverflowPopoverAnchor>.accessbar-utility-link { margin: 0 } .accessbar>ul>li.disable-popover-overflow { overflow: visible } .accessbar li.accessbar-item-hide-from-initial { display: none } .accessbar li.accessbar-item-show-from-initial { display: block } @media only screen and (min-width: 20em) { .accessbar li.accessbar-item-hide-from-xs { display:none } .accessbar li.accessbar-item-show-from-xs { display: block } } @media only screen and (min-width: 36em) { .accessbar li.accessbar-item-hide-from-sm { display:none } .accessbar li.accessbar-item-show-from-sm { display: block } } @media only screen and (min-width: 48em) { .accessbar li.accessbar-item-hide-from-md { display:none } .accessbar li.accessbar-item-show-from-md { display: block } } @media only screen and (min-width: 62em) { .accessbar li.accessbar-item-hide-from-lg { display:none } .accessbar li.accessbar-item-show-from-lg { display: block } } @media only screen and (min-width: 75em) { .accessbar li.accessbar-item-hide-from-xl { display:none } .accessbar li.accessbar-item-show-from-xl { display: block } } .screen-reader-only { border-width: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .rx-font-18 { font-size: 18px; line-height: 28px } .download-all-supplemental-data .article-attachment { font-size: 18px; margin: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .download-all-supplemental-data .download-all-button { text-align: left; line-height: var(--sd-ui-line-height) } .download-all-supplemental-data .download-all-button .icon { -ms-flex-item-align: start; align-self: start } .download-all-supplemental-data .help-link { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content } .article-textbox { background-color: #f5f5f5; margin: 16px 0; padding: 16px 32px } .article-textbox.role-pull-quote,.article-textbox.role-alt1,.article-textbox.role-alt6,.article-textbox.role-alt11,.article-textbox.role-alt16,.article-textbox.role-alt21,.article-textbox.role-altm1,.article-textbox.role-altm6,.article-textbox.role-altm11,.article-textbox.role-altm16,.article-textbox.role-altm21 { background-color: #fff4d4 } .article-textbox.role-alt2,.article-textbox.role-alt7,.article-textbox.role-alt12,.article-textbox.role-alt17,.article-textbox.role-alt22,.article-textbox.role-altm2,.article-textbox.role-altm7,.article-textbox.role-altm12,.article-textbox.role-altm17,.article-textbox.role-altm22 { background-color: #e7f9c2 } .article-textbox.role-alt3,.article-textbox.role-alt8,.article-textbox.role-alt13,.article-textbox.role-alt18,.article-textbox.role-alt23,.article-textbox.role-altm3,.article-textbox.role-altm8,.article-textbox.role-altm13,.article-textbox.role-altm18,.article-textbox.role-altm23 { background-color: #ebf7fd } .article-textbox.role-alt4,.article-textbox.role-alt9,.article-textbox.role-alt14,.article-textbox.role-alt19,.article-textbox.role-alt24,.article-textbox.role-altm4,.article-textbox.role-altm9,.article-textbox.role-altm14,.article-textbox.role-altm19,.article-textbox.role-altm24 { background-color: #ffd9e7 } .article-textbox.role-coding,.article-textbox.role-definition,.article-textbox.role-drugs,.article-textbox.role-ethics,.article-textbox.role-focus,.article-textbox.role-health-care,.article-textbox.role-key-term,.article-textbox.role-medical-topic,.article-textbox.role-review,.article-textbox.role-technical { background-color: #ebf7fd } .article-textbox.role-case-study,.article-textbox.role-evidence-based,.article-textbox.role-exercise,.article-textbox.role-practice,.article-textbox.role-q-and-a,.article-textbox.role-teaching { background-color: #e7f9c2 } .article-textbox.role-alert,.article-textbox.role-safety { background-color: #fc9 } .article-textbox.role-guideline,.article-textbox.role-procedure,.article-textbox.role-skill { background-color: #eabdff } .article-textbox.role-note,.article-textbox.role-pearl,.article-textbox.role-tip,.article-textbox.role-web { background-color: #fff4d4 } .article-textbox .article-title { margin-bottom: 12px } .article-textbox .article-sub-title { margin-bottom: 8px } .article-textbox h2 { margin: 0; line-height: var(--sd-ui-line-height); font-size: 22px; font-weight: normal } .article-textbox .author-group { display: block; margin-bottom: 12px } .article-textbox .author { display: inline; font-size: small } .article-textbox .affiliation { margin-left: 24px; font-size: small; line-height: var(--sd-ui-line-height) } .article-textbox .affiliation .label { margin-left: -24px; position: relative; float: left } .article-textbox .article-textbox-label { margin-bottom: 16px } .article-textbox .legend { border-top: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc } .inter-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.inter-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after { content: ", "; font-size: inherit } .inter-refs .inter-ref:not(first-child):last-of-type::before,.inter-refs .intra-ref:not(first-child):last-of-type::before,.intra-refs .inter-ref:not(first-child):last-of-type::before,.intra-refs .intra-ref:not(first-child):last-of-type::before { content: " and "; font-size: inherit } .figure { display: block; padding-top: 8px; margin: 0 0 20px; border-top: 0; border-bottom: 1px solid #b8b8b8 } .figure:first-of-type { border-top: 1px solid #b8b8b8 } .figure figure:first-child { border-top: 0 } .figure img { height: auto; max-width: 100%; margin-bottom: 16px } .inline-figure { display: inline-block; margin: 0 } .inline-figure img { max-width: 100%; height: auto } .captions { color: #1f1f1f } .author-group .button-link .react-xocs-author-icon { height: 1em; margin: 0 0 -1px 2px } .author-group .button-link .react-xocs-author-icon:last-child { margin-left: 0 } .author-group .button-link.react-xocs-icon-only-link { margin-left: 4px } .author-group .affiliation { color: #707070; vertical-align: top; margin: 0 } .author-group .affiliation dt { clear: left; float: left; width: 2.3em; text-align: right } .author-group .affiliation dd { margin-left: 3em } .author-group .affiliation dd:not(:last-child) { padding: 0 } .article-biography { clear: left; margin-bottom: 16px } .article-biography.article-biography-has-image { display: grid; grid-template-columns: auto auto } .article-biography.article-biography-has-image .article-biography-image { margin-right: 16px } @supports((-o-object-fit: cover) or (object-fit: cover)) { .article-biography.article-biography-has-image .article-biography-image img { width:162px; height: 224px; -o-object-fit: cover; object-fit: cover } } .article-biography .displayed-quote { margin-left: 32px } .article-biography .formula { display: block; margin-top: 8px; margin-bottom: 8px } .book-index .intra-ref { display: table; margin-left: 16px } .captions { color: #1f1f1f } .e-component { display: block; border-top: 2px solid #f0f0f0; padding-top: 16px } .e-component .audio-player,.e-component .video-player { display: block; max-width: 100% } .figure { display: block; padding-top: 8px; margin: 0 0 20px; border-top: 0; border-bottom: 1px solid #b8b8b8 } .figure:first-of-type { border-top: 1px solid #b8b8b8 } .figure figure:first-child { border-top: 0 } .figure img { height: auto; max-width: 100%; margin-bottom: 16px } .inline-figure { display: inline-block; margin: 0 } .inline-figure img { max-width: 100%; height: auto } .inter-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.inter-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after { content: ", "; font-size: inherit } .inter-refs .inter-ref:not(first-child):last-of-type::before,.inter-refs .intra-ref:not(first-child):last-of-type::before,.intra-refs .inter-ref:not(first-child):last-of-type::before,.intra-refs .intra-ref:not(first-child):last-of-type::before { content: " and "; font-size: inherit } .list { margin: 16px 0; display: grid; grid-template-columns: fit-content(15%) fit-content(85%); gap: 0 16px } .list .react-xocs-list-item { display: contents } .list .react-xocs-list-item .list-label { text-align: right } .list .react-xocs-list-item .list-content { min-width: 0 } .list .react-xocs-list-item:last-child p:last-child { margin-bottom: 0 } .references .title { display: block; font-size: 18px } .references .label { float: left; padding-right: 10px } .references .label>a { cursor: pointer } .references .reference { margin-bottom: 16px; margin-left: 48px; display: block; overflow-wrap: break-word } .references .reference p:last-child { margin-bottom: 0 } .references .reference .host,.references .reference .comment { color: #707070 } .references .reference .display { display: block; padding-top: 22px } .bibliography,.further-reading { color: #1f1f1f; margin-bottom: 32px } .bibliography .section-title,.further-reading .section-title { font-size: 24px; margin-bottom: 16px } .bibliography .bibliography-sec .section-title,.bibliography .further-reading-sec .section-title,.further-reading .bibliography-sec .section-title,.further-reading .further-reading-sec .section-title { font-size: 20px } .tables { margin: 16px 0; font-size: 14px; border-top: 2px solid #8e8e8e; border-bottom: 2px solid #8e8e8e } .tables .label { font-size: 14px } .tables .tables { border-top: 0; border-bottom: 0 } .tables table { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100% } .tables.frame-top table { border-top: 1px solid #8e8e8e } .tables.frame-bottom table { border-bottom: 1px solid #8e8e8e } .tables.frame-topbot table { border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e } .tables.frame-sides table { border-left: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e } .tables.frame-all table { border: 1px solid #8e8e8e } .tables.rowsep-1 td,.tables.rowsep-1 th,.tables table.rowsep-1 td,.tables table.rowsep-1 th,.tables tr.rowsep-1 td,.tables tr.rowsep-1 th { border-bottom: 1px solid #8e8e8e } .tables.rowsep-0 td,.tables.rowsep-0 th,.tables table.rowsep-0 td,.tables table.rowsep-0 th,.tables tr.rowsep-0 td,.tables tr.rowsep-0 th { border-bottom: 0 } .tables.colsep-1 td,.tables.colsep-1 th,.tables table.colsep-1 td,.tables table.colsep-1 th { border-right: 1px solid #8e8e8e } .tables.colsep-0 td,.tables.colsep-0 th,.tables table.colsep-0 td,.tables table.colsep-0 th { border-right: 0 } .tables thead { vertical-align: bottom } .tables thead th { font-weight: 700 } .tables tbody { vertical-align: top } .tables td,.tables th { padding: 5px; border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e } .tables td.colsep-0,.tables th.colsep-0 { border-right: 0 } .tables td.rowsep-0,.tables th.rowsep-0 { border-bottom: 0 } .tables td.colsep-1,.tables th.colsep-1 { border-right: 1px solid #8e8e8e } .tables td.border-left,.tables th.border-left { border-left: 1px solid #8e8e8e } .tables td.border-right,.tables th.border-right { border-right: 1px solid #8e8e8e } .tables td.border-top,.tables th.border-top { border-top: 1px solid #8e8e8e } .tables td.border-bottom,.tables th.border-bottom { border-bottom: 1px solid #8e8e8e } .tables th { position: relative } .tables th.rowsep-1::after { content: ""; border-bottom: 1px solid #8e8e8e; position: absolute; bottom: -1px; left: 0; right: 0; display: block; margin: 0 4px } .tables td.rowsep-1 { border-bottom: 1px solid #8e8e8e } .tables td:last-child,.tables th:last-child { border-right: 0 } .tables .valign-top { vertical-align: top } .tables .valign-middle { vertical-align: middle } .tables .valign-bottom { vertical-align: bottom } .tables .align-left { text-align: left } .tables .align-right { text-align: right } .tables .align-center { text-align: center } .tables .align-justify { text-align: justify } .tables .captions { margin-top: 16px } .tables .source,.tables .copyright,.tables .legend,.tables .footnotes { margin-left: 24px; color: #1f1f1f } .tables .groups { overflow-x: auto; margin: 16px 0 } .tables .footnotes dt { margin-left: initial } .tables .footnotes dd { margin-left: 20px } .article-textbox { background-color: #f5f5f5; margin: 16px 0; padding: 16px 32px } .article-textbox.role-pull-quote,.article-textbox.role-alt1,.article-textbox.role-alt6,.article-textbox.role-alt11,.article-textbox.role-alt16,.article-textbox.role-alt21,.article-textbox.role-altm1,.article-textbox.role-altm6,.article-textbox.role-altm11,.article-textbox.role-altm16,.article-textbox.role-altm21 { background-color: #fff4d4 } .article-textbox.role-alt2,.article-textbox.role-alt7,.article-textbox.role-alt12,.article-textbox.role-alt17,.article-textbox.role-alt22,.article-textbox.role-altm2,.article-textbox.role-altm7,.article-textbox.role-altm12,.article-textbox.role-altm17,.article-textbox.role-altm22 { background-color: #e7f9c2 } .article-textbox.role-alt3,.article-textbox.role-alt8,.article-textbox.role-alt13,.article-textbox.role-alt18,.article-textbox.role-alt23,.article-textbox.role-altm3,.article-textbox.role-altm8,.article-textbox.role-altm13,.article-textbox.role-altm18,.article-textbox.role-altm23 { background-color: #ebf7fd } .article-textbox.role-alt4,.article-textbox.role-alt9,.article-textbox.role-alt14,.article-textbox.role-alt19,.article-textbox.role-alt24,.article-textbox.role-altm4,.article-textbox.role-altm9,.article-textbox.role-altm14,.article-textbox.role-altm19,.article-textbox.role-altm24 { background-color: #ffd9e7 } .article-textbox.role-coding,.article-textbox.role-definition,.article-textbox.role-drugs,.article-textbox.role-ethics,.article-textbox.role-focus,.article-textbox.role-health-care,.article-textbox.role-key-term,.article-textbox.role-medical-topic,.article-textbox.role-review,.article-textbox.role-technical { background-color: #ebf7fd } .article-textbox.role-case-study,.article-textbox.role-evidence-based,.article-textbox.role-exercise,.article-textbox.role-practice,.article-textbox.role-q-and-a,.article-textbox.role-teaching { background-color: #e7f9c2 } .article-textbox.role-alert,.article-textbox.role-safety { background-color: #fc9 } .article-textbox.role-guideline,.article-textbox.role-procedure,.article-textbox.role-skill { background-color: #eabdff } .article-textbox.role-note,.article-textbox.role-pearl,.article-textbox.role-tip,.article-textbox.role-web { background-color: #fff4d4 } .article-textbox .article-title { margin-bottom: 12px } .article-textbox .article-sub-title { margin-bottom: 8px } .article-textbox h2 { margin: 0; line-height: var(--sd-ui-line-height); font-size: 22px; font-weight: normal } .article-textbox .author-group { display: block; margin-bottom: 12px } .article-textbox .author { display: inline; font-size: small } .article-textbox .affiliation { margin-left: 24px; font-size: small; line-height: var(--sd-ui-line-height) } .article-textbox .affiliation .label { margin-left: -24px; position: relative; float: left } .article-textbox .article-textbox-label { margin-bottom: 16px } .article-textbox .legend { border-top: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc } .able-wrapper { font-size: 16px; line-height: normal } .able-wrapper .able { -webkit-box-shadow: none; box-shadow: none; z-index: 0 } .able-wrapper .able-seekbar-head { top: -3px } .able-wrapper * { -webkit-box-sizing: content-box; box-sizing: content-box } .able-wrapper *::before,.able-wrapper *::after { font-size: inherit } div.able-modal-dialog { background: #fff; border: 2px #eb6500; border-style: solid none none; color: #1f1f1f; margin: 0; font-size: 16px; line-height: var(--sd-ui-line-height) } div.able-modal-dialog h1 { font-size: 32px; font-weight: normal; margin-top: 40px } div.able-modal-dialog h2 { font-size: 24px; font-weight: normal } div.able-modal-dialog fieldset { margin: 0 0 1em } div.able-modal-dialog hr { border: 1px solid #dcdcdc; display: block; margin: 1em 0 } div.able-modal-dialog legend { color: #1f1f1f; font-weight: normal } div.able-modal-dialog p { margin: 0 0 1em } div.able-modal-dialog ul { list-style: none; margin: .5em 0 } div.able-modal-dialog ul>li { padding-left: 1.6em } div.able-modal-dialog ul>li::before { background-color: #eb6500; border-radius: 50%; content: ""; display: block; float: left; font-size: inherit; height: .35em; margin: .45em 0 0 -1em; width: .35em } div.able-modal-dialog .able-prefs-captions div,div.able-modal-dialog .able-prefs-descriptions div { margin-bottom: 1em } div.able-modal-dialog .able-prefs-captions select,div.able-modal-dialog .able-prefs-descriptions select { border: 1px solid #dcdcdc; color: #1f1f1f; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; font-size: 1em; padding: .125em } div.able-modal-dialog span.able-modkey,div.able-modal-dialog span.able-modkey-alt,div.able-modal-dialog span.able-modkey-ctrl,div.able-modal-dialog span.able-modkey-shift { color: #1f1f1f } div.able-modal-dialog button.modal-button { background-color: #0272b1; border: 2px solid #0272b1; color: #fff; display: inline-block; font-family: inherit; height: 40px; margin: 0 1em 0 0; overflow: hidden; padding: 0 16px; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } div.able-modal-dialog button.modalCloseButton { background: rgba(0,0,0,0); border: 0; color: #0272b1; height: 40px; line-height: 40px; padding: 0 16px; right: 16px; top: 16px } .able-resize-form input[type=text] { float: none } .able-resize-form label { padding-right: 0; font-weight: normal } .able-transcript-area { z-index: 1 } .able-transcript-area .able-tooltip { top: -26px !important } .able-transcript-area .able-window-toolbar { position: relative } .able-transcript-area .able-window-toolbar .able-button-handler-preferences { bottom: auto; top: 50%; margin-top: -12px; right: 6px } div.able-modal-overlay { background-color: rgba(31,31,31,.55) } .ReferenceLinks { margin-top: 4px; position: relative } .ReferenceLinks .link { cursor: pointer; margin-right: 24px; white-space: nowrap } .ReferenceLinks .lazy-third-party-pdf-link { margin-right: 0 } .ReferenceLinks .lazy-third-party-pdf-link:has(.anchor) { margin-right: 24px } .ec-geospatial-data .gmnoprint>div { border-radius: 0 !important } .ec-geospatial-data div.gm-svpc { margin-top: 2px; -webkit-box-shadow: none !important; box-shadow: none !important } .ec-geospatial-data .map-icon { display: block; margin: auto; fill: #4c4c4c; -webkit-transition: fill .3s ease,background-color .3s ease; transition: fill .3s ease,background-color .3s ease } .ec-geospatial-data .map-icon:active,.ec-geospatial-data .map-icon:focus,.ec-geospatial-data .map-icon:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-icon svg { display: block; margin: auto } .ec-geospatial-data .map-selector { -webkit-transition: color .3s ease; transition: color .3s ease } .ec-geospatial-data .map-selector:active,.ec-geospatial-data .map-selector:focus,.ec-geospatial-data .map-selector:hover { color: #eb6500; border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-selector.selected { border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-control { width: 28px; height: 28px; border-radius: 0 !important; background: #f5f5f5; cursor: default } .ec-geospatial-data .map-control.right { margin-right: 10px } .ec-geospatial-data .map-control.bottom { margin-bottom: 0 } .ec-geospatial-data .map-control.double { height: 56px; padding: 0; position: relative; top: 4px } .ec-geospatial-data .map-control .item { padding: 4px } .ec-geospatial-data .map-control-container { height: 28px; background-color: #f5f5f5 } .ec-geospatial-data .map-control-container.right { margin-right: 10px } .ec-geospatial-data .map-control-container.bottom { margin-bottom: 10px } .ec-geospatial-data .map-control-container .item { height: 28px; border-radius: 0 !important; background: #fff; position: absolute; right: 10px; cursor: default } .ec-geospatial-data .map-control-container .icon-type { width: 28px; height: 28px; padding: 4px; fill: #4c4c4c } .ec-geospatial-data .map-control-container .icon-type:active,.ec-geospatial-data .map-control-container .icon-type:focus,.ec-geospatial-data .map-control-container .icon-type:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-control-container .map-type { padding-left: 8px; padding-right: 8px; padding-top: 6px; margin-right: 8px; right: 38px } .ec-geospatial-data .map-control-container .map-type .entry { cursor: pointer; margin-left: 8px; margin-right: 8px; font-size: 13px; text-align: center } .ec-geospatial-data .ec-google-maps { width: 100%; padding-bottom: 75% } @media only screen and (max-width: 599px) { .ec-geospatial-data .map-zoom { display:none } .ec-geospatial-data .ec-google-maps { padding-bottom: 133.33% } } .ec-geospatial-data .gmnoprint>div { border-radius: 0 !important } .ec-geospatial-data div.gm-svpc { margin-top: 2px; -webkit-box-shadow: none !important; box-shadow: none !important } .ec-geospatial-data .map-icon { display: block; margin: auto; fill: #4c4c4c; -webkit-transition: fill .3s ease,background-color .3s ease; transition: fill .3s ease,background-color .3s ease } .ec-geospatial-data .map-icon:active,.ec-geospatial-data .map-icon:focus,.ec-geospatial-data .map-icon:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-icon svg { display: block; margin: auto } .ec-geospatial-data .map-selector { -webkit-transition: color .3s ease; transition: color .3s ease } .ec-geospatial-data .map-selector:active,.ec-geospatial-data .map-selector:focus,.ec-geospatial-data .map-selector:hover { color: #eb6500; border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-selector.selected { border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-control { width: 28px; height: 28px; border-radius: 0 !important; background: #f5f5f5; cursor: default } .ec-geospatial-data .map-control.right { margin-right: 10px } .ec-geospatial-data .map-control.bottom { margin-bottom: 0 } .ec-geospatial-data .map-control.double { height: 56px; padding: 0; position: relative; top: 4px } .ec-geospatial-data .map-control .item { padding: 4px } .ec-geospatial-data .map-control-container { height: 28px; background-color: #f5f5f5 } .ec-geospatial-data .map-control-container.right { margin-right: 10px } .ec-geospatial-data .map-control-container.bottom { margin-bottom: 10px } .ec-geospatial-data .map-control-container .item { height: 28px; border-radius: 0 !important; background: #fff; position: absolute; right: 10px; cursor: default } .ec-geospatial-data .map-control-container .icon-type { width: 28px; height: 28px; padding: 4px; fill: #4c4c4c } .ec-geospatial-data .map-control-container .icon-type:active,.ec-geospatial-data .map-control-container .icon-type:focus,.ec-geospatial-data .map-control-container .icon-type:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-control-container .map-type { padding-left: 8px; padding-right: 8px; padding-top: 6px; margin-right: 8px; right: 38px } .ec-geospatial-data .map-control-container .map-type .entry { cursor: pointer; margin-left: 8px; margin-right: 8px; font-size: 13px; text-align: center } .ec-geospatial-data .ec-google-maps { width: 100%; padding-bottom: 75% } @media only screen and (max-width: 599px) { .ec-geospatial-data .map-zoom { display:none } .ec-geospatial-data .ec-google-maps { padding-bottom: 133.33% } } .ec-geospatial-data { border-bottom: 2px solid #dcdcdc } .ec-geospatial-data .map-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .ec-geospatial-data .map-header .map-header-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .ec-geospatial-data .map-header .map-page,.ec-geospatial-data .map-header .map-header-button { -ms-flex-negative: 0; flex-shrink: 0 } @media print { .ec-geospatial-data { page-break-before: always } } .ec-research-data-card { background-color: #f5f5f5; margin: 0 0 8px 0; padding: 32px; font-size: 14px } .ec-research-data-card.ec-open-data { padding-top: 20px } .ec-research-data-card .ec-od-secret-link { color: #4c4c4c; cursor: pointer } .ec-research-data-card .ec-od-secret-link:visited,.ec-research-data-card .ec-od-secret-link:active,.ec-research-data-card .ec-od-secret-link:focus,.ec-research-data-card .ec-od-secret-link:hover { color: #4c4c4c; text-decoration: none } .ec-research-data-card .ec-research-data-card-header { margin-bottom: 18px } @media only screen and (max-width: 599px) { .ec-research-data-card .ec-research-data-card-header { margin-bottom:36px } } .ec-research-data-card .ec-research-data-dl-dois-hdr { font-style: italic } .ec-research-data-card .ec-research-data-card-licence { text-align: right; margin-bottom: 4px } .ec-research-data-card .ec-research-data-card-licence.ec-md { margin-top: 4px } .ec-research-data-card .ec-research-data-card-entry { margin: 0 } .ec-research-data-card .ec-research-data-card-entry.ec-dl:not(:first-child),.ec-research-data-card .ec-research-data-card-entry.ec-dp:not(:first-child),.ec-research-data-card .ec-research-data-card-entry.ec-od:not(:first-child) { border-top: 2px solid #f0f0f0; padding-top: 14px } .ec-research-data-card .ec-research-data-card-entry.ec-dl:not(:last-child),.ec-research-data-card .ec-research-data-card-entry.ec-dp:not(:last-child),.ec-research-data-card .ec-research-data-card-entry.ec-od:not(:last-child) { margin-bottom: 9px } .ec-research-data-card .ec-research-data-card-entry.ec-md { margin-top: 26px } .ec-research-data-card .ec-research-data-card-entry.ec-md:not(:first-child) { margin-top: 36px } .ec-research-data-card .ec-research-data-card-icon { float: left; fill: #4c4c4c } .ec-research-data-card .ec-research-data-card-icon-small { margin-right: 5px; fill: #4c4c4c; vertical-align: text-bottom } .ec-research-data-card .ec-research-data-card-with-icon { margin-left: 32px } .ec-research-data-card .ec-research-data-card-title,.ec-research-data-card .ec-research-data-card-name { font-size: 20px; font-weight: normal } .ec-research-data-card .ec-research-data-card-description { padding: 0; margin-bottom: 16px } .ec-research-data-card .ec-research-data-card-dataset { margin-top: 24px } .ec-research-data-card .ec-research-data-card-dataset-entry { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 8px } .ec-research-data-card .ec-research-data-card-dataset-entry:first-child { border-top: 2px solid #f0f0f0; padding: 8px 0 } .ec-research-data-card .ec-research-data-card-dataset-entry:last-child { border-bottom: 2px solid #f0f0f0 } .ec-research-data-card .ec-research-data-card-dataset-entry .ec-md-filename { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px; overflow: hidden; text-overflow: ellipsis } .ec-research-data-card .ec-research-data-card-dataset-entry .ec-md-filesize { font-style: italic; margin-left: 8px } .ec-research-data-card .ec-research-data-card-dataset-link { margin-top: 8px } .ec-research-data-card .ec-research-data-card-file-type { font-style: italic; margin: 0 } .ec-research-data-card .ec-research-data-card-access,.ec-research-data-card .ec-research-data-card-text { margin: 0 } .ec-research-data-card .ec-research-data-card-access { margin: 0 } .ec-research-data-card .ec-research-data-card-access .ec-description { font-style: italic } .ec-research-data-card .ec-research-data-card-mail-to { margin-left: 32px } .ec-research-data-card .ec-json { white-space: pre; font-family: monospace } .ec-clear-flow { clear: both } .ec-float-left { float: left } .ec-float-right { float: right } .Abstracts .displayed-quote { margin-left: 32px } .Abstracts .formula { display: block; margin-top: 1em; margin-bottom: 1em; position: relative } .Abstracts .formula .math { text-align: left } .Abstracts .formula .formula-label { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .Abstracts .abstract { margin-bottom: 8px } .Abstracts .author-highlights,.Abstracts .editor-highlights { background-color: #f5f5f5; padding: 32px 32px 16px; max-width: 680px } .Abstracts .author-highlights h2,.Abstracts .editor-highlights h2 { margin-top: 0 !important } .Abstracts .article-textbox h2 { margin: 0; line-height: 30px; font-size: 22px; font-weight: normal } .accessbar-sticky { background-color: #fff; z-index: 2 } @media only screen and (min-width: 48em) { .accessbar-sticky { position:sticky; top: -4px } } .toolbar-stuck { scroll-padding-top: 64px } .toolbar-stuck.toolbar-stuck-search { scroll-padding-top: 0 } @media screen and (max-width: 767px) { .Article [role=main] { width:100% } } .Article .article-wrapper { max-width: 1440px; margin: auto } .Article .sticky-table-of-contents { overflow: hidden; position: sticky; top: 64px } .toolbar-stuck .Article .sticky-table-of-contents { max-height: calc(100vh - 64px); overflow: auto } .Article .topic-link { text-decoration: underline; text-decoration: underline #1f1f1f; text-decoration-thickness: 1px; color: #1f1f1f; text-underline-offset: 1px } .Article .topic-link:hover { text-decoration: underline; text-decoration: underline #eb6500; text-decoration-thickness: 2px; color: #1f1f1f; text-underline-offset: 2px } .Article .topic-link:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .ArticleIdentifierLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Banner { margin-bottom: 8px; scroll-margin-top: 64px } .Banner .author-group { margin-bottom: 22px } .Banner .inner-element { margin-bottom: 22px } .Banner .author-collaboration:not(:last-of-type) { margin-bottom: 22px } .Banner .author-collaboration .inner-element { margin-left: 22px } .Banner .affiliation:first-of-type { margin-top: 22px } .Banner .affiliation dd:not(:last-child) { padding: 0 0 22px } .Banner .banner-options { border-bottom: 1px solid #000 } .Banner .banner-options .toc-button-wrap { padding-right: 16px; border-right: solid 1px #000 } .Banner .wrapper.truncated .author-group { margin-bottom: 0 } .Banner .wrapper.truncated .inner-element { margin: 0 } .Banner .notice,.Banner .retraction-notice { display: grid; grid-template-columns: auto auto; gap: 8px } .Banner .notice .icon,.Banner .retraction-notice .icon { margin-top: 2px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .ClinicalKeyBanner { background: #ecf7fe } .ClinicalKeyBanner .clinical-key-banner-container { container: clinical-key-container/inline-size; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } @container clinical-key-container (min-width: 632px) { .ClinicalKeyBanner .clinical-key-banner-overview { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px } } .ClinicalKeySidePanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .chapter-preview-banner { background: #ecf7fe } .chapter-preview-banner .chapter-preview-banner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px } .chapter-preview-banner .banner-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 2px } .chapter-preview-banner .banner-icon svg { display: block } .chapter-preview-banner .chapter-preview-anchor { display: block } @media only screen and (min-width: 36em) { .chapter-preview-banner .chapter-preview-anchor { display:inline } } .Tail .monospace,.Body .monospace { font-family: monospace } .Tail .sans-serif,.Body .sans-serif { font-family: sans-serif } .Tail .formula,.Body .formula { text-align: left; display: block; margin-top: 1em; margin-bottom: 1em; position: relative } .Tail .formula>.formula,.Body .formula>.formula { margin-top: 0; margin-bottom: 0 } .Tail .formula .math,.Body .formula .math { text-align: left } .Tail .formula>.label,.Body .formula>.label { float: right } .Tail section,.Body section { margin-bottom: 8px } .Copyright { margin: 32px 0; font-size: 13px } .crossmark-button img { width: 150px } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .CrossmarkModal { width: 100%; height: 100%; max-width: 600px; max-height: 600px } .CrossmarkModal .modal-content { height: 100% } .CrossmarkModal iframe { height: 100%; width: 100%; border: 0; padding-top: 32px } .article-dedication { margin-bottom: 6px; color: #707070 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .DownloadCapModal { max-width: 640px; width: 100% } .DownloadCapModal .ddm-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .DownloadFullIssue { white-space: nowrap; padding-left: 0 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .DownloadIssueModal { max-width: 772px; width: 100% } .DownloadIssueModal .download-full-issue-article .issue-article-info { display: -webkit-box; display: -ms-flexbox; display: flex } .DownloadIssueModal .download-full-issue-article .authors { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #4c4c4c } .DownloadIssueModal .download-full-issue-article .download-full-issue-checkbox.checkbox-label-value { width: calc(100% - 28px); line-height: var(--sd-ui-line-height) } .DownloadIssueModal .download-full-issue-article .download-full-issue-article-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .DownloadIssueModal .download-full-issue-article .authors,.DownloadIssueModal .download-full-issue-article .download-full-issue-article-title,.DownloadIssueModal .download-full-issue-article .main-article-sub-type,.DownloadIssueModal .download-full-issue-article .issue-article-info { margin-bottom: 4px } .DownloadIssueModal .articles-box { overflow-y: auto; max-height: 500px } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .EntitledRecommendationsModal { max-height: 90vh; max-width: 792px; width: 100% } .EntitledRecommendationsModal .entitled-recommendation-article { display: -webkit-box; display: -ms-flexbox; display: flex } .EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-title,.EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-source,.EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-authors { margin-bottom: 4px } @media only screen and (min-width: 62em) { .EntitledRecommendationsModal { min-width:812px } } .EntitledRecommendationsModal .entitled-recommendations-modal-footer { border-top: 1px solid #b8b8b8 } .BookExam,.Exam { line-height: 150% } .BookExam h2,.Exam h2 { margin-bottom: 8px; font-size: 16px } .BookExam .label,.Exam .label { float: left; line-height: inherit; font-size: inherit } .BookExam .label+div,.Exam .label+div { margin-left: 30px } .BookExam li>ul,.Exam li>ul { margin-left: 30px } .BookExam ul>.label,.Exam ul>.label { float: none; display: inline-block; margin-right: 4px } .BookExam ul>.label::after,.Exam ul>.label::after { content: ". " } .BookExam ul>.label+h2,.Exam ul>.label+h2 { font-size: inherit; display: inline } .BookExam ul>h2,.Exam ul>h2 { margin-bottom: 8px } .BookExam ul,.Exam ul { margin: 16px 0 30px 0 } .BookExam section>h2.label,.Exam section>h2.label { font-size: 16px; line-height: 32px; margin-right: 4px } .BookExam section>h2.label::after,.Exam section>h2.label::after { content: ". " } .ExportCitation .popover-children { padding: 16px } .ExportCitation .citation-type { white-space: nowrap } .ExportCitation .icon-cited-by-66 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .Footnotes .footnote { display: -webkit-box; display: -ms-flexbox; display: flex } .Footnotes .footnote-label { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px } .Footnotes .footnote-detail { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .Footnotes sup { top: 0; font-size: 100% } .full-text-link[aria-disabled=true] { color: #b8b8b8 !important } .Glossary { overflow: hidden } .Glossary .glossary-section { overflow: hidden } .Glossary h2 { margin-top: 16px; font-size: 16px } .Glossary h3 { font-size: 16px; margin-bottom: 8px } .Glossary dd { margin-bottom: 10px; line-height: 24px } .Head { word-break: break-word } .Head .article-dochead { font-size: 14px; line-height: var(--sd-ui-line-height); color: #707070; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif } .Head .other-ref { display: block; margin-bottom: 6px } .Head .reference::before,.Head .article-alt-title::before { content: ""; display: block } .Head .reference .authors { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; display: inline } .Head .title-text+.reference::before,.Head .article-alt-title+.reference::before,.Head .title-text+.article-alt-title::before { margin-top: 6px } .Head sup { padding-right: 4px } .Head [data-xocs-content-type] { margin-left: 8px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .message-banner { border-top: 1px solid #1f1f1f } .message-banner:first-of-type { border-top-width: 4px } .message-banner .message-banner-container { padding: 16px } @media only screen and (min-width: 36em) { .message-banner .message-banner-container { padding:16px 24px; gap: 4px } } @media only screen and (min-width: 62em) { .message-banner .message-banner-container { padding:16px 32px; margin: 0 25% } } @media(min-width: 1440px) { .message-banner .message-banner-container { margin:0 calc(var(--arp-auto-margin) + 360px) } } html:has(.message-banner) .accessbar { border-top-width: 1px } .issue-navigation { overflow: hidden; font-size: 16px; line-height: 24px } .issue-navigation a:hover,.issue-navigation a:focus { text-decoration: none } .issue-navigation .extra-detail-1 { display: none } @media screen and (min-width: 400px) { .issue-navigation .extra-detail-1 { display:inline } } .issue-navigation .extra-detail-2 { display: none } @media screen and (min-width: 599px)and (max-width: 767px) { .issue-navigation .extra-detail-2 { display:inline } } @media screen and (min-width: 1123px) { .issue-navigation .extra-detail-2 { display:inline } } .issue-navigation .button-alternative-tertiary,.issue-navigation .button-alternative-tertiary:disabled { padding: 0 } .issue-navigation .button-alternative-tertiary [class*=icon-],.issue-navigation .button-alternative-tertiary:disabled [class*=icon-] { background: #f5f5f5 } .Keywords .keywords-section .section-title { margin-top: 16px; font-size: 24px } .Keywords .keywords-section .keyword { display: inline; margin: 0; padding: 0 } .Keywords .keywords-section .keyword span::after { content: ", " } .Keywords .keywords-section .keyword span:last-child::after { content: "" } .Keywords .keywords-section .keyword::after { content: "; " } .Keywords .keywords-section .keyword:last-child::after { content: "" } .Keywords .keywords-section .keyword span.math::after,.Keywords .keywords-section .keyword span.math span::after { content: "" } .Keywords .keywords-section .keyword figure span::after { content: "" } .Keywords:not(:last-child),.article-textbox .keywords-section { margin-bottom: 32px; border-bottom: 2px solid #f0f0f0; padding-bottom: 32px } .LicenseInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .LicenseInfo.access-type-label-only { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .ListArticles a:hover,.ListArticles a:focus { text-decoration: none } .ListArticles h3 { font-size: 1.125rem } .ListArticles .button { border: 0 solid; padding: 0; text-align: left; background-color: #fff; border-color: #fff; color: #0272b1; width: 50% } .ListArticles .button svg { border: 2px solid; width: 13% } .ListArticles .button-primary:hover,.ListArticles .button-primary:focus { background-color: #fff } .ListArticles .button-primary:hover .button-text,.ListArticles .button-primary:focus .button-text { color: #0272b1 } .ListArticles .button-primary:hover .button-link,.ListArticles .button-primary:focus .button-link { padding-right: 32px } .ListArticles .button-primary:hover svg,.ListArticles .button-primary:focus svg { background-color: #0272b1; fill: #fff } .ListArticles .list-item-toggle { padding: 0; width: 100%; position: relative; text-align: left; color: #4c4c4c; line-height: 32px } .ListArticles .list-item-toggle .icon { position: absolute; right: 4px; top: 4px; height: 22px; width: 22px } .ListArticles .list-item-pdf-link { display: inline-block } .ListArticles .list-item-pdf-link .icon { width: 16px } .ListArticles .list-item-details-toggle { display: inline-block; padding: 0; margin-top: 4px } .ListArticles .list-item-details-toggle .icon.icon-navigate-down { height: 1.3em; margin-top: -4px; margin-left: 4px } .ListArticles .list-item-toggle .icon,.ListArticles .list-item-details-toggle .icon { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .ListArticles .list-item-toggle.is-up .icon,.ListArticles .list-item-details-toggle.is-up .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .ListArticles .list-item-view-more { display: inline-block; margin-bottom: 12px } .ListArticles .list-item-view-more .icon { height: .9em } .ListArticles .message { margin-bottom: 16px } .ListArticles .articles { margin-bottom: 15px } .ListArticles .inline-figure::before { content: " " } .ListArticles.hidden { visibility: hidden; height: 0 } .plumX-metrics { color: #4c4c4c } .plumX-metrics .metric-title { padding-bottom: 6px; margin: 16px 0 12px; border-bottom: 2px solid var(--metric-color) } .plumX-metrics .metric-title-citations { --metric-color: #fd5704 } .plumX-metrics .metric-title-captures { --metric-color: #c43bf3 } .plumX-metrics .metric-title-mentions { --metric-color: #f3c316 } .plumX-metrics .metric-title-social-media { --metric-color: #13b7ea } .plumX-metrics .metrics { display: grid; grid-template-columns: auto auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .plumX-metrics .plumX-logo { height: 16px } noscript { border: 1px solid #f5f5f5; margin-bottom: 10px; padding: 10px 8px; font-size: 13px; display: block; line-height: 24px; text-align: center } .AccessLabel { font-style: italic } .AccessLabel .access-indicator { background: #53b848; border-radius: 8px; display: inline-block; width: 8px; height: 8px; margin-right: 8px } .paginatedReferences { color: #1f1f1f } .paginatedReferences h3 { font-size: 18px; line-height: var(--sd-ui-line-height); color: #1f1f1f } .paginatedReferences .host { display: -webkit-box; display: -ms-flexbox; display: flex } .paginatedReferences .host .series { padding-right: 4px } .paginatedReferences .host .series h3.title { font-size: 16px; line-height: var(--sd-ui-line-height); font-weight: normal; color: #707070 } .PageDivider { margin-bottom: 24px; border-bottom: 2px solid #f0f0f0 } @media(max-width: 600px) { .PageDivider.border-black-mobile { border-color:#000 } } .PdfEmbed .embedded-pdf-styles { border-width: 1px solid #f0f0f0; height: 783px; width: 100% } .PdfPreview .image-preview-container { position: relative; border: 1px solid #f0f0f0 } .PdfPreview .image-pdf-preview { display: block; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease } .PdfPreview .image-pdf-preview-link { display: block } .PdfPreview .image-pdf-preview-link:hover .image-pdf-preview,.PdfPreview .image-pdf-preview-link:focus-visible .image-pdf-preview { -webkit-filter: blur(1px); filter: blur(1px) } .PdfPreview .image-pdf-preview-link:hover+.first-page-hover-overlay,.PdfPreview .image-pdf-preview-link:focus-visible+.first-page-hover-overlay { opacity: 1 } .PdfPreview .image-pdf-preview-link:hover+.first-page-hover-overlay .anchor-text { color: #1f1f1f; border-bottom-color: #eb6500 } .PdfPreview .first-page-hover-overlay { background-color: rgba(255,255,255,.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; pointer-events: none; position: absolute; inset: 1px 1px 1px 1px } .PdfPreview .first-page-hover-overlay .first-page-overlay-content { background: rgba(255,255,255,.8); border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; text-align: center; padding: 32px; width: 100% } .article-presented { margin-bottom: 6px; color: #707070 } .Preview .Abstracts h2 { margin-bottom: 16px !important } .Preview .article-wrapper { overflow: visible } .Preview .preview-sidebar { position: sticky; top: 76px } .Preview article .PageDivider { border-bottom: 2px solid #1f1f1f; height: 2px } .Preview .Publication { margin-bottom: 0; border-bottom: 0; padding-bottom: 0 } .Preview .Publication .publication-title-link { font-size: 24px; font-weight: normal } .CitedSection { border-left: 1px solid } .CitedSection .cite-header { margin-bottom: 4px } .PreviewTableOfContents { width: 13.5rem; margin: 1rem 0 0 2rem } .PreviewTableOfContents .preview-table-of-contents-title { margin: 0 0 1rem } .PreviewTableOfContents .preview-table-of-contents-list .separator { margin: 0 0 1.5rem } .PreviewTableOfContents .preview-table-of-contents-list li { margin: 0 0 0.75rem } .Publication { margin-bottom: 8px; border-bottom: 2px solid #f0f0f0; padding-bottom: 12px; width: 100%; min-height: 106px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Publication.wordmark-layout { min-height: 128px } .Publication.wordmark-layout:has(.publication-aip-text) { min-height: 150px } @media screen and (max-width: 599px) { .Publication.wordmark-layout { padding-bottom:24px; min-height: auto } .Publication.wordmark-layout:has(.publication-aip-text) { min-height: auto } } .Publication.wordmark-layout .publication-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width: 599px) { .Publication { padding-bottom:24px; min-height: auto } } .Publication .publication-brand,.Publication .publication-volume,.Publication .publication-cover { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .Publication .publication-brand { min-width: 60px } .Publication .publication-brand .icon { margin-right: 12px } .Publication .publication-volume { vertical-align: middle; margin: auto; max-width: 500px; padding: 0 4px } .Publication .publication-cover { min-width: 60px; vertical-align: top; text-align: right } .Publication .publication-cover .fallback-cover { height: 100px; width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 12px } .Publication .publication-brand-image,.Publication .publication-cover-image,.Publication .article-branding { display: block; max-height: 88px } .Publication .publication-cover-image { border: 1px solid #b8b8b8 } .Publication .publication-brand-image-placeholder { width: 60px } .RelatedContentModal .more-recommendations-button { margin-bottom: 0 !important } .ReferencedArticles { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } .ReferencedArticles .referenced-article-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; margin-right: 32px; min-width: 6em } .ReferencedArticles .refers-to-content { min-width: 0 } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .RelatedContentModal { width: 95%; color: #1f1f1f; max-width: 600px } .RelatedContentModal .RelatedContentPanel { border-bottom: initial; margin-bottom: 0 !important } .RelatedContentModal .RelatedContentPanel .related-content-panel-header { display: inline-block } .related-content-links { background-color: #f5f5f5; margin: 20px 0 } .related-content-links .button-link { padding: 6px 10px } .RelatedContentPanelItem { margin-bottom: 16px } .RelatedContentPanelItem .related-content-panel-list-entry-outline-padding { padding: 3px; margin-left: -3px } .RelatedContentPanelItem .related-content-panel-list-entry-outline-padding .anchor { vertical-align: top } .RelatedContentPanelItem .article-source .source { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .RelatedContentPanel { border-bottom: 2px solid #f0f0f0 } .RelatedContentPanel .related-content-panel-toggle { padding: 0; width: 100%; position: relative; text-align: left; line-height: 32px } .RelatedContentPanel .related-content-panel-toggle .button-link-text { font-size: 16px } .RelatedContentPanel .related-content-panel-toggle .icon { position: absolute; right: 0; top: 4px; height: 22px; width: 22px } .RelatedContentPanel .related-content-panel-toggle:hover .icon,.RelatedContentPanel .related-content-panel-toggle:hover .related-content-panel-title-text { border-bottom-color: #eb6500; fill: #eb6500 } .RelatedContentPanel .related-content-panel-toggle.is-up .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .RelatedContentPanel .related-content-panel-title-text { border-bottom: 2px solid rgba(0,0,0,0); position: relative; top: 2px } .RelatedContentPanel .inline-figure::before { content: " " } .RelatedContentPanel.hidden { visibility: hidden; height: 0 } .side-panel { --right-column-width: 33.3333333333%; --arp-side-panel-desired-width: calc(var(--right-column-width) + 16px + var(--arp-auto-margin)); --arp-side-panel-width: clamp(330px, var(--arp-side-panel-desired-width), 560px); --sd-ui-right-side-panel-width: var(--arp-side-panel-width) } @media only screen and (min-width: 62em) { .side-panel { --right-column-width: 25% } } @media only screen and (min-width: 1440px) { .side-panel { --right-column-width: 360px } } .side-panel-accessibility-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } .side-panel-accessibility-afr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; padding: 16px 12px; background: #f5f5f5 } .SidePanelAuthor { color: #1f1f1f } .SidePanelAuthor .correspondence .icon { margin-right: 8px; fill: currentColor; vertical-align: middle } .SidePanelAuthor .affiliation,.SidePanelAuthor .footnote,.SidePanelAuthor .correspondence,.SidePanelAuthor .e-address,.SidePanelAuthor .urls { display: block; margin-top: 16px; margin-bottom: 8px } .SidePanelAuthor .article-biography { display: block } .key-dates-help .key-dates-help-list { list-style: disc } .SidePanelReference .references { margin-bottom: 32px } .SidePanelReference .references .label { display: none } .SidePanelReference .references .reference { margin-top: 0; margin-left: 0 } .Snippets section { margin-bottom: 32px } .Snippets .section-title { font-weight: normal !important; margin: 16px 0 !important } .Social .popover-children { padding: 16px } .Social .social-anchor { white-space: nowrap } .SpecialIssueArticles .part-of-issue-editors .authors { display: inline } .substance-info-panel-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: grid; gap: 24px 0; grid-template-columns: 1fr -webkit-min-content; grid-template-columns: 1fr min-content; grid-template-rows: auto auto; margin-bottom: 24px; padding: 4px 8px 0 16px; position: sticky; top: 0; z-index: 1 } @media only screen and (min-width: 36em) { .substance-info-panel-header { grid-template-rows:auto auto; padding: 20px 24px 0 32px } } @media only screen and (min-width: 98em) { .substance-info-panel-header { grid-auto-flow:dense; grid-template-columns: 1fr -webkit-min-content -webkit-min-content; grid-template-columns: 1fr min-content min-content; grid-template-rows: 1fr } .substance-info-panel-header .side-panel-close-btn { grid-column-start: 3 } } .substance-info-panel-header .substance-info-panel-pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px } .side-panel-substance .side-panel-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .side-panel-substance .side-panel-children { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; overflow-y: auto } .substance-info-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-bottom: 48px } .substance-info-panel-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .substance-info-panel-key-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .substance-info-panel-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 16px 24px } .substance-info-panel-image { border: 1px solid #dcdcdc; overflow: hidden; text-align: center; padding: 8px 0 } .substance-info-panel-image .substance-wrapper { position: relative } .substance-info-panel-image .substance-wrapper .substance-image { display: block; height: 216px; margin: 0 auto 8px; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; width: 100%; max-width: 288px } .substance-info-panel-citation-count { border-top: 1px solid #dcdcdc } .App .Article .substance-info-panel p { margin: 0 } .substances-related-content ol { display: grid; grid-gap: 12px; grid-template-columns: repeat(2, 1fr) } .substances-related-content .substance-wrapper { position: relative } .substances-related-content .substance-wrapper .substance-image { border: 1px solid #dcdcdc; padding: 1px; width: 200px } .substances-related-content .substance-wrapper .substance-image-text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; inset: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff } .substances-related-content .substance-image-button { display: block } .substances-related-content .substance-image-button:hover .substance-image { border: 2px solid #eb6500; padding: 0 } .skip { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip:focus,.skip:active { height: auto; width: auto; padding: 2px } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .Outline li li,.Outline li li.toc-list-entry-outline-padding { padding-left: 8px } .Outline li:not(:last-child) { padding-bottom: 8px } .Outline ul { padding-top: 8px } .Outline li.ai-components-toc-entry { padding-bottom: 0 } .Outline li.ai-components-toc-entry.toc-list-entry-outline-padding { padding-bottom: 8px } .Figures ol { display: grid; grid-gap: 12px; grid-template-columns: repeat(auto-fill, 80px) } .Figures img { border: 1px solid #dcdcdc; height: 80px; -o-object-fit: cover; object-fit: cover; padding: 1px; width: 100% } .BookContents .accordion-container .accordion-panel { border: none !important } .BookContents .accordion-container .accordion-panel-title { padding-bottom: 0 !important; font-size: 14px } .BookContents .accordion-container .accordion-panel-content { padding-left: 0.5rem } .BookContents .accordion-container .book-contents-item { display: block } .BookContents .book-contents-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .BookContents .current-book-contents-item { border-bottom: 2px solid #eb6500 } .TableOfContents { margin-bottom: 32px; padding-left: 16px } .TableOfContents h2 { padding: 16px 0 } .TableOfContents h2:first-child { padding-top: 0 } .TableOfContents .PageDivider { margin-bottom: 16px; clear: both } .TableOfContents .toc-list-entry-outline-padding { padding: 4px; margin-left: -4px } .TableOfContents .toc-list-entry-outline-padding>.anchor,.TableOfContents .toc-list-entry-outline-padding>span { vertical-align: top } .TableOfContents .toc-list-entry-unentitled { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; max-width: 100% } .TableOfContents .toc-list-entry-unentitled .icon { -ms-flex-negative: 0; flex-shrink: 0 } .TableOfContents .toc-list-entry-unentitled-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .TableOfContentsModal { width: 95%; max-height: 95% } .TableOfContentsModal .TableOfContents { margin-bottom: 0; padding-left: 0 } .TransientErrorModal,.EntitledRecommendationsModal,.RelatedContentModal,.TableOfContentsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .TransientErrorModal { max-width: 460px; max-height: 100% } .TransientErrorModal .transient-error-modal-content { display: -webkit-box; display: -ms-flexbox; display: flex } .TransientErrorModal .transient-error-modal-warning-icon { -ms-flex-negative: 0; flex-shrink: 0 } .ViewContent { border-bottom: 2px solid #f0f0f0; padding-bottom: 24px } .ViewContent .text { margin-right: 32px } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .pagination { text-align: center } .pagination .underline-page-number { border-bottom: 2px solid #ff6c00 } .pagination .pagination-current { font-weight: bold } .pagination .previous-button { margin-left: -80px } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .pagination .previous-button { margin-left: 265px } } .pagination-pages-label { color: #1f1f1f; margin-right: 8px } html,body { margin: 0; padding: 0; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyph,.inline-figure>img { vertical-align: middle } .u-margin-xxs-bottom { margin-bottom: 4px } .u-word-break-break-all { word-break: break-all } .u-valign-middle { vertical-align: middle } .u-bg-ai-purple { background-color: #d8b8ff } .u-truncate-anchor-text { max-width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .u-truncate-anchor-text .anchor-text-container { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .anchor .icon { -ms-flex-negative: 0; flex-shrink: 0 } #gh-cnt { z-index: 3 } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierSans"; src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2"); font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2"); font-weight: bold; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2"); font-style: italic; font-display: swap } @font-face { font-family: "ElsevierGulliver"; src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; font-display: swap } .focused,.tabs-control:enabled button:focus-visible,.tabs-control:enabled a:focus-visible,.tab:not(.tab-is-disabled) button:focus-visible,.tab:not(.tab-is-disabled) a:focus-visible,.highlight-on-focus:focus-visible,.highlight-on-focus-and-hover button:focus-visible,.highlight-on-focus-and-hover a:focus-visible { outline-offset: 2px; outline: 2px solid #eb6500 !important } .highlight-on-focus-and-hover { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .highlight-on-focus-and-hover button,.highlight-on-focus-and-hover a { outline: none } .highlight-on-focus-and-hover:hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: rgba(0,0,0,0); -webkit-text-decoration-skip: objects } a:active,a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; font-variant-numeric: lining-nums; line-height: 1.15; margin: 0; } button,input { overflow: visible } button,select { text-transform: none } button,html [type=button],[type=reset],[type=submit] { -webkit-appearance: button; border-radius: 0 } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: none; outline-offset: -2px; border-radius: 0 } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,figure,table,th,td,caption,hr { margin: 0; padding: 0 } abbr[title],dfn[title] { cursor: help } u,ins { text-decoration: none } ins { border-bottom: 1px solid } html { -webkit-box-sizing: border-box; box-sizing: border-box } *,*:before,*:after { -webkit-box-sizing: inherit; box-sizing: inherit } html { font-size: 16px; font-variant-numeric: lining-nums; line-height: var(--sd-ui-line-height) } body { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; color: #1f1f1f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *,*:after,*:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .grid { width: 100%; margin: 0 auto } .grid:before,.row:before,.grid:after,.row:after { content: " "; display: table } .grid:after,.row:after { clear: both } .grid img { width: auto; max-width: 100%; height: auto } [class*=col-] { float: left; width: 100%; min-height: 1px } .gutters.row { margin-left: -8px; margin-right: -8px } .gutters>[class*=col-],.gutters>[class*=" col-"] { padding-left: 8px; padding-right: 8px } @media only screen and (min-width: 20em) { .col-xs-1,.row>.col-xs-1 { width:4.1666666667% } .col-xs-2,.row>.col-xs-2 { width: 8.3333333333% } .col-xs-3,.row>.col-xs-3 { width: 12.5% } .col-xs-4,.row>.col-xs-4 { width: 16.6666666667% } .col-xs-5,.row>.col-xs-5 { width: 20.8333333333% } .col-xs-6,.row>.col-xs-6 { width: 25% } .col-xs-7,.row>.col-xs-7 { width: 29.1666666667% } .col-xs-8,.row>.col-xs-8 { width: 33.3333333333% } .col-xs-9,.row>.col-xs-9 { width: 37.5% } .col-xs-10,.row>.col-xs-10 { width: 41.6666666667% } .col-xs-11,.row>.col-xs-11 { width: 45.8333333333% } .col-xs-12,.row>.col-xs-12 { width: 50% } .col-xs-13,.row>.col-xs-13 { width: 54.1666666667% } .col-xs-14,.row>.col-xs-14 { width: 58.3333333333% } .col-xs-15,.row>.col-xs-15 { width: 62.5% } .col-xs-16,.row>.col-xs-16 { width: 66.6666666667% } .col-xs-17,.row>.col-xs-17 { width: 70.8333333333% } .col-xs-18,.row>.col-xs-18 { width: 75% } .col-xs-19,.row>.col-xs-19 { width: 79.1666666667% } .col-xs-20,.row>.col-xs-20 { width: 83.3333333333% } .col-xs-21,.row>.col-xs-21 { width: 87.5% } .col-xs-22,.row>.col-xs-22 { width: 91.6666666667% } .col-xs-23,.row>.col-xs-23 { width: 95.8333333333% } .col-xs-24,.row>.col-xs-24 { width: 100% } } @media only screen and (min-width: 36em) { .col-sm-1,.row>.col-sm-1 { width:4.1666666667% } .col-sm-2,.row>.col-sm-2 { width: 8.3333333333% } .col-sm-3,.row>.col-sm-3 { width: 12.5% } .col-sm-4,.row>.col-sm-4 { width: 16.6666666667% } .col-sm-5,.row>.col-sm-5 { width: 20.8333333333% } .col-sm-6,.row>.col-sm-6 { width: 25% } .col-sm-7,.row>.col-sm-7 { width: 29.1666666667% } .col-sm-8,.row>.col-sm-8 { width: 33.3333333333% } .col-sm-9,.row>.col-sm-9 { width: 37.5% } .col-sm-10,.row>.col-sm-10 { width: 41.6666666667% } .col-sm-11,.row>.col-sm-11 { width: 45.8333333333% } .col-sm-12,.row>.col-sm-12 { width: 50% } .col-sm-13,.row>.col-sm-13 { width: 54.1666666667% } .col-sm-14,.row>.col-sm-14 { width: 58.3333333333% } .col-sm-15,.row>.col-sm-15 { width: 62.5% } .col-sm-16,.row>.col-sm-16 { width: 66.6666666667% } .col-sm-17,.row>.col-sm-17 { width: 70.8333333333% } .col-sm-18,.row>.col-sm-18 { width: 75% } .col-sm-19,.row>.col-sm-19 { width: 79.1666666667% } .col-sm-20,.row>.col-sm-20 { width: 83.3333333333% } .col-sm-21,.row>.col-sm-21 { width: 87.5% } .col-sm-22,.row>.col-sm-22 { width: 91.6666666667% } .col-sm-23,.row>.col-sm-23 { width: 95.8333333333% } .col-sm-24,.row>.col-sm-24 { width: 100% } } @media only screen and (min-width: 48em) { .col-md-1,.row>.col-md-1 { width:4.1666666667% } .col-md-2,.row>.col-md-2 { width: 8.3333333333% } .col-md-3,.row>.col-md-3 { width: 12.5% } .col-md-4,.row>.col-md-4 { width: 16.6666666667% } .col-md-5,.row>.col-md-5 { width: 20.8333333333% } .col-md-6,.row>.col-md-6 { width: 25% } .col-md-7,.row>.col-md-7 { width: 29.1666666667% } .col-md-8,.row>.col-md-8 { width: 33.3333333333% } .col-md-9,.row>.col-md-9 { width: 37.5% } .col-md-10,.row>.col-md-10 { width: 41.6666666667% } .col-md-11,.row>.col-md-11 { width: 45.8333333333% } .col-md-12,.row>.col-md-12 { width: 50% } .col-md-13,.row>.col-md-13 { width: 54.1666666667% } .col-md-14,.row>.col-md-14 { width: 58.3333333333% } .col-md-15,.row>.col-md-15 { width: 62.5% } .col-md-16,.row>.col-md-16 { width: 66.6666666667% } .col-md-17,.row>.col-md-17 { width: 70.8333333333% } .col-md-18,.row>.col-md-18 { width: 75% } .col-md-19,.row>.col-md-19 { width: 79.1666666667% } .col-md-20,.row>.col-md-20 { width: 83.3333333333% } .col-md-21,.row>.col-md-21 { width: 87.5% } .col-md-22,.row>.col-md-22 { width: 91.6666666667% } .col-md-23,.row>.col-md-23 { width: 95.8333333333% } .col-md-24,.row>.col-md-24 { width: 100% } } @media only screen and (min-width: 62em) { .col-lg-1,.row>.col-lg-1 { width:4.1666666667% } .col-lg-2,.row>.col-lg-2 { width: 8.3333333333% } .col-lg-3,.row>.col-lg-3 { width: 12.5% } .col-lg-4,.row>.col-lg-4 { width: 16.6666666667% } .col-lg-5,.row>.col-lg-5 { width: 20.8333333333% } .col-lg-6,.row>.col-lg-6 { width: 25% } .col-lg-7,.row>.col-lg-7 { width: 29.1666666667% } .col-lg-8,.row>.col-lg-8 { width: 33.3333333333% } .col-lg-9,.row>.col-lg-9 { width: 37.5% } .col-lg-10,.row>.col-lg-10 { width: 41.6666666667% } .col-lg-11,.row>.col-lg-11 { width: 45.8333333333% } .col-lg-12,.row>.col-lg-12 { width: 50% } .col-lg-13,.row>.col-lg-13 { width: 54.1666666667% } .col-lg-14,.row>.col-lg-14 { width: 58.3333333333% } .col-lg-15,.row>.col-lg-15 { width: 62.5% } .col-lg-16,.row>.col-lg-16 { width: 66.6666666667% } .col-lg-17,.row>.col-lg-17 { width: 70.8333333333% } .col-lg-18,.row>.col-lg-18 { width: 75% } .col-lg-19,.row>.col-lg-19 { width: 79.1666666667% } .col-lg-20,.row>.col-lg-20 { width: 83.3333333333% } .col-lg-21,.row>.col-lg-21 { width: 87.5% } .col-lg-22,.row>.col-lg-22 { width: 91.6666666667% } .col-lg-23,.row>.col-lg-23 { width: 95.8333333333% } .col-lg-24,.row>.col-lg-24 { width: 100% } } @media only screen and (min-width: 75em) { .col-xl-1,.row>.col-xl-1 { width:4.1666666667% } .col-xl-2,.row>.col-xl-2 { width: 8.3333333333% } .col-xl-3,.row>.col-xl-3 { width: 12.5% } .col-xl-4,.row>.col-xl-4 { width: 16.6666666667% } .col-xl-5,.row>.col-xl-5 { width: 20.8333333333% } .col-xl-6,.row>.col-xl-6 { width: 25% } .col-xl-7,.row>.col-xl-7 { width: 29.1666666667% } .col-xl-8,.row>.col-xl-8 { width: 33.3333333333% } .col-xl-9,.row>.col-xl-9 { width: 37.5% } .col-xl-10,.row>.col-xl-10 { width: 41.6666666667% } .col-xl-11,.row>.col-xl-11 { width: 45.8333333333% } .col-xl-12,.row>.col-xl-12 { width: 50% } .col-xl-13,.row>.col-xl-13 { width: 54.1666666667% } .col-xl-14,.row>.col-xl-14 { width: 58.3333333333% } .col-xl-15,.row>.col-xl-15 { width: 62.5% } .col-xl-16,.row>.col-xl-16 { width: 66.6666666667% } .col-xl-17,.row>.col-xl-17 { width: 70.8333333333% } .col-xl-18,.row>.col-xl-18 { width: 75% } .col-xl-19,.row>.col-xl-19 { width: 79.1666666667% } .col-xl-20,.row>.col-xl-20 { width: 83.3333333333% } .col-xl-21,.row>.col-xl-21 { width: 87.5% } .col-xl-22,.row>.col-xl-22 { width: 91.6666666667% } .col-xl-23,.row>.col-xl-23 { width: 95.8333333333% } .col-xl-24,.row>.col-xl-24 { width: 100% } } .move-left { float: left; left: 0 } .move-right { float: right; right: 0 } .move-top { position: absolute; top: 0 } .move-bottom { position: absolute; bottom: 0 } .move-middle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .move-middle.move-center { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .move-center { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .move-center.move-middle { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .stretch,.modal-overlay,.tap-area { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .tap-area { cursor: pointer } h1,h2,h3,h4 { font-weight: normal } h5 { font-weight: bold } h1.h1-3xl { font-size: 64px; line-height: var(--sd-ui-line-height) } h1.h1-2xl { font-size: 56px; line-height: var(--sd-ui-line-height) } h1.h1-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } h1 { font-size: 40px; line-height: var(--sd-ui-line-height) } h2 { font-size: 32px; line-height: var(--sd-ui-line-height) } h3 { font-size: 24px; line-height: var(--sd-ui-line-height) } h4 { font-size: 20px; line-height: var(--sd-ui-line-height) } h5 { font-size: 16px; line-height: var(--sd-ui-line-height) } h1.alt-xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .hor-line { border-bottom: 0.125rem solid #dcdcdc } .hor-line-top { border-top: 0.125rem solid #dcdcdc } .branded ul { list-style: none; margin: .5em 0 } .branded ul>li { padding-left: 1.6em } .branded ul>li::before { margin: .45em 0 0 -1em; content: ""; display: block; float: left; width: .35em; height: .35em; background-color: #eb6500; border-radius: 50% } .branded ol { list-style-type: none; margin: .5em 0; counter-reset: item } .branded ol>li { padding-left: 1.7em; counter-increment: item } .branded ol>li::before { margin: .25em 0 0 -1.4em; content: counter(item, decimal) "."; display: block; float: left; color: #eb6500; font-size: .8em; font-weight: bold } .list-tags { margin-left: 0; padding-left: 0 } .list-tags-item { display: inline; list-style-type: none; margin: 0; padding: 0 } .list-tags-item::after { content: ", " } .list-tags-item:last-child::after { content: "" } .branded a { color: #0272b1; -webkit-transition: color .3s ease,border-bottom-color .3s ease; transition: color .3s ease,border-bottom-color .3s ease; text-decoration: none; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:link,.branded a:visited { color: #0272b1; border-bottom: 2px solid rgba(0,0,0,0) } .branded a:active,.branded a:focus,.branded a:hover { cursor: pointer; color: #1f1f1f; border-bottom-color: #ff6c00 } .container,.panel,.panel-s,.panel-l,.panel-m { position: relative; overflow: auto } .panel,.panel-s,.panel-l,.panel-m { background: #f5f5f5; overflow: auto } .panel.trasparent,.trasparent.panel-s,.trasparent.panel-l,.trasparent.panel-m { background: 0 } .panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l),.panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) { padding: 32px } .panel-s,.panel-l,.panel-m { padding: 16px } .panel-m { padding: 32px } .panel-l { padding: 48px } .list-item:first-child { padding-top: 0 } .list-item:last-child { padding-bottom: 0 } .button-alternative { --sd-ui-button-alt-border-bottom-colour: transparent; --sd-ui-button-alt-border-bottom-colour-hover: #eb6500; --sd-ui-button-alt-border-bottom-width: 2px; --sd-ui-button-alt-colour: #1f1f1f; --sd-ui-button-alt-colour-focus: #eb6500; --sd-ui-button-alt-cursor: pointer; --sd-ui-button-alt-font-size: 1em; --sd-ui-button-alt-gap: calc(0.5em - 2px); --sd-ui-button-alt-min-width: 5.5rem; --sd-ui-button-alt-icon-background-colour: #0272b1; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-border-colour-hover: #eb6500; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem } .button-alternative-secondary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #0272b1; --sd-ui-button-alt-icon-fill: #0272b1 } .button-alternative-tertiary { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #1f1f1f; --sd-ui-button-alt-icon-fill: #1f1f1f } .button-alternative.on-dark-background { --sd-ui-button-alt-border-bottom-colour-hover: #ffffff; --sd-ui-button-alt-colour: #ffffff; --sd-ui-button-alt-colour-focus: #ffffff; --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-background-colour-hover: transparent; --sd-ui-button-alt-icon-border-colour: #ffffff; --sd-ui-button-alt-icon-border-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #1f1f1f; --sd-ui-button-alt-icon-fill-hover: #ffffff } .button-alternative-secondary.on-dark-background,.button-alternative-tertiary.on-dark-background { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-background-colour-hover: #ffffff; --sd-ui-button-alt-icon-fill: #ffffff; --sd-ui-button-alt-icon-fill-hover: #1f1f1f } .button-alternative:disabled { --sd-ui-button-alt-colour: #b8b8b8; --sd-ui-button-alt-cursor: default; --sd-ui-button-alt-icon-background-colour: #b8b8b8; --sd-ui-button-alt-icon-border-colour: #b8b8b8 } .button-alternative-secondary:disabled,.button-alternative-tertiary:disabled { --sd-ui-button-alt-icon-background-colour: #ffffff; --sd-ui-button-alt-icon-border-colour: #b8b8b8; --sd-ui-button-alt-icon-fill: #b8b8b8 } .button-alternative.on-dark-background:disabled { --sd-ui-button-alt-colour: #4c4c4c; --sd-ui-button-alt-icon-background-colour: #707070; --sd-ui-button-alt-icon-border-colour: #707070 } .button-alternative-secondary.on-dark-background:disabled,.button-alternative-tertiary.on-dark-background:disabled { --sd-ui-button-alt-icon-background-colour: transparent; --sd-ui-button-alt-icon-border-colour: #707070; --sd-ui-button-alt-icon-fill: #707070 } .button-alternative.small-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } .button-alternative.medium-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } .button-alternative.large-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 0.875rem; --sd-ui-button-alt-gap: 0.375rem; --sd-ui-button-alt-icon-padding: 0.375rem; --sd-ui-button-alt-icon-size: 2rem; --sd-ui-button-alt-icon-external-link-size: 0.5rem; --sd-ui-button-alt-min-width: 4.5rem } @media only screen and (min-width: 48em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1rem; --sd-ui-button-alt-gap: 0.5rem; --sd-ui-button-alt-icon-padding: 0.5rem; --sd-ui-button-alt-icon-size: 2.5rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 5.5rem } } @media only screen and (min-width: 62em) { .button-alternative.responsive-alternative { --sd-ui-button-alt-font-size: 1.25rem; --sd-ui-button-alt-gap: 0.625rem; --sd-ui-button-alt-icon-padding: 0.625rem; --sd-ui-button-alt-icon-size: 3rem; --sd-ui-button-alt-icon-external-link-size: 0.625rem; --sd-ui-button-alt-min-width: 6rem } } .button-alternative { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: rgba(0,0,0,0); border: none; color: var(--sd-ui-button-alt-colour); cursor: var(--sd-ui-button-alt-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-alt-font-size); gap: var(--sd-ui-button-alt-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-alt-min-width); text-decoration: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .button-alternative.disable-min-width { min-width: inherit } .button-alternative:focus-visible { outline: 2px solid var(--sd-ui-button-alt-colour-focus); outline-offset: 2px } .button-alternative .icon,.button-alternative-text-container { -ms-flex-item-align: center; align-self: center } .button-alternative .icon { -ms-flex-negative: 0; flex-shrink: 0 } .button-alternative .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour); border: 2px solid var(--sd-ui-button-alt-icon-border-colour); fill: var(--sd-ui-button-alt-icon-fill); height: var(--sd-ui-button-alt-icon-size); padding: var(--sd-ui-button-alt-icon-padding); -webkit-transition: background-color .3s,border-color .3s,fill .3s; transition: background-color .3s,border-color .3s,fill .3s; width: var(--sd-ui-button-alt-icon-size) } .button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) { background-color: var(--sd-ui-button-alt-icon-background-colour-hover); border-color: var(--sd-ui-button-alt-icon-border-colour-hover); fill: var(--sd-ui-button-alt-icon-fill-hover) } .button-alternative-text { border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour); -webkit-transition: border-bottom .3s; transition: border-bottom .3s } .button-alternative:hover:not(:disabled) .button-alternative-text { border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover) } .button-alternative .arrow-external-link { fill: currentColor; height: var(--sd-ui-button-alt-icon-external-link-size); width: var(--sd-ui-button-alt-icon-external-link-size) } .anchor { --sd-ui-anchor-border-bottom-colour: transparent; --sd-ui-anchor-border-bottom-colour-hover: #eb6500; --sd-ui-anchor-border-bottom-width: 2px; --sd-ui-anchor-border-bottom-width-hover: 2px; --sd-ui-anchor-colour: #0272b1; --sd-ui-anchor-colour-focus: #eb6500; --sd-ui-anchor-cursor: pointer; --sd-ui-anchor-font-size: 1em; --sd-ui-anchor-gap: calc(0.5em - 2px); --sd-ui-anchor-icon-colour: currentColor; --sd-ui-anchor-icon-size: calc(1em + 4px); --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em) } .anchor-secondary { --sd-ui-anchor-colour: #1f1f1f } .anchor-underline { --sd-ui-anchor-border-bottom-colour: currentColor; --sd-ui-anchor-border-bottom-width: 1px } .anchor-has-background-color { --sd-ui-anchor-border-bottom-colour-hover: currentColor; --sd-ui-anchor-colour-focus: currentColor } .anchor-has-colored-icon { --sd-ui-anchor-icon-colour: #0272b1 } .anchor-has-inherit-color { --sd-ui-anchor-colour: inherit } .anchor.on-dark-background { --sd-ui-anchor-border-bottom-colour-hover: #ffffff; --sd-ui-anchor-colour: #ffffff; --sd-ui-anchor-colour-focus: #ffffff; --sd-ui-anchor-icon-colour: #ffffff } .anchor[aria-disabled=true] { --sd-ui-anchor-cursor: default; --sd-ui-anchor-colour: #b8b8b8; --sd-ui-anchor-colour-focus: transparent; --sd-ui-anchor-icon-colour: #b8b8b8 } .anchor-small { --sd-ui-anchor-font-size: 0.875rem; --sd-ui-anchor-gap: 0.25rem; --sd-ui-anchor-icon-size: 1rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-medium { --sd-ui-anchor-font-size: 1rem; --sd-ui-anchor-gap: 0.375rem; --sd-ui-anchor-icon-size: 1.25rem; --sd-ui-anchor-icon-external-link-size: 0.5rem } .anchor-large { --sd-ui-anchor-font-size: 1.25rem; --sd-ui-anchor-gap: 0.5rem; --sd-ui-anchor-icon-size: 1.5rem; --sd-ui-anchor-icon-external-link-size: 0.625rem } .anchor { color: var(--sd-ui-anchor-colour); cursor: var(--sd-ui-anchor-cursor); font-size: var(--sd-ui-anchor-font-size); line-height: var(--sd-ui-line-height); text-decoration: none } .anchor:focus-visible { outline: 2px solid var(--sd-ui-anchor-colour-focus); outline-offset: 2px } .anchor-with-icon { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: var(--sd-ui-anchor-gap) } .anchor .icon { -ms-flex-item-align: center; align-self: center; fill: var(--sd-ui-anchor-icon-colour); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-anchor-icon-size); width: var(--sd-ui-anchor-icon-size) } .anchor-icon-only:hover:not([aria-disabled=true]) .icon { -webkit-transition: fill .3s; transition: fill .3s; fill: var(--sd-ui-anchor-border-bottom-colour-hover) } .anchor-text { border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour); -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s } .anchor:hover:not([aria-disabled=true]) .anchor-text { border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover) } .anchor .arrow-external-link { height: var(--sd-ui-anchor-icon-external-link-size); margin-left: var(--sd-ui-anchor-gap); width: var(--sd-ui-anchor-icon-external-link-size) } .skip-link { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip-link:focus,.skip-link:active { height: auto; width: auto; padding: 2px } .button-link { --sd-ui-button-link-border-bottom-colour: transparent; --sd-ui-button-link-border-bottom-colour-hover: #eb6500; --sd-ui-button-link-border-bottom-width: 2px; --sd-ui-button-link-border-bottom-width-hover: 2px; --sd-ui-button-link-colour: #0272b1; --sd-ui-button-link-colour-focus: #eb6500; --sd-ui-button-link-cursor: pointer; --sd-ui-button-link-font-size: 1em; --sd-ui-button-link-gap: calc(0.5em - 2px); --sd-ui-button-link-icon-colour: currentColor; --sd-ui-button-link-icon-size: calc(1em + 4px) } .button-link-secondary { --sd-ui-button-link-colour: #1f1f1f } .button-link-underline { --sd-ui-button-link-border-bottom-colour: currentColor; --sd-ui-button-link-border-bottom-width: 1px } .button-link-has-colored-icon { --sd-ui-button-link-icon-colour: #0272b1 } .button-link-on-dark-background { --sd-ui-button-link-border-bottom-colour-hover: #ffffff; --sd-ui-button-link-colour: #ffffff; --sd-ui-button-link-colour-focus: #ffffff; --sd-ui-button-link-icon-colour: #ffffff } .button-link:disabled { --sd-ui-button-link-cursor: default; --sd-ui-button-link-colour: #b8b8b8; --sd-ui-button-link-colour-focus: transparent; --sd-ui-button-link-icon-colour: #b8b8b8 } .button-link-small { --sd-ui-button-link-font-size: 0.875rem; --sd-ui-button-link-gap: 0.25rem; --sd-ui-button-link-icon-size: 1rem } .button-link-medium { --sd-ui-button-link-font-size: 1rem; --sd-ui-button-link-gap: 0.375rem; --sd-ui-button-link-icon-size: 1.25rem } .button-link-large { --sd-ui-button-link-font-size: 1.25rem; --sd-ui-button-link-gap: 0.5rem; --sd-ui-button-link-icon-size: 1.5rem } .button-link { border: none; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); text-decoration: none; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--sd-ui-button-link-colour); cursor: var(--sd-ui-button-link-cursor); font-size: var(--sd-ui-button-link-font-size); gap: var(--sd-ui-button-link-gap); -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .button-link:focus-visible { outline: 2px solid var(--sd-ui-button-link-colour-focus); outline-offset: 2px } .button-link .icon { -ms-flex-item-align: center; align-self: center; fill: var(--sd-ui-button-link-icon-colour); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-button-link-icon-size); width: var(--sd-ui-button-link-icon-size) } .button-link-icon-only:hover:not(:disabled) .icon { -webkit-transition: fill .3s; transition: fill .3s; --sd-ui-button-link-icon-colour: #eb6500 } .button-link-text { border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour); -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s } .button-link:hover:not(:disabled) .button-link-text { border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover); border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover) } .checkbox { --sd-ui-checkbox-border-colour: #707070; --sd-ui-checkbox-border-colour-hover: #1f1f1f; --sd-ui-checkbox-border-width: 0.125rem; --sd-ui-checkbox-colour: #1f1f1f; --sd-ui-checkbox-colour-focus: #eb6500; --sd-ui-checkbox-cursor: pointer; --sd-ui-checkbox-font-size: 1rem; --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px); --sd-ui-checkbox-indicator-colour: #eb6500; --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width)); --sd-ui-checkbox-indicator-size: 0.6em } .checkbox.is-disabled { --sd-ui-checkbox-border-colour: #b8b8b8; --sd-ui-checkbox-colour: #b8b8b8; --sd-ui-checkbox-cursor: default; --sd-ui-checkbox-indicator-colour: #b8b8b8 } .checkbox-small { --sd-ui-checkbox-font-size: 0.875rem } .checkbox-medium { --sd-ui-checkbox-font-size: 1rem } .checkbox-large { --sd-ui-checkbox-font-size: 1.25rem } .checkbox-responsive { --sd-ui-checkbox-font-size: 0.875rem } @media only screen and (min-width: 48em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1rem } } @media only screen and (min-width: 62em) { .checkbox-responsive { --sd-ui-checkbox-font-size: 1.25rem } } .checkbox { font-size: var(--sd-ui-checkbox-font-size); line-height: var(--sd-ui-line-height) } .checkbox .checkbox-input { opacity: 0; position: absolute } .checkbox .checkbox-label { color: var(--sd-ui-checkbox-colour); cursor: var(--sd-ui-checkbox-cursor); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .checkbox .checkbox-label-value { margin-left: .5em; vertical-align: middle } .checkbox .checkbox-check { background-color: #fff; border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour); display: inline-block; font-size: var(--sd-ui-checkbox-size); height: var(--sd-ui-checkbox-size); position: relative; -webkit-transition: border-color ease .3s; transition: border-color ease .3s; vertical-align: middle; width: var(--sd-ui-checkbox-size) } .checkbox .checkbox-check::after { border-color: #fff; border-style: solid; border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0; content: ""; height: var(--sd-ui-checkbox-indicator-size); left: var(--sd-ui-checkbox-indicator-offset); position: absolute; top: var(--sd-ui-checkbox-indicator-offset); -webkit-transition: border-color .3s; transition: border-color .3s; width: var(--sd-ui-checkbox-indicator-size) } .checkbox .checkbox-input:checked+.checkbox-check::after { border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #fff #fff } .checkbox.checkbox.partial .checkbox-input:checked~.checkbox-check::after { border-top-color: #fff } .checkbox .checkbox-input:focus-visible+.checkbox-check { outline: 2px solid var(--sd-ui-checkbox-colour-focus); outline-offset: 1px } .checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check { border-color: var(--sd-ui-checkbox-border-colour-hover) } .checkbox.checkbox-label-indent .checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .checkbox.checkbox-label-indent .checkbox-check { -ms-flex-negative: 0; flex-shrink: 0 } .tab-list { width: 100%; margin-bottom: 1rem; -webkit-box-shadow: 0px -1px #1f1f1f inset; box-shadow: 0px -1px #1f1f1f inset } .tab { display: inline-block; list-style: none; cursor: pointer; font-weight: normal } .tab a:link,.tab a:visited { text-decoration: none; color: inherit } .tab:not(.tab-is-disabled) { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .tab:not(.tab-is-disabled) button,.tab:not(.tab-is-disabled) a { outline: none } .tab:not(.tab-is-disabled):hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tab:not(.tab-is-disabled).tab-is-selected { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; -webkit-box-shadow: 0px -4px 0 -1px #1f1f1f inset; box-shadow: 0px -4px 0 -1px #1f1f1f inset; border-collapse: separate } .tab.tab-is-disabled { cursor: default; border-bottom: 1px solid #1f1f1f } .tab.tab-is-disabled button { outline: none } .tab.tab-is-disabled .tab-title { color: #b8b8b8 } .tab-title { height: 2em; padding: 0.125rem 1rem 0; font-family: inherit; line-height: calc(2em - 2px); display: block; background-color: rgba(0,0,0,0); border: 0; text-decoration: none } .tab-panel { display: none } .tab-panel.tab-panel-is-selected,.tab-panel.tab-panel-force-rendered { display: block } .tablist-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 1rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .tabs-container { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 4px; position: relative; top: 4px } .tab-list[class*=responsive-to-] { margin-bottom: 0; position: relative; z-index: 1; white-space: nowrap; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } @media only screen and (min-width: 20em) { .tab-list.responsive-to-xs { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-xs { padding: 0 } .responsive-to-xs .tabs-control { display: none } } @media only screen and (min-width: 36em) { .tab-list.responsive-to-sm { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-sm { padding: 0 } .responsive-to-sm .tabs-control { display: none } } @media only screen and (min-width: 48em) { .tab-list.responsive-to-md { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-md { padding: 0 } .responsive-to-md .tabs-control { display: none } } @media only screen and (min-width: 62em) { .tab-list.responsive-to-lg { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-lg { padding: 0 } .responsive-to-lg .tabs-control { display: none } } @media only screen and (min-width: 75em) { .tab-list.responsive-to-xl { white-space:normal; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .tablist-container.responsive-to-xl { padding: 0 } .responsive-to-xl .tabs-control { display: none } } .tabs-control { -ms-flex-negative: 0; flex-shrink: 0; height: calc(2.5em + 1px); width: 2.5em } .tabs-control:enabled { -webkit-transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: border-bottom-color .3s,-webkit-box-shadow .3s; transition: box-shadow .3s,border-bottom-color .3s; transition: box-shadow .3s,border-bottom-color .3s,-webkit-box-shadow .3s; border-bottom: 1px solid #1f1f1f } .tabs-control:enabled button,.tabs-control:enabled a { outline: none } .tabs-control:enabled:hover { -webkit-box-shadow: 0px -4px 0 -1px #eb6500 inset !important; box-shadow: 0px -4px 0 -1px #eb6500 inset !important; border-collapse: separate; border-bottom: 1px solid #eb6500 !important } .tabs-control svg.icon.tabs-control-icon { margin: 0 } .simple-tabs { --sd-ui-tabs-border-bottom-colour: #1f1f1f; --sd-ui-tabs-border-bottom-colour-hover: #eb6500; --sd-ui-tabs-border-bottom-width: 0.25rem; --sd-ui-tabs-colour: #1f1f1f; --sd-ui-tabs-colour-focus: #eb6500; --sd-ui-tab-panel-padding-ver: 2rem; --sd-ui-tab-panel-padding-hor: 1rem; --sd-ui-tabs-cursor: pointer; --sd-ui-tabs-font-size: 1em; --sd-ui-tab-padding-hor: 0.625rem; --sd-ui-tab-padding-top: 0.375rem; --sd-ui-tab-padding-bottom: 0.125rem; --sd-ui-tab-colour-focus: #eb6500; --sd-ui-tab-colour-hover: #1f1f1f; --sd-ui-tab-border-colour-hover: #eb6500 } .simple-tabs.on-dark-background { --sd-ui-tabs-border-bottom-colour-hover: #ffffff; --sd-ui-tabs-colour: #ffffff; --sd-ui-tabs-colour-focus: #ffffff } .simple-tabs { font-family: inherit; font-size: var(--sd-ui-tabs-font-size); line-height: var(--sd-ui-line-height) } .simple-tab-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset; width: 100% } .simple-tab-list.simple-tab-list-scrolling { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; scroll-padding-inline: 3rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: -4px; margin-left: -4px; margin-top: -4px; -webkit-box-shadow: unset; box-shadow: unset } .simple-tab-list.simple-tab-list-scrolling>.simple-tab { margin: 4px 0 } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:first-child { margin-left: 4px } .simple-tab-list.simple-tab-list-scrolling>.simple-tab:last-child { margin-right: 4px } .simple-tab-list.simple-tab-list-scrolling~.simple-tab-list-scrolling-border-bottom { border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour); margin-top: -1px; margin-right: 4px; margin-left: 4px } .simple-tab-panel { padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor) } .simple-tab-panel.active { display: block } .simple-tab-panel.active:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 1px } .simple-tab-panel.hidden { display: none } .simple-tab { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: rgba(0,0,0,0); border: none; border-bottom: var(--sd-ui-tabs-border-bottom-width) solid rgba(0,0,0,0); color: var(--sd-ui-tabs-colour); cursor: var(--sd-ui-tabs-cursor); font-family: inherit; padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor); -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; white-space: nowrap } .simple-tab[aria-selected=true] { border-bottom-color: var(--sd-ui-tabs-border-bottom-colour) } .simple-tab:focus-visible { outline: 2px solid var(--sd-ui-tab-colour-focus); outline-offset: 2px } .simple-tab:hover[aria-selected=false],.simple-tab:hover:not([aria-selected]) { border-color: var(--sd-ui-tab-border-colour-hover); color: var(--sd-ui-tab-colour-hover) } .accordion-container .accordion-title { color: #1f1f1f; font-size: inherit; line-height: inherit } .accordion-container .accordion-title .accordion-text { border-bottom: 2px solid rgba(0,0,0,0); -webkit-transition: border-bottom-color .3s ease; transition: border-bottom-color .3s ease } .accordion-container .accordion-subtitle { display: block } .accordion-container .accordion-panel-title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background-color: rgba(0,0,0,0); font-family: inherit; line-height: var(--sd-ui-line-height); position: relative; border: 0; cursor: pointer } .accordion-container .accordion-panel-title:hover .accordion-text,.accordion-container .accordion-panel-title:active .accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-panel-title:hover .accordion-icon,.accordion-container .accordion-panel-title:active .accordion-icon { fill: #eb6500 } .accordion-container .accordion-panel-title:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .accordion-container .accordion-panel-title.icon-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .accordion-container .accordion-panel-title.icon-left .accordion-icon { margin-right: 8px } .accordion-container .accordion-panel-title.icon-right .accordion-icon { margin-left: 8px } .accordion-container .accordion-panel { list-style: none; max-width: none; border-bottom: 2px solid #b8b8b8 } .accordion-container .accordion-panel:first-child { border-top: 2px solid #b8b8b8 } .accordion-container .accordion-panel>button[aria-expanded=true]>div>.accordion-text { border-bottom: 2px #eb6500 solid } .accordion-container .accordion-icon { fill: #0272b1; -ms-flex-negative: 0; flex-shrink: 0 } .accordion-container .accordion-icon.navigate-up { fill: #0272b1 } .accordion-container .accordion-icon.navigate-up:hover { fill: #eb6500 } .pagination :last-child { margin-right: 0 } .pagination :first-child { margin-left: 0 } .pagination-pages-label { color: #1f1f1f } .pagination-controls { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .current-page { border-bottom: 2px solid #000 } .button { --sd-ui-button-background-colour: #0272b1; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-border-colour: #0272b1; --sd-ui-button-border-colour-hover: #eb6500; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-focus: #eb6500; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-cursor: pointer; --sd-ui-button-font-size: 1em; --sd-ui-button-gap: 0.375rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f; --sd-ui-button-icon-size: calc(1em + 4px); --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button-secondary,.button-tertiary { --sd-ui-button-background-colour: transparent } .button-secondary { --sd-ui-button-colour: #0272b1; --sd-ui-button-icon-fill: #0272b1 } .button-tertiary { --sd-ui-button-border-colour: #1f1f1f; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-icon-fill: #1f1f1f } .button.on-dark-background { --sd-ui-button-border-colour: #ffffff; --sd-ui-button-border-colour-hover: #ffffff; --sd-ui-button-background-colour: #ffffff; --sd-ui-button-background-colour-hover: transparent; --sd-ui-button-colour: #1f1f1f; --sd-ui-button-colour-focus: #ffffff; --sd-ui-button-colour-hover: #ffffff; --sd-ui-button-icon-fill: #1f1f1f; --sd-ui-button-icon-fill-hover: #ffffff } .button-secondary.on-dark-background,.button-tertiary.on-dark-background { --sd-ui-button-background-colour: transparent; --sd-ui-button-background-colour-hover: #ffffff; --sd-ui-button-colour: #ffffff; --sd-ui-button-colour-hover: #1f1f1f; --sd-ui-button-icon-fill: #ffffff; --sd-ui-button-icon-fill-hover: #1f1f1f } .button:disabled { --sd-ui-button-background-colour: #b8b8b8; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-cursor: default } .button-secondary:disabled,.button-tertiary:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-border-colour: #b8b8b8; --sd-ui-button-colour: #b8b8b8; --sd-ui-button-icon-fill: #b8b8b8 } .button.on-dark-background:disabled { --sd-ui-button-background-colour: #707070; --sd-ui-button-border-colour: #707070 } .button-secondary.on-dark-background:disabled,.button-tertiary.on-dark-background:disabled { --sd-ui-button-background-colour: transparent; --sd-ui-button-colour: #707070; --sd-ui-button-icon-fill: #707070 } .button.small { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } .button.medium { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } .button.large { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } .button.responsive { --sd-ui-button-font-size: 0.875rem; --sd-ui-button-gap: 0.25rem; --sd-ui-button-icon-size: 1rem; --sd-ui-button-min-width: 4.5rem; --sd-ui-button-padding-icon-label: 0.375rem; --sd-ui-button-padding-hor: 0.5rem; --sd-ui-button-padding-ver: 0.1875rem } @media only screen and (min-width: 48em) { .button.responsive { --sd-ui-button-font-size: 1rem; --sd-ui-button-gap: 0.375rem; --sd-ui-button-icon-size: 1.25rem; --sd-ui-button-min-width: 5.5rem; --sd-ui-button-padding-icon-label: 0.5rem; --sd-ui-button-padding-hor: 0.625rem; --sd-ui-button-padding-ver: 0.375rem } } @media only screen and (min-width: 62em) { .button.responsive { --sd-ui-button-font-size: 1.25rem; --sd-ui-button-gap: 0.5rem; --sd-ui-button-icon-size: 1.5rem; --sd-ui-button-min-width: 6rem; --sd-ui-button-padding-icon-label: 0.625rem; --sd-ui-button-padding-hor: 0.75rem; --sd-ui-button-padding-ver: 0.5rem } } .button { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: var(--sd-ui-button-background-colour); border: 2px solid var(--sd-ui-button-border-colour); color: var(--sd-ui-button-colour); cursor: var(--sd-ui-button-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-button-font-size); gap: var(--sd-ui-button-gap); line-height: var(--sd-ui-line-height); min-width: var(--sd-ui-button-min-width); max-width: 250px; padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor); -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; white-space: nowrap } @media only screen and (min-width: 36em) { .button { max-width:100% } } .button-icon-only { padding: var(--sd-ui-button-padding-icon-label); min-width: inherit } .button.disable-min-width { min-width: inherit } .button:focus-visible { outline: 2px solid var(--sd-ui-button-colour-focus); outline-offset: 2px } .button:hover:not(:disabled) { background-color: var(--sd-ui-button-background-colour-hover); border-color: var(--sd-ui-button-border-colour-hover); color: var(--sd-ui-button-colour-hover) } .button .icon,.button-text-container { -ms-flex-item-align: center; align-self: center } .button .icon { fill: var(--sd-ui-button-icon-fill); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-button-icon-size); width: var(--sd-ui-button-icon-size); -webkit-transition: fill .3s ease; transition: fill .3s ease } .button-text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis } .button:hover:not(:disabled) .icon { fill: var(--sd-ui-button-icon-fill-hover) } @-webkit-keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes icon-spinner-anim { 0% { opacity: 1 } 100% { opacity: 0 } } .icon-spinner>rect { -webkit-animation: icon-spinner-anim .4s linear 0s infinite; animation: icon-spinner-anim .4s linear 0s infinite } .icon-spinner>rect:nth-of-type(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s } .icon-spinner>rect:nth-of-type(3) { -webkit-animation-delay: -0.35s; animation-delay: -0.35s } .icon-spinner>rect:nth-of-type(4) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s } .icon-spinner>rect:nth-of-type(5) { -webkit-animation-delay: -0.25s; animation-delay: -0.25s } .icon-spinner>rect:nth-of-type(6) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s } .icon-spinner>rect:nth-of-type(7) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s } .icon-spinner>rect:nth-of-type(8) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s } .icon-spinner>rect:nth-of-type(9) { -webkit-animation-delay: -0.05s; animation-delay: -0.05s } .icon-spinner>rect:nth-of-type(10) { -webkit-animation: none; animation: none } .modal { border: 1rem solid rgba(220,220,220,.85); min-width: 18rem } .modal:active,.modal:focus,.modal:hover { outline: 0 } .modal-content { border-top: 2px solid #eb6500 } .modal-close-button { padding: 8px } .modal-close-button-icon { fill: #1f1f1f !important; border-bottom: 2px solid rgba(0,0,0,0) } .modal-close-button-icon:hover { border-bottom: 2px solid #eb6500 } .modal-overlay { background-color: rgba(112,112,112,.85); z-index: 1000; position: fixed } .text-input,.search-input { --sd-ui-text-input-background-color: inherit; --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #1f1f1f; --sd-ui-text-input-offset-top: 26px; --sd-ui-text-input-clear-button-padding: 10px; --sd-ui-text-input-clear-button-size: calc(1em + 4px); --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2)) } .text-input-field,.search-input-field { --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width)) } .text-input-field:focus-visible,.search-input-field:focus-visible { --sd-ui-text-input-background-color: transparent; --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input:hover .text-input-field:not(:focus-visible):not(.borderless),.text-input:hover .search-input-field:not(:focus-visible):not(.borderless),.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) { --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px } .text-input-error,.search-input-error { --sd-ui-text-input-background-color: #fff3eb; --sd-ui-text-input-border-width: 2px; --sd-ui-text-input-border-bottom-width: 2px; --sd-ui-text-input-border-color: #bc1a23 } .text-input-field.borderless,.search-input-field.borderless { --sd-ui-text-input-border-width: 0px; --sd-ui-text-input-border-bottom-width: 0px } .text-input-container-no-label .text-input-clear,.text-input-container-no-label .search-input-clear,.search-input-container-no-label .text-input-clear,.search-input-container-no-label .search-input-clear { --sd-ui-text-input-offset-top: 0 } .text-input-field-with-clear,.search-input-field-with-clear { --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width)) } html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible { --sd-ui-text-input-border-width: 1px; --sd-ui-text-input-border-bottom-width: 1px } .text-input,.search-input { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .text-input-with-clear,.search-input-with-clear { position: relative } .text-input-container,.search-input-container { display: contents } .text-input-label,.search-input-label { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-input-field,.search-input-field { font-size: 16px; line-height: var(--sd-ui-line-height); background-color: var(--sd-ui-text-input-background-color); border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color); border-bottom-width: var(--sd-ui-text-input-border-bottom-width); font-family: inherit; max-width: 100%; padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) } .text-input-field:focus-visible,.search-input-field:focus-visible { outline: 2px solid #eb6500; outline-offset: -2px } .text-input-field:-moz-read-only:focus-visible, .search-input-field:-moz-read-only:focus-visible { outline: none } .text-input-field:read-only:focus-visible,.search-input-field:read-only:focus-visible { outline: none } .text-input-message-container,.search-input-message-container { font-size: 14px; line-height: var(--sd-ui-line-height); min-height: var(--sd-ui-line-height) } .text-input-tip,.search-input-tip { font-style: italic } .text-input-error-message,.search-input-error-message { color: #bc1a23 } .text-input-clear,.search-input-clear { padding: var(--sd-ui-text-input-clear-button-padding); position: absolute; right: 0; top: var(--sd-ui-text-input-offset-top); width: var(--sd-ui-text-input-clear-button-width) } .text-input-clear .icon,.search-input-clear .icon { font-size: 16px; line-height: var(--sd-ui-line-height); height: var(--sd-ui-text-input-clear-button-size); width: var(--sd-ui-text-input-clear-button-size) } .text-input-clear:focus-visible,.search-input-clear:focus-visible { outline-offset: -2px } html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible { outline-offset: 2px } .alert { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 8px } .alert-icon-box { -ms-flex-item-align: start; align-self: flex-start; display: block; padding: 4px } .alert-icon-box .icon { display: block; height: calc(16px + 4px); width: calc(16px + 4px) } .alert-text { -ms-flex-item-align: center; align-self: center } .popover { position: relative; display: inline-block } .popover-content { position: absolute; margin-top: 16px; z-index: 9999; padding: 16px; border: 1px solid #8e8e8e; border-top: rgba(0,0,0,0); background: rgba(235,235,235,.85) } .popover-content.popover-align-left { -webkit-box-shadow: 7px -9px 0px -7px #eb6500; box-shadow: 7px -9px 0px -7px #eb6500; left: 0 } .popover-content.popover-align-left.popover-align-left:before { content: ""; position: absolute; left: -1px; background-position: left top; border-left: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content.popover-align-right { -webkit-box-shadow: -7px -9px 0px -7px #eb6500; box-shadow: -7px -9px 0px -7px #eb6500; right: 0 } .popover-content.popover-align-right.popover-align-right:before { content: ""; position: absolute; right: -1px; background-position: left top; border-right: 1px solid #8e8e8e; top: -15px; background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px); width: 17px; height: 15px } .popover-content-inner { background: #fff } .popover-content-inner .popover-children { padding: 32px 16px } .popover-content-inner.popover-close-button-hidden .popover-children { padding: 16px } .popover-button-close { gap: 0; padding: 10px 10px 8px 10px; position: relative; right: 2px; top: 2px; border-bottom: 2px solid rgba(0,0,0,0) } .popover-button-close:hover { border-bottom: 2px solid #eb6500 } .popover-button-close:hover .icon { fill: #1f1f1f } .badge-warning,.badge-success,.badge-info { display: inline-block; font-weight: normal; border-radius: 10px; line-height: 0 !important } .badge-sm { font-size: 10px; line-height: var(--sd-ui-line-height); padding: 8px 5px } .badge-md { font-size: 14px; line-height: var(--sd-ui-line-height); padding: 10px 7px } .badge-info { color: #000; background: #44c6f4 } .badge-success { color: #fff; background: #0b7a2b } .badge-warning { color: #fff; background: #bc1a23 } .is-truncated-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .switch { --sd-ui-switch-background-colour: white; --sd-ui-switch-border-colour: #707070; --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2); --sd-ui-switch-border-width: 0.125rem; --sd-ui-switch-colour: inherit; --sd-ui-switch-colour-focus: #eb6500; --sd-ui-switch-cursor: pointer; --sd-ui-switch-font-size: 1rem; --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2)); --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2); --sd-ui-switch-indicator-colour: #b8b8b8; --sd-ui-switch-indicator-scale: 0.5; --sd-ui-switch-indicator-size: 1em; --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1) } .switch.is-disabled { --sd-ui-switch-border-colour: #b8b8b8; --sd-ui-switch-colour: #b8b8b8; --sd-ui-switch-cursor: default; --sd-ui-switch-indicator-colour: #b8b8b8 } .switch-input:checked+.switch-check::after { --sd-ui-switch-indicator-colour: #eb6500; --sd-ui-switch-indicator-scale: 0.7; --sd-ui-switch-indicator-translate-x: 0 } .switch:not(.is-disabled) .switch-label:hover { --sd-ui-switch-border-colour: #1f1f1f } .switch-small { --sd-ui-switch-font-size: 0.875rem } .switch-large { --sd-ui-switch-font-size: 1.25rem } .switch { color: var(--sd-ui-switch-colour); font-size: var(--sd-ui-switch-font-size); line-height: var(--sd-ui-line-height) } .switch .switch-label { cursor: var(--sd-ui-switch-cursor) } .switch .switch-input { opacity: 0; position: absolute } .switch .switch-check { background-color: var(--sd-ui-switch-background-colour); border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour); border-radius: var(--sd-ui-switch-border-radius); display: inline-block; height: var(--sd-ui-switch-height); position: relative; -webkit-transition: border .3s ease; transition: border .3s ease; vertical-align: middle; width: var(--sd-ui-switch-width) } .switch .switch-check::after { background-color: var(--sd-ui-switch-indicator-colour); border-radius: 50%; content: ""; display: block; height: var(--sd-ui-switch-indicator-size); position: absolute; right: 0; top: 0; -webkit-transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); -ms-transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale)); -webkit-transition: background-color .4s ease,-webkit-transform .4s ease; transition: background-color .4s ease,-webkit-transform .4s ease; transition: transform .4s ease,background-color .4s ease; transition: transform .4s ease,background-color .4s ease,-webkit-transform .4s ease; width: var(--sd-ui-switch-indicator-size) } .switch .switch-input:focus-visible+.switch-check { outline-offset: 2px; outline: 2px solid var(--sd-ui-switch-colour-focus) } .switch .switch-label-value { margin-left: .5em; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .input-dropdown { --sd-ui-input-dropdown-colour: inherit; --sd-ui-input-dropdown-cursor: pointer; --sd-ui-input-dropdown-tranisition-duration: 0.3s; --sd-ui-input-dropdown-button-border-colour: inherit; --sd-ui-input-dropdown-divider-colour: #1f1f1f; --sd-ui-input-dropdown-options-visibility: hidden } .input-dropdown.options-visible { --sd-ui-input-dropdown-button-border-colour: #eb6500; --sd-ui-input-dropdown-divider-colour: #eb6500; --sd-ui-input-dropdown-options-visibility: visible } .input-dropdown-disabled { --sd-ui-input-dropdown-colour: #b8b8b8; --sd-ui-input-dropdown-cursor: default; --sd-ui-input-dropdown-divider-colour: #b8b8b8 } .input-dropdown { color: var(--sd-ui-input-dropdown-colour); cursor: var(--sd-ui-input-dropdown-cursor) } .input-dropdown .dropdown-input-row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour); display: -webkit-box; display: -ms-flexbox; display: flex } .input-dropdown .text-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .input-dropdown .text-input-label { cursor: inherit } .input-dropdown .text-input-field { --sd-ui-text-input-field-padding-top: 4px; --sd-ui-text-input-field-padding-left: 0; --sd-ui-text-input-field-padding-bottom: 4px; color: inherit; cursor: inherit; margin-bottom: 4px } .input-dropdown .text-input-message-container { display: none } .input-dropdown .input-dropdown-button { border-color: var(--sd-ui-input-dropdown-button-border-colour); gap: 0; margin-bottom: 4px; outline-offset: 1px } .input-dropdown .dropdown-container { position: relative } .input-dropdown .options-list-container { background: #fff; border: 1px solid #8e8e8e; border-top: none; opacity: 0; position: absolute; visibility: var(--sd-ui-input-dropdown-options-visibility); width: 100%; z-index: 1 } .input-dropdown.options-visible .options-list-container { opacity: 1 } .input-dropdown .options-list { list-style: none; margin: 0; padding: 0 } .input-dropdown .option-item { cursor: pointer; padding: 0 8px 8px } .input-dropdown .option-item:first-child { padding-top: 8px } .input-dropdown .option-item:focus-visible { outline: none } .input-dropdown .option-item:hover .options-item-text,.input-dropdown .option-item.isCurrent .options-item-text { border-bottom: 2px solid #eb6500 } .input-dropdown-fancy { border: 1px solid rgba(0,0,0,0); border-bottom: 0; margin: 0 -16px; padding: 8px 16px 0 16px } .input-dropdown-fancy.options-visible { border-color: #8e8e8e; background: #f0f0f0 } .input-dropdown-fancy .input-dropdown-button { background: rgba(0,0,0,0) } .input-dropdown-fancy.options-visible .input-dropdown-button { background: #fff } .input-dropdown-fancy .dropdown-container { position: relative } .input-dropdown-fancy .options-list-container { background: #f0f0f0; border: 1px solid #8e8e8e; border-top: none; margin-left: -17px; padding: 0 16px 16px; width: calc(100% + 34px) } .input-dropdown-fancy .options-list { background: #fff } .link-button { --sd-ui-link-button-background-colour: #0272b1; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-border-colour: #0272b1; --sd-ui-link-button-border-colour-hover: #eb6500; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-outline-focus: #eb6500; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-cursor: pointer; --sd-ui-link-button-font-size: 1em; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f; --sd-ui-link-button-icon-size: calc(1em + 4px); --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button-secondary,.link-button-tertiary { --sd-ui-link-button-background-colour: transparent } .link-button-secondary { --sd-ui-link-button-colour: #0272b1; --sd-ui-link-button-icon-fill: #0272b1 } .link-button-tertiary { --sd-ui-link-button-border-colour: #1f1f1f; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-icon-fill: #1f1f1f } .link-button.on-dark-background { --sd-ui-link-button-border-colour: #ffffff; --sd-ui-link-button-border-colour-hover: #ffffff; --sd-ui-link-button-background-colour: #ffffff; --sd-ui-link-button-background-colour-hover: transparent; --sd-ui-link-button-colour: #1f1f1f; --sd-ui-link-button-outline-focus: #ffffff; --sd-ui-link-button-colour-hover: #ffffff; --sd-ui-link-button-icon-fill: #1f1f1f; --sd-ui-link-button-icon-fill-hover: #ffffff } .link-button-secondary.on-dark-background,.link-button-tertiary.on-dark-background { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-background-colour-hover: #ffffff; --sd-ui-link-button-colour: #ffffff; --sd-ui-link-button-colour-hover: #1f1f1f; --sd-ui-link-button-icon-fill: #ffffff; --sd-ui-link-button-icon-fill-hover: #1f1f1f } .link-button[aria-disabled=true] { --sd-ui-link-button-outline-focus: transparent; --sd-ui-link-button-cursor: default; --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary[aria-disabled=true],.link-button-tertiary[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-border-colour: #b8b8b8; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: #b8b8b8; --sd-ui-link-button-border-colour: #b8b8b8 } .link-button-secondary.on-dark-background[aria-disabled=true],.link-button-tertiary.on-dark-background[aria-disabled=true] { --sd-ui-link-button-background-colour: transparent; --sd-ui-link-button-colour: #b8b8b8; --sd-ui-link-button-icon-fill: #b8b8b8 } .link-button.small { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } .link-button.medium { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } .link-button.large { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } .link-button.responsive { --sd-ui-link-button-font-size: 0.875rem; --sd-ui-link-button-gap: 0.25rem; --sd-ui-link-button-icon-size: 1rem; --sd-ui-link-button-min-width: 4.5rem; --sd-ui-link-button-padding-icon-label: 0.375rem; --sd-ui-link-button-padding-hor: 0.5rem; --sd-ui-link-button-padding-ver: 0.1875rem; --sd-ui-link-button-icon-external-link-size: 1rem } @media only screen and (min-width: 48em) { .link-button.responsive { --sd-ui-link-button-font-size: 1rem; --sd-ui-link-button-gap: 0.375rem; --sd-ui-link-button-icon-size: 1.25rem; --sd-ui-link-button-min-width: 5.5rem; --sd-ui-link-button-padding-icon-label: 0.5rem; --sd-ui-link-button-padding-hor: 0.625rem; --sd-ui-link-button-padding-ver: 0.375rem; --sd-ui-link-button-icon-external-link-size: 1.25rem } } @media only screen and (min-width: 62em) { .link-button.responsive { --sd-ui-link-button-font-size: 1.25rem; --sd-ui-link-button-gap: 0.5rem; --sd-ui-link-button-icon-size: 1.5rem; --sd-ui-link-button-min-width: 6rem; --sd-ui-link-button-padding-icon-label: 0.625rem; --sd-ui-link-button-padding-hor: 0.75rem; --sd-ui-link-button-padding-ver: 0.5rem; --sd-ui-link-button-icon-external-link-size: 1.5rem } } .link-button { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: var(--sd-ui-link-button-background-colour); border: 2px solid var(--sd-ui-link-button-border-colour); color: var(--sd-ui-link-button-colour); cursor: var(--sd-ui-link-button-cursor); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--sd-ui-link-button-font-size); gap: var(--sd-ui-link-button-gap); line-height: var(--sd-ui-line-height); max-width: 250px; min-width: var(--sd-ui-link-button-min-width); padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor); text-decoration: none; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } @media only screen and (min-width: 36em) { .link-button { max-width:100% } } .link-button-icon-only { padding: var(--sd-ui-link-button-padding-icon-label); min-width: inherit } .link-button.disable-min-width { min-width: inherit } .link-button:focus-visible { outline: 2px solid var(--sd-ui-link-button-outline-focus); outline-offset: 2px } .link-button:hover:not([aria-disabled=true]) { background-color: var(--sd-ui-link-button-background-colour-hover); border-color: var(--sd-ui-link-button-border-colour-hover); color: var(--sd-ui-link-button-colour-hover) } .link-button .icon,.link-button-text-container { -ms-flex-item-align: center; align-self: center; text-align: center } .link-button .icon { fill: var(--sd-ui-link-button-icon-fill); -ms-flex-negative: 0; flex-shrink: 0; height: var(--sd-ui-link-button-icon-size); width: var(--sd-ui-link-button-icon-size); -webkit-transition: fill .3s ease; transition: fill .3s ease } .link-button-text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis } .link-button:hover:not([aria-disabled=true]) .icon { fill: var(--sd-ui-link-button-icon-fill-hover) } .link-button .arrow-external-link { height: var(--sd-ui-link-button-icon-external-link-size); width: var(--sd-ui-link-button-icon-external-link-size) } :root { --sd-ui-right-side-panel-width: calc(496px) } .side-panel { width: calc(100vw - 16px); border-left: 16px solid rgba(0,0,0,0); position: fixed; display: block; top: 0; bottom: 0; right: 0; z-index: 1000; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: hidden; -webkit-transition: visibility 0s linear .3s,-webkit-transform .3s ease; transition: visibility 0s linear .3s,-webkit-transform .3s ease; transition: visibility 0s linear .3s,transform .3s ease; transition: visibility 0s linear .3s,transform .3s ease,-webkit-transform .3s ease } @media(min-width: calc(512px)) { .side-panel { width:var(--sd-ui-right-side-panel-width) } } .side-panel-content { overflow-y: auto; position: fixed; height: 100%; background-color: #fff; width: 100% } .side-panel-is-expanded { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s } .side-panel-children { margin-bottom: 48px; padding: 0 16px } @media only screen and (min-width: 36em) { .side-panel-children { padding:0 32px } } @media(min-width: calc(512px)) { .side-panel-border { background:linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px) } } .side-panel-header { position: sticky; height: 48px; top: 0; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; padding: 0 8px 0 16px } @media only screen and (min-width: 36em) { .side-panel-header { height:80px; padding: 0 24px 0 32px } } .side-panel-close-btn { float: right; padding: 8px 14px } .side-panel-close-btn svg { fill: #1f1f1f !important } .side-panel-close-btn svg:hover { fill: #eb6500 !important } .side-panel-overlay { position: fixed; width: 100%; bottom: 0; right: 100%; left: 0; top: 0; z-index: 70; background-color: rgba(31,31,31,.55); opacity: 0; visibility: hidden; -webkit-transition: visibility .3s ease,opacity .3s ease; transition: visibility .3s ease,opacity .3s ease } .side-panel-overlay-is-expanded { opacity: 1; visibility: visible } @media(min-width: calc(512px)) { .side-panel-overlay-is-expanded { opacity:0; visibility: hidden } .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints { opacity: 1; visibility: visible } } @media(prefers-reduced-motion: reduce) { .side-panel,.side-panel-overlay { -webkit-transition: none; transition: none } } :root { --sd-ui-carousel-banner-color: #f5f5f5; --sd-ui-carousel-banner-opacity: 80% } .carousel { position: relative; overflow: hidden } .carousel .slide-item { position: absolute; height: 100%; width: 100%; display: none } .carousel .active-carousel-indicator .button-text { border-bottom: 1px solid #4c4c4c } .carousel .active-carousel-indicator div { background: #4c4c4c } .carousel .active-carousel-slide { display: initial } .carousel #indicators { width: 100%; position: absolute; bottom: 0; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--sd-ui-carousel-banner-color); opacity: var(--sd-ui-carousel-banner-opacity) } .carousel .carousel-indicators { list-style: none; grid-gap: 0.5rem; display: grid; -ms-flex-line-pack: center; align-content: center; grid-auto-flow: column; grid-auto-columns: 1fr } .carousel .carousel-indicator { height: 12px; width: 12px; border-radius: 6px; border: 1px solid #1f1f1f; margin: auto; background: #f5f5f5 } .carousel button { background: unset; border: none; font-size: 1.25rem; line-height: 1.15 } .carousel .button-text { border-bottom: 1px solid rgba(0,0,0,0) } .carousel .carousel-slides { height: inherit; width: inherit } .carousel .slide-indicator { padding: 1rem } .carousel .slide-indicator .button-text { display: none } .carousel .slide-indicator .button-link-text { vertical-align: middle } @media only screen and (min-width: 36em) { .carousel .slide-indicator { padding:0 1rem } .carousel .slide-indicator .button-text { display: inline-block } .carousel .without-caption { padding: 1rem } } .ArticleCard { display: grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-template-areas: "checkbox type-access" ". title" ". authors" ". source-info" ". actions"; row-gap: 2px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .article-card_checkbox { grid-area: checkbox } .AccessTypeIndicator { grid-area: type-access } .AccessTypeIndicator span { margin-right: 8px } .ArticleTitle { grid-area: title } .Authors { grid-area: authors } .SourceInfo { grid-area: source-info } .Actions { grid-area: actions } .AccessTypeIndicator .access-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 8px } .AccessTypeIndicator .access-indicator.access-indicator-yes { background: #0b7a2b } .AccessTypeIndicator .access-indicator.access-indicator-no { border: 1px solid #000 } .Actions { margin-top: 4px } .Actions .actions-container { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none } .Actions .actions-container button.expandable-action.active>svg { fill: #ff6c00 } .tooltip-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .tooltip { --sd-ui-tooltip-font-size: 16px; --sd-ui-tooltip-line-height: 24px; position: absolute; display: inline-block } .tooltip-content { margin: 16px 0; padding: 16px; border: 1px solid #8e8e8e; background-color: #f0f0f0; opacity: 0; visibility: hidden; display: none; -webkit-transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition: visibility .3s ease 0s,opacity .3s ease 0s,display .3s ease .3s; transition-behavior: allow-discrete } .tooltip-content-visible { -webkit-transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition: visibility .3s ease .3s,opacity .6s ease .3s,display .3s ease 0s; transition-behavior: allow-discrete; display: inline-block; visibility: visible; opacity: 1 } @starting-style { .tooltip-content-visible { opacity: 0 } } .tooltip-small { max-width: 320px } .tooltip-medium { max-width: 480px } .tooltip-large { max-width: 640px } .tooltip-position-bottom-left { border-top: rgba(0,0,0,0); -webkit-box-shadow: 7px -9px 0px -7px #eb6500; box-shadow: 7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-left.tooltip-position-bottom-left:before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-left.tooltip-position-bottom-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; top: 0 } .tooltip-position-bottom-right { border-top: rgba(0,0,0,0); -webkit-box-shadow: -7px -9px 0px -7px #eb6500; box-shadow: -7px -9px 0px -7px #eb6500 } .tooltip-position-bottom-right.tooltip-position-bottom-right:before { background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; top: 0 } .tooltip-position-bottom-right.tooltip-position-bottom-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; top: 0 } .tooltip-position-top-left { border-bottom: rgba(0,0,0,0); -webkit-box-shadow: 7px 9px 0px -7px #eb6500; box-shadow: 7px 9px 0px -7px #eb6500 } .tooltip-position-top-left.tooltip-position-top-left:before { background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; left: 0px; background-position: left top; border-left: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-left.tooltip-position-top-left:after { content: ""; height: 16px; position: absolute; right: 0; left: 0; bottom: 0 } .tooltip-position-top-right { border-bottom: rgba(0,0,0,0); -webkit-box-shadow: -7px 9px 0px -7px #eb6500; box-shadow: -7px 9px 0px -7px #eb6500 } .tooltip-position-top-right.tooltip-position-top-right:before { background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px); content: ""; position: absolute; right: 0px; background-position: left top; border-right: 1px solid #8e8e8e; width: 17px; height: 16px; bottom: 0 } .tooltip-position-top-right.tooltip-position-top-right:after { content: ""; height: 16px; position: absolute; right: 0; right: 0; bottom: 0 } .floating-ui-node { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001 } .els-footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (min-width: 36em) { .els-footer-links { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .sd-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh } .sd-flex-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: #fff; } .els-footer { border-top: .1rem solid #eb6500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0 } @media only screen and (min-width: 48em) { .els-footer { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .els-footer-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } @media print { .els-footer { border-top: .1rem solid #dcdcdc; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; page-break-before: avoid; -webkit-column-break-before: avoid; -moz-column-break-before: avoid; break-before: avoid-page; page-break-inside: avoid; break-inside: avoid-page } .els-footer-content>p { font-size: 8pt; line-height: 1.5 } } .cookie-btn { height: 22px !important; border: none !important; border-bottom: 2px solid rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; padding: 0 !important; font-size: .875rem !important; line-height: var(--sd-ui-line-height) !important; color: #1f1f1f !important } .cookie-btn:hover { border-bottom: 2px solid #eb6500 !important; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s } .with-loading-state svg.icon.icon-spinner { vertical-align: middle; margin: 0 } .with-loading-state.is-complete-default { background-color: #0b7a2b; border-color: #0b7a2b } .with-loading-state.is-active { cursor: default } .u-padding-0 { padding: 0px !important } .u-margin-0 { margin: 0px !important } .u-padding-0-ver { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top { padding-top: 0px !important } .u-margin-0-top { margin-top: 0px !important } .u-padding-0-right { padding-right: 0px !important } .u-margin-0-right { margin-right: 0px !important } .u-padding-0-bottom { padding-bottom: 0px !important } .u-margin-0-bottom { margin-bottom: 0px !important } .u-padding-0-left { padding-left: 0px !important } .u-margin-0-left { margin-left: 0px !important } .u-padding-xs { padding: 8px !important } .u-margin-xs { margin: 8px !important } .u-padding-xs-ver { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top { padding-top: 8px !important } .u-margin-xs-top { margin-top: 8px !important } .u-padding-xs-right { padding-right: 8px !important } .u-margin-xs-right { margin-right: 8px !important } .u-padding-xs-bottom { padding-bottom: 8px !important } .u-margin-xs-bottom { margin-bottom: 8px !important } .u-padding-xs-left { padding-left: 8px !important } .u-margin-xs-left { margin-left: 8px !important } .u-padding-s { padding: 16px !important } .u-margin-s { margin: 16px !important } .u-padding-s-ver { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top { padding-top: 16px !important } .u-margin-s-top { margin-top: 16px !important } .u-padding-s-right { padding-right: 16px !important } .u-margin-s-right { margin-right: 16px !important } .u-padding-s-bottom { padding-bottom: 16px !important } .u-margin-s-bottom { margin-bottom: 16px !important } .u-padding-s-left { padding-left: 16px !important } .u-margin-s-left { margin-left: 16px !important } .u-padding-m { padding: 24px !important } .u-margin-m { margin: 24px !important } .u-padding-m-ver { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top { padding-top: 24px !important } .u-margin-m-top { margin-top: 24px !important } .u-padding-m-right { padding-right: 24px !important } .u-margin-m-right { margin-right: 24px !important } .u-padding-m-bottom { padding-bottom: 24px !important } .u-margin-m-bottom { margin-bottom: 24px !important } .u-padding-m-left { padding-left: 24px !important } .u-margin-m-left { margin-left: 24px !important } .u-padding-l { padding: 32px !important } .u-margin-l { margin: 32px !important } .u-padding-l-ver { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top { padding-top: 32px !important } .u-margin-l-top { margin-top: 32px !important } .u-padding-l-right { padding-right: 32px !important } .u-margin-l-right { margin-right: 32px !important } .u-padding-l-bottom { padding-bottom: 32px !important } .u-margin-l-bottom { margin-bottom: 32px !important } .u-padding-l-left { padding-left: 32px !important } .u-margin-l-left { margin-left: 32px !important } .u-padding-xl { padding: 40px !important } .u-margin-xl { margin: 40px !important } .u-padding-xl-ver { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top { padding-top: 40px !important } .u-margin-xl-top { margin-top: 40px !important } .u-padding-xl-right { padding-right: 40px !important } .u-margin-xl-right { margin-right: 40px !important } .u-padding-xl-bottom { padding-bottom: 40px !important } .u-margin-xl-bottom { margin-bottom: 40px !important } .u-padding-xl-left { padding-left: 40px !important } .u-margin-xl-left { margin-left: 40px !important } .u-padding-xxl { padding: 48px !important } .u-margin-xxl { margin: 48px !important } .u-padding-xxl-ver { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top { padding-top: 48px !important } .u-margin-xxl-top { margin-top: 48px !important } .u-padding-xxl-right { padding-right: 48px !important } .u-margin-xxl-right { margin-right: 48px !important } .u-padding-xxl-bottom { padding-bottom: 48px !important } .u-margin-xxl-bottom { margin-bottom: 48px !important } .u-padding-xxl-left { padding-left: 48px !important } .u-margin-xxl-left { margin-left: 48px !important } @media only screen and (min-width: 20em) { .u-padding-0-from-xs { padding:0px !important } .u-margin-0-from-xs { margin: 0px !important } .u-padding-0-ver-from-xs { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xs { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xs { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xs { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xs { padding-top: 0px !important } .u-margin-0-top-from-xs { margin-top: 0px !important } .u-padding-0-right-from-xs { padding-right: 0px !important } .u-margin-0-right-from-xs { margin-right: 0px !important } .u-padding-0-bottom-from-xs { padding-bottom: 0px !important } .u-margin-0-bottom-from-xs { margin-bottom: 0px !important } .u-padding-0-left-from-xs { padding-left: 0px !important } .u-margin-0-left-from-xs { margin-left: 0px !important } .u-padding-xs-from-xs { padding: 8px !important } .u-margin-xs-from-xs { margin: 8px !important } .u-padding-xs-ver-from-xs { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xs { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xs { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xs { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xs { padding-top: 8px !important } .u-margin-xs-top-from-xs { margin-top: 8px !important } .u-padding-xs-right-from-xs { padding-right: 8px !important } .u-margin-xs-right-from-xs { margin-right: 8px !important } .u-padding-xs-bottom-from-xs { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xs { margin-bottom: 8px !important } .u-padding-xs-left-from-xs { padding-left: 8px !important } .u-margin-xs-left-from-xs { margin-left: 8px !important } .u-padding-s-from-xs { padding: 16px !important } .u-margin-s-from-xs { margin: 16px !important } .u-padding-s-ver-from-xs { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xs { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xs { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xs { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xs { padding-top: 16px !important } .u-margin-s-top-from-xs { margin-top: 16px !important } .u-padding-s-right-from-xs { padding-right: 16px !important } .u-margin-s-right-from-xs { margin-right: 16px !important } .u-padding-s-bottom-from-xs { padding-bottom: 16px !important } .u-margin-s-bottom-from-xs { margin-bottom: 16px !important } .u-padding-s-left-from-xs { padding-left: 16px !important } .u-margin-s-left-from-xs { margin-left: 16px !important } .u-padding-m-from-xs { padding: 24px !important } .u-margin-m-from-xs { margin: 24px !important } .u-padding-m-ver-from-xs { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xs { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xs { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xs { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xs { padding-top: 24px !important } .u-margin-m-top-from-xs { margin-top: 24px !important } .u-padding-m-right-from-xs { padding-right: 24px !important } .u-margin-m-right-from-xs { margin-right: 24px !important } .u-padding-m-bottom-from-xs { padding-bottom: 24px !important } .u-margin-m-bottom-from-xs { margin-bottom: 24px !important } .u-padding-m-left-from-xs { padding-left: 24px !important } .u-margin-m-left-from-xs { margin-left: 24px !important } .u-padding-l-from-xs { padding: 32px !important } .u-margin-l-from-xs { margin: 32px !important } .u-padding-l-ver-from-xs { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xs { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xs { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xs { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xs { padding-top: 32px !important } .u-margin-l-top-from-xs { margin-top: 32px !important } .u-padding-l-right-from-xs { padding-right: 32px !important } .u-margin-l-right-from-xs { margin-right: 32px !important } .u-padding-l-bottom-from-xs { padding-bottom: 32px !important } .u-margin-l-bottom-from-xs { margin-bottom: 32px !important } .u-padding-l-left-from-xs { padding-left: 32px !important } .u-margin-l-left-from-xs { margin-left: 32px !important } .u-padding-xl-from-xs { padding: 40px !important } .u-margin-xl-from-xs { margin: 40px !important } .u-padding-xl-ver-from-xs { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xs { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xs { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xs { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xs { padding-top: 40px !important } .u-margin-xl-top-from-xs { margin-top: 40px !important } .u-padding-xl-right-from-xs { padding-right: 40px !important } .u-margin-xl-right-from-xs { margin-right: 40px !important } .u-padding-xl-bottom-from-xs { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xs { margin-bottom: 40px !important } .u-padding-xl-left-from-xs { padding-left: 40px !important } .u-margin-xl-left-from-xs { margin-left: 40px !important } .u-padding-xxl-from-xs { padding: 48px !important } .u-margin-xxl-from-xs { margin: 48px !important } .u-padding-xxl-ver-from-xs { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xs { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xs { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xs { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xs { padding-top: 48px !important } .u-margin-xxl-top-from-xs { margin-top: 48px !important } .u-padding-xxl-right-from-xs { padding-right: 48px !important } .u-margin-xxl-right-from-xs { margin-right: 48px !important } .u-padding-xxl-bottom-from-xs { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xs { margin-bottom: 48px !important } .u-padding-xxl-left-from-xs { padding-left: 48px !important } .u-margin-xxl-left-from-xs { margin-left: 48px !important } } @media only screen and (min-width: 36em) { .u-padding-0-from-sm { padding:0px !important } .u-margin-0-from-sm { margin: 0px !important } .u-padding-0-ver-from-sm { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-sm { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-sm { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-sm { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-sm { padding-top: 0px !important } .u-margin-0-top-from-sm { margin-top: 0px !important } .u-padding-0-right-from-sm { padding-right: 0px !important } .u-margin-0-right-from-sm { margin-right: 0px !important } .u-padding-0-bottom-from-sm { padding-bottom: 0px !important } .u-margin-0-bottom-from-sm { margin-bottom: 0px !important } .u-padding-0-left-from-sm { padding-left: 0px !important } .u-margin-0-left-from-sm { margin-left: 0px !important } .u-padding-xs-from-sm { padding: 8px !important } .u-margin-xs-from-sm { margin: 8px !important } .u-padding-xs-ver-from-sm { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-sm { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-sm { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-sm { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-sm { padding-top: 8px !important } .u-margin-xs-top-from-sm { margin-top: 8px !important } .u-padding-xs-right-from-sm { padding-right: 8px !important } .u-margin-xs-right-from-sm { margin-right: 8px !important } .u-padding-xs-bottom-from-sm { padding-bottom: 8px !important } .u-margin-xs-bottom-from-sm { margin-bottom: 8px !important } .u-padding-xs-left-from-sm { padding-left: 8px !important } .u-margin-xs-left-from-sm { margin-left: 8px !important } .u-padding-s-from-sm { padding: 16px !important } .u-margin-s-from-sm { margin: 16px !important } .u-padding-s-ver-from-sm { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-sm { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-sm { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-sm { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-sm { padding-top: 16px !important } .u-margin-s-top-from-sm { margin-top: 16px !important } .u-padding-s-right-from-sm { padding-right: 16px !important } .u-margin-s-right-from-sm { margin-right: 16px !important } .u-padding-s-bottom-from-sm { padding-bottom: 16px !important } .u-margin-s-bottom-from-sm { margin-bottom: 16px !important } .u-padding-s-left-from-sm { padding-left: 16px !important } .u-margin-s-left-from-sm { margin-left: 16px !important } .u-padding-m-from-sm { padding: 24px !important } .u-margin-m-from-sm { margin: 24px !important } .u-padding-m-ver-from-sm { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-sm { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-sm { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-sm { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-sm { padding-top: 24px !important } .u-margin-m-top-from-sm { margin-top: 24px !important } .u-padding-m-right-from-sm { padding-right: 24px !important } .u-margin-m-right-from-sm { margin-right: 24px !important } .u-padding-m-bottom-from-sm { padding-bottom: 24px !important } .u-margin-m-bottom-from-sm { margin-bottom: 24px !important } .u-padding-m-left-from-sm { padding-left: 24px !important } .u-margin-m-left-from-sm { margin-left: 24px !important } .u-padding-l-from-sm { padding: 32px !important } .u-margin-l-from-sm { margin: 32px !important } .u-padding-l-ver-from-sm { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-sm { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-sm { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-sm { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-sm { padding-top: 32px !important } .u-margin-l-top-from-sm { margin-top: 32px !important } .u-padding-l-right-from-sm { padding-right: 32px !important } .u-margin-l-right-from-sm { margin-right: 32px !important } .u-padding-l-bottom-from-sm { padding-bottom: 32px !important } .u-margin-l-bottom-from-sm { margin-bottom: 32px !important } .u-padding-l-left-from-sm { padding-left: 32px !important } .u-margin-l-left-from-sm { margin-left: 32px !important } .u-padding-xl-from-sm { padding: 40px !important } .u-margin-xl-from-sm { margin: 40px !important } .u-padding-xl-ver-from-sm { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-sm { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-sm { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-sm { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-sm { padding-top: 40px !important } .u-margin-xl-top-from-sm { margin-top: 40px !important } .u-padding-xl-right-from-sm { padding-right: 40px !important } .u-margin-xl-right-from-sm { margin-right: 40px !important } .u-padding-xl-bottom-from-sm { padding-bottom: 40px !important } .u-margin-xl-bottom-from-sm { margin-bottom: 40px !important } .u-padding-xl-left-from-sm { padding-left: 40px !important } .u-margin-xl-left-from-sm { margin-left: 40px !important } .u-padding-xxl-from-sm { padding: 48px !important } .u-margin-xxl-from-sm { margin: 48px !important } .u-padding-xxl-ver-from-sm { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-sm { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-sm { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-sm { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-sm { padding-top: 48px !important } .u-margin-xxl-top-from-sm { margin-top: 48px !important } .u-padding-xxl-right-from-sm { padding-right: 48px !important } .u-margin-xxl-right-from-sm { margin-right: 48px !important } .u-padding-xxl-bottom-from-sm { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-sm { margin-bottom: 48px !important } .u-padding-xxl-left-from-sm { padding-left: 48px !important } .u-margin-xxl-left-from-sm { margin-left: 48px !important } } @media only screen and (min-width: 48em) { .u-padding-0-from-md { padding:0px !important } .u-margin-0-from-md { margin: 0px !important } .u-padding-0-ver-from-md { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-md { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-md { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-md { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-md { padding-top: 0px !important } .u-margin-0-top-from-md { margin-top: 0px !important } .u-padding-0-right-from-md { padding-right: 0px !important } .u-margin-0-right-from-md { margin-right: 0px !important } .u-padding-0-bottom-from-md { padding-bottom: 0px !important } .u-margin-0-bottom-from-md { margin-bottom: 0px !important } .u-padding-0-left-from-md { padding-left: 0px !important } .u-margin-0-left-from-md { margin-left: 0px !important } .u-padding-xs-from-md { padding: 8px !important } .u-margin-xs-from-md { margin: 8px !important } .u-padding-xs-ver-from-md { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-md { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-md { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-md { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-md { padding-top: 8px !important } .u-margin-xs-top-from-md { margin-top: 8px !important } .u-padding-xs-right-from-md { padding-right: 8px !important } .u-margin-xs-right-from-md { margin-right: 8px !important } .u-padding-xs-bottom-from-md { padding-bottom: 8px !important } .u-margin-xs-bottom-from-md { margin-bottom: 8px !important } .u-padding-xs-left-from-md { padding-left: 8px !important } .u-margin-xs-left-from-md { margin-left: 8px !important } .u-padding-s-from-md { padding: 16px !important } .u-margin-s-from-md { margin: 16px !important } .u-padding-s-ver-from-md { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-md { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-md { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-md { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-md { padding-top: 16px !important } .u-margin-s-top-from-md { margin-top: 16px !important } .u-padding-s-right-from-md { padding-right: 16px !important } .u-margin-s-right-from-md { margin-right: 16px !important } .u-padding-s-bottom-from-md { padding-bottom: 16px !important } .u-margin-s-bottom-from-md { margin-bottom: 16px !important } .u-padding-s-left-from-md { padding-left: 16px !important } .u-margin-s-left-from-md { margin-left: 16px !important } .u-padding-m-from-md { padding: 24px !important } .u-margin-m-from-md { margin: 24px !important } .u-padding-m-ver-from-md { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-md { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-md { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-md { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-md { padding-top: 24px !important } .u-margin-m-top-from-md { margin-top: 24px !important } .u-padding-m-right-from-md { padding-right: 24px !important } .u-margin-m-right-from-md { margin-right: 24px !important } .u-padding-m-bottom-from-md { padding-bottom: 24px !important } .u-margin-m-bottom-from-md { margin-bottom: 24px !important } .u-padding-m-left-from-md { padding-left: 24px !important } .u-margin-m-left-from-md { margin-left: 24px !important } .u-padding-l-from-md { padding: 32px !important } .u-margin-l-from-md { margin: 32px !important } .u-padding-l-ver-from-md { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-md { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-md { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-md { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-md { padding-top: 32px !important } .u-margin-l-top-from-md { margin-top: 32px !important } .u-padding-l-right-from-md { padding-right: 32px !important } .u-margin-l-right-from-md { margin-right: 32px !important } .u-padding-l-bottom-from-md { padding-bottom: 32px !important } .u-margin-l-bottom-from-md { margin-bottom: 32px !important } .u-padding-l-left-from-md { padding-left: 32px !important } .u-margin-l-left-from-md { margin-left: 32px !important } .u-padding-xl-from-md { padding: 40px !important } .u-margin-xl-from-md { margin: 40px !important } .u-padding-xl-ver-from-md { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-md { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-md { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-md { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-md { padding-top: 40px !important } .u-margin-xl-top-from-md { margin-top: 40px !important } .u-padding-xl-right-from-md { padding-right: 40px !important } .u-margin-xl-right-from-md { margin-right: 40px !important } .u-padding-xl-bottom-from-md { padding-bottom: 40px !important } .u-margin-xl-bottom-from-md { margin-bottom: 40px !important } .u-padding-xl-left-from-md { padding-left: 40px !important } .u-margin-xl-left-from-md { margin-left: 40px !important } .u-padding-xxl-from-md { padding: 48px !important } .u-margin-xxl-from-md { margin: 48px !important } .u-padding-xxl-ver-from-md { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-md { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-md { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-md { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-md { padding-top: 48px !important } .u-margin-xxl-top-from-md { margin-top: 48px !important } .u-padding-xxl-right-from-md { padding-right: 48px !important } .u-margin-xxl-right-from-md { margin-right: 48px !important } .u-padding-xxl-bottom-from-md { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-md { margin-bottom: 48px !important } .u-padding-xxl-left-from-md { padding-left: 48px !important } .u-margin-xxl-left-from-md { margin-left: 48px !important } } @media only screen and (min-width: 62em) { .u-padding-0-from-lg { padding:0px !important } .u-margin-0-from-lg { margin: 0px !important } .u-padding-0-ver-from-lg { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-lg { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-lg { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-lg { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-lg { padding-top: 0px !important } .u-margin-0-top-from-lg { margin-top: 0px !important } .u-padding-0-right-from-lg { padding-right: 0px !important } .u-margin-0-right-from-lg { margin-right: 0px !important } .u-padding-0-bottom-from-lg { padding-bottom: 0px !important } .u-margin-0-bottom-from-lg { margin-bottom: 0px !important } .u-padding-0-left-from-lg { padding-left: 0px !important } .u-margin-0-left-from-lg { margin-left: 0px !important } .u-padding-xs-from-lg { padding: 8px !important } .u-margin-xs-from-lg { margin: 8px !important } .u-padding-xs-ver-from-lg { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-lg { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-lg { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-lg { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-lg { padding-top: 8px !important } .u-margin-xs-top-from-lg { margin-top: 8px !important } .u-padding-xs-right-from-lg { padding-right: 8px !important } .u-margin-xs-right-from-lg { margin-right: 8px !important } .u-padding-xs-bottom-from-lg { padding-bottom: 8px !important } .u-margin-xs-bottom-from-lg { margin-bottom: 8px !important } .u-padding-xs-left-from-lg { padding-left: 8px !important } .u-margin-xs-left-from-lg { margin-left: 8px !important } .u-padding-s-from-lg { padding: 16px !important } .u-margin-s-from-lg { margin: 16px !important } .u-padding-s-ver-from-lg { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-lg { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-lg { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-lg { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-lg { padding-top: 16px !important } .u-margin-s-top-from-lg { margin-top: 16px !important } .u-padding-s-right-from-lg { padding-right: 16px !important } .u-margin-s-right-from-lg { margin-right: 16px !important } .u-padding-s-bottom-from-lg { padding-bottom: 16px !important } .u-margin-s-bottom-from-lg { margin-bottom: 16px !important } .u-padding-s-left-from-lg { padding-left: 16px !important } .u-margin-s-left-from-lg { margin-left: 16px !important } .u-padding-m-from-lg { padding: 24px !important } .u-margin-m-from-lg { margin: 24px !important } .u-padding-m-ver-from-lg { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-lg { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-lg { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-lg { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-lg { padding-top: 24px !important } .u-margin-m-top-from-lg { margin-top: 24px !important } .u-padding-m-right-from-lg { padding-right: 24px !important } .u-margin-m-right-from-lg { margin-right: 24px !important } .u-padding-m-bottom-from-lg { padding-bottom: 24px !important } .u-margin-m-bottom-from-lg { margin-bottom: 24px !important } .u-padding-m-left-from-lg { padding-left: 24px !important } .u-margin-m-left-from-lg { margin-left: 24px !important } .u-padding-l-from-lg { padding: 32px !important } .u-margin-l-from-lg { margin: 32px !important } .u-padding-l-ver-from-lg { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-lg { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-lg { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-lg { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-lg { padding-top: 32px !important } .u-margin-l-top-from-lg { margin-top: 32px !important } .u-padding-l-right-from-lg { padding-right: 32px !important } .u-margin-l-right-from-lg { margin-right: 32px !important } .u-padding-l-bottom-from-lg { padding-bottom: 32px !important } .u-margin-l-bottom-from-lg { margin-bottom: 32px !important } .u-padding-l-left-from-lg { padding-left: 32px !important } .u-margin-l-left-from-lg { margin-left: 32px !important } .u-padding-xl-from-lg { padding: 40px !important } .u-margin-xl-from-lg { margin: 40px !important } .u-padding-xl-ver-from-lg { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-lg { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-lg { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-lg { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-lg { padding-top: 40px !important } .u-margin-xl-top-from-lg { margin-top: 40px !important } .u-padding-xl-right-from-lg { padding-right: 40px !important } .u-margin-xl-right-from-lg { margin-right: 40px !important } .u-padding-xl-bottom-from-lg { padding-bottom: 40px !important } .u-margin-xl-bottom-from-lg { margin-bottom: 40px !important } .u-padding-xl-left-from-lg { padding-left: 40px !important } .u-margin-xl-left-from-lg { margin-left: 40px !important } .u-padding-xxl-from-lg { padding: 48px !important } .u-margin-xxl-from-lg { margin: 48px !important } .u-padding-xxl-ver-from-lg { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-lg { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-lg { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-lg { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-lg { padding-top: 48px !important } .u-margin-xxl-top-from-lg { margin-top: 48px !important } .u-padding-xxl-right-from-lg { padding-right: 48px !important } .u-margin-xxl-right-from-lg { margin-right: 48px !important } .u-padding-xxl-bottom-from-lg { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-lg { margin-bottom: 48px !important } .u-padding-xxl-left-from-lg { padding-left: 48px !important } .u-margin-xxl-left-from-lg { margin-left: 48px !important } } @media only screen and (min-width: 75em) { .u-padding-0-from-xl { padding:0px !important } .u-margin-0-from-xl { margin: 0px !important } .u-padding-0-ver-from-xl { padding-top: 0px !important; padding-bottom: 0px !important } .u-margin-0-ver-from-xl { margin-top: 0px !important; margin-bottom: 0px !important } .u-padding-0-hor-from-xl { padding-right: 0px !important; padding-left: 0px !important } .u-margin-0-hor-from-xl { margin-right: 0px !important; margin-left: 0px !important } .u-padding-0-top-from-xl { padding-top: 0px !important } .u-margin-0-top-from-xl { margin-top: 0px !important } .u-padding-0-right-from-xl { padding-right: 0px !important } .u-margin-0-right-from-xl { margin-right: 0px !important } .u-padding-0-bottom-from-xl { padding-bottom: 0px !important } .u-margin-0-bottom-from-xl { margin-bottom: 0px !important } .u-padding-0-left-from-xl { padding-left: 0px !important } .u-margin-0-left-from-xl { margin-left: 0px !important } .u-padding-xs-from-xl { padding: 8px !important } .u-margin-xs-from-xl { margin: 8px !important } .u-padding-xs-ver-from-xl { padding-top: 8px !important; padding-bottom: 8px !important } .u-margin-xs-ver-from-xl { margin-top: 8px !important; margin-bottom: 8px !important } .u-padding-xs-hor-from-xl { padding-right: 8px !important; padding-left: 8px !important } .u-margin-xs-hor-from-xl { margin-right: 8px !important; margin-left: 8px !important } .u-padding-xs-top-from-xl { padding-top: 8px !important } .u-margin-xs-top-from-xl { margin-top: 8px !important } .u-padding-xs-right-from-xl { padding-right: 8px !important } .u-margin-xs-right-from-xl { margin-right: 8px !important } .u-padding-xs-bottom-from-xl { padding-bottom: 8px !important } .u-margin-xs-bottom-from-xl { margin-bottom: 8px !important } .u-padding-xs-left-from-xl { padding-left: 8px !important } .u-margin-xs-left-from-xl { margin-left: 8px !important } .u-padding-s-from-xl { padding: 16px !important } .u-margin-s-from-xl { margin: 16px !important } .u-padding-s-ver-from-xl { padding-top: 16px !important; padding-bottom: 16px !important } .u-margin-s-ver-from-xl { margin-top: 16px !important; margin-bottom: 16px !important } .u-padding-s-hor-from-xl { padding-right: 16px !important; padding-left: 16px !important } .u-margin-s-hor-from-xl { margin-right: 16px !important; margin-left: 16px !important } .u-padding-s-top-from-xl { padding-top: 16px !important } .u-margin-s-top-from-xl { margin-top: 16px !important } .u-padding-s-right-from-xl { padding-right: 16px !important } .u-margin-s-right-from-xl { margin-right: 16px !important } .u-padding-s-bottom-from-xl { padding-bottom: 16px !important } .u-margin-s-bottom-from-xl { margin-bottom: 16px !important } .u-padding-s-left-from-xl { padding-left: 16px !important } .u-margin-s-left-from-xl { margin-left: 16px !important } .u-padding-m-from-xl { padding: 24px !important } .u-margin-m-from-xl { margin: 24px !important } .u-padding-m-ver-from-xl { padding-top: 24px !important; padding-bottom: 24px !important } .u-margin-m-ver-from-xl { margin-top: 24px !important; margin-bottom: 24px !important } .u-padding-m-hor-from-xl { padding-right: 24px !important; padding-left: 24px !important } .u-margin-m-hor-from-xl { margin-right: 24px !important; margin-left: 24px !important } .u-padding-m-top-from-xl { padding-top: 24px !important } .u-margin-m-top-from-xl { margin-top: 24px !important } .u-padding-m-right-from-xl { padding-right: 24px !important } .u-margin-m-right-from-xl { margin-right: 24px !important } .u-padding-m-bottom-from-xl { padding-bottom: 24px !important } .u-margin-m-bottom-from-xl { margin-bottom: 24px !important } .u-padding-m-left-from-xl { padding-left: 24px !important } .u-margin-m-left-from-xl { margin-left: 24px !important } .u-padding-l-from-xl { padding: 32px !important } .u-margin-l-from-xl { margin: 32px !important } .u-padding-l-ver-from-xl { padding-top: 32px !important; padding-bottom: 32px !important } .u-margin-l-ver-from-xl { margin-top: 32px !important; margin-bottom: 32px !important } .u-padding-l-hor-from-xl { padding-right: 32px !important; padding-left: 32px !important } .u-margin-l-hor-from-xl { margin-right: 32px !important; margin-left: 32px !important } .u-padding-l-top-from-xl { padding-top: 32px !important } .u-margin-l-top-from-xl { margin-top: 32px !important } .u-padding-l-right-from-xl { padding-right: 32px !important } .u-margin-l-right-from-xl { margin-right: 32px !important } .u-padding-l-bottom-from-xl { padding-bottom: 32px !important } .u-margin-l-bottom-from-xl { margin-bottom: 32px !important } .u-padding-l-left-from-xl { padding-left: 32px !important } .u-margin-l-left-from-xl { margin-left: 32px !important } .u-padding-xl-from-xl { padding: 40px !important } .u-margin-xl-from-xl { margin: 40px !important } .u-padding-xl-ver-from-xl { padding-top: 40px !important; padding-bottom: 40px !important } .u-margin-xl-ver-from-xl { margin-top: 40px !important; margin-bottom: 40px !important } .u-padding-xl-hor-from-xl { padding-right: 40px !important; padding-left: 40px !important } .u-margin-xl-hor-from-xl { margin-right: 40px !important; margin-left: 40px !important } .u-padding-xl-top-from-xl { padding-top: 40px !important } .u-margin-xl-top-from-xl { margin-top: 40px !important } .u-padding-xl-right-from-xl { padding-right: 40px !important } .u-margin-xl-right-from-xl { margin-right: 40px !important } .u-padding-xl-bottom-from-xl { padding-bottom: 40px !important } .u-margin-xl-bottom-from-xl { margin-bottom: 40px !important } .u-padding-xl-left-from-xl { padding-left: 40px !important } .u-margin-xl-left-from-xl { margin-left: 40px !important } .u-padding-xxl-from-xl { padding: 48px !important } .u-margin-xxl-from-xl { margin: 48px !important } .u-padding-xxl-ver-from-xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-margin-xxl-ver-from-xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-padding-xxl-hor-from-xl { padding-right: 48px !important; padding-left: 48px !important } .u-margin-xxl-hor-from-xl { margin-right: 48px !important; margin-left: 48px !important } .u-padding-xxl-top-from-xl { padding-top: 48px !important } .u-margin-xxl-top-from-xl { margin-top: 48px !important } .u-padding-xxl-right-from-xl { padding-right: 48px !important } .u-margin-xxl-right-from-xl { margin-right: 48px !important } .u-padding-xxl-bottom-from-xl { padding-bottom: 48px !important } .u-margin-xxl-bottom-from-xl { margin-bottom: 48px !important } .u-padding-xxl-left-from-xl { padding-left: 48px !important } .u-margin-xxl-left-from-xl { margin-left: 48px !important } } .u-clr-orange { color: #eb6500 !important } .u-clr-blue { color: #0272b1 !important } .u-clr-info-blue { color: #5ec4fd !important } .u-clr-red { color: #bc1a23 !important } .u-clr-green { color: #0b7a2b !important } .u-light-theme .u-clr-orange { color: #ff6c00 !important } .u-light-theme .u-clr-blue { color: #0272b1 !important } .u-light-theme .u-clr-info-blue { color: #5ec4fd !important } .u-light-theme .u-clr-red { color: #bc1a23 !important } .u-light-theme .u-clr-green { color: #0b7a2b !important } .u-dark-theme .u-clr-orange { color: #ff8200 !important } .u-dark-theme .u-clr-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-info-blue { color: #44c6f4 !important } .u-dark-theme .u-clr-red { color: #ff6a5a !important } .u-dark-theme .u-clr-green { color: #53b848 !important } .u-clr-white { color: #fff !important } .u-clr-black { color: #000 !important } .u-clr-grey1 { color: #f5f5f5 !important } .u-clr-grey2 { color: #f0f0f0 !important } .u-clr-grey3 { color: #dcdcdc !important } .u-clr-grey4 { color: #b8b8b8 !important } .u-clr-grey5 { color: #8e8e8e !important } .u-clr-grey6 { color: #707070 !important } .u-clr-grey7 { color: #4c4c4c !important } .u-clr-grey8 { color: #1f1f1f !important } .u-bg-orange { background-color: #eb6500 !important } .u-bg-secondary-orange { background-color: #fff3eb !important } .u-bg-tertiary-orange { background-color: #ffede0 !important } .u-bg-blue { background-color: #0272b1 !important } .u-bg-secondary-blue { background-color: #ecf7fe !important } .u-bg-tertiary-blue { background-color: #e2f4fd !important } .u-bg-info-blue { background-color: #5ec4fd !important } .u-bg-red { background-color: #bc1a23 !important } .u-bg-warning-red { background-color: #bc1a23 !important } .u-bg-green { background-color: #0b7a2b !important } .u-light-theme .u-bg-orange { background-color: #ff6c00 !important } .u-light-theme .u-bg-blue { background-color: #0272b1 !important } .u-light-theme .u-bg-red { background-color: #bc1a23 !important } .u-light-theme .u-bg-green { background-color: #0b7a2b !important } .u-dark-theme .u-bg-orange { background-color: #ff8200 !important } .u-dark-theme .u-bg-blue { background-color: #44c6f4 !important } .u-dark-theme .u-bg-red { background-color: #ff6a5a !important } .u-dark-theme .u-bg-green { background-color: #53b848 !important } .u-bg-white { background-color: #fff !important } .u-bg-black { background-color: #000 !important } .u-bg-grey1 { background-color: #f5f5f5 !important } .u-bg-grey2 { background-color: #f0f0f0 !important } .u-bg-grey3 { background-color: #dcdcdc !important } .u-bg-grey4 { background-color: #b8b8b8 !important } .u-bg-grey5 { background-color: #8e8e8e !important } .u-bg-grey6 { background-color: #707070 !important } .u-bg-grey7 { background-color: #4c4c4c !important } .u-bg-grey8 { background-color: #1f1f1f !important } .u-fill-orange { fill: #ff6c00 !important } .u-fill-blue { fill: #0272b1 !important } .u-fill-red { fill: #bc1a23 !important } .u-fill-green { fill: #0b7a2b !important } .u-fill-white { fill: #fff !important } .u-fill-black { fill: #000 !important } .u-fill-grey1 { fill: #f5f5f5 !important } .u-fill-grey2 { fill: #f0f0f0 !important } .u-fill-grey3 { fill: #dcdcdc !important } .u-fill-grey4 { fill: #b8b8b8 !important } .u-fill-grey5 { fill: #8e8e8e !important } .u-fill-grey6 { fill: #707070 !important } .u-fill-grey7 { fill: #4c4c4c !important } .u-fill-grey8 { fill: #1f1f1f !important } :root { --sd-ui-line-height: calc(1em + 8px) } .u-font-serif { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; --sd-ui-line-height: calc(1em + 10px); line-height: var(--sd-ui-line-height) } .u-font-sans { font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; --sd-ui-line-height: calc(1em + 8px); line-height: var(--sd-ui-line-height) } .text-2xs { font-size: 12px; line-height: var(--sd-ui-line-height) } .text-xs { font-size: 14px; line-height: var(--sd-ui-line-height) } .text-s { font-size: 16px; line-height: var(--sd-ui-line-height) } .text-m { font-size: 20px; line-height: var(--sd-ui-line-height) } .text-l { font-size: 24px; line-height: var(--sd-ui-line-height) } .text-xl { font-size: 32px; line-height: var(--sd-ui-line-height) } .text-2xl { font-size: 40px; line-height: var(--sd-ui-line-height) } .text-3xl { font-size: 48px; line-height: var(--sd-ui-line-height) } .text-4xl { font-size: 56px; line-height: var(--sd-ui-line-height) } .text-5xl { font-size: 64px; line-height: var(--sd-ui-line-height) } .u-h1-3xl { font-size: 64px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-2xl { font-size: 56px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1-xl { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h1 { font-size: 40px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h2 { font-size: 32px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h3 { font-size: 24px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h4 { font-size: 20px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-h5 { font-size: 16px !important; line-height: var(--sd-ui-line-height) !important; font-weight: bold !important } .u-h1-alt { font-size: 48px !important; line-height: var(--sd-ui-line-height) !important; font-weight: normal !important } .u-text-bold { font-weight: bold } .u-text-light { font-weight: 100 } .u-text-uppercase { text-transform: uppercase !important } .u-text-lowercase { text-transform: lowercase !important } .u-text\+\+ { font-size: larger !important } .u-text-- { font-size: smaller !important } .u-text-right { text-align: right !important } .u-text-left { text-align: left !important } .u-text-center { text-align: center !important } .u-text-justify { text-align: justify !important } .u-text-truncate { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .u-text-italic { font-style: italic !important } .u-text-normal { font-style: normal !important } .u-text-oblique { font-style: oblique !important } .u-display-none { display: none !important } .u-display-inline { display: inline !important } .u-display-block { display: block !important } .u-display-inline-block { display: inline-block !important } .u-display-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .u-display-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } .u-visibility-visible { visibility: visible !important } .u-visibility-hidden { visibility: hidden !important } .u-position-absolute { position: absolute } .u-position-relative { position: relative } .u-position-initial { position: initial } .u-clearfix:after { content: ""; display: table; clear: both } .u-hide { display: none !important } .u-hide-visually { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; border: 0 !important } .u-hide-visually-focusable:active,.u-hide-visually-focusable:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; clip-path: none !important } @media only screen and (min-width: 20em) { .u-clear-both-from-xs { clear:both !important } } @media only screen and (min-width: 36em) { .u-clear-both-from-sm { clear:both !important } } @media only screen and (min-width: 48em) { .u-clear-both-from-md { clear:both !important } } @media only screen and (min-width: 62em) { .u-clear-both-from-lg { clear:both !important } } @media only screen and (min-width: 75em) { .u-clear-both-from-xl { clear:both !important } } @media only screen and (min-width: 20em) { .u-clear-none-from-xs { clear:none !important } } @media only screen and (min-width: 36em) { .u-clear-none-from-sm { clear:none !important } } @media only screen and (min-width: 48em) { .u-clear-none-from-md { clear:none !important } } @media only screen and (min-width: 62em) { .u-clear-none-from-lg { clear:none !important } } @media only screen and (min-width: 75em) { .u-clear-none-from-xl { clear:none !important } } @media only screen and (min-width: 20em) { .u-float-left-from-xs { float:left !important } } @media only screen and (min-width: 36em) { .u-float-left-from-sm { float:left !important } } @media only screen and (min-width: 48em) { .u-float-left-from-md { float:left !important } } @media only screen and (min-width: 62em) { .u-float-left-from-lg { float:left !important } } @media only screen and (min-width: 75em) { .u-float-left-from-xl { float:left !important } } @media only screen and (min-width: 20em) { .u-float-right-from-xs { float:right !important } } @media only screen and (min-width: 36em) { .u-float-right-from-sm { float:right !important } } @media only screen and (min-width: 48em) { .u-float-right-from-md { float:right !important } } @media only screen and (min-width: 62em) { .u-float-right-from-lg { float:right !important } } @media only screen and (min-width: 75em) { .u-float-right-from-xl { float:right !important } } .u-flip-vertically,.Actions .actions-container button.expandable-action.active>svg { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } @media only screen and (min-width: 20em) { .u-display-none-from-xs { display:none !important } } .u-display-inline-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-from-xs { display:inline !important } } .u-display-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-block-from-xs { display:block !important } } .u-display-inline-block-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-block-from-xs { display:inline-block !important } } .u-display-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-flex-from-xs { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-xs { display: none !important } @media only screen and (min-width: 20em) { .u-display-inline-flex-from-xs { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-xs { visibility: visible !important } @media only screen and (min-width: 20em) { .u-visibility-hidden-from-xs { visibility:hidden !important } } .u-visibility-visible-from-xs { visibility: hidden !important } @media only screen and (min-width: 20em) { .u-visibility-visible-from-xs { visibility:visible !important } } @media only screen and (min-width: 36em) { .u-display-none-from-sm { display:none !important } } .u-display-inline-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-from-sm { display:inline !important } } .u-display-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-block-from-sm { display:block !important } } .u-display-inline-block-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-block-from-sm { display:inline-block !important } } .u-display-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-flex-from-sm { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-sm { display: none !important } @media only screen and (min-width: 36em) { .u-display-inline-flex-from-sm { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-sm { visibility: visible !important } @media only screen and (min-width: 36em) { .u-visibility-hidden-from-sm { visibility:hidden !important } } .u-visibility-visible-from-sm { visibility: hidden !important } @media only screen and (min-width: 36em) { .u-visibility-visible-from-sm { visibility:visible !important } } @media only screen and (min-width: 48em) { .u-display-none-from-md { display:none !important } } .u-display-inline-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-from-md { display:inline !important } } .u-display-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-block-from-md { display:block !important } } .u-display-inline-block-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-block-from-md { display:inline-block !important } } .u-display-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-flex-from-md { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-md { display: none !important } @media only screen and (min-width: 48em) { .u-display-inline-flex-from-md { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-md { visibility: visible !important } @media only screen and (min-width: 48em) { .u-visibility-hidden-from-md { visibility:hidden !important } } .u-visibility-visible-from-md { visibility: hidden !important } @media only screen and (min-width: 48em) { .u-visibility-visible-from-md { visibility:visible !important } } @media only screen and (min-width: 62em) { .u-display-none-from-lg { display:none !important } } .u-display-inline-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-from-lg { display:inline !important } } .u-display-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-block-from-lg { display:block !important } } .u-display-inline-block-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-block-from-lg { display:inline-block !important } } .u-display-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-flex-from-lg { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-lg { display: none !important } @media only screen and (min-width: 62em) { .u-display-inline-flex-from-lg { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-lg { visibility: visible !important } @media only screen and (min-width: 62em) { .u-visibility-hidden-from-lg { visibility:hidden !important } } .u-visibility-visible-from-lg { visibility: hidden !important } @media only screen and (min-width: 62em) { .u-visibility-visible-from-lg { visibility:visible !important } } @media only screen and (min-width: 75em) { .u-display-none-from-xl { display:none !important } } .u-display-inline-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-from-xl { display:inline !important } } .u-display-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-block-from-xl { display:block !important } } .u-display-inline-block-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-block-from-xl { display:inline-block !important } } .u-display-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-flex-from-xl { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } .u-display-inline-flex-from-xl { display: none !important } @media only screen and (min-width: 75em) { .u-display-inline-flex-from-xl { display:-webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .u-visibility-hidden-from-xl { visibility: visible !important } @media only screen and (min-width: 75em) { .u-visibility-hidden-from-xl { visibility:hidden !important } } .u-visibility-visible-from-xl { visibility: hidden !important } @media only screen and (min-width: 75em) { .u-visibility-visible-from-xl { visibility:visible !important } } .u-show-only-to-print { visibility: hidden } @media print { .u-hide-from-print { visibility: hidden } .u-show-only-to-print { visibility: visible } .u-remove-if-print { display: none } } @media not print { .u-remove-if-not-print { display: none } } .u-highlight { background-color: #fadfcc; border: 1px solid #e6651b } @media only screen and (max-width: 992px) { .u-no-scroll { position:fixed; overflow: hidden } } @-webkit-keyframes gh-mobile-menu { 0% { right: -320px } 1% { right: -300px } 99% { right: -20px } 100% { right: 0 } } @keyframes gh-mobile-menu { 0% { right: -320px } 1% { right: -300px } 99% { right: -20px } 100% { right: 0 } } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { -webkit-transition: border-bottom-color .3s ease,color .3s ease; transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { -webkit-transition: all .3s ease !important; transition: all .3s ease !important } .u-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .u-flex-center-ver { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width: 20em) { .u-flex-center-from-xs { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 36em) { .u-flex-center-from-sm { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 48em) { .u-flex-center-from-md { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 62em) { .u-flex-center-from-lg { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 75em) { .u-flex-center-from-xl { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (min-width: 20em) { .u-flex-center-ver-from-xs { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 36em) { .u-flex-center-ver-from-sm { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 48em) { .u-flex-center-ver-from-md { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 62em) { .u-flex-center-ver-from-lg { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (min-width: 75em) { .u-flex-center-ver-from-xl { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .u-gap-6 { gap: 6px } .u-list-reset { list-style: none; padding-left: 0 !important } .u-width-full { width: 100% } .u-img-responsive { max-width: 100% } .u-options-list { list-style: none; padding-left: 0 !important } .u-options-list li+li { margin-top: 8px } .u-overlay { bottom: 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 70 } .u-overlay.mobile-menu-overlay { background-color: rgba(235, 235, 235, 0.85) } .u-max-lib-height { height: 48px } .u-max-lib-dimensions-mobile { height: 60px; width: 234px } .gh-move-to-spine>.anchor:hover { cursor: pointer; color: #323232 !important } .button-link { -webkit-transition: border-bottom-color .3s ease,color .3s ease; transition: border-bottom-color .3s ease,color .3s ease } .icon-help,.icon-search { -webkit-transition: all .3s ease !important; transition: all .3s ease !important } #gh-branding { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 1; margin-right: 64px } #gh-branding .gh-logo { -webkit-transition: height .3s,width .3s; transition: height .3s,width .3s; height: 40px; width: 45px } #gh-branding .gh-logo.gh-logo-only,#gh-branding .gh-logo svg { height: 54px } #gh-branding .gh-logo.gh-logo-wordmark,#gh-branding .gh-logo svg { height: 64px } #gh-branding .gh-logo+.gh-wordmark { margin-left: 16px } #gh-branding h1 { font-size: 24px; line-height: var(--sd-ui-line-height); font-weight: 500; margin-top: 4px; margin-left: 16px; -webkit-transition: font-size .3s,margin-left .3s; transition: font-size .3s,margin-left .3s } #gh-branding .gh-wordmark { -webkit-transition: height .3s,margin .3s,width .3s; transition: height .3s,margin .3s,width .3s; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } #gh-branding .gh-wordmark.gh-elsevier-wordmark { height: 14px !important } #gh-branding:hover,#gh-branding:focus { border-bottom: none } #gh-branding:focus { outline: 2px solid #eb6500; outline-offset: 1px } #gh-mob-inst-cnt .gh-inst-cnt a { margin-top: 12px !important } #gh-mob-profile-with-inst { padding: 24px 12px } .gh-lib-banner { -webkit-transition: height .3s,width .3s,margin-left .3s; transition: height .3s,width .3s,margin-left .3s; overflow: hidden } @media only screen and (max-width: 1120px) { .gh-lib-banner { display:none } } .gh-lib-banner.gh-lb-legacy { margin-left: 22px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 234px; max-height: 60px } .gh-lib-banner.gh-lb-legacy:focus-within { outline: 2px solid #eb6500 !important } .gh-lib-banner.gh-lb-legacy { font-size: 14px; line-height: var(--sd-ui-line-height) } .gh-lib-banner.gh-lb-legacy .gh-lb-info { line-height: 1; border: 2px solid transparent !important } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus,.gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message>a:focus>.anchor-text { outline: none !important } .gh-lib-banner.gh-lb-dominant { -webkit-transition: height .3s,padding .3s,-webkit-transform .3s; transition: height .3s,padding .3s,-webkit-transform .3s; transition: height .3s,padding .3s,transform .3s; transition: height .3s,padding .3s,transform .3s,-webkit-transform .3s; height: 48px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-lib-banner.gh-lb-dominant img { -webkit-transition: height .3s; transition: height .3s; height: 48px } .gh-lib-banner .gh-il-placeholder { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .gh-lib-banner.gh-lb-fallback-with-link { position: relative; top: 2px } .gh-lib-banner.gh-lb-fallback-with-link .gh-lb-message { position: relative; top: -2px } .gh-nav-cnt { position: relative; width: 100% } .gh-nav-cnt .gh-nav-links-container-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: right } .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left: 56px } @media only screen and (max-width: 1200px) { .gh-nav-cnt .gh-nav-links-container-h nav+nav { margin-left:34px } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { width:100% !important } } @media only screen and (max-width: 805px) { .gh-nav-cnt.search-visible { height:48px } } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-nav-cnt .gh-nav-utilities { margin-left:0 } } .gh-nav-cnt .gh-nav-h { z-index: 1; float: left } .gh-nav .gh-nav-item:before { content: none !important } .gh-nav .gh-nav-item .gh-icon { max-width: initial !important } .gh-nav .gh-lbl { margin-bottom: 12px } .gh-nav-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; overflow: visible; -webkit-transition: margin-left .4s ease; transition: margin-left .4s ease } .gh-nav-h>.gh-nav-list { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { margin-left: 56px; -webkit-transition: padding-left .2s; transition: padding-left .2s } .gh-nav-h.gh-nav-links>.gh-nav-list>.gh-nav-item { line-height: 26px } .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 8px } .gh-nav .gh-icon-btn .gh-icon { -webkit-transition: height .3s,width .3s; transition: height .3s,width .3s } .gh-nav-v { margin: 24px 12px 0 } .gh-nav-v>ul>li.gh-has-dd { margin-bottom: 32px } .gh-nav-v>ul>li:not(.gh-has-dd)+li.gh-has-dd { margin-top: 32px } .gh-search-cnt { -webkit-transition: top .3s; transition: top .3s; position: relative; background-color: #fff; z-index: 101; left: -2px } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt { top:0; left: 0 !important; right: 0 !important; bottom: 0 } } .gh-search-cnt .gh-nav-search-icon { position: absolute; margin-left: 15px; margin-top: 10px !important } .gh-search-cnt .gh-search-keyword { height: 48px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 0 } .gh-search-cnt .gh-search-keyword .gh-search-input-field { height: 46px; padding: 8px 24px 0 32px; -webkit-transition: height .3s; transition: height .3s; border: none; border-bottom: 2px solid #dcdcdc; outline: 0; width: 100%; font-family: inherit } @media only screen and (max-width: getBreakpointDownValue(48em)) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { padding:0 40px 0 48px } } @media only screen and (max-width: 805px) { .gh-search-cnt .gh-search-keyword .gh-search-input-field { height:42px; padding: 16px 24px 0 32px; font-size: 16px } } #gh-alerts-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner,#gh-cart-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner { width: 420px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 270px } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon { fill: #b8b8b8 } #gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl,#gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl { white-space: nowrap } .gh-search-toggle>.anchor { -webkit-transition: none; transition: none } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover .button-link,#popover-trigger-gh-help-icon-popover #gh-search-link,.gh-search-toggle .button-link,.gh-search-toggle #gh-search-link,#popover-trigger-gh-profile-dropdown .button-link,#popover-trigger-gh-profile-dropdown #gh-search-link,#popover-trigger-institution-popover .button-link,#popover-trigger-institution-popover #gh-search-link { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important } #popover-trigger-gh-help-icon-popover .button-link:focus-visible,#popover-trigger-gh-help-icon-popover #gh-search-link:focus-visible,.gh-search-toggle .button-link:focus-visible,.gh-search-toggle #gh-search-link:focus-visible,#popover-trigger-gh-profile-dropdown .button-link:focus-visible,#popover-trigger-gh-profile-dropdown #gh-search-link:focus-visible,#popover-trigger-institution-popover .button-link:focus-visible,#popover-trigger-institution-popover #gh-search-link:focus-visible { outline-offset: -3px } } @media only screen and (max-width: 1120px) { #popover-trigger-gh-help-icon-popover span,.gh-search-toggle span,#popover-trigger-gh-profile-dropdown span,#popover-trigger-institution-popover span { display:none } } @media only screen and (max-width: 1120px) { .popover-content { margin-top:13px !important; margin-right: 12px } } #gh-journals-books-link { white-space: nowrap } @media only screen and (max-width: 1120px) { #gh-journals-books-link:focus-visible { outline-offset:5px } } #gh-ai-link { white-space: nowrap } .gh-search-input-field .search-input-message-container { display: none } .gh-search-input-field .search-input-field { --sd-ui-text-input-field-padding-left: calc(40px - var(--sd-ui-text-input-border-width)) } .u-margin-16-ver { margin-top: 16px; margin-bottom: 16px } .u-margin-24-ver { margin-top: 24px; margin-bottom: 24px } .u-margin-left { margin-left: 12px } #popover-content-gh-help-icon-popover { margin-top: 18px } #popover-content-gh-help-icon-popover .popover-children { padding: 16px 16px 4px !important } #popover-content-gh-help-icon-popover .popover-children,.gh-nav-links { text-wrap: pretty } .gh-nav-help-anchor-inline { display: inline } .gh-nav-help-anchor-inline .icon { margin-left: 6px } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static #popover-content-gh-help-icon-popover { width:320px } } @media only screen and (max-width: 600px) { .gh-help-icon-popover-static .gh-nav-help-content { width:250px } } #gh-main-cnt .gh-profile-container { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex } #gh-main-cnt .my-account-heading { padding: 24px 0 12px } #gh-profile-cnt { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: margin .3s; transition: margin .3s } #gh-profile-cnt button.gh-truncate .button-link-text-container { max-width: 6.6rem } @media only screen and (min-width: 48em) { #gh-profile-cnt { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important } } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit } #gh-profile-cnt .gh-ppvr-cnt-inner { padding: 16px 16px 28px !important } #gh-profile-cnt .gh-ppvr-cnt-inner .gh-dd-nav .gh-nav-item { white-space: nowrap } #gh-profile-cnt .gh-ppvr-trigger button { font-family: inherit; border: none } #gh-signin-btn,#gh-cta-btn,#gh-myaccount-btn,#gh-institutionalsignin-btn { -ms-flex-negative: 0; flex-shrink: 0; border: none; position: relative } .gh-nav-cnt+#gh-signin-btn { margin-left: 10px } .gh-user-info { line-height: 24px } .gh-user-info .gh-user-email { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; list-style-type: none } .gh-user-info .gh-user-fname { word-wrap: break-word; list-style-type: none } .gh-user-info .gh-my-account { margin: 12px 0 12px } .gh-user-info.gh-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none } .gh-user-info.gh-mobile .gh-user-email { max-width: 100% } .gh-dd-nav { list-style: none; padding-left: 0 !important; line-height: 24px } .gh-dd-nav .gh-nav-item { color: #4c4c4c; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gh-dd-nav .gh-nav-item+.gh-nav-item { margin-top: 12px } .gh-dd-nav .gh-nav-item .gh-has-badge { margin-right: 16px } .gh-dd-actions { white-space: nowrap; text-align: center } .gh-dd-actions a { display: inline-block } .gh-dd-actions a+button { margin-left: 16px } .gh-dd-actions a:first-child:nth-last-child(1) { width: 100% } #gh-profile-dropdown .popover-content-inner { width: 320px; font-size: 16px } #gh-profile-dropdown #popover-content-gh-profile-dropdown { margin-top: 18px } @media only screen and (max-width: 1120px) { #gh-myaccount-btn,#gh-institutionalsignin-btn { height:40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 12px !important; outline-offset: -3px } } @media only screen and (max-width: 1120px) { #gh-myaccount-btn span,#gh-institutionalsignin-btn span { display:none } } #gh-mobile-menu { width: auto } #gh-mobile-menu #gh-drawer { background-color: #fff } #gh-mobile-menu .gh-nav-cnt.show-scopus { height: 120px } #gh-mobile-menu .gh-avatar,#gh-mobile-menu .gh-lib-banner .gh-il-placeholder { background-color: #4c4c4c } #gh-mobile-menu .gh-hamburger { fill: #4c4c4c; margin-left: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=true] { padding: 6px } #gh-mobile-menu .gh-hamburger [aria-expanded=false] { padding: 14px 16px 10px; outline-offset: -5px } #gh-mobile-menu .gh-hamburger .button-link svg { -webkit-transition: width .3s; transition: width .3s } #gh-mobile-menu .gh-dh-profile .gh-user-email { color: #4c4c4c } #gh-mobile-menu #gh-mob-myaccount { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: fixed; width: 380px; top: 0; z-index: 1000; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } @media screen and (max-width: 380px) { #gh-drawer { max-width:100% } } #gh-drawer.gh-is-expanded { right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } #gh-drawer-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; margin: 16px 12px 24px; -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px } #gh-drawer-header .button-link { font-size: 16px !important } #gh-drawer-header #gh-mob-institutionalsignin { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer-header #gh-mob-institutionalsignin .anchor-text { vertical-align: middle } #gh-drawer-header .gh-hamburger:first-child:nth-last-child(1) { position: absolute; right: 16px; top: 16px } #gh-drawer-header .gh-hamburger svg { max-width: none !important } #gh-drawer .gh-dh-opt { min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #gh-drawer .gh-dh-opt p { font-size: 16px } #gh-drawer .gh-dh-opt .gh-dh-profile { width: 85% } #gh-drawer .gh-dh-opt .gh-dh-actions { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: grid; grid-gap: 12px } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-myaccount-signed-in { margin-top: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-signout-signed-in { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #gh-drawer .gh-dh-opt .gh-dh-actions .guest-signin-divider { margin: 12px 0 } #gh-drawer .gh-dh-opt .full-width-hor-line { width: 380px; position: relative; left: -12px } #gh-drawer .gh-nav h2 { font-size: 20px; line-height: var(--sd-ui-line-height) } .gh-inst-icon-only { height: 40px; width: 40px; padding-left: 10px; padding-right: 10px; margin-left: 22px } .gh-inst-icon-only:focus-visible { outline-offset: -3px } .gh-institution-item .popover-content { margin-top: 18px } .adjusted-popup-position .popover-content { margin-top: 13px; margin-right: 12px } .margin-left-header-gap-s { margin-left: 22px } .without-outline:focus { outline: none !important } .institutional-icon-background { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-color: #4c4c4c; background-position: center } .u-align-flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .gh-nav-help-content { list-style-type: none; margin-bottom: 12px; width: 340px } @media screen and (max-width: 380px) { .gh-nav-help-content { width:300px } } #help-content-divider { margin-bottom: 12px } #gh-main-cnt { -webkit-transition: padding .3s,height .3s; transition: padding .3s,height .3s; height: 56px; width: 100% } .gh-icon-btn { -ms-flex-negative: 0; flex-shrink: 0; border: none } button.gh-truncate .button-link-text-container { max-width: 10rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #gh-cnt { width: 100%; background: white; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif !important; position: relative } #gh-cnt #gh-mobile-menu { display: none } #gh-cnt .gh-search-cnt { margin-left: 16px } @media only screen and (max-width: 805px) { #gh-cnt .gh-nav-h+.gh-nav-h { margin-left:48px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 24px } #gh-cnt .gh-nav-h.gh-nav-utilities>.gh-nav-list>.gh-nav-item+.gh-nav-item { padding-left: 2px } #gh-cnt .gh-nav-cnt+#gh-signin-btn { margin-left: 2px } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt>.gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt .gh-nav-h+.gh-nav-h { margin-left: 32px !important } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item { font-size: 18px; line-height: var(--sd-ui-line-height) } #gh-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt #gh-mobile-menu { display: block !important } #gh-cnt .gh-move-to-spine { display: none !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt { margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt { height: 48px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt.gh-reduce-v-space #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt.gh-reduce-v-space #gh-branding .gh-logo,#gh-cnt.gh-reduce-v-space #gh-branding svg { height: 32px !important } #gh-cnt.gh-reduce-v-space #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark { width: auto } } #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt.gh-reduce-v-space .gh-search-cnt { top: 0 !important; -webkit-box-shadow: none; box-shadow: none } #gh-cnt #gh-main-cnt>.gh-help-button { display: none } #gh-cnt #gh-profile-cnt { margin-left: 24px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg { height: 20px !important } #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm { height: 32px; width: 32px } #gh-cnt #gh-main-cnt { height: 48px } #gh-cnt #gh-main-cnt .gh-profile-container>.button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt #gh-inst-icon-btn { height: 32px; width: 32px } #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg { height: 20px } #gh-cnt #gh-main-cnt .gh-profile-container>.link-button,#gh-cnt #gh-main-cnt .search-button-link>.link-button { font-size: 16px; line-height: var(--sd-ui-line-height); height: 32px; margin-left: 24px !important } #gh-cnt #gh-main-cnt .gh-nav-h>.gh-nav-list>.gh-nav-item .gh-icon-btn svg { height: 20px !important } #gh-cnt .gh-lib-banner.gh-lb-legacy { height: 0; width: 0; margin-left: 0 } @supports(-ms-high-contrast: none) { #gh-cnt .gh-lib-banner.gh-lb-legacy { width: 0 } } #gh-cnt .gh-lib-banner.gh-lb-dominant { height: 0; padding-top: 0; padding-bottom: 0 } #gh-cnt .gh-lib-banner.gh-lb-dominant img { height: 0 !important } #gh-cnt #gh-branding .gh-logo,#gh-cnt #gh-branding svg { height: 32px !important } #gh-cnt #gh-branding h1 { font-size: 16px; line-height: var(--sd-ui-line-height); margin-left: 8px } #gh-cnt #gh-branding .gh-wordmark { margin-left: 0 !important; height: 15px !important } @supports not (-ms-high-contrast: none) { #gh-cnt #gh-branding .gh-wordmark { width: auto } } #gh-cnt #gh-branding .gh-wordmark.gh-elsevier-wordmark,#gh-cnt #gh-branding .gh-wordmark svg { height: 9px !important } #gh-cnt .gh-search-cnt { top: 0 !important; -webkit-box-shadow: none; box-shadow: none } #gh-cnt .search-bar-icon { height: 20px !important; margin-top: 4px } #gh-cnt #gh-branding { margin-right: 0 !important } #gh-cnt .gh-nav-utilities.gh-nav-h { margin-left: 0 !important; margin-right: 0 !important } #gh-cnt .gh-search-cnt { margin-top: 4px } } @media only screen and (max-width: 805px) { #gh-cnt #gh-branding.search-bar-visible,#gh-cnt #gh-mobile-menu.search-bar-visible { display:none !important } #gh-cnt .gh-search-cnt { padding-right: 0 } } .search-for-selected-text--button-copy,.search-for-selected-text--button-search { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-color: rgba(0,0,0,0); margin: 0 4px } .search-for-selected-text { background-color: #1f1f1f; position: absolute; padding: 16px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; border-top: solid 2px #ff6c00 } .search-for-selected-text.left::before { content: ""; position: absolute; left: 0; top: -16px; border-right: 16px solid rgba(0,0,0,0); border-bottom: 16px solid #ff6c00 } .search-for-selected-text.left::after { content: ""; position: absolute; left: 0; top: -13px; border-right: 14px solid rgba(0,0,0,0); border-bottom: 14px solid #1f1f1f } .search-for-selected-text.right::before { content: ""; position: absolute; right: 0; top: -16px; border-left: 16px solid rgba(0,0,0,0); border-bottom: 16px solid #ff6c00 } .search-for-selected-text.right::after { content: ""; position: absolute; right: 0; top: -13px; border-left: 14px solid rgba(0,0,0,0); border-bottom: 14px solid #1f1f1f } .search-for-selected-text--button-search:hover { background-color: #ff6c00 !important } .search-for-selected-text--button-search:hover>span { color: #fff !important } .search-for-selected-text--button-copy { background-color: rgba(0,0,0,0) !important; border-color: rgba(0,0,0,0) !important } .search-for-selected-text--button-copy:hover { background-color: #ff6c00 !important } .search-for-selected-text--button-copy:hover>span { color: #fff !important } ol,ul { list-style: none } span.size-m { font-size: 13px } span.small-caps { font-variant: small-caps } u { text-decoration: underline } a { word-break: break-word } :root { --arp-auto-margin: 0px } @media only screen and (min-width: 1440px) { :root { --arp-auto-margin: (100vw - 1440px) * 0.5 } } .App { position: relative; margin: auto } .App .page { position: relative; height: 100% } ._pendo-badge { display: none } @media only screen and (min-width: 36em) { ._pendo-badge { display:block } } @media print { ._pendo-badge,.accessbar-sticky,.view-pdf-widget,iframe#extension,#readcubeExtensionSidebarWrapper { display: none !important } } table { margin-left: 0; margin-right: 0; border-collapse: collapse; border-spacing: 0; width: 100% } table caption { margin-bottom: 20px; color: #707070; margin-left: 24px; margin-right: 24px; font-size: 14px } table th { font-weight: 700; font-size: 14px } table td { font-size: 14px } table .no-border { border: 0 } table .border-right { border-right: 1px solid #f0f0f0 } table .border-left { border-left: 1px solid #f0f0f0 } table .border-top { border-top: 1px solid #f0f0f0 } table .border-bottom { border-bottom: 1px solid #f0f0f0 } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } ol,ul { list-style: none } span.size-m { font-size: 13px } span.small-caps { font-variant: small-caps } u { text-decoration: underline } .accessbar-utility-component { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .accessbar-utility-link .anchor-text-container { text-overflow: ellipsis; overflow: hidden } .accessbar-label { display: none } @media only screen and (min-width: 62em) { .accessbar-label { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 2rem; width: calc(25% + 1rem + var(--page-auto-margin)); -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .accessbar-label .pdf-icon { height: 1.4375rem; width: 1.1875rem; margin: 0 0.625rem 0 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .accessbar-label .text { font-size: 1.125rem; -ms-flex-item-align: end; align-self: flex-end } .banner-list li:nth-child(even) .banner { background: none; border-bottom: 1px solid #f5f5f5 } .banner { background: #ecf7fe; color: #1f1f1f } .banner .banner-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.75rem 1rem } @media only screen and (min-width: 36em) { .banner .banner-container { padding:0.75rem 1.5rem } } @media only screen and (min-width: 62em) { .banner .banner-container { padding:0.75rem 2rem 0.75rem calc(var(--page-auto-margin) + 25% + 32px) } } .banner .banner-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.5rem; padding: 8px } .banner .banner-icon svg { display: block } .banner .banner-message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 8px } .banner .close-button { padding: 10px } .banner .close-button svg { fill: #1f1f1f } .accessbar-divider { background-color: #dcdcdc; border-color: rgba(0,0,0,0); border-width: 0.25rem 0 0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.6875rem; top: 0.375rem; width: 0.0625rem } .LinkResolver img { max-height: 40px; border-bottom: 2px solid rgba(0,0,0,0); padding-bottom: 2px; -webkit-transition: border-bottom-color .3s ease; transition: border-bottom-color .3s ease } .LinkResolver img+.link-buttom-text { display: none } .LinkResolver:hover img { border-bottom-color: #eb6500 } .accessbar-overflow-popover { display: block; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .accessbar-overflow-popover .popover-content { margin-left: -10.71875rem; margin-top: 0.875rem; left: 50%; width: 21.4375rem } .accessbar-overflow-popover .popover-content.popover-align-left { -webkit-box-shadow: 0px -2px 0px 0px #eb6500; box-shadow: 0px -2px 0px 0px #eb6500 } .accessbar-overflow-popover .popover-content.popover-align-left::before { background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px) } .accessbar-overflow-popover .popover-content.popover-align-left::before,.accessbar-overflow-popover .popover-content.popover-align-left::after { left: calc(50% - 0.5rem) } @media only screen and (min-width: 48em) { .accessbar-overflow-popover .popover-content { left:0; margin-left: -14.875rem; margin-top: 1.1875rem; width: 23.625rem } .accessbar-overflow-popover .popover-content.popover-align-left::before,.accessbar-overflow-popover .popover-content.popover-align-left::after { left: 18.75rem } } .accessbar-overflow-popover .popover-content ul li:last-child { margin-bottom: 0 } .accessbar-overflow-popover .popover-content .accessbar-utility-link,.accessbar-overflow-popover .popover-content .accessbar-utility-button,.accessbar-overflow-popover .popover-content .accessbar-utility-component { margin: 0 } .QuickSearch { display: none } @media only screen and (min-width: 1270px) { .toolbar-stuck .QuickSearch { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: 1.5rem } } .QuickSearch .text-input-field { --sd-ui-text-input-field-padding-top: calc(4px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-right: calc(8px - var(--sd-ui-text-input-border-width)); --sd-ui-text-input-field-padding-bottom: calc(4px - var(--sd-ui-text-input-border-bottom-width)); --sd-ui-text-input-field-padding-left: calc(8px - var(--sd-ui-text-input-border-width)); padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left) !important } .QuickSearch .text-input-field::-webkit-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::-moz-placeholder { font-size: 14px } .QuickSearch .text-input-field:-ms-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::-ms-input-placeholder { font-size: 14px } .QuickSearch .text-input-field::placeholder { font-size: 14px } .QuickSearch .text-input-message-container { display: none } .accessbar { border: solid #1f1f1f; border-width: 0.25rem 0 0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.5rem 1rem } @media only screen and (min-width: 36em) { .accessbar { padding:0.5rem 1.5rem } } @media only screen and (min-width: 48em) { .accessbar { -webkit-box-align:center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 4rem } } @media only screen and (min-width: 62em) { .accessbar { padding:0 2rem } } .accessbar>ul { display: contents } .accessbar>ul>li { margin: 0 0 0.25rem; overflow: hidden; padding: 4px; white-space: nowrap } @media only screen and (min-width: 48em) { .accessbar>ul>li { margin:0 1.5rem 0 0 } } .accessbar>ul>li:last-child { margin: 0 } .accessbar>ul>li #popover-content-OverflowPopoverAnchor>.accessbar-utility-link { margin: 0 } .accessbar>ul>li.disable-popover-overflow { overflow: visible } .accessbar li.accessbar-item-hide-from-initial { display: none } .accessbar li.accessbar-item-show-from-initial { display: block } @media only screen and (min-width: 20em) { .accessbar li.accessbar-item-hide-from-xs { display:none } .accessbar li.accessbar-item-show-from-xs { display: block } } @media only screen and (min-width: 36em) { .accessbar li.accessbar-item-hide-from-sm { display:none } .accessbar li.accessbar-item-show-from-sm { display: block } } @media only screen and (min-width: 48em) { .accessbar li.accessbar-item-hide-from-md { display:none } .accessbar li.accessbar-item-show-from-md { display: block } } @media only screen and (min-width: 62em) { .accessbar li.accessbar-item-hide-from-lg { display:none } .accessbar li.accessbar-item-show-from-lg { display: block } } @media only screen and (min-width: 75em) { .accessbar li.accessbar-item-hide-from-xl { display:none } .accessbar li.accessbar-item-show-from-xl { display: block } } .screen-reader-only { border-width: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .rx-font-18 { font-size: 18px; line-height: 28px } .download-all-supplemental-data .article-attachment { font-size: 18px; margin: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .download-all-supplemental-data .download-all-button { text-align: left; line-height: var(--sd-ui-line-height) } .download-all-supplemental-data .download-all-button .icon { -ms-flex-item-align: start; align-self: start } .download-all-supplemental-data .help-link { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content } .article-textbox { background-color: #f5f5f5; margin: 16px 0; padding: 16px 32px } .article-textbox.role-pull-quote,.article-textbox.role-alt1,.article-textbox.role-alt6,.article-textbox.role-alt11,.article-textbox.role-alt16,.article-textbox.role-alt21,.article-textbox.role-altm1,.article-textbox.role-altm6,.article-textbox.role-altm11,.article-textbox.role-altm16,.article-textbox.role-altm21 { background-color: #fff4d4 } .article-textbox.role-alt2,.article-textbox.role-alt7,.article-textbox.role-alt12,.article-textbox.role-alt17,.article-textbox.role-alt22,.article-textbox.role-altm2,.article-textbox.role-altm7,.article-textbox.role-altm12,.article-textbox.role-altm17,.article-textbox.role-altm22 { background-color: #e7f9c2 } .article-textbox.role-alt3,.article-textbox.role-alt8,.article-textbox.role-alt13,.article-textbox.role-alt18,.article-textbox.role-alt23,.article-textbox.role-altm3,.article-textbox.role-altm8,.article-textbox.role-altm13,.article-textbox.role-altm18,.article-textbox.role-altm23 { background-color: #ebf7fd } .article-textbox.role-alt4,.article-textbox.role-alt9,.article-textbox.role-alt14,.article-textbox.role-alt19,.article-textbox.role-alt24,.article-textbox.role-altm4,.article-textbox.role-altm9,.article-textbox.role-altm14,.article-textbox.role-altm19,.article-textbox.role-altm24 { background-color: #ffd9e7 } .article-textbox.role-coding,.article-textbox.role-definition,.article-textbox.role-drugs,.article-textbox.role-ethics,.article-textbox.role-focus,.article-textbox.role-health-care,.article-textbox.role-key-term,.article-textbox.role-medical-topic,.article-textbox.role-review,.article-textbox.role-technical { background-color: #ebf7fd } .article-textbox.role-case-study,.article-textbox.role-evidence-based,.article-textbox.role-exercise,.article-textbox.role-practice,.article-textbox.role-q-and-a,.article-textbox.role-teaching { background-color: #e7f9c2 } .article-textbox.role-alert,.article-textbox.role-safety { background-color: #fc9 } .article-textbox.role-guideline,.article-textbox.role-procedure,.article-textbox.role-skill { background-color: #eabdff } .article-textbox.role-note,.article-textbox.role-pearl,.article-textbox.role-tip,.article-textbox.role-web { background-color: #fff4d4 } .article-textbox .article-title { margin-bottom: 12px } .article-textbox .article-sub-title { margin-bottom: 8px } .article-textbox h2 { margin: 0; line-height: var(--sd-ui-line-height); font-size: 22px; font-weight: normal } .article-textbox .author-group { display: block; margin-bottom: 12px } .article-textbox .author { display: inline; font-size: small } .article-textbox .affiliation { margin-left: 24px; font-size: small; line-height: var(--sd-ui-line-height) } .article-textbox .affiliation .label { margin-left: -24px; position: relative; float: left } .article-textbox .article-textbox-label { margin-bottom: 16px } .article-textbox .legend { border-top: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc } .inter-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.inter-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after { content: ", "; font-size: inherit } .inter-refs .inter-ref:not(first-child):last-of-type::before,.inter-refs .intra-ref:not(first-child):last-of-type::before,.intra-refs .inter-ref:not(first-child):last-of-type::before,.intra-refs .intra-ref:not(first-child):last-of-type::before { content: " and "; font-size: inherit } .figure { display: block; padding-top: 8px; margin: 0 0 20px; border-top: 0; border-bottom: 1px solid #b8b8b8 } .figure:first-of-type { border-top: 1px solid #b8b8b8 } .figure figure:first-child { border-top: 0 } .figure img { height: auto; max-width: 100%; margin-bottom: 16px } .inline-figure { display: inline-block; margin: 0 } .inline-figure img { max-width: 100%; height: auto } .captions { color: #1f1f1f } .author-group .button-link .react-xocs-author-icon { height: 1em; margin: 0 0 -1px 2px } .author-group .button-link .react-xocs-author-icon:last-child { margin-left: 0 } .author-group .button-link.react-xocs-icon-only-link { margin-left: 4px } .author-group .affiliation { color: #707070; vertical-align: top; margin: 0 } .author-group .affiliation dt { clear: left; float: left; width: 2.3em; text-align: right } .author-group .affiliation dd { margin-left: 3em } .author-group .affiliation dd:not(:last-child) { padding: 0 } .article-biography { clear: left; margin-bottom: 16px } .article-biography.article-biography-has-image { display: grid; grid-template-columns: auto auto } .article-biography.article-biography-has-image .article-biography-image { margin-right: 16px } @supports((-o-object-fit: cover) or (object-fit: cover)) { .article-biography.article-biography-has-image .article-biography-image img { width:162px; height: 224px; -o-object-fit: cover; object-fit: cover } } .article-biography .displayed-quote { margin-left: 32px } .article-biography .formula { display: block; margin-top: 8px; margin-bottom: 8px } .book-index .intra-ref { display: table; margin-left: 16px } .captions { color: #1f1f1f } .e-component { display: block; border-top: 2px solid #f0f0f0; padding-top: 16px } .e-component .audio-player,.e-component .video-player { display: block; max-width: 100% } .figure { display: block; padding-top: 8px; margin: 0 0 20px; border-top: 0; border-bottom: 1px solid #b8b8b8 } .figure:first-of-type { border-top: 1px solid #b8b8b8 } .figure figure:first-child { border-top: 0 } .figure img { height: auto; max-width: 100%; margin-bottom: 16px } .inline-figure { display: inline-block; margin: 0 } .inline-figure img { max-width: 100%; height: auto } .inter-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.inter-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .inter-ref:not(:last-of-type,:nth-last-of-type(2))::after,.intra-refs .intra-ref:not(:last-of-type,:nth-last-of-type(2))::after { content: ", "; font-size: inherit } .inter-refs .inter-ref:not(first-child):last-of-type::before,.inter-refs .intra-ref:not(first-child):last-of-type::before,.intra-refs .inter-ref:not(first-child):last-of-type::before,.intra-refs .intra-ref:not(first-child):last-of-type::before { content: " and "; font-size: inherit } .list { margin: 16px 0; display: grid; grid-template-columns: fit-content(15%) fit-content(85%); gap: 0 16px } .list .react-xocs-list-item { display: contents } .list .react-xocs-list-item .list-label { text-align: right } .list .react-xocs-list-item .list-content { min-width: 0 } .list .react-xocs-list-item:last-child p:last-child { margin-bottom: 0 } .references .title { display: block; font-size: 18px } .references .label { float: left; padding-right: 10px } .references .label>a { cursor: pointer } .references .reference { margin-bottom: 16px; margin-left: 48px; display: block; overflow-wrap: break-word } .references .reference p:last-child { margin-bottom: 0 } .references .reference .host,.references .reference .comment { color: #707070 } .references .reference .display { display: block; padding-top: 22px } .bibliography,.further-reading { color: #1f1f1f; margin-bottom: 32px } .bibliography .section-title,.further-reading .section-title { font-size: 24px; margin-bottom: 16px } .bibliography .bibliography-sec .section-title,.bibliography .further-reading-sec .section-title,.further-reading .bibliography-sec .section-title,.further-reading .further-reading-sec .section-title { font-size: 20px } .tables { margin: 16px 0; font-size: 14px; border-top: 2px solid #8e8e8e; border-bottom: 2px solid #8e8e8e } .tables .label { font-size: 14px } .tables .tables { border-top: 0; border-bottom: 0 } .tables table { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100% } .tables.frame-top table { border-top: 1px solid #8e8e8e } .tables.frame-bottom table { border-bottom: 1px solid #8e8e8e } .tables.frame-topbot table { border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e } .tables.frame-sides table { border-left: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e } .tables.frame-all table { border: 1px solid #8e8e8e } .tables.rowsep-1 td,.tables.rowsep-1 th,.tables table.rowsep-1 td,.tables table.rowsep-1 th,.tables tr.rowsep-1 td,.tables tr.rowsep-1 th { border-bottom: 1px solid #8e8e8e } .tables.rowsep-0 td,.tables.rowsep-0 th,.tables table.rowsep-0 td,.tables table.rowsep-0 th,.tables tr.rowsep-0 td,.tables tr.rowsep-0 th { border-bottom: 0 } .tables.colsep-1 td,.tables.colsep-1 th,.tables table.colsep-1 td,.tables table.colsep-1 th { border-right: 1px solid #8e8e8e } .tables.colsep-0 td,.tables.colsep-0 th,.tables table.colsep-0 td,.tables table.colsep-0 th { border-right: 0 } .tables thead { vertical-align: bottom } .tables thead th { font-weight: 700 } .tables tbody { vertical-align: top } .tables td,.tables th { padding: 5px; border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e } .tables td.colsep-0,.tables th.colsep-0 { border-right: 0 } .tables td.rowsep-0,.tables th.rowsep-0 { border-bottom: 0 } .tables td.colsep-1,.tables th.colsep-1 { border-right: 1px solid #8e8e8e } .tables td.border-left,.tables th.border-left { border-left: 1px solid #8e8e8e } .tables td.border-right,.tables th.border-right { border-right: 1px solid #8e8e8e } .tables td.border-top,.tables th.border-top { border-top: 1px solid #8e8e8e } .tables td.border-bottom,.tables th.border-bottom { border-bottom: 1px solid #8e8e8e } .tables th { position: relative } .tables th.rowsep-1::after { content: ""; border-bottom: 1px solid #8e8e8e; position: absolute; bottom: -1px; left: 0; right: 0; display: block; margin: 0 4px } .tables td.rowsep-1 { border-bottom: 1px solid #8e8e8e } .tables td:last-child,.tables th:last-child { border-right: 0 } .tables .valign-top { vertical-align: top } .tables .valign-middle { vertical-align: middle } .tables .valign-bottom { vertical-align: bottom } .tables .align-left { text-align: left } .tables .align-right { text-align: right } .tables .align-center { text-align: center } .tables .align-justify { text-align: justify } .tables .captions { margin-top: 16px } .tables .source,.tables .copyright,.tables .legend,.tables .footnotes { margin-left: 24px; color: #1f1f1f } .tables .groups { overflow-x: auto; margin: 16px 0 } .tables .footnotes dt { margin-left: initial } .tables .footnotes dd { margin-left: 20px } .article-textbox { background-color: #f5f5f5; margin: 16px 0; padding: 16px 32px } .article-textbox.role-pull-quote,.article-textbox.role-alt1,.article-textbox.role-alt6,.article-textbox.role-alt11,.article-textbox.role-alt16,.article-textbox.role-alt21,.article-textbox.role-altm1,.article-textbox.role-altm6,.article-textbox.role-altm11,.article-textbox.role-altm16,.article-textbox.role-altm21 { background-color: #fff4d4 } .article-textbox.role-alt2,.article-textbox.role-alt7,.article-textbox.role-alt12,.article-textbox.role-alt17,.article-textbox.role-alt22,.article-textbox.role-altm2,.article-textbox.role-altm7,.article-textbox.role-altm12,.article-textbox.role-altm17,.article-textbox.role-altm22 { background-color: #e7f9c2 } .article-textbox.role-alt3,.article-textbox.role-alt8,.article-textbox.role-alt13,.article-textbox.role-alt18,.article-textbox.role-alt23,.article-textbox.role-altm3,.article-textbox.role-altm8,.article-textbox.role-altm13,.article-textbox.role-altm18,.article-textbox.role-altm23 { background-color: #ebf7fd } .article-textbox.role-alt4,.article-textbox.role-alt9,.article-textbox.role-alt14,.article-textbox.role-alt19,.article-textbox.role-alt24,.article-textbox.role-altm4,.article-textbox.role-altm9,.article-textbox.role-altm14,.article-textbox.role-altm19,.article-textbox.role-altm24 { background-color: #ffd9e7 } .article-textbox.role-coding,.article-textbox.role-definition,.article-textbox.role-drugs,.article-textbox.role-ethics,.article-textbox.role-focus,.article-textbox.role-health-care,.article-textbox.role-key-term,.article-textbox.role-medical-topic,.article-textbox.role-review,.article-textbox.role-technical { background-color: #ebf7fd } .article-textbox.role-case-study,.article-textbox.role-evidence-based,.article-textbox.role-exercise,.article-textbox.role-practice,.article-textbox.role-q-and-a,.article-textbox.role-teaching { background-color: #e7f9c2 } .article-textbox.role-alert,.article-textbox.role-safety { background-color: #fc9 } .article-textbox.role-guideline,.article-textbox.role-procedure,.article-textbox.role-skill { background-color: #eabdff } .article-textbox.role-note,.article-textbox.role-pearl,.article-textbox.role-tip,.article-textbox.role-web { background-color: #fff4d4 } .article-textbox .article-title { margin-bottom: 12px } .article-textbox .article-sub-title { margin-bottom: 8px } .article-textbox h2 { margin: 0; line-height: var(--sd-ui-line-height); font-size: 22px; font-weight: normal } .article-textbox .author-group { display: block; margin-bottom: 12px } .article-textbox .author { display: inline; font-size: small } .article-textbox .affiliation { margin-left: 24px; font-size: small; line-height: var(--sd-ui-line-height) } .article-textbox .affiliation .label { margin-left: -24px; position: relative; float: left } .article-textbox .article-textbox-label { margin-bottom: 16px } .article-textbox .legend { border-top: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc } .able-wrapper { font-size: 16px; line-height: normal } .able-wrapper .able { -webkit-box-shadow: none; box-shadow: none; z-index: 0 } .able-wrapper .able-seekbar-head { top: -3px } .able-wrapper * { -webkit-box-sizing: content-box; box-sizing: content-box } .able-wrapper *::before,.able-wrapper *::after { font-size: inherit } div.able-modal-dialog { background: #fff; border: 2px #eb6500; border-style: solid none none; color: #1f1f1f; margin: 0; font-size: 16px; line-height: var(--sd-ui-line-height) } div.able-modal-dialog h1 { font-size: 32px; font-weight: normal; margin-top: 40px } div.able-modal-dialog h2 { font-size: 24px; font-weight: normal } div.able-modal-dialog fieldset { margin: 0 0 1em } div.able-modal-dialog hr { border: 1px solid #dcdcdc; display: block; margin: 1em 0 } div.able-modal-dialog legend { color: #1f1f1f; font-weight: normal } div.able-modal-dialog p { margin: 0 0 1em } div.able-modal-dialog ul { list-style: none; margin: .5em 0 } div.able-modal-dialog ul>li { padding-left: 1.6em } div.able-modal-dialog ul>li::before { background-color: #eb6500; border-radius: 50%; content: ""; display: block; float: left; font-size: inherit; height: .35em; margin: .45em 0 0 -1em; width: .35em } div.able-modal-dialog .able-prefs-captions div,div.able-modal-dialog .able-prefs-descriptions div { margin-bottom: 1em } div.able-modal-dialog .able-prefs-captions select,div.able-modal-dialog .able-prefs-descriptions select { border: 1px solid #dcdcdc; color: #1f1f1f; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif; font-size: 1em; padding: .125em } div.able-modal-dialog span.able-modkey,div.able-modal-dialog span.able-modkey-alt,div.able-modal-dialog span.able-modkey-ctrl,div.able-modal-dialog span.able-modkey-shift { color: #1f1f1f } div.able-modal-dialog button.modal-button { background-color: #0272b1; border: 2px solid #0272b1; color: #fff; display: inline-block; font-family: inherit; height: 40px; margin: 0 1em 0 0; overflow: hidden; padding: 0 16px; -webkit-transition: background-color .3s,border-color .3s,color .3s; transition: background-color .3s,border-color .3s,color .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } div.able-modal-dialog button.modalCloseButton { background: rgba(0,0,0,0); border: 0; color: #0272b1; height: 40px; line-height: 40px; padding: 0 16px; right: 16px; top: 16px } .able-resize-form input[type=text] { float: none } .able-resize-form label { padding-right: 0; font-weight: normal } .able-transcript-area { z-index: 1 } .able-transcript-area .able-tooltip { top: -26px !important } .able-transcript-area .able-window-toolbar { position: relative } .able-transcript-area .able-window-toolbar .able-button-handler-preferences { bottom: auto; top: 50%; margin-top: -12px; right: 6px } div.able-modal-overlay { background-color: rgba(31,31,31,.55) } .ReferenceLinks { margin-top: 4px; position: relative } .ReferenceLinks .link { cursor: pointer; margin-right: 24px; white-space: nowrap } .ReferenceLinks .lazy-third-party-pdf-link { margin-right: 0 } .ReferenceLinks .lazy-third-party-pdf-link:has(.anchor) { margin-right: 24px } .ec-geospatial-data .gmnoprint>div { border-radius: 0 !important } .ec-geospatial-data div.gm-svpc { margin-top: 2px; -webkit-box-shadow: none !important; box-shadow: none !important } .ec-geospatial-data .map-icon { display: block; margin: auto; fill: #4c4c4c; -webkit-transition: fill .3s ease,background-color .3s ease; transition: fill .3s ease,background-color .3s ease } .ec-geospatial-data .map-icon:active,.ec-geospatial-data .map-icon:focus,.ec-geospatial-data .map-icon:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-icon svg { display: block; margin: auto } .ec-geospatial-data .map-selector { -webkit-transition: color .3s ease; transition: color .3s ease } .ec-geospatial-data .map-selector:active,.ec-geospatial-data .map-selector:focus,.ec-geospatial-data .map-selector:hover { color: #eb6500; border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-selector.selected { border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-control { width: 28px; height: 28px; border-radius: 0 !important; background: #f5f5f5; cursor: default } .ec-geospatial-data .map-control.right { margin-right: 10px } .ec-geospatial-data .map-control.bottom { margin-bottom: 0 } .ec-geospatial-data .map-control.double { height: 56px; padding: 0; position: relative; top: 4px } .ec-geospatial-data .map-control .item { padding: 4px } .ec-geospatial-data .map-control-container { height: 28px; background-color: #f5f5f5 } .ec-geospatial-data .map-control-container.right { margin-right: 10px } .ec-geospatial-data .map-control-container.bottom { margin-bottom: 10px } .ec-geospatial-data .map-control-container .item { height: 28px; border-radius: 0 !important; background: #fff; position: absolute; right: 10px; cursor: default } .ec-geospatial-data .map-control-container .icon-type { width: 28px; height: 28px; padding: 4px; fill: #4c4c4c } .ec-geospatial-data .map-control-container .icon-type:active,.ec-geospatial-data .map-control-container .icon-type:focus,.ec-geospatial-data .map-control-container .icon-type:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-control-container .map-type { padding-left: 8px; padding-right: 8px; padding-top: 6px; margin-right: 8px; right: 38px } .ec-geospatial-data .map-control-container .map-type .entry { cursor: pointer; margin-left: 8px; margin-right: 8px; font-size: 13px; text-align: center } .ec-geospatial-data .ec-google-maps { width: 100%; padding-bottom: 75% } @media only screen and (max-width: 599px) { .ec-geospatial-data .map-zoom { display:none } .ec-geospatial-data .ec-google-maps { padding-bottom: 133.33% } } .ec-geospatial-data .gmnoprint>div { border-radius: 0 !important } .ec-geospatial-data div.gm-svpc { margin-top: 2px; -webkit-box-shadow: none !important; box-shadow: none !important } .ec-geospatial-data .map-icon { display: block; margin: auto; fill: #4c4c4c; -webkit-transition: fill .3s ease,background-color .3s ease; transition: fill .3s ease,background-color .3s ease } .ec-geospatial-data .map-icon:active,.ec-geospatial-data .map-icon:focus,.ec-geospatial-data .map-icon:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-icon svg { display: block; margin: auto } .ec-geospatial-data .map-selector { -webkit-transition: color .3s ease; transition: color .3s ease } .ec-geospatial-data .map-selector:active,.ec-geospatial-data .map-selector:focus,.ec-geospatial-data .map-selector:hover { color: #eb6500; border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-selector.selected { border-bottom: 2px solid #eb6500 } .ec-geospatial-data .map-control { width: 28px; height: 28px; border-radius: 0 !important; background: #f5f5f5; cursor: default } .ec-geospatial-data .map-control.right { margin-right: 10px } .ec-geospatial-data .map-control.bottom { margin-bottom: 0 } .ec-geospatial-data .map-control.double { height: 56px; padding: 0; position: relative; top: 4px } .ec-geospatial-data .map-control .item { padding: 4px } .ec-geospatial-data .map-control-container { height: 28px; background-color: #f5f5f5 } .ec-geospatial-data .map-control-container.right { margin-right: 10px } .ec-geospatial-data .map-control-container.bottom { margin-bottom: 10px } .ec-geospatial-data .map-control-container .item { height: 28px; border-radius: 0 !important; background: #fff; position: absolute; right: 10px; cursor: default } .ec-geospatial-data .map-control-container .icon-type { width: 28px; height: 28px; padding: 4px; fill: #4c4c4c } .ec-geospatial-data .map-control-container .icon-type:active,.ec-geospatial-data .map-control-container .icon-type:focus,.ec-geospatial-data .map-control-container .icon-type:hover { background-color: #eb6500; fill: #fff } .ec-geospatial-data .map-control-container .map-type { padding-left: 8px; padding-right: 8px; padding-top: 6px; margin-right: 8px; right: 38px } .ec-geospatial-data .map-control-container .map-type .entry { cursor: pointer; margin-left: 8px; margin-right: 8px; font-size: 13px; text-align: center } .ec-geospatial-data .ec-google-maps { width: 100%; padding-bottom: 75% } @media only screen and (max-width: 599px) { .ec-geospatial-data .map-zoom { display:none } .ec-geospatial-data .ec-google-maps { padding-bottom: 133.33% } } .ec-geospatial-data { border-bottom: 2px solid #dcdcdc } .ec-geospatial-data .map-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .ec-geospatial-data .map-header .map-header-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .ec-geospatial-data .map-header .map-page,.ec-geospatial-data .map-header .map-header-button { -ms-flex-negative: 0; flex-shrink: 0 } @media print { .ec-geospatial-data { page-break-before: always } } .ec-research-data-card { background-color: #f5f5f5; margin: 0 0 8px 0; padding: 32px; font-size: 14px } .ec-research-data-card.ec-open-data { padding-top: 20px } .ec-research-data-card .ec-od-secret-link { color: #4c4c4c; cursor: pointer } .ec-research-data-card .ec-od-secret-link:visited,.ec-research-data-card .ec-od-secret-link:active,.ec-research-data-card .ec-od-secret-link:focus,.ec-research-data-card .ec-od-secret-link:hover { color: #4c4c4c; text-decoration: none } .ec-research-data-card .ec-research-data-card-header { margin-bottom: 18px } @media only screen and (max-width: 599px) { .ec-research-data-card .ec-research-data-card-header { margin-bottom:36px } } .ec-research-data-card .ec-research-data-dl-dois-hdr { font-style: italic } .ec-research-data-card .ec-research-data-card-licence { text-align: right; margin-bottom: 4px } .ec-research-data-card .ec-research-data-card-licence.ec-md { margin-top: 4px } .ec-research-data-card .ec-research-data-card-entry { margin: 0 } .ec-research-data-card .ec-research-data-card-entry.ec-dl:not(:first-child),.ec-research-data-card .ec-research-data-card-entry.ec-dp:not(:first-child),.ec-research-data-card .ec-research-data-card-entry.ec-od:not(:first-child) { border-top: 2px solid #f0f0f0; padding-top: 14px } .ec-research-data-card .ec-research-data-card-entry.ec-dl:not(:last-child),.ec-research-data-card .ec-research-data-card-entry.ec-dp:not(:last-child),.ec-research-data-card .ec-research-data-card-entry.ec-od:not(:last-child) { margin-bottom: 9px } .ec-research-data-card .ec-research-data-card-entry.ec-md { margin-top: 26px } .ec-research-data-card .ec-research-data-card-entry.ec-md:not(:first-child) { margin-top: 36px } .ec-research-data-card .ec-research-data-card-icon { float: left; fill: #4c4c4c } .ec-research-data-card .ec-research-data-card-icon-small { margin-right: 5px; fill: #4c4c4c; vertical-align: text-bottom } .ec-research-data-card .ec-research-data-card-with-icon { margin-left: 32px } .ec-research-data-card .ec-research-data-card-title,.ec-research-data-card .ec-research-data-card-name { font-size: 20px; font-weight: normal } .ec-research-data-card .ec-research-data-card-description { padding: 0; margin-bottom: 16px } .ec-research-data-card .ec-research-data-card-dataset { margin-top: 24px } .ec-research-data-card .ec-research-data-card-dataset-entry { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 8px } .ec-research-data-card .ec-research-data-card-dataset-entry:first-child { border-top: 2px solid #f0f0f0; padding: 8px 0 } .ec-research-data-card .ec-research-data-card-dataset-entry:last-child { border-bottom: 2px solid #f0f0f0 } .ec-research-data-card .ec-research-data-card-dataset-entry .ec-md-filename { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px; overflow: hidden; text-overflow: ellipsis } .ec-research-data-card .ec-research-data-card-dataset-entry .ec-md-filesize { font-style: italic; margin-left: 8px } .ec-research-data-card .ec-research-data-card-dataset-link { margin-top: 8px } .ec-research-data-card .ec-research-data-card-file-type { font-style: italic; margin: 0 } .ec-research-data-card .ec-research-data-card-access,.ec-research-data-card .ec-research-data-card-text { margin: 0 } .ec-research-data-card .ec-research-data-card-access { margin: 0 } .ec-research-data-card .ec-research-data-card-access .ec-description { font-style: italic } .ec-research-data-card .ec-research-data-card-mail-to { margin-left: 32px } .ec-research-data-card .ec-json { white-space: pre; font-family: monospace } .ec-clear-flow { clear: both } .ec-float-left { float: left } .ec-float-right { float: right } .Abstracts .displayed-quote { margin-left: 32px } .Abstracts .formula { display: block; margin-top: 1em; margin-bottom: 1em; position: relative } .Abstracts .formula .math { text-align: left } .Abstracts .formula .formula-label { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .Abstracts .abstract { margin-bottom: 8px } .Abstracts .author-highlights,.Abstracts .editor-highlights { background-color: #f5f5f5; padding: 32px 32px 16px; max-width: 680px } .Abstracts .author-highlights h2,.Abstracts .editor-highlights h2 { margin-top: 0 !important } .Abstracts .article-textbox h2 { margin: 0; line-height: 30px; font-size: 22px; font-weight: normal } .accessbar-sticky { background-color: #fff; z-index: 2 } @media only screen and (min-width: 48em) { .accessbar-sticky { position:sticky; top: -4px } } .toolbar-stuck { scroll-padding-top: 64px } .toolbar-stuck.toolbar-stuck-search { scroll-padding-top: 0 } @media screen and (max-width: 767px) { .Article [role=main] { width:100% } } .Article .article-wrapper { max-width: 1440px; margin: auto } .Article .sticky-table-of-contents { overflow: hidden; position: sticky; top: 64px } .toolbar-stuck .Article .sticky-table-of-contents { max-height: calc(100vh - 64px); overflow: auto } .Article .topic-link { text-decoration: underline; text-decoration: underline #1f1f1f; text-decoration-thickness: 1px; color: #1f1f1f; text-underline-offset: 1px } .Article .topic-link:hover { text-decoration: underline; text-decoration: underline #eb6500; text-decoration-thickness: 2px; color: #1f1f1f; text-underline-offset: 2px } .Article .topic-link:focus-visible { outline: 2px solid #eb6500; outline-offset: 1px } .ArticleIdentifierLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Banner { margin-bottom: 8px; scroll-margin-top: 64px } .Banner .author-group { margin-bottom: 22px } .Banner .inner-element { margin-bottom: 22px } .Banner .author-collaboration:not(:last-of-type) { margin-bottom: 22px } .Banner .author-collaboration .inner-element { margin-left: 22px } .Banner .affiliation:first-of-type { margin-top: 22px } .Banner .affiliation dd:not(:last-child) { padding: 0 0 22px } .Banner .banner-options { border-bottom: 1px solid #000 } .Banner .banner-options .toc-button-wrap { padding-right: 16px; border-right: solid 1px #000 } .Banner .wrapper.truncated .author-group { margin-bottom: 0 } .Banner .wrapper.truncated .inner-element { margin: 0 } .Banner .notice,.Banner .retraction-notice { display: grid; grid-template-columns: auto auto; gap: 8px } .Banner .notice .icon,.Banner .retraction-notice .icon { margin-top: 2px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .ClinicalKeyBanner { background: #ecf7fe } .ClinicalKeyBanner .clinical-key-banner-container { container: clinical-key-container/inline-size; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } @container clinical-key-container (min-width: 632px) { .ClinicalKeyBanner .clinical-key-banner-overview { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px } } .ClinicalKeySidePanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .chapter-preview-banner { background: #ecf7fe } .chapter-preview-banner .chapter-preview-banner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px } .chapter-preview-banner .banner-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 2px } .chapter-preview-banner .banner-icon svg { display: block } .chapter-preview-banner .chapter-preview-anchor { display: block } @media only screen and (min-width: 36em) { .chapter-preview-banner .chapter-preview-anchor { display:inline } } .Tail .monospace,.Body .monospace { font-family: monospace } .Tail .sans-serif,.Body .sans-serif { font-family: sans-serif } .Tail .formula,.Body .formula { text-align: left; display: block; margin-top: 1em; margin-bottom: 1em; position: relative } .Tail .formula>.formula,.Body .formula>.formula { margin-top: 0; margin-bottom: 0 } .Tail .formula .math,.Body .formula .math { text-align: left } .Tail .formula>.label,.Body .formula>.label { float: right } .Tail section,.Body section { margin-bottom: 8px } .Copyright { margin: 32px 0; font-size: 13px } .crossmark-button img { width: 150px } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .CrossmarkModal { width: 100%; height: 100%; max-width: 600px; max-height: 600px } .CrossmarkModal .modal-content { height: 100% } .CrossmarkModal iframe { height: 100%; width: 100%; border: 0; padding-top: 32px } .article-dedication { margin-bottom: 6px; color: #707070 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .DownloadCapModal { max-width: 640px; width: 100% } .DownloadCapModal .ddm-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .DownloadFullIssue { white-space: nowrap; padding-left: 0 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .DownloadIssueModal { max-width: 772px; width: 100% } .DownloadIssueModal .download-full-issue-article .issue-article-info { display: -webkit-box; display: -ms-flexbox; display: flex } .DownloadIssueModal .download-full-issue-article .authors { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #4c4c4c } .DownloadIssueModal .download-full-issue-article .download-full-issue-checkbox.checkbox-label-value { width: calc(100% - 28px); line-height: var(--sd-ui-line-height) } .DownloadIssueModal .download-full-issue-article .download-full-issue-article-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .DownloadIssueModal .download-full-issue-article .authors,.DownloadIssueModal .download-full-issue-article .download-full-issue-article-title,.DownloadIssueModal .download-full-issue-article .main-article-sub-type,.DownloadIssueModal .download-full-issue-article .issue-article-info { margin-bottom: 4px } .DownloadIssueModal .articles-box { overflow-y: auto; max-height: 500px } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .EntitledRecommendationsModal { max-height: 90vh; max-width: 792px; width: 100% } .EntitledRecommendationsModal .entitled-recommendation-article { display: -webkit-box; display: -ms-flexbox; display: flex } .EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-title,.EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-source,.EntitledRecommendationsModal .entitled-recommendation-article .entitled-recommendation-authors { margin-bottom: 4px } @media only screen and (min-width: 62em) { .EntitledRecommendationsModal { min-width:812px } } .EntitledRecommendationsModal .entitled-recommendations-modal-footer { border-top: 1px solid #b8b8b8 } .BookExam,.Exam { line-height: 150% } .BookExam h2,.Exam h2 { margin-bottom: 8px; font-size: 16px } .BookExam .label,.Exam .label { float: left; line-height: inherit; font-size: inherit } .BookExam .label+div,.Exam .label+div { margin-left: 30px } .BookExam li>ul,.Exam li>ul { margin-left: 30px } .BookExam ul>.label,.Exam ul>.label { float: none; display: inline-block; margin-right: 4px } .BookExam ul>.label::after,.Exam ul>.label::after { content: ". " } .BookExam ul>.label+h2,.Exam ul>.label+h2 { font-size: inherit; display: inline } .BookExam ul>h2,.Exam ul>h2 { margin-bottom: 8px } .BookExam ul,.Exam ul { margin: 16px 0 30px 0 } .BookExam section>h2.label,.Exam section>h2.label { font-size: 16px; line-height: 32px; margin-right: 4px } .BookExam section>h2.label::after,.Exam section>h2.label::after { content: ". " } .ExportCitation .popover-children { padding: 16px } .ExportCitation .citation-type { white-space: nowrap } .ExportCitation .icon-cited-by-66 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .Footnotes .footnote { display: -webkit-box; display: -ms-flexbox; display: flex } .Footnotes .footnote-label { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px } .Footnotes .footnote-detail { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .Footnotes sup { top: 0; font-size: 100% } .full-text-link[aria-disabled=true] { color: #b8b8b8 !important } .Glossary { overflow: hidden } .Glossary .glossary-section { overflow: hidden } .Glossary h2 { margin-top: 16px; font-size: 16px } .Glossary h3 { font-size: 16px; margin-bottom: 8px } .Glossary dd { margin-bottom: 10px; line-height: 24px } .Head { word-break: break-word } .Head .article-dochead { font-size: 14px; line-height: var(--sd-ui-line-height); color: #707070; font-family: ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif } .Head .other-ref { display: block; margin-bottom: 6px } .Head .reference::before,.Head .article-alt-title::before { content: ""; display: block } .Head .reference .authors { font-family: ElsevierGulliver,Georgia,Times New Roman,Times,STIXGeneral,Cambria Math,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,Arial Unicode MS,serif,sans-serif !important; display: inline } .Head .title-text+.reference::before,.Head .article-alt-title+.reference::before,.Head .title-text+.article-alt-title::before { margin-top: 6px } .Head sup { padding-right: 4px } .Head [data-xocs-content-type] { margin-left: 8px } html { --page-auto-margin: 0px } @media only screen and (min-width: 1440px) { html { --page-auto-margin: (100vw - 1440px) * 0.25 } } .message-banner { border-top: 1px solid #1f1f1f } .message-banner:first-of-type { border-top-width: 4px } .message-banner .message-banner-container { padding: 16px } @media only screen and (min-width: 36em) { .message-banner .message-banner-container { padding:16px 24px; gap: 4px } } @media only screen and (min-width: 62em) { .message-banner .message-banner-container { padding:16px 32px; margin: 0 25% } } @media(min-width: 1440px) { .message-banner .message-banner-container { margin:0 calc(var(--arp-auto-margin) + 360px) } } html:has(.message-banner) .accessbar { border-top-width: 1px } .issue-navigation { overflow: hidden; font-size: 16px; line-height: 24px } .issue-navigation a:hover,.issue-navigation a:focus { text-decoration: none } .issue-navigation .extra-detail-1 { display: none } @media screen and (min-width: 400px) { .issue-navigation .extra-detail-1 { display:inline } } .issue-navigation .extra-detail-2 { display: none } @media screen and (min-width: 599px)and (max-width: 767px) { .issue-navigation .extra-detail-2 { display:inline } } @media screen and (min-width: 1123px) { .issue-navigation .extra-detail-2 { display:inline } } .issue-navigation .button-alternative-tertiary,.issue-navigation .button-alternative-tertiary:disabled { padding: 0 } .issue-navigation .button-alternative-tertiary [class*=icon-],.issue-navigation .button-alternative-tertiary:disabled [class*=icon-] { background: #f5f5f5 } .Keywords .keywords-section .section-title { margin-top: 16px; font-size: 24px } .Keywords .keywords-section .keyword { display: inline; margin: 0; padding: 0 } .Keywords .keywords-section .keyword span::after { content: ", " } .Keywords .keywords-section .keyword span:last-child::after { content: "" } .Keywords .keywords-section .keyword::after { content: "; " } .Keywords .keywords-section .keyword:last-child::after { content: "" } .Keywords .keywords-section .keyword span.math::after,.Keywords .keywords-section .keyword span.math span::after { content: "" } .Keywords .keywords-section .keyword figure span::after { content: "" } .Keywords:not(:last-child),.article-textbox .keywords-section { margin-bottom: 32px; border-bottom: 2px solid #f0f0f0; padding-bottom: 32px } .LicenseInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .LicenseInfo.access-type-label-only { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .ListArticles a:hover,.ListArticles a:focus { text-decoration: none } .ListArticles h3 { font-size: 1.125rem } .ListArticles .button { border: 0 solid; padding: 0; text-align: left; background-color: #fff; border-color: #fff; color: #0272b1; width: 50% } .ListArticles .button svg { border: 2px solid; width: 13% } .ListArticles .button-primary:hover,.ListArticles .button-primary:focus { background-color: #fff } .ListArticles .button-primary:hover .button-text,.ListArticles .button-primary:focus .button-text { color: #0272b1 } .ListArticles .button-primary:hover .button-link,.ListArticles .button-primary:focus .button-link { padding-right: 32px } .ListArticles .button-primary:hover svg,.ListArticles .button-primary:focus svg { background-color: #0272b1; fill: #fff } .ListArticles .list-item-toggle { padding: 0; width: 100%; position: relative; text-align: left; color: #4c4c4c; line-height: 32px } .ListArticles .list-item-toggle .icon { position: absolute; right: 4px; top: 4px; height: 22px; width: 22px } .ListArticles .list-item-pdf-link { display: inline-block } .ListArticles .list-item-pdf-link .icon { width: 16px } .ListArticles .list-item-details-toggle { display: inline-block; padding: 0; margin-top: 4px } .ListArticles .list-item-details-toggle .icon.icon-navigate-down { height: 1.3em; margin-top: -4px; margin-left: 4px } .ListArticles .list-item-toggle .icon,.ListArticles .list-item-details-toggle .icon { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .ListArticles .list-item-toggle.is-up .icon,.ListArticles .list-item-details-toggle.is-up .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .ListArticles .list-item-view-more { display: inline-block; margin-bottom: 12px } .ListArticles .list-item-view-more .icon { height: .9em } .ListArticles .message { margin-bottom: 16px } .ListArticles .articles { margin-bottom: 15px } .ListArticles .inline-figure::before { content: " " } .ListArticles.hidden { visibility: hidden; height: 0 } .plumX-metrics { color: #4c4c4c } .plumX-metrics .metric-title { padding-bottom: 6px; margin: 16px 0 12px; border-bottom: 2px solid var(--metric-color) } .plumX-metrics .metric-title-citations { --metric-color: #fd5704 } .plumX-metrics .metric-title-captures { --metric-color: #c43bf3 } .plumX-metrics .metric-title-mentions { --metric-color: #f3c316 } .plumX-metrics .metric-title-social-media { --metric-color: #13b7ea } .plumX-metrics .metrics { display: grid; grid-template-columns: auto auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .plumX-metrics .plumX-logo { height: 16px } noscript { border: 1px solid #f5f5f5; margin-bottom: 10px; padding: 10px 8px; font-size: 13px; display: block; line-height: 24px; text-align: center } .AccessLabel { font-style: italic } .AccessLabel .access-indicator { background: #53b848; border-radius: 8px; display: inline-block; width: 8px; height: 8px; margin-right: 8px } .paginatedReferences { color: #1f1f1f } .paginatedReferences h3 { font-size: 18px; line-height: var(--sd-ui-line-height); color: #1f1f1f } .paginatedReferences .host { display: -webkit-box; display: -ms-flexbox; display: flex } .paginatedReferences .host .series { padding-right: 4px } .paginatedReferences .host .series h3.title { font-size: 16px; line-height: var(--sd-ui-line-height); font-weight: normal; color: #707070 } .PageDivider { margin-bottom: 24px; border-bottom: 2px solid #f0f0f0 } @media(max-width: 600px) { .PageDivider.border-black-mobile { border-color:#000 } } .PdfEmbed .embedded-pdf-styles { border-width: 1px solid #f0f0f0; height: 783px; width: 100% } .PdfPreview .image-preview-container { position: relative; border: 1px solid #f0f0f0 } .PdfPreview .image-pdf-preview { display: block; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease } .PdfPreview .image-pdf-preview-link { display: block } .PdfPreview .image-pdf-preview-link:hover .image-pdf-preview,.PdfPreview .image-pdf-preview-link:focus-visible .image-pdf-preview { -webkit-filter: blur(1px); filter: blur(1px) } .PdfPreview .image-pdf-preview-link:hover+.first-page-hover-overlay,.PdfPreview .image-pdf-preview-link:focus-visible+.first-page-hover-overlay { opacity: 1 } .PdfPreview .image-pdf-preview-link:hover+.first-page-hover-overlay .anchor-text { color: #1f1f1f; border-bottom-color: #eb6500 } .PdfPreview .first-page-hover-overlay { background-color: rgba(255,255,255,.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; pointer-events: none; position: absolute; inset: 1px 1px 1px 1px } .PdfPreview .first-page-hover-overlay .first-page-overlay-content { background: rgba(255,255,255,.8); border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; text-align: center; padding: 32px; width: 100% } .article-presented { margin-bottom: 6px; color: #707070 } .Preview .Abstracts h2 { margin-bottom: 16px !important } .Preview .article-wrapper { overflow: visible } .Preview .preview-sidebar { position: sticky; top: 76px } .Preview article .PageDivider { border-bottom: 2px solid #1f1f1f; height: 2px } .Preview .Publication { margin-bottom: 0; border-bottom: 0; padding-bottom: 0 } .Preview .Publication .publication-title-link { font-size: 24px; font-weight: normal } .CitedSection { border-left: 1px solid } .CitedSection .cite-header { margin-bottom: 4px } .PreviewTableOfContents { width: 13.5rem; margin: 1rem 0 0 2rem } .PreviewTableOfContents .preview-table-of-contents-title { margin: 0 0 1rem } .PreviewTableOfContents .preview-table-of-contents-list .separator { margin: 0 0 1.5rem } .PreviewTableOfContents .preview-table-of-contents-list li { margin: 0 0 0.75rem } .Publication { margin-bottom: 8px; border-bottom: 2px solid #f0f0f0; padding-bottom: 12px; width: 100%; min-height: 106px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Publication.wordmark-layout { min-height: 128px } .Publication.wordmark-layout:has(.publication-aip-text) { min-height: 150px } @media screen and (max-width: 599px) { .Publication.wordmark-layout { padding-bottom:24px; min-height: auto } .Publication.wordmark-layout:has(.publication-aip-text) { min-height: auto } } .Publication.wordmark-layout .publication-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width: 599px) { .Publication { padding-bottom:24px; min-height: auto } } .Publication .publication-brand,.Publication .publication-volume,.Publication .publication-cover { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .Publication .publication-brand { min-width: 60px } .Publication .publication-brand .icon { margin-right: 12px } .Publication .publication-volume { vertical-align: middle; margin: auto; max-width: 500px; padding: 0 4px } .Publication .publication-cover { min-width: 60px; vertical-align: top; text-align: right } .Publication .publication-cover .fallback-cover { height: 100px; width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 12px } .Publication .publication-brand-image,.Publication .publication-cover-image,.Publication .article-branding { display: block; max-height: 88px } .Publication .publication-cover-image { border: 1px solid #b8b8b8 } .Publication .publication-brand-image-placeholder { width: 60px } .RelatedContentModal .more-recommendations-button { margin-bottom: 0 !important } .ReferencedArticles { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } .ReferencedArticles .referenced-article-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; margin-right: 32px; min-width: 6em } .ReferencedArticles .refers-to-content { min-width: 0 } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .TransientErrorModal,.TableOfContentsModal,.RelatedContentModal,.EntitledRecommendationsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .RelatedContentModal { width: 95%; color: #1f1f1f; max-width: 600px } .RelatedContentModal .RelatedContentPanel { border-bottom: initial; margin-bottom: 0 !important } .RelatedContentModal .RelatedContentPanel .related-content-panel-header { display: inline-block } .related-content-links { background-color: #f5f5f5; margin: 20px 0 } .related-content-links .button-link { padding: 6px 10px } .RelatedContentPanelItem { margin-bottom: 16px } .RelatedContentPanelItem .related-content-panel-list-entry-outline-padding { padding: 3px; margin-left: -3px } .RelatedContentPanelItem .related-content-panel-list-entry-outline-padding .anchor { vertical-align: top } .RelatedContentPanelItem .article-source .source { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .RelatedContentPanel { border-bottom: 2px solid #f0f0f0 } .RelatedContentPanel .related-content-panel-toggle { padding: 0; width: 100%; position: relative; text-align: left; line-height: 32px } .RelatedContentPanel .related-content-panel-toggle .button-link-text { font-size: 16px } .RelatedContentPanel .related-content-panel-toggle .icon { position: absolute; right: 0; top: 4px; height: 22px; width: 22px } .RelatedContentPanel .related-content-panel-toggle:hover .icon,.RelatedContentPanel .related-content-panel-toggle:hover .related-content-panel-title-text { border-bottom-color: #eb6500; fill: #eb6500 } .RelatedContentPanel .related-content-panel-toggle.is-up .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .RelatedContentPanel .related-content-panel-title-text { border-bottom: 2px solid rgba(0,0,0,0); position: relative; top: 2px } .RelatedContentPanel .inline-figure::before { content: " " } .RelatedContentPanel.hidden { visibility: hidden; height: 0 } .side-panel { --right-column-width: 33.3333333333%; --arp-side-panel-desired-width: calc(var(--right-column-width) + 16px + var(--arp-auto-margin)); --arp-side-panel-width: clamp(330px, var(--arp-side-panel-desired-width), 560px); --sd-ui-right-side-panel-width: var(--arp-side-panel-width) } @media only screen and (min-width: 62em) { .side-panel { --right-column-width: 25% } } @media only screen and (min-width: 1440px) { .side-panel { --right-column-width: 360px } } .side-panel-accessibility-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } .side-panel-accessibility-afr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; padding: 16px 12px; background: #f5f5f5 } .SidePanelAuthor { color: #1f1f1f } .SidePanelAuthor .correspondence .icon { margin-right: 8px; fill: currentColor; vertical-align: middle } .SidePanelAuthor .affiliation,.SidePanelAuthor .footnote,.SidePanelAuthor .correspondence,.SidePanelAuthor .e-address,.SidePanelAuthor .urls { display: block; margin-top: 16px; margin-bottom: 8px } .SidePanelAuthor .article-biography { display: block } .key-dates-help .key-dates-help-list { list-style: disc } .SidePanelReference .references { margin-bottom: 32px } .SidePanelReference .references .label { display: none } .SidePanelReference .references .reference { margin-top: 0; margin-left: 0 } .Snippets section { margin-bottom: 32px } .Snippets .section-title { font-weight: normal !important; margin: 16px 0 !important } .Social .popover-children { padding: 16px } .Social .social-anchor { white-space: nowrap } .SpecialIssueArticles .part-of-issue-editors .authors { display: inline } .substance-info-panel-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: grid; gap: 24px 0; grid-template-columns: 1fr -webkit-min-content; grid-template-columns: 1fr min-content; grid-template-rows: auto auto; margin-bottom: 24px; padding: 4px 8px 0 16px; position: sticky; top: 0; z-index: 1 } @media only screen and (min-width: 36em) { .substance-info-panel-header { grid-template-rows:auto auto; padding: 20px 24px 0 32px } } @media only screen and (min-width: 98em) { .substance-info-panel-header { grid-auto-flow:dense; grid-template-columns: 1fr -webkit-min-content -webkit-min-content; grid-template-columns: 1fr min-content min-content; grid-template-rows: 1fr } .substance-info-panel-header .side-panel-close-btn { grid-column-start: 3 } } .substance-info-panel-header .substance-info-panel-pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px } .side-panel-substance .side-panel-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .side-panel-substance .side-panel-children { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; overflow-y: auto } .substance-info-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-bottom: 48px } .substance-info-panel-title { font-size: 18px; line-height: var(--sd-ui-line-height) } .substance-info-panel-key-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .substance-info-panel-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 16px 24px } .substance-info-panel-image { border: 1px solid #dcdcdc; overflow: hidden; text-align: center; padding: 8px 0 } .substance-info-panel-image .substance-wrapper { position: relative } .substance-info-panel-image .substance-wrapper .substance-image { display: block; height: 216px; margin: 0 auto 8px; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; width: 100%; max-width: 288px } .substance-info-panel-citation-count { border-top: 1px solid #dcdcdc } .App .Article .substance-info-panel p { margin: 0 } .substances-related-content ol { display: grid; grid-gap: 12px; grid-template-columns: repeat(2, 1fr) } .substances-related-content .substance-wrapper { position: relative } .substances-related-content .substance-wrapper .substance-image { border: 1px solid #dcdcdc; padding: 1px; width: 200px } .substances-related-content .substance-wrapper .substance-image-text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; inset: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff } .substances-related-content .substance-image-button { display: block } .substances-related-content .substance-image-button:hover .substance-image { border: 2px solid #eb6500; padding: 0 } .skip { color: #1f1f1f; display: inline; background-color: #fff; height: 0; width: 0; left: 6px; overflow: hidden; position: fixed; top: 5px; z-index: 1000 } .skip:focus,.skip:active { height: auto; width: auto; padding: 2px } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .Outline li li,.Outline li li.toc-list-entry-outline-padding { padding-left: 8px } .Outline li:not(:last-child) { padding-bottom: 8px } .Outline ul { padding-top: 8px } .Outline li.ai-components-toc-entry { padding-bottom: 0 } .Outline li.ai-components-toc-entry.toc-list-entry-outline-padding { padding-bottom: 8px } .Figures ol { display: grid; grid-gap: 12px; grid-template-columns: repeat(auto-fill, 80px) } .Figures img { border: 1px solid #dcdcdc; height: 80px; -o-object-fit: cover; object-fit: cover; padding: 1px; width: 100% } .BookContents .accordion-container .accordion-panel { border: none !important } .BookContents .accordion-container .accordion-panel-title { padding-bottom: 0 !important; font-size: 14px } .BookContents .accordion-container .accordion-panel-content { padding-left: 0.5rem } .BookContents .accordion-container .book-contents-item { display: block } .BookContents .book-contents-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .BookContents .current-book-contents-item { border-bottom: 2px solid #eb6500 } .TableOfContents { margin-bottom: 32px; padding-left: 16px } .TableOfContents h2 { padding: 16px 0 } .TableOfContents h2:first-child { padding-top: 0 } .TableOfContents .PageDivider { margin-bottom: 16px; clear: both } .TableOfContents .toc-list-entry-outline-padding { padding: 4px; margin-left: -4px } .TableOfContents .toc-list-entry-outline-padding>.anchor,.TableOfContents .toc-list-entry-outline-padding>span { vertical-align: top } .TableOfContents .toc-list-entry-unentitled { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; max-width: 100% } .TableOfContents .toc-list-entry-unentitled .icon { -ms-flex-negative: 0; flex-shrink: 0 } .TableOfContents .toc-list-entry-unentitled-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .TableOfContentsModal { width: 95%; max-height: 95% } .TableOfContentsModal .TableOfContents { margin-bottom: 0; padding-left: 0 } .TransientErrorModal,.EntitledRecommendationsModal,.RelatedContentModal,.TableOfContentsModal { max-height: calc(100vh - 96px); overflow: auto } .ReactModal__Body--open { overflow: hidden } .TransientErrorModal { max-width: 460px; max-height: 100% } .TransientErrorModal .transient-error-modal-content { display: -webkit-box; display: -ms-flexbox; display: flex } .TransientErrorModal .transient-error-modal-warning-icon { -ms-flex-negative: 0; flex-shrink: 0 } .ViewContent { border-bottom: 2px solid #f0f0f0; padding-bottom: 24px } .ViewContent .text { margin-right: 32px } .pad-left { padding-left: 32px } @media screen and (max-width: 599px) { .pad-left { padding-left:16px } } .pad-right { padding-right: 32px } @media screen and (max-width: 599px) { .pad-right { padding-right:16px } } .pull-left { float: left } .pull-right { float: right } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static } .text-content { font-size: 16px } .u-clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .pagination { text-align: center } .pagination .underline-page-number { border-bottom: 2px solid #ff6c00 } .pagination .pagination-current { font-weight: bold } .pagination .previous-button { margin-left: -80px } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .pagination .previous-button { margin-left: 265px } } .pagination-pages-label { color: #1f1f1f; margin-right: 8px } html,body { margin: 0; padding: 0; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyph,.inline-figure>img { vertical-align: middle } .u-margin-xxs-bottom { margin-bottom: 4px } .u-word-break-break-all { word-break: break-all } .u-valign-middle { vertical-align: middle } .u-bg-ai-purple { background-color: #d8b8ff } .u-truncate-anchor-text { max-width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .u-truncate-anchor-text .anchor-text-container { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .anchor .icon { -ms-flex-negative: 0; flex-shrink: 0 } #gh-cnt { z-index: 3 }