@charset "UTF-8";
@media all {
    html {
        box-sizing: border-box;
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        color: #222;
        line-height: 1.25em;
        text-align: left
    }

    body {
        background: #f5f5f5
    }

    body, button, dd, details, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, main, ol, p, pre, select, summary, td, textarea, th, ul {
        margin: 0;
        padding: 0
    }

    *, :after, :before {
        box-sizing: inherit;
        background: none;
        border: none;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        color: inherit
    }

    .hidden, [hidden] {
        display: none !important
    }

    .invisible {
        visibility: hidden !important
    }

    .viewless {
        font-size: 0 !important;
        vertical-align: top
    }

    dialog {
        z-index: 1
    }

    .commons button, .commons dd, .commons details, .commons div, .commons dl, .commons dt, .commons fieldset, .commons figure, .commons footer, .commons form, .commons h1, .commons h2, .commons h3, .commons h4, .commons h5, .commons h6, .commons header, .commons hr, .commons input, .commons legend, .commons li, .commons main, .commons ol, .commons p, .commons pre, .commons select, .commons summary, .commons td, .commons textarea, .commons th, .commons ul {
        line-height: 1.25em;
        text-align: inherit
    }

    .commons#header-panel, .commons .panel {
        background: #26a;
        color: hsla(0, 0%, 100%, .75)
    }

    .commons#header-panel a, .commons .panel a {
        color: hsla(0, 0%, 100%, .9)
    }

    .commons#footer-panel {
        background: #444;
        color: hsla(0, 0%, 100%, .75)
    }

    .commons#footer-panel a {
        color: hsla(0, 0%, 100%, .9)
    }

    .commons code {
        font-family: Roboto Mono, Courier New, monospace
    }

    .commons .fa {
        color: inherit;
        cursor: inherit
    }

    .commons .fa:not(.fa-1x):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x) {
        font-size: calc(1em / .9)
    }

    .commons h1 .fa, .commons h2 .fa, .commons h3 .fa, .commons h4 .fa, .commons h5 .fa, .commons h6 .fa {
        font-size: 1em
    }

    .commons .fix.fa {
        margin-left: -.125em;
        margin-right: -.125em
    }

    .commons .prefix.fa {
        margin-left: -.125em;
        margin-right: .25em
    }

    .commons .suffix.fa {
        margin-left: .25em;
        margin-right: -.125em
    }

    .commons p {
        overflow: hidden
    }

    .commons [align] {
        text-align: attr(align, auto)
    }

    .commons button, .commons input, .commons option, .commons select, .commons textarea {
        color: #222
    }

    .commons a label, .commons button label {
        cursor: inherit
    }

    .commons a.tool, .commons a:link, .commons a:visited {
        text-decoration: none;
        cursor: pointer
    }

    .commons a.tool:hover, .commons a:link:hover, .commons a:visited:hover {
        text-decoration: underline
    }

    .commons table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .commons .small, .commons small {
        font-size: .9rem
    }

    .commons .smaller {
        font-size: .9em
    }

    .commons .bigger {
        font-size: calc(1em / .9)
    }

    .commons .bigger.fa:not(.fa-1x):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x) {
        font-size: calc(1em / .9 / .9)
    }

    .commons .disabled, .commons [disabled] {
        pointer-events: none;
        opacity: .45
    }

    .commons .pulse {
        animation: pulse 1s linear infinite;
        transform: scale(1)
    }

    @keyframes pulse {
        50% {
            transform: scale(1.125)
        }
    }.commons .center {
         text-align: center
     }

    .commons kbd {
        padding: 0 .25em;
        background: #fff;
        border: 1px dotted #999;
        border-radius: .25rem
    }

    .commons kbd.button {
        background: #ccc
    }

    .commons em {
        font-style: italic
    }

    .commons .bold, .commons strong {
        font-weight: 700
    }

    .commons summary {
        cursor: default
    }

    .commons .nobr, .commons .shorten {
        white-space: nowrap
    }

    .commons .shorten {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .commons :focus {
        outline: 1px dotted #999
    }

    .commons button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    .commons button:-moz-focusring {
        outline: none
    }

    .commons select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000
    }

    .commons button:active, .commons button:focus, .commons input:focus, .commons select:focus, .commons textarea:focus {
        box-shadow: 0 0 1.5px 0 #ccc;
        outline: 1px dotted #999;
        outline-offset: -4px
    }

    .commons input[type=checkbox]:focus, .commons input[type=radio]:focus {
        outline-offset: 1px
    }

    .commons .mark {
        color: #ea1
    }

    .commons .decent {
        color: #ccc
    }

    .commons .active {
        color: #26a
    }

    .commons div.tool {
        float: right;
        margin: -.5rem
    }

    .commons .over:hover .no-over, .commons .over:not(:hover) .on-over {
        display: none
    }

    .commons#header-panel > .container {
        max-width: 1368px;
        margin: 0 auto;
        padding: 1rem 1.5rem
    }

    .commons#footer-panel > .container, .commons#footer-panel > .subsidiary > .container, .commons#main-panel > .container {
        max-width: 1200px;
        margin: 0 auto
    }

    .commons#main-panel > .container > :not(.content) {
        margin: 1rem 1.5rem
    }

    .commons#main-panel .content .section:not(.cards) {
        overflow: auto;
        padding: 0 1.5rem
    }

    .commons#main-panel .content .section:not(.cards):before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1.5rem
    }

    .commons#main-panel .content .section:not(.cards):after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1.5rem
    }

    .commons#footer-panel .content .section:not(.cards) {
        overflow: auto;
        padding: 0 1.5rem
    }

    .commons#footer-panel .content .section:not(.cards):before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1rem
    }

    .commons#footer-panel .content .section:not(.cards):after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1rem
    }

    .commons#debug-panel {
        padding: 1rem 1.5rem
    }

    .commons#debug-panel dt {
        font-weight: 700
    }

    .commons#debug-panel dd, .commons#debug-panel dt {
        margin-top: .5rem
    }

    .commons .wrapper {
        display: contents
    }

    .commons .toolbar {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start
    }

    .commons .toolbar.bottom {
        align-items: flex-end
    }

    .commons .toolbar .small {
        min-height: 1.25rem
    }

    .commons .toolbar > dl.right {
        margin-left: auto
    }

    .commons dl.breadcrumb dt, .commons dl.menu dt, .commons dl.stack dt, .commons dl.titles dt, .commons dl.tools dt {
        display: none
    }

    .commons dl.breadcrumb, .commons dl.menu, .commons dl.titles, .commons dl.tools {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .commons dl.breadcrumb dd:not(:last-child).word:after, .commons dl.menu dd:not(:last-child).word:after, .commons dl.titles dd:not(:last-child).word:after, .commons dl.tools dd:not(:last-child).word:after {
        content: "​";
        margin: 0
    }

    .commons dl.breadcrumb dd:not(:last-child).words:after, .commons dl.menu dd:not(:last-child).words:after, .commons dl.titles dd:not(:last-child).words:after, .commons dl.tools dd:not(:last-child).words:after {
        content: " ";
        margin: 0
    }

    .commons dl.menu dd:not(:last-child):after {
        content: "";
        margin: 0 .75em
    }

    .commons dl.titles dd:not(:last-child):after {
        content: "-";
        margin: 0 .75em
    }

    .commons dl.tools dd:not(:last-child):after {
        content: "|";
        margin: 0 .75em
    }

    .commons dl.breadcrumb dd {
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .commons dl.breadcrumb dd:not(:last-child):after {
        content: "";
        margin: 0 calc(.75em / .75);
        font-family: FontAwesome;
        font-size: .75em;
        font-weight: 400
    }

    .commons dl.breadcrumb, .commons dl.menu, .commons dl.titles {
        font-weight: 700;
        text-transform: uppercase
    }

    .commons dl.breadcrumb a:link, .commons dl.breadcrumb a:visited, .commons dl.menu a:link, .commons dl.menu a:visited, .commons dl.titles a:link, .commons dl.titles a:visited {
        color: #26a;
        text-decoration: none
    }

    .commons dl.breadcrumb a:link:hover, .commons dl.breadcrumb a:visited:hover, .commons dl.menu a:link:hover, .commons dl.menu a:visited:hover, .commons dl.titles a:link:hover, .commons dl.titles a:visited:hover {
        color: #ea1
    }

    .commons .content.asides .section.aside .toolbar, .commons .content.grid .cards .card .toolbar {
        display: block
    }

    .commons .content.asides .section.aside dl.breadcrumb, .commons .content.asides .section.aside dl.menu, .commons .content.asides .section.aside dl.titles, .commons .content.asides .section.aside dl.tools, .commons .content.grid .cards .card dl.breadcrumb, .commons .content.grid .cards .card dl.menu, .commons .content.grid .cards .card dl.titles, .commons .content.grid .cards .card dl.tools {
        display: block;
        margin: 1rem 0
    }

    .commons .content.asides .section.aside dl.breadcrumb :after, .commons .content.asides .section.aside dl.menu :after, .commons .content.asides .section.aside dl.titles :after, .commons .content.asides .section.aside dl.tools :after, .commons .content.grid .cards .card dl.breadcrumb :after, .commons .content.grid .cards .card dl.menu :after, .commons .content.grid .cards .card dl.titles :after, .commons .content.grid .cards .card dl.tools :after {
        content: none
    }

    .commons .content.asides .section.aside dl.breadcrumb dd, .commons .content.asides .section.aside dl.breadcrumb dt, .commons .content.asides .section.aside dl.menu dd, .commons .content.asides .section.aside dl.menu dt, .commons .content.asides .section.aside dl.titles dd, .commons .content.asides .section.aside dl.titles dt, .commons .content.asides .section.aside dl.tools dd, .commons .content.asides .section.aside dl.tools dt, .commons .content.grid .cards .card dl.breadcrumb dd, .commons .content.grid .cards .card dl.breadcrumb dt, .commons .content.grid .cards .card dl.menu dd, .commons .content.grid .cards .card dl.menu dt, .commons .content.grid .cards .card dl.titles dd, .commons .content.grid .cards .card dl.titles dt, .commons .content.grid .cards .card dl.tools dd, .commons .content.grid .cards .card dl.tools dt {
        margin: .5rem 0
    }

    .commons .content.asides .section.aside dl.breadcrumb.menu, .commons .content.asides .section.aside dl.breadcrumb.titles, .commons .content.asides .section.aside dl.menu.menu, .commons .content.asides .section.aside dl.menu.titles, .commons .content.asides .section.aside dl.titles.menu, .commons .content.asides .section.aside dl.titles.titles, .commons .content.asides .section.aside dl.tools.menu, .commons .content.asides .section.aside dl.tools.titles, .commons .content.grid .cards .card dl.breadcrumb.menu, .commons .content.grid .cards .card dl.breadcrumb.titles, .commons .content.grid .cards .card dl.menu.menu, .commons .content.grid .cards .card dl.menu.titles, .commons .content.grid .cards .card dl.titles.menu, .commons .content.grid .cards .card dl.titles.titles, .commons .content.grid .cards .card dl.tools.menu, .commons .content.grid .cards .card dl.tools.titles {
        margin: 1.5rem 0
    }

    .commons .content.asides .section.aside dl.breadcrumb.menu dd, .commons .content.asides .section.aside dl.breadcrumb.menu dt, .commons .content.asides .section.aside dl.breadcrumb.titles dd, .commons .content.asides .section.aside dl.breadcrumb.titles dt, .commons .content.asides .section.aside dl.menu.menu dd, .commons .content.asides .section.aside dl.menu.menu dt, .commons .content.asides .section.aside dl.menu.titles dd, .commons .content.asides .section.aside dl.menu.titles dt, .commons .content.asides .section.aside dl.titles.menu dd, .commons .content.asides .section.aside dl.titles.menu dt, .commons .content.asides .section.aside dl.titles.titles dd, .commons .content.asides .section.aside dl.titles.titles dt, .commons .content.asides .section.aside dl.tools.menu dd, .commons .content.asides .section.aside dl.tools.menu dt, .commons .content.asides .section.aside dl.tools.titles dd, .commons .content.asides .section.aside dl.tools.titles dt, .commons .content.grid .cards .card dl.breadcrumb.menu dd, .commons .content.grid .cards .card dl.breadcrumb.menu dt, .commons .content.grid .cards .card dl.breadcrumb.titles dd, .commons .content.grid .cards .card dl.breadcrumb.titles dt, .commons .content.grid .cards .card dl.menu.menu dd, .commons .content.grid .cards .card dl.menu.menu dt, .commons .content.grid .cards .card dl.menu.titles dd, .commons .content.grid .cards .card dl.menu.titles dt, .commons .content.grid .cards .card dl.titles.menu dd, .commons .content.grid .cards .card dl.titles.menu dt, .commons .content.grid .cards .card dl.titles.titles dd, .commons .content.grid .cards .card dl.titles.titles dt, .commons .content.grid .cards .card dl.tools.menu dd, .commons .content.grid .cards .card dl.tools.menu dt, .commons .content.grid .cards .card dl.tools.titles dd, .commons .content.grid .cards .card dl.tools.titles dt {
        margin: 1rem 0
    }

    .commons dl.tree {
        display: block;
        margin: 1rem 0
    }

    .commons dl.tree dl {
        margin-left: 2em
    }

    .commons dl.tree dt {
        font-weight: 700
    }

    .commons dl.tree dd, .commons dl.tree dt {
        margin: .5rem 0
    }

    .commons#header-panel > .container {
        display: flex
    }

    .commons#header-panel h1 {
        font-weight: 700;
        text-transform: uppercase
    }

    .commons#header-panel a:link, .commons#header-panel a:visited {
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none
    }

    .commons#header-panel a:link:hover, .commons#header-panel a:visited:hover {
        color: #ea1
    }

    .commons#header-panel a:not(.active) .activated {
        display: none
    }

    .commons#header-panel .header-title {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        margin-right: 2rem
    }

    .commons#header-panel .header-title:before {
        content: url(rzp-logo.cca3a8548397dc8ce597.svg);
        margin-right: 1rem
    }

    .commons#header-panel .header-titles {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between
    }

    .commons#header-panel .header-content {
        display: flex;
        flex-direction: column-reverse;
        flex-grow: 1
    }

    .commons#header-panel .header-content > * {
        flex-grow: 1;
        align-items: flex-start
    }

    .commons#header-panel .header-status {
        font-size: .9rem
    }

    .commons#header-panel .header-menu {
        align-items: stretch;
        border-top: 1px solid hsla(0, 0%, 100%, .45)
    }

    .commons#header-panel .header-menu dl.menu {
        align-items: stretch
    }

    .commons#header-panel .header-menu dl.menu > dd {
        display: flex
    }

    .commons#header-panel .header-menu dl.menu > dd:not(:last-child):after {
        margin: 0 1em
    }

    .commons#header-panel .header-menu dl.menu > dd > a {
        display: flex;
        align-items: flex-end;
        border-top: 2px solid transparent
    }

    .commons#header-panel .header-menu dl.menu > dd > a.active, .commons#header-panel .header-menu dl.menu > dd > a:hover {
        border-top: 2px solid
    }

    .commons#header-panel .header-menu dl:not(.menu) {
        align-items: flex-end
    }

    .commons#header-panel select.header-select {
        margin-left: -.25rem;
        margin-right: -1em;
        padding-left: .25em;
        padding-right: 1em;
        border: none;
        background-color: transparent;
        color: #fff;
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .commons#header-panel select.header-select:focus {
        outline: 1px dotted #fff
    }

    .commons .content .figure, .commons .content .toolbar, .commons .content details, .commons .content dl.list, .commons .content ol, .commons .content p, .commons .content ul {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .commons .content dl.list dl.list, .commons .content dl.list ol, .commons .content dl.list ul, .commons .content ol dl.list, .commons .content ol ol, .commons .content ol ul, .commons .content ul dl.list, .commons .content ul ol, .commons .content ul ul {
        margin-top: 0;
        margin-bottom: 0
    }

    .commons .content h1, .commons .content h2, .commons .content h3, .commons .content h4, .commons .content h5, .commons .content h6 {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        word-break: break-word
    }

    .commons .content dl.list dd, .commons .content dl.list dt, .commons .content li, .commons .content p, .commons .content summary {
        line-height: 1.5em
    }

    .commons .content dl.list dd, .commons .content ol, .commons .content ul {
        margin-left: 2em
    }

    .commons .content h1 {
        font-size: 3rem;
        text-transform: uppercase
    }

    .commons .content h2 {
        font-size: 3rem;
        font-weight: lighter;
        color: #26a
    }

    .commons .content h3 {
        font-size: 2.5rem;
        font-weight: lighter
    }

    .commons .content.asides .aside h3:not(.plain), .commons .content h3.aside {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #26a
    }

    .commons .content h4 {
        font-size: 2rem;
        font-weight: lighter
    }

    .commons .content h5 {
        font-size: 1.6rem
    }

    .commons .content h6 {
        font-size: 1.25rem
    }

    .commons .content a:link, .commons .content a:visited {
        color: #26a
    }

    .commons .content.sheet {
        margin: 1rem 1.5rem 1.75rem;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
    }

    .commons .content.asides .section.aside ~ .section.aside, .commons .content.asides .section:not(.aside) ~ .section:not(.aside), .commons .content:not(.asides) .section ~ .section {
        margin-top: -1.5rem
    }

    .commons .content:not(.sheet).asides.asides .section.aside ~ .section.aside, .commons .content:not(.sheet).asides .section.aside ~ .section.aside + .section:not(.aside) {
        margin-top: 1rem
    }

    .commons .content.asides {
        display: flow-root
    }

    .commons .content.asides .section.aside {
        float: left;
        clear: both;
        width: calc(100% * 1 / 4)
    }

    .commons .content.asides .section.aside:not(.panel) {
        background: #fff
    }

    .commons .content.asides .section:not(.aside) {
        float: right;
        width: calc(100% * 3 / 4)
    }

    .commons .content .section .cards {
        margin: 1.5rem -1.5rem
    }

    .commons .content .card {
        overflow: auto;
        padding: 0 1.5rem;
        border: 1px dotted rgba(0, 0, 0, .15)
    }

    .commons .content .card:before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1.5rem
    }

    .commons .content .card:after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1.5rem
    }

    .commons .content .card:hover {
        background: #fafafa
    }

    .commons .content .grid.cards:not(.plain), .commons .content.grid .cards:not(.plain), .commons .content .grid .cards:not(.plain), .commons .content .section.grid.cards:not(.plain) {
        display: grid
    }

    .commons .content .grid.cards, .commons .content.grid .cards, .commons .content .grid .cards, .commons .content .section.grid.cards {
        grid-template-columns:repeat(4, 1fr)
    }

    .commons .content.asides .grid.cards, .commons .content.asides .grid .cards, .commons .content.asides .section.grid.cards, .commons .content.grid.asides .cards {
        grid-template-columns:repeat(3, 1fr)
    }

    .commons#main-panel > .container > .toolbar + .content:not(.sheet):not(.asides) {
        margin-top: -1rem
    }

    .commons .box {
        display: inline-block;
        padding: 0 1.5rem;
        background: #fff;
        border: 1px dotted rgba(0, 0, 0, .15);
        border-radius: .25rem
    }

    .commons .box.message {
        background: #ccc
    }

    .commons .box.info {
        background: #bce
    }

    .commons .box.notice {
        background: #bea
    }

    .commons .box.warning {
        background: #ee9
    }

    .commons .box.alert {
        background: #eba
    }

    .commons .content .box {
        overflow: auto;
        margin-top: .5rem;
        margin-bottom: 0
    }

    .commons .content .box:before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1.5rem
    }

    .commons .content .box:after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1.5rem
    }

    .commons .content table {
        border-collapse: collapse
    }

    .commons .content table th {
        font-weight: 700
    }

    .commons .content table td, .commons .content table th {
        padding: .5rem 1.5rem;
        border: 1px dotted rgba(0, 0, 0, .15);
        line-height: 1.5em;
        vertical-align: top
    }

    .commons .content table.view tr:not(:last-child) {
        border-bottom: 1px dotted rgba(0, 0, 0, .15)
    }

    .commons .content table.view td, .commons .content table.view th {
        padding: .75rem 2.25rem .75rem 0;
        border: none
    }

    .commons#footer-panel {
        font-size: .9rem
    }

    .commons#footer-panel a:link, .commons#footer-panel a:visited {
        color: hsla(0, 0%, 100%, .9);
        text-decoration: none
    }

    .commons#footer-panel a:link:not([href^=mailto]):not([href^=tel]), .commons#footer-panel a:visited:not([href^=mailto]):not([href^=tel]) {
        font-weight: 700;
        text-transform: uppercase
    }

    .commons#footer-panel a:link:hover, .commons#footer-panel a:visited:hover {
        color: #ea1
    }

    .commons#footer-panel a.eu-logo, .commons#footer-panel a.mpo-logo {
        display: inline-block;
        margin-right: 1rem;
        opacity: .85
    }

    .commons#footer-panel a.eu-logo:hover, .commons#footer-panel a.mpo-logo:hover {
        outline: 1px dotted #ea1
    }

    .commons#footer-panel .mpo-logo:before {
        content: url(mpo-logo.92739b36878841daf37d.svg);
        display: block;
        height: 60px
    }

    .commons#footer-panel .eu-logo:before {
        content: url(eu-logo.9366198e7cf631d43b4f.svg);
        display: block;
        height: 60px
    }

    .commons#footer-panel > .subsidiary {
        background: #222
    }

    .commons#footer-panel .fa {
        opacity: .75
    }

    .commons .section fieldset {
        margin: 0 -1.5rem
    }

    .commons fieldset {
        overflow: auto;
        padding: 0 1.5rem;
        border: 1px dotted rgba(0, 0, 0, .15)
    }

    .commons fieldset:before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1.5rem
    }

    .commons fieldset:after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1.5rem
    }

    .commons input[type=checkbox][disabled], .commons input[type=radio][disabled] {
        opacity: 1
    }

    .commons button {
        cursor: pointer
    }

    .commons button:not(.tool):not(.bookmark) {
        padding: .5rem 1.5rem;
        background: #ccc;
        border: 1px solid #999;
        border-radius: .25rem;
        font-size: .9rem;
        font-weight: 700;
        text-transform: uppercase
    }

    .commons button:not(.tool):not(.bookmark):hover {
        background-color: #b3b3b3
    }

    .commons button:not(.tool):not(.bookmark).primary {
        background-color: #ffbb1c
    }

    .commons button:not(.tool):not(.bookmark).outline {
        background-color: transparent
    }

    .commons button:not(.tool):not(.bookmark).outline, .commons button:not(.tool):not(.bookmark).primary {
        border-color: #cc9616
    }

    .commons button:not(.tool):not(.bookmark).outline:hover, .commons button:not(.tool):not(.bookmark).primary:hover {
        background-color: #e6a919
    }

    .commons button.tool {
        padding: .125rem .375rem;
        background: none;
        border: 1px solid #999;
        border-radius: .25rem;
        font-size: .9rem;
        cursor: pointer
    }

    .commons button.tool.active {
        background-color: #ccc
    }

    .commons button.tool + button.tool {
        margin-left: .375rem
    }

    .commons dl.tools button.tool {
        margin-top: calc(-.125rem - 1px);
        margin-bottom: calc(-.125rem - 1px)
    }

    .commons textarea {
        resize: none;
        background: #fff;
        border: 1px solid #999;
        border-radius: .25rem
    }

    .commons label dt {
        display: block
    }

    .commons label dd {
        display: inline-block;
        padding: .125rem .375rem
    }

    .commons label dd:first-child {
        padding-left: 0
    }

    .commons label dd:last-child {
        padding-right: 0
    }

    .commons label.subindent {
        display: list-item;
        margin-left: 1.375em
    }

    .commons input[type=date], .commons input[type=text], .commons select:not(.header-select) {
        display: inline-block;
        padding: .125rem .375rem;
        font-size: 1.25rem;
        line-height: 1.5em;
        background: #fff;
        border: 1px solid #999;
        border-radius: .25rem
    }

    .commons .preview {
        overflow: auto;
        background: #fff;
        border: 1px dotted rgba(0, 0, 0, .15);
        word-wrap: break-word
    }

    .commons .preview:not(textarea) {
        overflow: auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .commons .preview:not(textarea):before {
        content: "";
        display: block;
        height: 0;
        margin-bottom: 1.5rem
    }

    .commons .preview:not(textarea):after {
        content: "";
        display: block;
        height: 0;
        margin-top: 1.5rem
    }

    .commons button.ql-active {
        background-color: #ccc
    }

    .commons .ql-editor {
        width: inherit;
        height: inherit;
        overflow: auto;
        background: #fff;
        border: 1px solid #999;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    .commons .ql-editor h5, .commons .ql-editor h6, .commons .ql-editor ol, .commons .ql-editor p, .commons .ql-editor ul {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .commons .ql-editor h5:first-child, .commons .ql-editor h6:first-child, .commons .ql-editor ol:first-child, .commons .ql-editor p:first-child, .commons .ql-editor ul:first-child {
        margin-top: 0 !important
    }

    .commons .ql-editor h5:last-child, .commons .ql-editor h6:last-child, .commons .ql-editor ol:last-child, .commons .ql-editor p:last-child, .commons .ql-editor ul:last-child {
        margin-bottom: 0 !important
    }

    .commons .ql-editor ol, .commons .ql-editor ul {
        margin-left: 0;
        list-style-position: inside
    }

    .commons .ql-editor li, .commons .ql-editor p {
        line-height: 1.25rem
    }

    .commons .ql-clipboard {
        position: absolute
    }

    body.dialog-open {
        overflow: hidden
    }

    dialog {
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw;
        max-width: unset;
        height: 100vh;
        max-height: unset;
        margin: 0;
        padding: 0;
        background: transparent url(checkboard.055d904a7df39ae3bfed.gif) 0 0 repeat;
        background: repeating-conic-gradient(#ffe 0 25%, transparent 0 50%) 50%/2px 2px;
        border: none
    }

    dialog:not([open]):not(.open) {
        display: none
    }
}

@media all {
    dialog::-webkit-backdrop {
        display: none
    }

    dialog::backdrop {
        display: none
    }

    dialog > * {
        background: none;
        padding: 0 1.5rem;
        max-width: 100vw;
        max-height: 100vh;
        overflow: auto
    }

    dialog > .box {
        border-top-width: 0;
        border-style: solid;
        border-radius: 1rem
    }

    dialog.top {
        justify-content: flex-start
    }

    dialog.top > .box {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    dialog.slide-in > .box {
        transform: translateY(-100%);
        animation: slide-in .5s forwards
    }

    @keyframes slide-in {
        to {
            transform: translateY(0)
        }
    }dialog .panel {
         min-width: 1rem;
         min-height: 1rem;
         overflow: hidden;
         padding: .5rem;
         background: #ffc;
         border: 1px solid #999;
         border-radius: .25rem;
         box-shadow: 0 0 1.5px 1.5px #ccc
     }
}