MediaWiki:Waze.css View history

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Help center*/
/* fix header z index */
.header {
    z-index: 2;
}
.ns-12 #firstHeading, .ns-12 .status {
display:none;
}

.ns-12 .body {
border: none;
}

.ns-12 #content {
    position: relative;
    padding: 0 0 30px;
}

.ns-12 .body__tabbar__item, .ns-12 .body__tabbar {
background: none;
}
.mw-parser-output input {
    opacity: 1 !important;
}
/* Help page */
    .cc {
        word-wrap: break-word
    }

    .cc h1 {
        margin: 1.5rem 0 .5rem
    }

    .cc h2>a,.cc h3>a,.cc h4>a {
        color: #202124
    }

    .cc h2>a:hover,.cc h3>a:hover,.cc h4>a:hover {
        text-decoration: none
    }

    .cc ul li {
        margin: .25rem 0 .25rem 1.625rem
    }

    .cc ol li {
        margin: .25rem 0 .25rem 1.25rem
    }

    .cc ol ol {
        list-style-type: lower-latin
    }

    .cc ol ol ol {
        list-style-type: lower-roman
    }

    .cc ul ul,.cc ol ul {
        list-style-type: disc
    }

    .cc code {
        color: #188038
    }

    .cc pre {
        direction: ltr;
        margin: 0;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    .cc .no-margin {
        margin: 0
    }

    .cc a:visited {
        color: #673ab7
    }

    .cc a[target="_blank"]:after,.notification a[target="_blank"]:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiBmaWxsPSIjMWE3M2U4Ij48cGF0aCBkPSJNMTkgMTlINVY1aDdWM0g1YTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGMxLjEgMCAyLS45IDItMnYtN2gtMnY3ek0xNCAzdjJoMy41OWwtOS44MyA5LjgzIDEuNDEgMS40MUwxOSA2LjQxVjEwaDJWM2gtN3oiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48L3N2Zz4=);
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        height: .8125rem;
        margin: 0 .1875rem 0 .25rem;
        position: relative;
        top: .125rem;
        width: .8125rem
    }

    .cc a[target="_blank"]:after {
    }

    .notification a[target="_blank"]:after {
    }

    .rtl .cc a[target="_blank"]:after,.rtl .notification a[target="_blank"]:after {
        transform: scaleX(-1)
    }

    .cc iframe {
        max-width: 100%
    }

    .cc ul>li>ul {
        margin: 0
    }

    .cc ul:not(.no-bullets):not(.no_bullets)>li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 1rem
    }

    .cc ul:not(.no-bullets):not(.no_bullets)>li:before {
        content: "\002022";
        float: left;
        font-size: 1rem;
        margin-left: -.875rem
    }

    .cc blockquote {
        margin: 0 0 0 1.875rem
    }

    .cc hr {
        border: none;
        border-top: .0625rem dashed #dadce0
    }

    @media (min-width: 48.1875rem) {
        .cc iframe {
            border:0
        }
    }
    .cc img {
        max-width: 100%
    }


    .cc table {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0
    }

    .cc .table-basic,.cc .table-stacked {
        margin-top: 1rem
    }

    .cc .table-basic caption,.cc .table-stacked caption {
        color: #202124;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.5rem;
        padding-bottom: 1rem;
        text-align: left
    }

    @media all and (max-width: 48.125rem) {
        .cc .table-basic caption,.cc .table-stacked caption {
            color:#80868b
        }
    }

    .cc td {
        vertical-align: top
    }

    .cc td,.cc th {
        padding: .8125rem .3125rem
    }

    .cc th {
        color: #80868b;
        font-weight: bold;
        text-align: left;
        vertical-align: baseline
    }

    .cc table .align-middle {
        vertical-align: middle
    }

    .cc tr td,.cc tr th {
        padding: .3125rem
    }

    .cc th {
        color: #202124
    }

    .cc .zippy-wrapper {
        margin: 0 0 .0625rem;
        padding: 0
    }

    .cc .zippy-wrapper>.zippy-overflow {
        margin: 0
    }

    .cc .zippy-container {
        margin: 0
    }

    .cc .zippy-focus {
        background-color: #f1f3f4
    }

    .cc .zippy {
        box-sizing: border-box;
        border-top: .0625rem solid #dadce0;
        color: #1a73e8;
        cursor: pointer;
        font-family: Roboto,Helvetica Neue,sans-serif;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.25rem;
        margin: -6px 0;
        margin-bottom: 0;
        padding: 1rem 3.125rem 1rem 1rem;
        position: relative;
        width: 100%
    }

    .cc .zippy:before, .accordion-homepage .parent h2:before {
        background: no-repeat center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzFhNzNlOCI+PHBhdGggZD0iTTE0LjgzIDE2LjQyTDI0IDI1LjU5bDkuMTctOS4xN0wzNiAxOS4yNWwtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
        background-size: 1.5rem;
        content: '';
        height: 1.375rem;
        margin-top: -.75rem;
        position: absolute;
        right: 1.125rem;
        top: 50%;
        width: 1.375rem
    }

    .cc .zippy.goog-zippy-expanded {
        border-bottom: none
    }

    .cc .zippy.goog-zippy-expanded:before, .accordion-homepage .parent.selected h2:before {
        transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1)
    }

    .cc .zippy-last {
        border-bottom: .0625rem solid #dadce0
    }

    .cc .zippy-last-focus {
        border-bottom: none
    }

    .cc .zippy-last+.zippy-overflow>.zippy-content:before {
        top: -1.25rem
    }

    .cc li .zippy,.cc li .zippy:visited {
        background-color: transparent
    }

    .cc .zippy button,.cc .zippy div,.cc .zippy h1,.cc .zippy h2,.cc .zippy h3,.cc .zippy h4,.cc .zippy h5,.cc .zippy p {
        color: #1a73e8;
        font: normal .875rem/1.25rem 'Roboto','Helvetica Neue',Helvetica,sans-serif;
        margin: 0
    }

    .cc .zippy-content {
        margin: 0;
        overflow: hidden;
        padding: .0625rem 1.625rem 1.1875rem 2.125rem;
        position: relative
    }

    .cc .zippy-content:before {
        background-color: #dadce0;
        content: '';
        height: 100%;
        left: 1.125rem;
        position: absolute;
        top: -1.1875rem;
        width: .125rem
    }

    .cc .zippy-content.zippy-hidden {
        display: block
    }

    .cc .zippy-content>h3 {
        font-size: 1.25rem
    }

    .cc .zippy-overflow {
        margin: 0;
        overflow: hidden
    }

    .cc>.zippy-overflow {
        margin: 0 -1rem
    }

    .cc .zippy-overflow+.zippy-container {
        margin-top: .0625rem
    }

    .cc .zippy-content>h3:first-of-type {
        margin-top: 0
    }

    .cc .zippy-content .zippy {
        border: 0;
        padding-left: 0;
        padding-right: 2.5rem
    }

    .cc .zippy-content .zippy:before {
        right: .5rem
    }

    .cc .zippy-content .zippy-container+.zippy-overflow .zippy-content {
        margin: 0 0 -.0625rem 0;
        padding-bottom: 0;
        padding-right: .375rem
    }

    .cc .zippy-content .zippy-container+.zippy-overflow .zippy-content:before {
        top: -.75rem
    }

    .cc>.zippy-overflow .zippy {
        padding-right: 1.875rem
    }

    .cc a.zippy:hover {
        cursor: pointer;
        text-decoration: none
    }

    @media (min-width: 48.1875rem) {
        .cc .zippy {
            line-height:1.5rem
        }

        .cc .zippy:before, .accordion-homepage h2:before {
            margin-top: -.625rem
        }

        .cc>.zippy-container+.zippy-overflow .zippy-content {
            margin: 0 1rem;
            padding-left: 2rem
        }

        .cc .zippy-container+.zippy-overflow .zippy-content .zippy-content {
            padding-left: 1rem
        }

        .cc>.zippy-container+.zippy-overflow .zippy-content:before {
            left: 1.125rem
        }

        .cc .zippy-container+.zippy-overflow .zippy-content .zippy-content:before {
            left: 0
        }
    }

    .cc .tip {
        background-color: #f8f9fa;
        border: none;
        border-radius: 8px;
        color: #3c4043;
        min-height: initial;
        padding: 12px 0 20px 56px
    }

    .cc .tip>h3,.cc .tip>h4 {
        margin: 0
    }

    .cc .tip>p {
        margin: 8px 20px 0 0
    }

    .cc .tip:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNOSAyMWMwIC41LjQgMSAxIDFoNGMuNiAwIDEtLjUgMS0xdi0xSDl2MXptMy0xOUM4LjEgMiA1IDUuMSA1IDljMCAyLjQgMS4yIDQuNSAzIDUuN1YxN2MwIC41LjQgMSAxIDFoNmMuNiAwIDEtLjUgMS0xdi0yLjNjMS44LTEuMyAzLTMuNCAzLTUuNyAwLTMuOS0zLjEtNy03LTd6IiBmaWxsPSIjZWE4NjAwIi8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjwvc3ZnPg==);
        background-repeat: no-repeat;
        content: '';
        height: 24px;
        margin-left: -40px;
        margin-top: 6px;
        position: absolute;
        width: 24px
    }
    .main-content,.page {
        display: inline-block;
        position: relative;
        width: 100%
    }

    @media print {
        .main-content,.page {
            display: block
        }
    }

    .page {
        border: thin solid #dadce0;
        border-radius: .5rem;
        box-sizing: border-box
    }
   @media (max-width: 48.125rem) {
        .hcfe .page {
            margin:0 .5rem 1.5rem;
            width: calc(100% - 1rem)
        }

        .page {
            border: none
        }
    }

    .page {
        background-color: #ffffff;
        box-sizing: border-box;
        padding: 1.5rem 1rem;
        text-align: left;
        width: 100%
    }

    .after-page {
        margin: 0
    }

    @media (min-width: 48.1875rem) {
        .page {
            margin:2.625rem 0 0
        }
    }

    .main-content {
        align-self: flex-start;
        flex: 1;
        max-width: 52rem
    }

    @media (min-width: 48.1875rem) {
        .page {
            padding:3rem;
            width:70%;
        }
    }
    @media (min-width: 6.9375rem) {
        .page>.article-container {
            min-height:14.5rem
        }
    }


    @media (min-width: 1900px) {
        .side-container {
            width:21.125rem;
            position:fixed;
            right: -1%;
            top: 30vh;
        }
    }
    @media (max-width: 1900px) {
        .side-container {
            float:right;
            width: 30%;
            position:sticky;
            padding-left:2em;
            box-sizing:border-box;
        }
}
    @media print {
        .side-container {
            display: none
        }
    }

    .primary-nav {
        border: .0625rem solid #dadce0;
        border-left: none;
        border-right: none;
        box-sizing: border-box;
        margin: 1.875rem .25rem 0;
        max-width: 52rem;
        padding: 2rem 2rem 2.625rem
    }

    @media (min-width: 61rem) {
        .primary-nav {
            width:17.125rem
        }
    }

    @media (min-width: 48.1875rem) {
        .primary-nav {
            border:none;
            padding-top: 2.625rem
        }

        .primary-nav nav {
            text-align: left;
            margin-left: 0
        }
    }

    @media (min-width: 61rem) {
        .primary-nav {
            display:table-cell;
            padding: 2.625rem 0 0
        }

        .primary-nav nav {
            margin-left: 3.125rem;
            min-height: 16.375rem
        }
    }

    .sibling-nav {
        display: inline-block;
        margin-top: .625rem
    }

    .sibling-nav h4 {
        margin-bottom: 1rem;
        margin-top: 0
    }

    .sibling-nav>ul {
        list-style: none
    }

    .sibling-nav a.title-link,.sibling-nav a:visited {
        color: #3c4043;
        font-weight: 600
    }

    .sibling-nav .sibling-list {
        margin: 0 0 .9375rem;
    }

    .sibling-nav .sibling-list li {
        padding: 0;
        list-style: none;
    }

    .sibling-nav .sibling-list a.selflink {
        font-weight: 600
    }

    .sibling-nav .sibling-list a {
        color: #3c4043;
        display: block;
        margin-left: 1.25rem;
        padding: .625rem 0 .625rem .875rem;
        position: relative
    }
    .sibling-nav .sibling-list a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='article' viewBox='0 0 24 24'%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z' fill='%231a73e8'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3C/svg%3E");
}

    .sibling-nav .sibling-list a.sibling-link.sibling-link--current.sibling-link--has-children {
        border-left-color: transparent
    }

    .sibling-nav .sibling-list a:before {
        fill: #1a73e8;
        height: 1.25rem;
        position: absolute;
        top: .5625rem;
        left: -1.375rem;
        width: 1.25rem
    }

    .sibling-nav .sibling-link--has-children:before {
        content: '▶';
        margin-left: -1rem;
        position: absolute;
        transform: scale(.3,.6)
    }

    .sibling-nav .sibling-link--has-children.sibling-link--show-children:before {
        content: '▼';
        margin-left: -1.125rem;
        transform: scale(.6,.3)
    }

    .sibling-nav .sibling-link--has-children+.sibling-sublist {
        display: none
    }

    .sibling-nav .sibling-link--has-children.sibling-link--show-children+.sibling-sublist {
        display: block
    }

    .sibling-nav .sibling-sublist {
        list-style: none;
        padding-left: 1.25rem
    }

    .sibling-nav a.sibling-link:hover {
        text-decoration: none
    }

    @media (min-width: 48.1875rem) {
        .sibling-nav {
            width:100%
        }

        .sibling-nav .sibling-list .sibling-link--current:hover {
            cursor: default
        }
    }

    @media (min-width: 61rem) {
        .sibling-nav {
            margin-top:0;
            min-height: 16.75rem
        }

        .sibling-nav .sibling-list {
            margin-bottom: 0
        }
    }
.zippy-content {
margin-top: 0px;
transition: margin-top 0.318s ease-out 0s;
overflow: auto;
}
.zippy-content.zippy-hidden {
margin-top: -180em;
display: none;
}

.page-width-container:last-child .zippy-container {
    border-bottom: .0625rem solid #dadce0;
}
/* Help portal */
.hcfe {
	background-color: #ffffff;
	color: #3c4043;
	font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.25rem;
    border: thin solid #dadce0;
    border-radius: .5rem;
    padding-bottom: 5em;
}

.hcfe:not(html) {
	font-size: .875rem
}

.hcfe p {
	margin: .3125rem 0
}

.hcfe a {
	color: #1a73e8;
	text-decoration: none
}

.hcfe a img {
	border: 0
}

.hcfe article section section {
	padding: 0
}

.hcfe-content {
	position: relative
}

.hcfe-content ol,
.hcfe-content ul {
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}

.hcfe h1,
.hcfe h2,
.hcfe h3,
.hcfe h4,
.hcfe h5 {
	color: #202124;
	font-family: 'Google Sans', Roboto, sans-serif;
	font-weight: 400
}

.hcfe h1 {
	font-size: 1.75rem;
	line-height: 2rem;
	margin: 0 0 .5rem
}

.hcfe h2 {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 2rem;
	margin: 0 0 .25rem
}

.hcfe h3 {
	font-size: 1.25rem;
	line-height: 2rem;
	margin: 1.5rem 0 .5rem
}

.hcfe h4 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
	margin: .5rem 0
}

.hcfe h5 {
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin: .25rem 0
}

.hcfe h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0
}

.hcfe input,
.hcfe select,
.hcfe textarea {
	color: #3c4043;
	font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: .875rem;
	line-height: 1.25rem
}

.hcfe select {
	background: none;
	border: solid #dadce0;
	border-width: 0 0 .0625rem 0;
	font-size: .8125rem;
	font-weight: bold;
	max-width: 100%;
	outline: 0;
	padding: .3125rem
}

.hcfe img:not([class^="gb_"]) {
	vertical-align: middle
}

.hcfe .gaiabar a:hover {
	text-decoration: none
}

.hcfe cite {
	font-style: normal
}

.hcfe sub,
.hcfe sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

.hcfe sub {
	bottom: -.25em
}

.hcfe sup {
	top: -.5em
}

.hcfe a:hover {
	text-decoration: underline
}

@media (min-width:48.1875rem) {
	.hcfe {
		background: #ffffff;
		width: 100%
	}
	.hcfe:not(html) {
		font-size: .875rem
	}
	.hcfe.render {
		position: static
	}
	.hcfe h1 {
		font-size: 2rem;
		line-height: 2.5rem;
		margin: 0 0 .5rem
	}
	.hcfe h2 {
		font-size: 1.5rem
	}
	.hcfe h3 {
		font-size: 1.5rem;
		margin: 2.25rem 0 .25rem
	}
	.hcfe h4 {
		font-size: .9375rem
	}
	.hcfe p {
		margin: .8125rem 0
	}
	.hcfe textarea {
		font-size: .8125rem;
		line-height: normal
	}
	.content-background {
		height: 24.875rem;
		position: absolute;
		top: 3.75rem;
		width: 100%
	}
	.primary-container {
		display: flex;
		justify-content: center;
		max-width: 89.125rem;
		text-align: left;
		width: 100%
	}
	.page-width-container {
		box-sizing: border-box;
		margin: 0;
		max-width: 75.125rem;
		padding: 0 1rem;
		width: 100%
	}
}

@media (min-width:48.1875rem) {
	.primary-container {
		max-width: none;
		text-align: center
	}
}

.hcfe article section {
	padding: 1rem
}

.hcfe>header {
	background-color: #ffffff
}

@media print {
	.hcfe>header {
		display: none
	}
}

.hcfe>header .restricted-banner {
	background-color: #1a73e8;
	border-bottom-left-radius: 180px;
	border-bottom-right-radius: 180px;
	color: #ffffff;
	font-family: 'Google Sans', Roboto, sans-serif;
	font-size: 12px;
	left: 48px;
	line-height: 16px;
	position: absolute;
	text-align: center;
	width: 90px;
	z-index: 1000
}

.promoted-search-body .hcfe>header .restricted-banner {
	left: calc(50% - 45px)
}

.hcfe>header .restricted-banner.sticky {
	position: fixed
}

@media (min-width:615px) {
	.hcfe>header .restricted-banner,
	.promoted-search-body .hcfe>header .restricted-banner {
		left: 80px
	}
}

.hcfe>header {
	border-bottom: none
}
            .hcfe .promoted-search__container {
                margin-top: 2.25rem;
                position: relative
            }

            .hcfe .promoted-search__greeting {
                color: #1967d2;
                font-size: 1.75rem;
                font-weight: 400;
                line-height: 2.25rem;
                padding: 0 0 1.5rem 0;
                text-align: center
            }

            .hcfe #search-form {
                margin: 0 1rem;
                padding-bottom: 2.5rem;
                position: relative;
                z-index: 1;
            }

            .hcfe .mw-ui-input {
                background-color: #ffffff;
                border: none;
                border-radius: .5rem;
                box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
                box-sizing: border-box;
                color: #202124;
                display: block;
                font-size: 1rem;
                height: 3rem;
                padding: 0 2.5rem 0 4.5rem;
                width: 100%;
                -webkit-appearance: none;
            }
            .hcfe .mw-ui-input::-ms-clear {
                display: none
            }

            .hcfe .mw-ui-input:focus {
                box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15)
            }

            .hcfe .mw-ui-input::placeholder {
                color: #5f6368
            }

            .hcfe .mw-ui-input::-webkit-search-cancel-button {
                display: none
            }

            .hcfe .mw-ui-button,.hcfe .promoted-search__clear-button {
                background-color: transparent;
                border: none;
                cursor: pointer;
                height: 3rem;
                padding: 0;
                position: absolute;
                top: 0;
                width: 3rem
    border: none;
    box-shadow: none;
    background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='promoted-search__search-icon' viewBox='0 0 24 24'%3E%3Cpath d='M20.49 19l-5.73-5.73C15.53 12.2 16 10.91 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49 20.49 19zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5z'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'%3E%3C/path%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5rem;
    color:transparent;
            }
.hcfe .mw-ui-button:hover {
            background-color: transparent;

}            .hcfe .mw-ui-button {
                left: 1.5rem
            }

            .hcfe .promoted-search__clear-button {
                right: 1.75rem
            }

            .hcfe .promoted-search__clear-button--hidden {
                display: none
            }

            .hcfe .promoted-search__search-icon,.hcfe .promoted-search__clear-icon {
                fill: #3c4043;
                height: 3rem;
                width: 1.5rem
            }

            @media (min-width: 48.1875rem) {
                .hcfe .promoted-search__container {
                    background-image:url("https://storage.googleapis.com/wazeopedia-files/3/38/Homepage_header_background_v2.png");
                    background-position: 50%;
                    background-repeat: no-repeat;
                    height: 19.0625rem;
                    margin-top: 1.5rem
                }

                .hcfe .promoted-search__greeting {
                    font-size: 2rem;
                    line-height: 2.5rem;
                    margin-bottom: 1.625rem;
                    padding: 0
                }

                .hcfe #search-form {
                    margin: 0 auto;
                    padding: 0 0 2.5rem;
                    width: 32.5rem
                }

                .hcfe .mw-ui-button {
                    left: 1.5rem
                }

                .hcfe .promoted-search__clear-button {
                    right: .75rem
                }
            }

            .promoted-search-greeting__logo-container {
                background: #ffffff;
                border-radius: 1.75rem;
                box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
                box-sizing: border-box;
                display: flex;
                height: 2.75rem;
                margin: 0 auto 1rem auto;
                padding: .375rem;
                width: 2.75rem
            }

            .promoted-search-greeting__logo-container--empty {
                display: none
            }

            .promoted-search-greeting__logo {
                height: 2rem;
                width: 2rem
            }

            @media (min-width: 48.1875rem) {
                .promoted-search-greeting__logo-container {
                    height:3.5rem;
                    margin: 0 auto 1.125rem auto;
                    padding: .5rem;
                    width: 3.5rem
                }

                .promoted-search-greeting__logo-container--empty {
                    display: block;
                    visibility: hidden
                }

                .promoted-search-greeting__logo {
                    height: 2.5rem;
                    width: 2.5rem
                }
            }
    .accordion-homepage .parent {
                background: #ffffff;
                border-top: thin solid #dadce0;
                padding: 0
            }

            .accordion-homepage .parent:first-child {
                border-top: none
            }

            .accordion-homepage .parent:first-child,.accordion-homepage .parent:first-child>h2 {
                border-top-left-radius: .625rem;
                border-top-right-radius: .625rem
            }

            .accordion-homepage .parent:last-child,.accordion-homepage .parent:last-child:not(.selected)>h2 {
                border-bottom-left-radius: .625rem;
                border-bottom-right-radius: .625rem
            }

            .accordion-homepage h2 {
                background-color: #ffffff;
                color: #202124;
                font-size: 1rem;
                font-weight: 600;
                line-height: 1.25rem;
                margin: 0;
                padding: .875rem 3.25rem .875rem 1.75rem
            }

            .accordion-homepage a {
                display: block;
                font-size: .875rem;
                line-height: 1.5rem;
                margin: 0;
                padding: .5rem 1.75rem
            }

            .accordion-homepage .overflow {
                overflow: hidden
            }

            .accordion-homepage .children {
                margin-bottom: -624.9375rem;
                transition: margin-bottom 0s .5s,margin-top .5s
            }

            .accordion-homepage .parent.selected {
                background: #e8f0fe;
                padding-bottom: .625rem
            }
.parent .children {
    margin-top: -300px;
}
.parent.selected .children {
    margin-top: 0;
}

            .accordion-homepage .parent h2 {
                outline: none;
                position: relative
            }

            .accordion-homepage .parent h2 svg {
                fill: #1a73e8;
                height: 1.25rem;
                position: absolute;
                right: 1.75rem;
                top: calc(50% - .625rem);
                width: 1.25rem
            }

            .accordion-homepage h2.keyboard-focus {
                background-color: rgba(0, 0, 0, .06)
            }

            .accordion-homepage .parent h2 .up {
                display: none
            }

            .accordion-homepage .parent.selected h2 .down {
                display: none
            }

            .accordion-homepage .parent.selected h2 .up {
                display: block
            }

            .accordion-homepage .parent.selected h2 {
                color: #202124;
                font-weight: 600;
                margin-bottom: .75rem;
                outline: none
            }

            .accordion-homepage .parent.selected .children {
                margin-bottom: 0;
                transition: margin-top .5s
            }

            .accordion-homepage .parent a {
                color: #3c4043
            }

            .accordion-homepage .parent a:hover {
                background: #d2e3fc
            }

            h1.helpcenter-welcome {
                background-color: #e8eaed;
                box-sizing: border-box;
                color: #3c4043;
                margin: 0;
                padding: 1.5rem;
                text-align: center;
                width: 100%
            }

            .accordion-homepage h1 {
                display: none
            }

            .accordion-homepage .parent:not(.selected) h2 {
                cursor: pointer
            }

            .accordion-homepage .parent:not(.selected) h2:hover {
                background-color: #efefef
            }

            .accordion-homepage a:hover {
                text-decoration: none
            }

            @media (min-width: 48.1875rem) {
                .accordion-homepage h1 {
                    display:block;
                    font-size: 1.5rem;
                    font-weight: 400;
                    line-height: 2rem;
                    margin: 0;
                    padding: 1rem 1rem 1rem 4.5rem
                }

                .accordion-homepage .parent {
                    position: relative
                }

                .accordion-homepage h2 {
                    font-size: .875rem;
                    padding: 1rem 3.25rem 1rem 4rem
                }

                .accordion-homepage .parent.selected h2 {
                    box-sizing: border-box;
                    width: 100%
                }

                .accordion-homepage a {
                    line-height: .875rem;
                    padding: .625rem 4rem
                }

                h1.helpcenter-welcome {
                    padding: 0 1.5rem 2.625rem
                }
            }


.hcfe-content .page {
    padding: 0;
}

.accordion-homepage > p {
    display: none;
}

.search-bg {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 100%;
}
.search-bg img {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: auto;
    min-width: 85em;
    left: -9999px;
    right: -9999px;
    margin: auto;
}