1a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)/* Copyright 2014 The Chromium Authors. All rights reserved. 2c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 3c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) * found in the LICENSE file. 4c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) */ 5c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 6c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#outer-container { 7c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-align: center; 8c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-pack: center; 90529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ 104e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) bottom: 51px; /* Leave space for the header bar */ 11c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-box; 12c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) left: 0; 13f8ee788a64d60abd8f2d742a5fdedde054ecd910Torne (Richard Coles) min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ 14c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch position: absolute; 15c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch right: 0; 16c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch top: 0; 17c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch} 18c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 19c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch.oobe-display #outer-container.down { 20c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch -webkit-perspective: 600px; 21c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch} 22c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 23c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch#scroll-container { 24c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch bottom: 0; /* Allows content overlap with control bar. */ 25c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch left: 0; 26c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch overflow-x: hidden; 27c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch overflow-y: auto; 28c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) position: absolute; 29c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) right: 0; 30c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) top: 0; 31c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 32c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 33c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch#scroll-container::-webkit-scrollbar { 340529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch display: none; 35c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch} 36c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 37c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#inner-container { 38c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-radius: 2px; 39c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding: 0; 40c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) position: relative; 41c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 42c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 43c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#inner-container.animation { 44c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) overflow: hidden; 45c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 46c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 4723730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles)#inner-container.disabled { 4823730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) opacity: 0.4; 4923730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) pointer-events: none; 5023730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles)} 5123730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) 52c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Screens that have a border and background. */ 53868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#oobe.autolaunch #inner-container, 54c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.connect #inner-container, 55c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.enrollment #inner-container, 56c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.eula #inner-container, 57c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.gaia-signin #inner-container, 587d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)#oobe.kiosk-enable #inner-container, 59c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.oauth-enrollment #inner-container, 60c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.reset #inner-container, 61a02191e04bc25c4935f804f2c080ae28663d096dBen Murdoch#oobe.hid-detection #inner-container, 62c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.update #inner-container, 63c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.user-image #inner-container, 64c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.managed-user-creation-dialog #inner-container, 657d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)#oobe.managed-user-creation #inner-container, 66c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.password-changed #inner-container, 67c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.terms-of-service #inner-container, 6846d4c2bc3267f3f028f39e7e311b0f89aba2e4fdTorne (Richard Coles)#oobe.auto-enrollment-check #inner-container, 69d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)#oobe.wrong-hwid #inner-container, 70d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)#oobe.confirm-password #inner-container, 715d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)#oobe.fatal-error #inner-container { 725d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background: white; 73c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 74c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 0 4px 23px 5px rgba(0, 0, 0, 0.2), 75c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 0 2px 6px rgba(0, 0, 0, 0.15); 76c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 77c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 78c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.error-message #inner-container, 79c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.tpm-error-message #inner-container { 80c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 81c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 0 4px 23px 5px rgba(0, 0, 0, 0.2), 82c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 0 2px 6px rgba(0, 0, 0, 0.15); 83c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 84c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 85c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 86f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)#oobe.account-picker.flying-pods #inner-container { 87f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) -webkit-transition: width 180ms ease, 88f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) height 180ms ease; 89f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)} 90f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 91c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Only play this animation when 'down' class is removed. */ 92c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).oobe-display #inner-container:not(.down) { 93c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-transition: -webkit-transform 200ms ease-in-out; 94c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 95c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 96c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).oobe-display #inner-container.down { 97c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-transform: translateY(50px) rotateX(-2.5deg); 98c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 99c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 100c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#step-logo { 101c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-margin-start: 17px; 102c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-box; 103c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) position: absolute; 104c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) top: 15px; 105c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 106c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 107c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#progress-dots { 108c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-pack: center; 109c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-margin-before: 15px; 1100529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch -webkit-transition: opacity 200ms ease-in-out, 1110529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch visibility 200ms ease-in-out; 112c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-box; 113c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 114c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 115c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Hidden for the duration of initial transition. */ 116c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).oobe-display #progress-dots.down { 117c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) visibility: hidden; 118c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 119c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 120c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).progdot { 121c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-margin-end: 12px; 122c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background: white; 123c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 10px; 124c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 0.4; 125c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) width: 10px; 126c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 127c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 128c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).progdot-active { 129c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 0.5; 130c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 131c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 132c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#account-picker-dot, 133d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)#app-launch-splash-dot, 134868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#autolaunch-dot, 135c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#enrollment-dot, 1367d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)#kiosk-enable-dot, 137c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oauth-enrollment-dot, 138c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#reset-dot, 139c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#error-message-dot, 140c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#tpm-error-message-dot, 141c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#password-changed-dot, 1427d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)#managed-user-creation-dot, 143c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#managed-user-creation-dialog-dot, 144c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#terms-of-service-dot, 145d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)#wrong-hwid-dot, 146d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)#confirm-password-dot, 147a02191e04bc25c4935f804f2c080ae28663d096dBen Murdoch#fatal-error-dot, 148a02191e04bc25c4935f804f2c080ae28663d096dBen Murdoch#hid-detection-dot { 149c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 150c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 151c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 152c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.connect #connect-dot, 153c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.enrollment #gaia-signin-dot, 154c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.enrollment #signin-dot, 155c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.eula #eula-dot, 156c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.gaia-signin #gaia-signin-dot, 157c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.oauth-enrollment #gaia-signin-dot, 158c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.oauth-enrollment #signin-dot, 159c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.signin #signin-dot, 160c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.update #update-dot, 161c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#oobe.user-image #user-image-dot { 162c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 1; 163c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 164c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1650529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch#oobe.reset #progress-dots { 1660529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch visibility: hidden; 1670529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch} 1680529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch 1693551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)body:not(.oobe-display) #inner-container { 170c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 262px; 171c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding: 0; 172c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) width: 1100px; 173c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 174c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1753551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)body:not(.oobe-display) #progress-dots { 176c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 177c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 178c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1793551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)#outer-container.fullscreen, 1803551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)#outer-container.fullscreen #oobe, 1813551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)#outer-container.fullscreen #oobe #inner-container { 1823551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) height: 100%; 1833551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) width: 100%; 1843551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)} 1853551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) 186c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[build=chrome] #header-sections { 187c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-margin-start: -48px; 1884e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) margin-top: -1px; 189c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 190c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 191c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[build=chromium] #header-sections { 192c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-margin-start: 5px; 1934e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) margin-top: -1px; 194c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 195c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 196c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).header-section { 197c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: rgb(119, 120, 123); /* Should matching text color of the logo. */ 198c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 199c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-size: 23px; 200c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) line-height: 31px; 201c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) text-transform: lowercase; 2020f1bc08d4cfcc34181b0b5cbf065c40f687bf740Torne (Richard Coles) width: 23em; 203c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 204c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 205c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).header-section::before { 206c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) /* Divider in header between product name and title, 207c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) * like "[Product name] > [step header]". */ 208c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) content: '\00A0\203A\00A0\00A0'; 209c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 210