/*  dashboard polaris vend app */


:root{
	--send-bg: #rgb(246, 246, 247);			/* polaris */
	--send-blue: #092233;			/* polaris */
	--send-cream: #F7F3F1;			/* polaris */
	--send-yellow: #C17F29;			/* polaris */
}

html{
    font-size:10px!important;
}

strong {
    font-weight: 600
}

a {
    color: var(--p-interactive, #006fbb);
    text-decoration: none;
    cursor: pointer
}

    a:hover {
        color: var(--p-interactive-hovered, #084e8a)
    }

    a:active {
        color: var(--p-interactive-pressed)
    }

    a.is-disabled {
        color: var(--p-text-disabled, #95a7b7);
        pointer-events: none
    }

    a.text-emphasis-subdued {
        color: var(--p-text-subdued, inherit);
        text-decoration: underline
    }

        a.text-emphasis-subdued:hover {
            color: var(--p-text-subdued, #212b36)
        }

button.text-emphasis-subdued {
    color: inherit;
    text-decoration: underline
}

.type-container > *:not(.hide) + * {
    margin-top: 1.6rem
}

.type-container.type-container--tight > *:not(.hide) + * {
    margin-top: 0.8rem
}

.type-container.type-container--extra-tight > *:not(.hide) + * {
    margin-top: 0.4rem
}

.text-style-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem
}

.text-style-heading {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem
}

@media screen and (max-width: 640px) {
    .text-style-heading {
        font-size: 1.6rem
    }
}

.text-style-subheading {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .text-style-subheading {
        font-size: 1.2rem
    }
}

.text-style-input {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .text-style-input {
        font-size: 1.4rem
    }
}

.text-style-body {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .text-style-body {
        font-size: 1.4rem
    }
}

.text-style-display-x-large {
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 3.6rem
}

@media (max-width: 640px) {
    .text-style-display-x-large {
        font-size: 4.2rem;
        line-height: 4.4rem
    }
}

.text-style-display-large {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2.8rem
}

@media (max-width: 640px) {
    .text-style-display-large {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.text-style-display-medium {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.8rem
}

@media (max-width: 640px) {
    .text-style-display-medium {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.text-style-display-small {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .text-style-display-small {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.text-emphasis-strong {
    font-weight: 600
}

.text-emphasis-subdued {
    color: var(--p-text-subdued, #637381)
}

.text-emphasis-normal {
    font-weight: 400;
    color: var(--p-text, #212b36)
}

.text-breakword {
    word-wrap: break-word;
    word-break: break-word
}

@-webkit-keyframes skeletonShimmerAnimation {
    0% {
        opacity: 0.45
    }

    100% {
        opacity: 0.9
    }
}

@keyframes skeletonShimmerAnimation {
    0% {
        opacity: 0.45
    }

    100% {
        opacity: 0.9
    }
}

@-webkit-keyframes fieldErrors {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    33% {
        -webkit-transform: translate(5px, 0px);
        transform: translate(5px, 0px)
    }

    66% {
        -webkit-transform: translate(-5px, 0px);
        transform: translate(-5px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes fieldErrors {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    33% {
        -webkit-transform: translate(5px, 0px);
        transform: translate(5px, 0px)
    }

    66% {
        -webkit-transform: translate(-5px, 0px);
        transform: translate(-5px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes modalOpen {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes modalOpen {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes modalBgOpen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes modalBgOpen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes wobbleOpposite {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes wobbleOpposite {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes reveal {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0;
        -webkit-transform: scale(0.98) translateY(-15px);
        transform: scale(0.98) translateY(-15px)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes reveal {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0;
        -webkit-transform: scale(0.98) translateY(-15px);
        transform: scale(0.98) translateY(-15px)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pan {
    0% {
        background-position: 0
    }

    20% {
        background-position: 100px
    }

    25% {
        background-position: 1060px
    }

    45% {
        background-position: 1160px
    }

    50% {
        background-position: 2120px
    }

    70% {
        background-position: 2220px
    }

    75% {
        background-position: 3180px
    }

    95% {
        background-position: 3280px
    }

    100% {
        background-position: 4242px
    }
}

@keyframes pan {
    0% {
        background-position: 0
    }

    20% {
        background-position: 100px
    }

    25% {
        background-position: 1060px
    }

    45% {
        background-position: 1160px
    }

    50% {
        background-position: 2120px
    }

    70% {
        background-position: 2220px
    }

    75% {
        background-position: 3180px
    }

    95% {
        background-position: 3280px
    }

    100% {
        background-position: 4242px
    }
}

@-webkit-keyframes flyup {
    0% {
        -webkit-transform: translateY(100px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

@keyframes flyup {
    0% {
        -webkit-transform: translateY(100px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes flydown {
    0% {
        -webkit-transform: translateY(-100px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

@keyframes flydown {
    0% {
        -webkit-transform: translateY(-100px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flyright {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes flyright {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fillup {
    0% {
        width: 0%
    }
}

@keyframes fillup {
    0% {
        width: 0%
    }
}

@-webkit-keyframes giftSlideUp {
    0% {
        background-position: center 0
    }

    100% {
        background-position: center -995px
    }
}

@keyframes giftSlideUp {
    0% {
        background-position: center 0
    }

    100% {
        background-position: center -995px
    }
}

@-webkit-keyframes giftSlideUp2x {
    0% {
        background-position: center 0
    }

    100% {
        background-position: center -498px
    }
}

@keyframes giftSlideUp2x {
    0% {
        background-position: center 0
    }

    100% {
        background-position: center -498px
    }
}

@-webkit-keyframes giftSlideUpGradient {
    0% {
        background-position: center center, center 0
    }

    100% {
        background-position: center center, center -995px
    }
}

@keyframes giftSlideUpGradient {
    0% {
        background-position: center center, center 0
    }

    100% {
        background-position: center center, center -995px
    }
}

@-webkit-keyframes giftSlideUpGradient2x {
    0% {
        background-position: center center, center center, center 0
    }

    100% {
        background-position: center center, center center, center -498px
    }
}

@keyframes giftSlideUpGradient2x {
    0% {
        background-position: center center, center center, center 0
    }

    100% {
        background-position: center center, center center, center -498px
    }
}

@-webkit-keyframes bouncein {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncein {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

button::-moz-focus-inner {
    border: 0
}

a:hover section {
    text-decoration: none
}

a.disabled {
    color: #aaa;
    pointer-events: none
}

ul.unstyled, ul.ui-tertiary-navigation__dropdown, ul.dropdown, ol.unstyled, ol.ui-tertiary-navigation__dropdown, ol.dropdown {
    margin: 0
}

    ul.unstyled > li, ul.ui-tertiary-navigation__dropdown > li, ul.dropdown > li, ol.unstyled > li, ol.ui-tertiary-navigation__dropdown > li, ol.dropdown > li {
        list-style: none
    }

ul.horizontal::after, ol.horizontal::after {
    content: '';
    display: table;
    clear: both
}

ul.horizontal > li, ol.horizontal > li {
    display: block;
    float: left
}

hr {
    color: #e6e6e6;
    background-color: #e6e6e6;
    height: 1px;
    padding: 0;
    border: 0
}

[tabindex="-1"]:focus {
    outline: none
}

a, button, [role="button"], input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.block {
    display: block !important
}

.is-visuallyhidden, .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.is-transitioning {
    display: block !important;
    visibility: visible !important
}

.inline {
    display: inline !important;
    width: auto !important
}

.inline-block {
    display: inline-block !important
}

.table {
    display: table !important
}

.table-cell {
    display: table-cell !important
}

.divider {
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.divider-slim {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.divider-top {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #e6e6e6 !important
}

.s-none {
    margin: 0 !important
}

.s {
    margin: 10px !important
}

.ss {
    margin: 20px !important
}

.st {
    margin-top: 10px !important
}

.sst {
    margin-top: 20px !important
}

.sr {
    margin-right: 10px !important
}

.ssr {
    margin-right: 20px !important
}

.sb {
    margin-bottom: 10px !important
}

.has-inline-errors .sb {
    position: relative
}

.ssb {
    margin-bottom: 15px !important
}

.ssb--thin {
    margin-bottom: 7px !important
}

.sssb {
    margin-bottom: 30px !important
}

.sl {
    margin-left: 10px !important
}

.ssl {
    margin-left: 20px !important
}

.p-none {
    padding: 0 !important
}

.pt-none {
    padding-top: 0 !important
}

.pr-none {
    padding-right: 0 !important
}

.pl-none {
    padding-left: 0 !important
}

.p {
    padding: 10px !important
}

.pp {
    padding: 20px !important
}

.pt {
    padding-top: 10px !important
}

.ppt {
    padding-top: 20px !important
}

.pppt {
    padding-top: 30px !important
}

.pr {
    padding-right: 10px !important
}

.ppr {
    padding-right: 20px !important
}

.pb {
    padding-bottom: 10px !important
}

.ppb {
    padding-bottom: 20px !important
}

.pl {
    padding-left: 10px !important
}

.ppl {
    padding-left: 20px !important
}

.pppl {
    padding-left: 30px !important
}

.p-rel {
    position: relative !important
}

.no-wrap {
    white-space: nowrap !important
}

.w-auto {
    width: auto !important
}

.fr {
    float: right !important
}

.fl {
    float: left !important
}

.fn {
    float: none !important
}

.tr {
    text-align: right !important
}

.tl {
    text-align: left !important
}

.tc {
    text-align: center !important
}

.wait {
    cursor: wait !important
}

.pointer {
    cursor: pointer !important
}

.cursor-default {
    cursor: default
}

.va-t {
    vertical-align: top !important
}

.va-m {
    vertical-align: middle !important
}

.relative {
    position: relative
}

.fixed {
    position: fixed !important
}

.updated {
    background: #f3eab5;
    color: #ce6416
}

.underline {
    text-decoration: underline
}

.mono {
    font-family: Monaco, Consolas, "Lucida Console", monospace
}

.uppercase {
    text-transform: uppercase
}

.dashed-text {
    border-bottom: 1px dashed #ccc
}

@media screen and (max-width: 1200px) {
    .truncate::before {
        content: "..."
    }

    .truncate .is-truncated {
        display: none
    }
}

.paragraph p {
    margin-bottom: 10px
}

    .paragraph p:last-child {
        margin-bottom: 0
    }

.paragraph ol, .paragraph ul {
    margin-left: 20px
}

.paragraph li {
    margin: 5px 0
}

    .paragraph li li {
        margin: 8px 0;
        line-height: 1.2
    }

.paragraph ul li {
    list-style-type: square
}

    .paragraph ul li li {
        list-style-type: circle
    }

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent
}

.top {
    top: 0
}

.animate.animate-rotate {
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite
}

.helper--kill-transitions {
    -webkit-transition: none;
    transition: none
}

.helper--visually-hidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .helper--visually-hidden a, .body:hover .helper--visually-hidden input, .body:hover .helper--visually-hidden button {
    display: none !important
}

.helper--visually-hidden-focusable {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .helper--visually-hidden-focusable a, .body:hover .helper--visually-hidden-focusable input, .body:hover .helper--visually-hidden-focusable button {
    display: none !important
}

.helper--visually-hidden-focusable:active, .helper--visually-hidden-focusable:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    width: auto !important
}

.helper--overflow-hidden {
    overflow: hidden !important;
    max-height: 100vh !important
}

.helper--pre-wrap {
    white-space: pre-wrap
}

.helper--scroll-lock {
    overflow-y: scroll;
    margin: 0
}

    .helper--scroll-lock .ui-app-frame, .helper--scroll-lock #wrapper {
        overflow: hidden;
        height: 100%
    }

hr.helper--divider {
    color: #ebeef0;
    background: #ebeef0;
    border: none;
    height: 1px;
    margin: 20px 0
}

.helper--scrollable {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}


img {
    display: block;
    max-width: 100%
}
.breadcrumb{
    margin: .6em 0 0 0!important;
    padding: 0!important;
}

ul, ol, dl {
    margin: 0;
    padding: 0
}

li, form, input {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0 0 20px 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0
}

h1 {
    font-size: 26px!important;
    line-height: 1
}

h2 {
    font-size: 18px !important
}

h3 {
    font-size: 14px !important
}

h4 {
    font-size: 14px !important
}

h5 {
    font-size: 14px !important
}

h6 {
    font-size: 14px !important
}


p {
    margin: 0
}

ul {
    list-style: disc inside none
}

ol {
    list-style: decimal inside none
}

    ol[type='1'] {
        list-style: decimal inside none
    }

    ol[type='a'] {
        list-style: lower-alpha inside none
    }

    ol[type='A'] {
        list-style: upper-alpha inside none
    }

    ol[type='i'] {
        list-style: lower-roman inside none
    }

    ol[type='I'] {
        list-style: upper-roman inside none
    }

li {
    margin: 0
}

dt {
    font-weight: bold
}

dd {
    margin-left: 10px
}

pre, code {
    font-family: Monaco, Consolas, Lucida Console, monospace
}

pre {
    font-size: 90%
}

code {
    font-size: 85%;
    background: #ebeef0;
    padding: 2px;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

input {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--main-font)
}

del {
    text-decoration: line-through
}

address {
    font-style: normal
}

small {
    color: #798c9c;
    font-size: 12px
}

.next-type--note {
    font-style: italic;
    font-size: 12px;
    color: #95a7b7
}

.type--no-margin {
    margin: 0
}

.type--margin-bottom {
    margin-bottom: 5px
}

.type--margin-left {
    margin-left: 10px
}

.type--centered {
    text-align: center
}

.type--right {
    text-align: right
}

.type--left {
    text-align: left
}

.type--breakall {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

.type--light-weight {
    font-weight: 300
}

.type--semi-bold {
    font-weight: 500
}

.type--bold {
    font-weight: 700
}

.type--base {
    font-size: 14px
}

.type--danger {
    color: #ff5d5d
}

.type--warning {
    color: #ff9517
}

.type--success {
    color: #96bf48
}

.type--attention {
    color: #d4a002
}

.type--info {
    color: #006fbb
}

.type--white {
    color: #ffffff
}

.type--blue-lighter {
    color: #ebf5fa
}

.type--strikethrough {
    text-decoration: line-through
}

.type--line-height-equal-to-font {
    line-height: 1 !important
}

.type--tight-spacing {
    margin-bottom: -4px
}

.type--preserve-whitespace {
    white-space: pre-wrap
}

.type--subdued {
    color: var(--p-text-subdued, #637381)
}

.type--no-wrap {
    white-space: nowrap
}

a.type--subdued, button.type--subdued {
    color: inherit;
    text-decoration: underline
}

    a.type--subdued:hover {
        color: #212b36
    }

.type--truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block
}

.type--truncated--block {
    display: block
}

.type--margin-top {
    margin-top: 20px
}

.type--half-margin {
    margin-bottom: 10px
}

.type--number {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .type--number {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.type--number--x-large {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2.8rem
}

@media (max-width: 640px) {
    .type--number--x-large {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.type--number--large {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.8rem
}

@media (max-width: 640px) {
    .type--number--large {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.type--number--small {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .type--number--small {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.type--number--tiny {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .type--number--tiny {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ellipsis-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.x-large {
    font-size: 18px;
    line-height: 22px
}

.xx-large {
    font-size: 20px;
    line-height: 24px
}

.large {
    font-size: 16px
}

.small {
    font-size: 13px
}

.x-small {
    font-size: 12px
}

.fw-normal {
    font-weight: normal !important
}

.fw-strong {
    font-weight: bold !important
}

.fw-strong-black {
    color: #000000;
    font-weight: bold !important
}

.capitalize {
    text-transform: capitalize
}

.light {
    font-weight: normal
}

.lbl-light {
    color: #8093a5;
    font-weight: normal
}

.description p {
    margin-bottom: 8px
}

.heading {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    color: #000000;
    margin: 0 0 12px 0;
    font-size: 16px;
    padding: 0 0 4px 0;
    font-weight: bold
}

    .heading a {
        font-weight: normal
    }

.heading-success, .heading-error, .heading-warning, .heading-subdued {
    margin: 0 0 4px 0;
    line-height: 1.3;
    font-weight: 600
}

.heading-success {
    color: #96bf48
}

.heading-error {
    color: #ff5d5d
}

.heading-warning {
    color: #ff9517
}

.heading-subdued {
    color: #798c9c
}

.table-dropdown .heading {
    padding-left: 0px
}

.next-grid__cell--full-height, .next-grid--equal-height-cells > .next-grid__cell {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .next-grid__cell--full-height > *, .next-grid--equal-height-cells > .next-grid__cell > * {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

.next-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 20px);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px
}

    .next-grid ~ .next-grid {
        padding-top: 0
    }

    .next-grid:last-of-type {
        padding-bottom: 10px
    }

    .next-grid.next-grid--single-column {
        display: block
    }

        .next-grid.next-grid--single-column > .next-grid__cell {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0
        }

    .next-grid.next-grid--channel-single-column {
        display: block
    }

        .next-grid.next-grid--channel-single-column > .next-grid__cell {
            max-width: 100%
        }

.next-grid__cell > .next-grid {
    width: 100%;
    padding: 0
}

    .next-grid__cell > .next-grid .next-grid__cell:first-child {
        padding-left: 0
    }

    .next-grid__cell > .next-grid .next-grid__cell:last-child {
        padding-right: 0
    }

.next-grid--no-padding {
    width: 100%
}

    .next-grid--no-padding:first-of-type, .next-grid--no-padding:last-of-type {
        padding: 0
    }

    .next-grid--no-padding > .next-grid__cell {
        padding: 0
    }

.ui-banner + .next-grid--no-padding {
    margin-top: 1.6rem
}

.next-grid--no-outside-padding {
    width: 100%;
    padding: 0
}

    .next-grid--no-outside-padding:last-of-type {
        padding: 0
    }

    .next-grid--no-outside-padding > .next-grid__cell {
        padding-top: 0;
        padding-bottom: 0
    }

        .next-grid--no-outside-padding > .next-grid__cell:first-of-type {
            padding-left: 0
        }

        .next-grid--no-outside-padding > .next-grid__cell:last-of-type {
            padding-right: 0
        }

    .next-grid--no-outside-padding + .next-grid--no-outside-padding {
        margin-top: 20px
    }

    .next-grid--no-outside-padding + * > .next-grid--no-outside-padding:first-child {
        margin-top: 20px
    }

.next-grid--compact > .next-grid__cell {
    padding-left: 5px;
    padding-right: 5px
}

.next-grid--more-compact > .next-grid__cell {
    padding-left: 3px;
    padding-right: 3px
}

.next-grid--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .next-grid--column > .next-grid__cell {
        padding: 10px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .next-grid--column > .next-grid__cell:first-child {
            padding-top: 0
        }

        .next-grid--column > .next-grid__cell:last-child {
            padding-bottom: 0
        }

    .next-grid--column.next-grid--compact > .next-grid__cell {
        padding: 5px 0
    }

        .next-grid--column.next-grid--compact > .next-grid__cell:first-child {
            padding-top: 0
        }

        .next-grid--column.next-grid--compact > .next-grid__cell:last-child {
            padding-bottom: 0
        }

    .next-grid--column.next-grid--no-padding > .next-grid__cell {
        padding: 0
    }

    .next-grid--column.next-grid--more-compact > .next-grid__cell {
        padding: 3px 0
    }

.next-grid--no-horizontal-padding {
    width: 100%
}

    .next-grid--no-horizontal-padding > .next-grid__cell:first-of-type {
        padding-left: 0
    }

    .next-grid--no-horizontal-padding > .next-grid__cell:last-of-type {
        padding-right: 0
    }

.next-grid--condensed-page-spacing {
    width: 100%;
    padding: 0
}

.next-grid--vertically-centered, .next-grid--center-both {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.next-grid--aligned-to-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.next-grid--aligned-to-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.next-grid--right-aligned {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.next-grid--center-aligned, .next-grid--center-both {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.next-grid--space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.next-grid--multi-row-special {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .next-grid--multi-row-special.next-grid--single-column {
        margin: 20px auto
    }

.next-grid--multi-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.next-grid--full-height {
    height: 100vh
}

.next-grid--margin-top {
    margin-top: 5px
}

.next-grid--margin-bottom {
    margin-bottom: 5px
}

.next-grid__cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0
}

.next-grid__cell--double {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.next-grid__cell--full {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.next-grid__cell--half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.next-grid__cell--third {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

.next-grid__cell--two-fifths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.next-grid__cell--quarter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.next-grid__cell--three-quarter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.next-grid__cell--fifth {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.next-grid__cell--no-flex {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.next-grid__cell--vertically-centered {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.next-grid__cell--aligned-to-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.next-grid__cell--divider {
    position: relative
}

    .next-grid__cell--divider::after, .next-grid__cell--divider::before {
        content: '';
        margin-left: -20px;
        position: absolute;
        top: 15px;
        bottom: 15px;
        width: 1px;
        background: #d3dbe2
    }

    .next-grid__cell--divider::after {
        right: 10px
    }

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .page > .next-grid:not(.next-grid--single-column), .page > * > .next-grid:not(.next-grid--single-column) {
        width: 100%;
        padding: 0
    }
}

@media (max-width: 769px),(min-width: 769px) and (max-width: 1054px) {
    .next-grid--outer-grid-3 {
        display: block
    }

        .next-grid--outer-grid-3 > .next-grid__cell {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0
        }
}

@media (max-width: 740px),(min-width: 769px) and (max-width: 1004px) {
    .next-grid--channel-grid {
        display: block
    }

        .next-grid--channel-grid > .next-grid__cell {
            max-width: 100%
        }
}

@media (max-width: 740px),(min-width: 769px) and (max-width: 1004px) {
    .next-grid--outer-grid {
        display: block
    }

        .next-grid--outer-grid > .next-grid__cell {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0
        }
}

.hide {
    display: none !important
}

.ui-action-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0.8rem 0
}

    .ui-action-list + .ui-action-list {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-action-list__item {
    width: 100%
}

.ui-action-list-action {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: inherit;
    padding: 0.8rem 1.6rem;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #212b36;
    cursor: pointer;
    text-align: inherit;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .ui-action-list-action {
        font-size: 1.4rem
    }
}

.ui-action-list-action:focus, .ui-action-list-action:hover, .ui-action-list-action--selected {
    background-color: #5c6ac4;
    outline: 0;
    color: white;
    text-decoration: none
}

    .ui-action-list-action:focus .ui-action-list-action__text, .ui-action-list-action:focus .ui-action-list-action__help-text, .ui-action-list-action:hover .ui-action-list-action__text, .ui-action-list-action:hover .ui-action-list-action__help-text, .ui-action-list-action--selected .ui-action-list-action__text, .ui-action-list-action--selected .ui-action-list-action__help-text {
        color: inherit
    }

.ui-action-list-action:disabled, .ui-action-list-action[aria-disabled] {
    color: #919eab;
    cursor: default;
    pointer-events: none
}

    .ui-action-list-action:disabled .ui-action-list-action__text, .ui-action-list-action:disabled .ui-action-list-action__help-text, .ui-action-list-action[aria-disabled] .ui-action-list-action__text, .ui-action-list-action[aria-disabled] .ui-action-list-action__help-text {
        font-weight: 400;
        color: inherit
    }

    .ui-action-list-action:disabled:focus, .ui-action-list-action[aria-disabled]:focus {
        background-color: #dfe3e8
    }

.ui-action-list-action__text {
    display: block
}

.ui-action-list-action__help-text {
    display: block;
    color: var(--p-text-subdued, #637381)
}

.ui-action-list-action--subdued {
    background-color: #f4f6f8;
    color: var(--p-text-subdued, #637381)
}

    .ui-action-list-action--subdued:hover {
        background: #ebf5fa;
        color: var(--p-text-subdued, #637381)
    }

.ui-action-list__section {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ui-action-list__title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase;
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

@media screen and (max-width: 640px) {
    .ui-action-list__title {
        font-size: 1.2rem
    }
}

.ui-annotated-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    padding-top: 1.6rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-annotated-section {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-annotated-section {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (max-width: 568px) {
    .ui-annotated-section {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .ui-annotated-section {
        display: block;
        padding-top: 0
    }
}

.ui-annotated-section-container {
    margin: 1.6rem 0
}

    .ui-annotated-section-container + .ui-annotated-section-container .ui-annotated-section {
        margin-top: 0;
        padding-top: 1.6rem;
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

@media screen and (max-width: 568px) {
    .ui-annotated-section-container + .ui-annotated-section-container .ui-annotated-section {
        margin-top: 0;
        padding-top: 0;
        border: 0
    }
}

.ui-annotated-section__content {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1 48rem;
    -ms-flex: 2 1 48rem;
    flex: 2 1 48rem;
    max-width: 100%;
    min-width: 0;
    padding: 0
}

.ui-annotated-section__annotation {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 24rem;
    -ms-flex: 1 1 24rem;
    flex: 1 1 24rem;
    padding: 0 6.4rem 0 0
}

@media screen and (max-width: 568px) {
    .ui-annotated-section__annotation {
        padding-left: 1.6rem
    }
}

.ui-annotated-section__title {
    padding: 1.6rem 0
}

.ui-annotated-section__description {
    color: var(--p-text-subdued, #637381);
    padding: 0 0 1.6rem
}

    .ui-annotated-section__description p {
        margin-bottom: 1.2rem
    }

.ui-app-frame {
    width: 100%;
    min-height: 100%
}

.ui-app-frame__header {
    position: fixed;
    z-index: 502;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem
}

.ui-app-frame__skip-to-content:not(:focus) {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .ui-app-frame__skip-to-content:not(:focus) a, .body:hover .ui-app-frame__skip-to-content:not(:focus) input, .body:hover .ui-app-frame__skip-to-content:not(:focus) button {
    display: none !important
}

.ui-app-frame__skip-to-content:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    width: auto !important;
    position: absolute;
    z-index: 501;
    left: 0.8rem
}

.ui-app-frame__aside {
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
    padding-left: calc(0px + constant(safe-area-inset-left));
    padding-left: calc(0px + env(safe-area-inset-left));
    background-color: var(--p-background, #f4f6f8)
}

@media screen and (max-width: 768px) {
    .ui-app-frame__aside {
        z-index: 504;
        top: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        display: none;
        width: calc(100vw - 5.6rem);
        -webkit-transition: -webkit-transform 260ms ease;
        transition: -webkit-transform 260ms ease;
        transition: transform 260ms ease;
        transition: transform 260ms ease, -webkit-transform 260ms ease;
        min-width: 24rem;
        max-width: 26.4rem
    }
}

@media screen and (max-width: 768px) and (prefers-reduced-motion: reduce) {
    .ui-app-frame__aside {
        -webkit-transition-duration: 1ms;
        transition-duration: 1ms
    }
}

@media screen and (min-width: 769px) {
    .ui-app-frame__aside {
        z-index: 1;
        top: 5.6rem;
        width: 24rem;
        border-right: 1px solid var(--p-border-subdued, #dfe3e8)
    }
}

@media screen and (max-width: 768px) {
    .ui-app-frame__aside--is-open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block
    }
}

@media screen and (max-width: 768px) {
    .ui-app-frame__aside--is-transitioning {
        display: block;
        visibility: visible
    }
}

@media screen and (min-width: 769px) {
    .ui-app-frame__aside-opener {
        display: none
    }
}

.ui-app-frame__aside-closer {
    position: absolute;
    top: 0.8rem;
    right: -0.8rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 260ms ease;
    transition: opacity 260ms ease;
    opacity: 0
}

@media screen and (min-width: 769px) {
    .ui-app-frame__aside-closer {
        display: none
    }
}

.ui-app-frame__aside--is-open .ui-app-frame__aside-closer {
    opacity: 1
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-app-frame__aside-closer {
        -webkit-transition-duration: 0ms;
        transition-duration: 0ms
    }
}

.ui-app-frame__main {
    display: block;
    padding-top: 5.6rem;
    padding-right: 0px;
    padding-right: calc(0px + constant(safe-area-inset-right));
    padding-right: calc(0px + env(safe-area-inset-right));
    padding-bottom: 0px;
    padding-bottom: calc(0px + constant(safe-area-inset-bottom));
    padding-bottom: calc(0px + env(safe-area-inset-bottom))
}

@media screen and (max-width: 768px) {
    .ui-app-frame__main {
        padding-left: 0px;
        padding-left: calc(0px + constant(safe-area-inset-left));
        padding-left: calc(0px + env(safe-area-inset-left))
    }
}

@media screen and (min-width: 769px) {
    .ui-app-frame__main {
        padding-left: 24rem
    }
}

.ui-app-frame__backdrop {
    display: none
}

@media screen and (max-width: 768px) {
    .ui-app-frame__backdrop {
        position: fixed;
        z-index: 503;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: var(--p-backdrop, rgba(33,43,54,0.86))
    }
}

@media screen and (max-width: 768px) {
    .ui-app-frame__backdrop--is-visible {
        display: block;
        -webkit-animation: app-frame-fadein 260ms ease forwards;
        animation: app-frame-fadein 260ms ease forwards
    }
}

.ui-app-frame--without-chrome .ui-app-frame__main {
    padding-top: 0;
    padding-right: 0px;
    padding-right: calc(0px + constant(safe-area-inset-right));
    padding-right: calc(0px + env(safe-area-inset-right));
    padding-bottom: 0px;
    padding-bottom: calc(0px + constant(safe-area-inset-bottom));
    padding-bottom: calc(0px + env(safe-area-inset-bottom));
    padding-left: 0px;
    padding-left: calc(0px + constant(safe-area-inset-left));
    padding-left: calc(0px + env(safe-area-inset-left))
}

.ui-app-frame--with-turbo-bar {
    min-height: calc(100% - 3.2rem)
}

    .ui-app-frame--with-turbo-bar .ui-app-frame__header {
        top: 3.2rem
    }

@media screen and (max-width: 768px) {
    .ui-app-frame--with-turbo-bar .ui-app-frame__aside {
        top: 3.2rem
    }
}

@media screen and (min-width: 769px) {
    .ui-app-frame--with-turbo-bar .ui-app-frame__aside {
        top: 8.8rem
    }
}

.ui-app-frame--viewing-embedded-app .ui-app-frame__main {
    padding: 0
}

@-webkit-keyframes app-frame-fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes app-frame-fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ui-badge {
    font-size: .8rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--p-text-subdued, #4c5c6c);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    padding: 0 1rem;
    background-color: #dfe3e8;
    border: 2px solid white;
    border-radius: 2rem;
    line-height: 2rem;
    color: #212b36;
    white-space: nowrap;
    vertical-align: middle
}


@media screen and (max-width: 640px) {
    .ui-badge {
        font-size: 1.4rem
    }
}

.ui-badge .next-icon, .ui-badge .next-icon__text {
    top: auto;
    height: 12px;
    width: 12px;
    margin: 0 0.4rem 0 -0.4rem;
    fill: #8a6116;
    color: transparent
}

.ui-badge__pip {
    height: 0.6rem;
    width: 0.6rem;
    margin: 0 0.4rem 0 -0.3rem;
    border: 0.2rem solid currentColor;
    border-radius: 50%
}

.ui-badge--inline {
    margin-left: 0.8rem
}

.ui-badge--status-subdued, .ui-badge--status-complete {
    color: var(--p-text-subdued, #576675);
    background-color: #dfe3e8
}

    .ui-badge--status-subdued .ui-badge__pip, .ui-badge--status-complete .ui-badge__pip {
        color: #919eab
    }

.ui-badge--status-success {
    color: var(--p-text-subdued, #49675b);
    background-color: #bbe5b3;
    color: #212b36
}

    .ui-badge--status-success .ui-badge__pip {
        color: #108043
    }

.ui-badge--status-info {
    color: var(--p-text-subdued, #5b6e7e);
    background-color: #b4e1fa;
    color: #212b36
}

    .ui-badge--status-info .ui-badge__pip {
        color: #084e8a
    }

.ui-badge--status-attention {
    color: var(--p-text-subdued, #636a46);
    background-color: #ffea8a;
    color: #212b36
}

    .ui-badge--status-attention .ui-badge__pip {
        color: #8a6116
    }

.ui-badge--status-warning {
    color: var(--p-text-subdued, #635946);
    background-color: #ffc58b;
    color: #212b36
}

    .ui-badge--status-warning .ui-badge__pip {
        color: #c05717
    }

.ui-badge--status-critical {
    color: var(--p-text-subdued, #634e4e);
    background-color: #fead9a;
    color: #212b36
}

.ui-badge--status-new {
    background-color: #47c1bf;
    color: white
}

.ui-badge--progress-incomplete .ui-badge__pip {
    background: transparent
}

.ui-badge--progress-partially-complete .ui-badge__pip {
    background: -webkit-gradient(linear, left bottom, left top, from(currentColor), color-stop(50%, currentColor), color-stop(50%, transparent), to(transparent));
    background: linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent)
}

.ui-badge--progress-complete .ui-badge__pip {
    background: currentColor
}

.ui-button, #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-verification-ui .hw-button, .btn, .fresh-ui .action-bar__more--has-many .ui-button--transparent {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    background: inherit;
    border: 0;
    border-radius: inherit;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.9rem 1.5rem;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border: 1px solid #c4cdd5;
    -webkit-box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
    box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
    border-radius: var(--p-border-radius-base, 3px);
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #212b36;
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .ui-button::-moz-focus-inner, #hyperwallet-drop-in-transfer-method-ui .hw-button::-moz-focus-inner, #hyperwallet-drop-in-verification-ui .hw-button::-moz-focus-inner, .btn::-moz-focus-inner, .fresh-ui .action-bar__more--has-many .ui-button--transparent::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .ui-button:hover, #hyperwallet-drop-in-transfer-method-ui .hw-button:hover, #hyperwallet-drop-in-verification-ui .hw-button:hover, .ui-button:focus, #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .hw-button:focus, .ui-button:active, #hyperwallet-drop-in-transfer-method-ui .hw-button:active, #hyperwallet-drop-in-verification-ui .hw-button:active, .btn:hover, .fresh-ui .action-bar__more--has-many .ui-button--transparent:hover, .btn:focus, .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus, .btn:active, .fresh-ui .action-bar__more--has-many .ui-button--transparent:active {
        text-decoration: none
    }

    .ui-button.btn-disabled, #hyperwallet-drop-in-transfer-method-ui .btn-disabled.hw-button, #hyperwallet-drop-in-verification-ui .btn-disabled.hw-button, .ui-button.disabled, #hyperwallet-drop-in-transfer-method-ui .disabled.hw-button, #hyperwallet-drop-in-verification-ui .disabled.hw-button, .ui-button:disabled, #hyperwallet-drop-in-transfer-method-ui .hw-button:disabled, #hyperwallet-drop-in-verification-ui .hw-button:disabled, .ui-button[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-button[disabled], #hyperwallet-drop-in-verification-ui .hw-button[disabled], .btn.btn-disabled, .fresh-ui .action-bar__more--has-many .btn-disabled.ui-button--transparent, .btn.disabled, .fresh-ui .action-bar__more--has-many .disabled.ui-button--transparent, .btn:disabled, .fresh-ui .action-bar__more--has-many .ui-button--transparent:disabled, .btn[disabled], .fresh-ui .action-bar__more--has-many .ui-button--transparent[disabled] {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
        pointer-events: none
    }

@media screen and (max-width: 640px) {
    .ui-button, #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-verification-ui .hw-button, .btn, .fresh-ui .action-bar__more--has-many .ui-button--transparent {
        font-size: 1.4rem
    }
}

.ui-button .next-icon, #hyperwallet-drop-in-transfer-method-ui .hw-button .next-icon, #hyperwallet-drop-in-verification-ui .hw-button .next-icon, .ui-button .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .hw-button .next-icon__text, #hyperwallet-drop-in-verification-ui .hw-button .next-icon__text, .btn .next-icon, .btn .next-icon__text, .fresh-ui .action-bar__more--has-many .ui-button--transparent .next-icon, .fresh-ui .action-bar__more--has-many .ui-button--transparent .next-icon__text {
    position: relative;
    top: -0.04em;
    margin-top: -1.1rem;
    margin-bottom: -1.1rem
}

.ui-button .next-icon--color-blue, #hyperwallet-drop-in-transfer-method-ui .hw-button .next-icon--color-blue, #hyperwallet-drop-in-verification-ui .hw-button .next-icon--color-blue, .btn .next-icon--color-blue, .fresh-ui .action-bar__more--has-many .ui-button--transparent .next-icon--color-blue {
    color: transparent;
    fill: #212b36
}

.ui-button .next-icon--color-white, #hyperwallet-drop-in-transfer-method-ui .hw-button .next-icon--color-white, #hyperwallet-drop-in-verification-ui .hw-button .next-icon--color-white, .btn .next-icon--color-white, .fresh-ui .action-bar__more--has-many .ui-button--transparent .next-icon--color-white {
    color: transparent;
    fill: white
}

.ui-button .ico, #hyperwallet-drop-in-transfer-method-ui .hw-button .ico, #hyperwallet-drop-in-verification-ui .hw-button .ico, .btn .ico, .fresh-ui .action-bar__more--has-many .ui-button--transparent .ico {
    margin-top: -button-vertical-spacing(large)-4px;
    margin-bottom: -button-vertical-spacing(large);
    vertical-align: middle
}

.ui-button:hover, #hyperwallet-drop-in-transfer-method-ui .hw-button:hover, #hyperwallet-drop-in-verification-ui .hw-button:hover, .btn:hover, .fresh-ui .action-bar__more--has-many .ui-button--transparent:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#f4f6f8));
    background: linear-gradient(to bottom, #f9fafb, #f4f6f8);
    border-color: #c4cdd5;
    -webkit-box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
    box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
    color: #212b36
}

.ui-button:focus, #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .hw-button:focus, .btn:focus, .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus {
    border-color: #5c6ac4;
    outline: 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(22,29,37,0.05),0 0 0 1px #5c6ac4;
    box-shadow: 0 1px 0 0 rgba(22,29,37,0.05),0 0 0 1px #5c6ac4
}

.ui-button:active, #hyperwallet-drop-in-transfer-method-ui .hw-button:active, #hyperwallet-drop-in-verification-ui .hw-button:active, .ui-button[aria-pressed='true'], #hyperwallet-drop-in-transfer-method-ui .hw-button[aria-pressed='true'], #hyperwallet-drop-in-verification-ui .hw-button[aria-pressed='true'], .btn:active, .fresh-ui .action-bar__more--has-many .ui-button--transparent:active, .btn[aria-pressed='true'], .fresh-ui .action-bar__more--has-many .ui-button--transparent[aria-pressed='true'] {
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f6f8), to(#f4f6f8));
    background: linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    border-color: #c4cdd5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2);
    box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2)
}

    .ui-button[aria-pressed='true']:hover, #hyperwallet-drop-in-transfer-method-ui .hw-button[aria-pressed='true']:hover, #hyperwallet-drop-in-verification-ui .hw-button[aria-pressed='true']:hover, .btn[aria-pressed='true']:hover, .fresh-ui .action-bar__more--has-many .ui-button--transparent[aria-pressed='true']:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#eff2f5), to(#eff2f5));
        background: linear-gradient(to bottom, #eff2f5, #eff2f5)
    }

    .ui-button[aria-pressed='true']:focus, #hyperwallet-drop-in-transfer-method-ui .hw-button[aria-pressed='true']:focus, #hyperwallet-drop-in-verification-ui .hw-button[aria-pressed='true']:focus, .btn[aria-pressed='true']:focus, .fresh-ui .action-bar__more--has-many .ui-button--transparent[aria-pressed='true']:focus {
        border-color: #5c6ac4;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2),0 0 0 1px #5c6ac4;
        box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2),0 0 0 1px #5c6ac4
    }

    .ui-button[aria-pressed='true']:active, #hyperwallet-drop-in-transfer-method-ui .hw-button[aria-pressed='true']:active, #hyperwallet-drop-in-verification-ui .hw-button[aria-pressed='true']:active, .btn[aria-pressed='true']:active, .fresh-ui .action-bar__more--has-many .ui-button--transparent[aria-pressed='true']:active {
        background: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#ebeef2));
        background: linear-gradient(to bottom, #ebeef2, #ebeef2);
        border-color: #c4cdd5;
        -webkit-box-shadow: inset 0 2px 1px 0 rgba(99,115,129,0.1),inset 0 2px 4px 0 rgba(99,115,129,0.2);
        box-shadow: inset 0 2px 1px 0 rgba(99,115,129,0.1),inset 0 2px 4px 0 rgba(99,115,129,0.2)
    }

@-webkit-keyframes button-loading-spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes button-loading-spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui-button.has-loading, #hyperwallet-drop-in-transfer-method-ui .has-loading.hw-button, #hyperwallet-drop-in-verification-ui .has-loading.hw-button, .ui-button.js-btn-loadable, #hyperwallet-drop-in-transfer-method-ui .js-btn-loadable.hw-button, #hyperwallet-drop-in-verification-ui .js-btn-loadable.hw-button, .btn.has-loading, .fresh-ui .action-bar__more--has-many .has-loading.ui-button--transparent, .btn.js-btn-loadable, .fresh-ui .action-bar__more--has-many .js-btn-loadable.ui-button--transparent {
    position: relative;
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out
}

    .ui-button.has-loading::before, #hyperwallet-drop-in-transfer-method-ui .has-loading.hw-button::before, #hyperwallet-drop-in-verification-ui .has-loading.hw-button::before, .ui-button.js-btn-loadable::before, #hyperwallet-drop-in-transfer-method-ui .js-btn-loadable.hw-button::before, #hyperwallet-drop-in-verification-ui .js-btn-loadable.hw-button::before, .btn.has-loading::before, .fresh-ui .action-bar__more--has-many .has-loading.ui-button--transparent::before, .btn.js-btn-loadable::before, .fresh-ui .action-bar__more--has-many .js-btn-loadable.ui-button--transparent::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: none;
        height: 16px;
        width: 16px;
        margin-top: -8px;
        margin-left: -8px;
        background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/legacy/loading-circle-ink-lightest-be2e19b67f4e2072316fb29880df3db298ffa195e3ab628f6cd8054018fa0613.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-animation: button-loading-spinner 0.7s linear infinite;
        animation: button-loading-spinner 0.7s linear infinite
    }

.ui-button.is-loading, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button, #hyperwallet-drop-in-verification-ui .is-loading.hw-button, .ui-button.is-loading:hover, .btn.is-loading, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent, .btn.is-loading:hover {
    border: 1px solid var(--p-border, #c4cdd5);
    cursor: default;
    color: transparent;
    text-shadow: none
}

    .ui-button.is-loading .next-icon, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button .next-icon, #hyperwallet-drop-in-verification-ui .is-loading.hw-button .next-icon, .ui-button.is-loading .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button .next-icon__text, #hyperwallet-drop-in-verification-ui .is-loading.hw-button .next-icon__text, .ui-button.is-loading:hover .next-icon, .btn.is-loading .next-icon, .btn.is-loading .next-icon__text, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent .next-icon, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent .next-icon__text, .btn.is-loading:hover .next-icon {
        visibility: hidden
    }

    .ui-button.is-loading, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button, #hyperwallet-drop-in-verification-ui .is-loading.hw-button, .ui-button.is-loading.btn-disabled, .ui-button.is-loading.disabled, .ui-button.is-loading:disabled, .ui-button.is-loading[disabled], .ui-button.is-loading:hover, .ui-button.is-loading.btn-disabled:hover, .ui-button.is-loading.disabled:hover, .ui-button.is-loading:hover:disabled, .ui-button.is-loading[disabled]:hover, .btn.is-loading, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent, .btn.is-loading.btn-disabled, .btn.is-loading.disabled, .btn.is-loading:disabled, .btn.is-loading[disabled], .btn.is-loading:hover, .btn.is-loading.btn-disabled:hover, .btn.is-loading.disabled:hover, .btn.is-loading:hover:disabled, .btn.is-loading[disabled]:hover {
        color: transparent
    }

        .ui-button.is-loading::before, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button::before, #hyperwallet-drop-in-verification-ui .is-loading.hw-button::before, .ui-button.is-loading:hover::before, .btn.is-loading::before, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent::before, .btn.is-loading:hover::before {
            display: block
        }

        .ui-button.is-loading:hover, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button:hover, #hyperwallet-drop-in-verification-ui .is-loading.hw-button:hover, .ui-button.is-loading:focus, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button:focus, #hyperwallet-drop-in-verification-ui .is-loading.hw-button:focus, .ui-button.is-loading:active, #hyperwallet-drop-in-transfer-method-ui .is-loading.hw-button:active, #hyperwallet-drop-in-verification-ui .is-loading.hw-button:active, .ui-button.is-loading:hover:focus, .ui-button.is-loading:hover:active, .btn.is-loading:hover, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent:hover, .btn.is-loading:focus, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent:focus, .btn.is-loading:active, .fresh-ui .action-bar__more--has-many .is-loading.ui-button--transparent:active, .btn.is-loading:hover:focus, .btn.is-loading:hover:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            color: transparent
        }

.ui-button.btn-disabled, #hyperwallet-drop-in-transfer-method-ui .btn-disabled.hw-button, #hyperwallet-drop-in-verification-ui .btn-disabled.hw-button, .ui-button.disabled, #hyperwallet-drop-in-transfer-method-ui .disabled.hw-button, #hyperwallet-drop-in-verification-ui .disabled.hw-button, .ui-button:disabled, #hyperwallet-drop-in-transfer-method-ui .hw-button:disabled, #hyperwallet-drop-in-verification-ui .hw-button:disabled, .ui-button[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-button[disabled], #hyperwallet-drop-in-verification-ui .hw-button[disabled], .btn.btn-disabled, .fresh-ui .action-bar__more--has-many .btn-disabled.ui-button--transparent, .btn.disabled, .fresh-ui .action-bar__more--has-many .disabled.ui-button--transparent, .btn:disabled, .fresh-ui .action-bar__more--has-many .ui-button--transparent:disabled, .btn[disabled], .fresh-ui .action-bar__more--has-many .ui-button--transparent[disabled] {
    background: #f4f6f8;
    border-color: #c4cdd5;
    color: #919eab
}

    .ui-button.btn-disabled .next-icon, #hyperwallet-drop-in-transfer-method-ui .btn-disabled.hw-button .next-icon, #hyperwallet-drop-in-verification-ui .btn-disabled.hw-button .next-icon, .ui-button.btn-disabled .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .btn-disabled.hw-button .next-icon__text, #hyperwallet-drop-in-verification-ui .btn-disabled.hw-button .next-icon__text, .ui-button.disabled .next-icon, #hyperwallet-drop-in-transfer-method-ui .disabled.hw-button .next-icon, #hyperwallet-drop-in-verification-ui .disabled.hw-button .next-icon, .ui-button.disabled .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .disabled.hw-button .next-icon__text, #hyperwallet-drop-in-verification-ui .disabled.hw-button .next-icon__text, .ui-button:disabled .next-icon, #hyperwallet-drop-in-transfer-method-ui .hw-button:disabled .next-icon, #hyperwallet-drop-in-verification-ui .hw-button:disabled .next-icon, .ui-button:disabled .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .hw-button:disabled .next-icon__text, #hyperwallet-drop-in-verification-ui .hw-button:disabled .next-icon__text, .ui-button[disabled] .next-icon, #hyperwallet-drop-in-transfer-method-ui .hw-button[disabled] .next-icon, #hyperwallet-drop-in-verification-ui .hw-button[disabled] .next-icon, .ui-button[disabled] .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .hw-button[disabled] .next-icon__text, #hyperwallet-drop-in-verification-ui .hw-button[disabled] .next-icon__text, .btn.btn-disabled .next-icon, .btn.btn-disabled .next-icon__text, .fresh-ui .action-bar__more--has-many .btn-disabled.ui-button--transparent .next-icon, .fresh-ui .action-bar__more--has-many .btn-disabled.ui-button--transparent .next-icon__text, .btn.disabled .next-icon, .btn.disabled .next-icon__text, .fresh-ui .action-bar__more--has-many .disabled.ui-button--transparent .next-icon, .fresh-ui .action-bar__more--has-many .disabled.ui-button--transparent .next-icon__text, .btn:disabled .next-icon, .btn:disabled .next-icon__text, .fresh-ui .action-bar__more--has-many .ui-button--transparent:disabled .next-icon, .fresh-ui .action-bar__more--has-many .ui-button--transparent:disabled .next-icon__text, .btn[disabled] .next-icon, .btn[disabled] .next-icon__text, .fresh-ui .action-bar__more--has-many .ui-button--transparent[disabled] .next-icon, .fresh-ui .action-bar__more--has-many .ui-button--transparent[disabled] .next-icon__text {
        fill: #919eab
    }

.ui-button--primary, .btn-primary {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--send-blue)), to(var(--send-blue)));
    background: linear-gradient(to bottom, var(--send-blue), var(--send-blue));
    border-color: #3f4eae;
    -webkit-box-shadow: inset 0 1px 0 0 var(--send-blue);
    box-shadow: inset 0 1px 0 0 var(--send-blue);
    color: white
}

    .ui-button--primary:hover, .btn-primary:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#5c6ac4), to(#4959bd));
        background: linear-gradient(to bottom, #5c6ac4, #4959bd);
        border-color: #3f4eae;
        color: white
    }

    .ui-button--primary:focus, .btn-primary:focus {
        border-color: #202e78;
        -webkit-box-shadow: inset 0 1px 0 0 var(--send-blue), 0 0 0 1px #202e78;
        box-shadow: inset 0 1px 0 0 var(--send-blue), 0 0 0 1px #202e78
    }

    .ui-button--primary:active, .btn-primary:active {
        background: -webkit-gradient(linear, left top, left bottom, from(#3f4eae), to(#3f4eae));
        background: linear-gradient(to bottom, #3f4eae, #3f4eae);
        border-color: #38469b;
        -webkit-box-shadow: inset 0 1px 0 0 #38469b, 0 0 0 1px #38469b;
        box-shadow: inset 0 1px 0 0 #38469b, 0 0 0 1px #38469b
    }

    .ui-button--primary.btn-disabled, .ui-button--primary.disabled, .ui-button--primary:disabled, .ui-button--primary[disabled], .btn-primary.btn-disabled, .btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] {
        background: #bac0e6;
        border-color: #a7aedf;
        color: white
    }

    .ui-button--primary.has-loading::before, .ui-button--primary.js-btn-loadable::before, .btn-primary.has-loading::before, .btn-primary.js-btn-loadable::before {
        background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/legacy/loading-circle-white-a67e8595b74485d90bf812f0da5c107dfd16087cb85e8370626c5cdc1fb56adb.svg)
    }

.ui-button--destructive, .btn-destroy-no-hover, .btn-destroy {
    background: -webkit-gradient(linear, left top, left bottom, from(#e6391a), to(#d53417));
    background: linear-gradient(to bottom, #e6391a, #d53417);
    border-color: #b02b13;
    -webkit-box-shadow: inset 0 1px 0 0 #e84528;
    box-shadow: inset 0 1px 0 0 #e84528;
    color: white
}

    .ui-button--destructive:hover, .btn-destroy-no-hover:hover, .btn-destroy:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#de3618), to(#c73016));
        background: linear-gradient(to bottom, #de3618, #c73016);
        border-color: #b02b13;
        color: white
    }

    .ui-button--destructive:focus, .btn-destroy-no-hover:focus, .btn-destroy:focus {
        border-color: #bf0711;
        -webkit-box-shadow: inset 0 1px 0 0 #e84528, 0 0 0 1px #bf0711;
        box-shadow: inset 0 1px 0 0 #e84528, 0 0 0 1px #bf0711
    }

    .ui-button--destructive:active, .btn-destroy-no-hover:active, .btn-destroy:active {
        background: -webkit-gradient(linear, left top, left bottom, from(#b02b13), to(#b02b13));
        background: linear-gradient(to bottom, #b02b13, #b02b13);
        border-color: #992511;
        -webkit-box-shadow: inset 0 1px 0 0 #992511, 0 0 0 1px #992511;
        box-shadow: inset 0 1px 0 0 #992511, 0 0 0 1px #992511
    }

    .ui-button--destructive.btn-disabled, .ui-button--destructive.disabled, .ui-button--destructive:disabled, .ui-button--destructive[disabled], .btn-destroy-no-hover.btn-disabled, .btn-destroy-no-hover.disabled, .btn-destroy-no-hover:disabled, .btn-destroy-no-hover[disabled], .btn-destroy.btn-disabled, .btn-destroy.disabled, .btn-destroy:disabled, .btn-destroy[disabled] {
        background: #f29484;
        border-color: #ef816d;
        color: white
    }

    .ui-button--destructive.has-loading::before, .ui-button--destructive.js-btn-loadable::before, .btn-destroy-no-hover.has-loading::before, .btn-destroy-no-hover.js-btn-loadable::before, .btn-destroy.has-loading::before, .btn-destroy.js-btn-loadable::before {
        background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/legacy/loading-circle-white-a67e8595b74485d90bf812f0da5c107dfd16087cb85e8370626c5cdc1fb56adb.svg)
    }

.ui-button--outline, .btn--outline {
    background: transparent;
    border: 1px solid rgba(99,115,129,0.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #374047
}

    .ui-button--outline:hover, .btn--outline:hover {
        background: rgba(99,115,129,0.05)
    }

    .ui-button--outline:focus, .btn--outline:focus {
        border-color: #637381;
        -webkit-box-shadow: 0 0 0 1px #637381;
        box-shadow: 0 0 0 1px #637381
    }

    .ui-button--outline:active, .btn--outline:active {
        background: rgba(99,115,129,0.1);
        border-color: rgba(99,115,129,0.4);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .ui-button--outline[aria-pressed='true'], .btn--outline[aria-pressed='true'] {
        border-color: rgba(99,115,129,0.4);
        background: rgba(99,115,129,0.08);
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2);
        box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2)
    }

        .ui-button--outline[aria-pressed='true']:hover, .btn--outline[aria-pressed='true']:hover {
            background: rgba(99,115,129,0.12)
        }

        .ui-button--outline[aria-pressed='true']:focus, .btn--outline[aria-pressed='true']:focus {
            border-color: #637381;
            -webkit-box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2),0 0 0 1px #637381;
            box-shadow: inset 0 1px 1px 0 rgba(99,115,129,0.1),inset 0 1px 4px 0 rgba(99,115,129,0.2),0 0 0 1px #637381
        }

        .ui-button--outline[aria-pressed='true']:active, .btn--outline[aria-pressed='true']:active {
            border-color: rgba(99,115,129,0.4);
            background: rgba(99,115,129,0.16);
            -webkit-box-shadow: inset 0 2px 1px 0 rgba(99,115,129,0.1),inset 0 2px 4px 0 rgba(99,115,129,0.2);
            box-shadow: inset 0 2px 1px 0 rgba(99,115,129,0.1),inset 0 2px 4px 0 rgba(99,115,129,0.2)
        }

    .ui-button--outline.btn-disabled, .ui-button--outline.disabled, .ui-button--outline:disabled, .ui-button--outline[disabled], .btn--outline.btn-disabled, .btn--outline.disabled, .btn--outline:disabled, .btn--outline[disabled] {
        background: transparent;
        border: 1px solid rgba(145,158,171,0.4);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #5d6b79
    }

        .ui-button--outline.btn-disabled .next-icon, .ui-button--outline.btn-disabled .next-icon__text, .ui-button--outline.disabled .next-icon, .ui-button--outline.disabled .next-icon__text, .ui-button--outline:disabled .next-icon, .ui-button--outline:disabled .next-icon__text, .ui-button--outline[disabled] .next-icon, .ui-button--outline[disabled] .next-icon__text, .btn--outline.btn-disabled .next-icon, .btn--outline.btn-disabled .next-icon__text, .btn--outline.disabled .next-icon, .btn--outline.disabled .next-icon__text, .btn--outline:disabled .next-icon, .btn--outline:disabled .next-icon__text, .btn--outline[disabled] .next-icon, .btn--outline[disabled] .next-icon__text {
            fill: inherit
        }

.ui-button--size-large, .btn-large {
    margin: 1.5rem 0;
    padding: 1.1rem 2.4rem;
    font-size: 1.7rem
}

@media screen and (max-width: 640px) {
    .ui-button--size-large, .btn-large {
        font-size: 1.6rem
    }
}

.ui-button--size-small, .btn-slim {
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    line-height: 1.6rem
}

@media screen and (max-width: 640px) {
    .ui-button--size-small, .btn-slim {
        font-size: 1.4rem
    }
}

.ui-button--full-width, .btn--full-width {
    overflow: hidden;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis
}

.ui-button--transparent, .btn--transparent, .btn--plain {
    background: transparent;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #007ace;
    text-decoration: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

    .ui-button--transparent:hover, .btn--transparent:hover, .btn--plain:hover {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #084e8a
    }

    .ui-button--transparent:active, .ui-button--transparent:focus, .btn--transparent:active, .btn--transparent:focus, .btn--plain:active, .btn--plain:focus {
        background: rgba(33,43,54,0.05);
        border: 0;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: var(--p-border-radius-base, 3px)
    }

    .ui-button--transparent.ui-button--icon-only, .ui-button--transparent.btn--icon, .btn--transparent.ui-button--icon-only, .btn--transparent.btn--icon, .btn--plain.ui-button--icon-only, .btn--plain.btn--icon {
        color: #212b36
    }

.ui-button--link, .btn--link {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    background: inherit;
    border: 0;
    border-radius: inherit;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #007ace;
    text-decoration: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    padding: 0;
    text-align: left;
    white-space: normal;
    vertical-align: initial
}

    .ui-button--link::-moz-focus-inner, .btn--link::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .ui-button--link:hover, .ui-button--link:focus, .ui-button--link:active, .btn--link:hover, .btn--link:focus, .btn--link:active {
        text-decoration: none
    }

    .ui-button--link.btn-disabled, .ui-button--link.disabled, .ui-button--link:disabled, .ui-button--link[disabled], .btn--link.btn-disabled, .btn--link.disabled, .btn--link:disabled, .btn--link[disabled] {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
        pointer-events: none
    }

    .ui-button--link:hover, .btn--link:hover {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #084e8a
    }

    .ui-button--link:active, .ui-button--link:focus, .btn--link:active, .btn--link:focus {
        background: rgba(33,43,54,0.05);
        border: 0;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: var(--p-border-radius-base, 3px)
    }

    .ui-button--link.ui-button--icon-only, .ui-button--link.btn--icon, .btn--link.ui-button--icon-only, .btn--link.btn--icon {
        color: #212b36
    }

@media screen and (max-width: 640px) {
    .ui-button--link, .btn--link {
        font-size: 1.4rem
    }
}

.ui-button--icon-only, .btn--icon {
    padding-right: 9px;
    padding-left: 9px
}

    .ui-button--icon-only.ui-button--size-large, .ui-button--icon-only.btn-large, .btn--icon.ui-button--size-large, .btn--icon.btn-large {
        padding-right: 11px;
        padding-left: 11px
    }

    .ui-button--icon-only.ui-button--size-small, .ui-button--icon-only.btn-slim, .btn--icon.ui-button--size-small, .btn--icon.btn-slim {
        padding-right: 5px;
        padding-left: 5px
    }

.ui-button--skip, .btn-skip {
    z-index: 226;
    top: 0;
    left: 0;
    padding: 1.6rem 0 !important;
    border-radius: 0;
    text-align: center;
    min-width: 24rem
}

.ui-button-group, .button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -0.8rem;
    margin-right: -0.8rem;
    list-style: none
}

    .ui-button-group .ui-button-group, .ui-button-group .button-group, .button-group .ui-button-group, .button-group .button-group {
        margin-right: 0
    }

    .ui-button-group__item, .ui-button-group > *, .button-group > * {
        margin-top: 0.8rem;
        margin-right: 0.8rem
    }

.ui-button-group--right-aligned, .button-group--right-aligned {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ui-button-group--extra-spacing {
    margin-top: -1.6rem;
    margin-right: -1.6rem
}

    .ui-button-group--extra-spacing .ui-button-group__item {
        margin-top: 1.6rem;
        margin-right: 1.6rem
    }

.ui-button-group--segmented, .segmented {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0
}

    .ui-button-group--segmented .ui-button:focus, .ui-button-group--segmented #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented .hw-button:focus, .ui-button-group--segmented #hyperwallet-drop-in-verification-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .ui-button-group--segmented .hw-button:focus, .ui-button-group--segmented .btn:focus, .ui-button-group--segmented .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .ui-button-group--segmented .ui-button--transparent:focus, .segmented .ui-button:focus, .segmented #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-transfer-method-ui .segmented .hw-button:focus, .segmented #hyperwallet-drop-in-verification-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .segmented .hw-button:focus, .segmented .btn:focus, .segmented .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .segmented .ui-button--transparent:focus {
        position: relative;
        z-index: 1
    }

    .ui-button-group--segmented > .ui-button-group__item, .ui-button-group--segmented > *, .segmented > .ui-button-group__item, .segmented > * {
        display: block;
        list-style-type: none;
        margin-right: 0
    }

        .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .ui-button, .ui-button-group--segmented > .ui-button-group__item:not(:first-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .hw-button, .ui-button-group--segmented > .ui-button-group__item:not(:first-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .hw-button, .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .btn, .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .ui-button--transparent, .ui-button-group--segmented > .ui-button-group__item.ui-button:not(:first-child), #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > .hw-button:not(:first-child), #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > .hw-button:not(:first-child), .ui-button-group--segmented > .ui-button-group__item.btn:not(:first-child), .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > .ui-button--transparent:not(:first-child), .ui-button-group--segmented > *:not(:first-child) .ui-button, .ui-button-group--segmented > *:not(:first-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > *:not(:first-child) .hw-button, .ui-button-group--segmented > *:not(:first-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > *:not(:first-child) .hw-button, .ui-button-group--segmented > *:not(:first-child) .btn, .ui-button-group--segmented > *:not(:first-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > *:not(:first-child) .ui-button--transparent, .ui-button-group--segmented > *.ui-button:not(:first-child), .ui-button-group--segmented > *.btn:not(:first-child), .segmented > .ui-button-group__item:not(:first-child) .ui-button, .segmented > .ui-button-group__item:not(:first-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .segmented > .ui-button-group__item:not(:first-child) .hw-button, .segmented > .ui-button-group__item:not(:first-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .segmented > .ui-button-group__item:not(:first-child) .hw-button, .segmented > .ui-button-group__item:not(:first-child) .btn, .segmented > .ui-button-group__item:not(:first-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .segmented > .ui-button-group__item:not(:first-child) .ui-button--transparent, .segmented > .ui-button-group__item.ui-button:not(:first-child), #hyperwallet-drop-in-transfer-method-ui .segmented > .hw-button:not(:first-child), #hyperwallet-drop-in-verification-ui .segmented > .hw-button:not(:first-child), .segmented > .ui-button-group__item.btn:not(:first-child), .fresh-ui .action-bar__more--has-many .segmented > .ui-button--transparent:not(:first-child), .segmented > *:not(:first-child) .ui-button, .segmented > *:not(:first-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .segmented > *:not(:first-child) .hw-button, .segmented > *:not(:first-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .segmented > *:not(:first-child) .hw-button, .segmented > *:not(:first-child) .btn, .segmented > *:not(:first-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .segmented > *:not(:first-child) .ui-button--transparent, .segmented > *.ui-button:not(:first-child), .segmented > *.btn:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            margin-left: -1px
        }

        .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .ui-button, .ui-button-group--segmented > .ui-button-group__item:not(:last-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .hw-button, .ui-button-group--segmented > .ui-button-group__item:not(:last-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .hw-button, .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .btn, .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > .ui-button-group__item:not(:last-child) .ui-button--transparent, .ui-button-group--segmented > .ui-button-group__item.ui-button:not(:last-child), #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > .hw-button:not(:last-child), #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > .hw-button:not(:last-child), .ui-button-group--segmented > .ui-button-group__item.btn:not(:last-child), .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > .ui-button--transparent:not(:last-child), .ui-button-group--segmented > *:not(:last-child) .ui-button, .ui-button-group--segmented > *:not(:last-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-button-group--segmented > *:not(:last-child) .hw-button, .ui-button-group--segmented > *:not(:last-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-button-group--segmented > *:not(:last-child) .hw-button, .ui-button-group--segmented > *:not(:last-child) .btn, .ui-button-group--segmented > *:not(:last-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-button-group--segmented > *:not(:last-child) .ui-button--transparent, .ui-button-group--segmented > *.ui-button:not(:last-child), .ui-button-group--segmented > *.btn:not(:last-child), .segmented > .ui-button-group__item:not(:last-child) .ui-button, .segmented > .ui-button-group__item:not(:last-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .segmented > .ui-button-group__item:not(:last-child) .hw-button, .segmented > .ui-button-group__item:not(:last-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .segmented > .ui-button-group__item:not(:last-child) .hw-button, .segmented > .ui-button-group__item:not(:last-child) .btn, .segmented > .ui-button-group__item:not(:last-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .segmented > .ui-button-group__item:not(:last-child) .ui-button--transparent, .segmented > .ui-button-group__item.ui-button:not(:last-child), #hyperwallet-drop-in-transfer-method-ui .segmented > .hw-button:not(:last-child), #hyperwallet-drop-in-verification-ui .segmented > .hw-button:not(:last-child), .segmented > .ui-button-group__item.btn:not(:last-child), .fresh-ui .action-bar__more--has-many .segmented > .ui-button--transparent:not(:last-child), .segmented > *:not(:last-child) .ui-button, .segmented > *:not(:last-child) #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .segmented > *:not(:last-child) .hw-button, .segmented > *:not(:last-child) #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .segmented > *:not(:last-child) .hw-button, .segmented > *:not(:last-child) .btn, .segmented > *:not(:last-child) .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .segmented > *:not(:last-child) .ui-button--transparent, .segmented > *.ui-button:not(:last-child), .segmented > *.btn:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .btn--outline:not(:focus), .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .btn--outline:active, .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .ui-button--outline:not(:focus), .ui-button-group--segmented > .ui-button-group__item:not(:first-child) .ui-button--outline:active, .ui-button-group--segmented > *:not(:first-child) .btn--outline:not(:focus), .ui-button-group--segmented > *:not(:first-child) .btn--outline:active, .ui-button-group--segmented > *:not(:first-child) .ui-button--outline:not(:focus), .ui-button-group--segmented > *:not(:first-child) .ui-button--outline:active, .segmented > .ui-button-group__item:not(:first-child) .btn--outline:not(:focus), .segmented > .ui-button-group__item:not(:first-child) .btn--outline:active, .segmented > .ui-button-group__item:not(:first-child) .ui-button--outline:not(:focus), .segmented > .ui-button-group__item:not(:first-child) .ui-button--outline:active, .segmented > *:not(:first-child) .btn--outline:not(:focus), .segmented > *:not(:first-child) .btn--outline:active, .segmented > *:not(:first-child) .ui-button--outline:not(:focus), .segmented > *:not(:first-child) .ui-button--outline:active {
            border-left-color: transparent
        }

.btn-separate {
    margin-left: 0.4rem
}

.btn-separate-left {
    margin-right: 0.4rem
}

.btn-separate-top {
    margin-top: 0.8rem
}

.ui-card {
    background-color: var(--p-surface, white);
    -webkit-box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15));
    box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15))
}

@media screen and (min-width: 568px) {
    .ui-card {
        border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
    }

        .ui-card > *:first-child {
            border-top-left-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
            border-top-right-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
        }

        .ui-card > *:last-child {
            border-bottom-right-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
            border-bottom-left-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
        }
}

.ui-card + .ui-card {
    margin-top: 2rem
}

.ui-card--type-aside {
    background-color: var(--p-surface-subdued, #f9fafb)
}

.ui-card__header {
    display: block;
    padding: 2rem 1.6rem 0
}

@media screen and (min-width: 568px) {
    .ui-card__header {
        padding: 2rem 2rem 0
    }
}

.ui-card__header + .ui-card__section--type-subdued {
    margin-top: 2rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-card__section {
    padding: 2rem 1.6rem
}

@media screen and (min-width: 568px) {
    .ui-card__section {
        padding: 1rem
    }

        .ui-card__section:first-child {
            border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px)) var(--p-border-radius-wide, var(--p-border-radius-base, 3px)) 0 0
        }

        .ui-card__section:last-child {
            border-radius: 0 0 var(--p-border-radius-wide, var(--p-border-radius-base, 3px)) var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
        }
}

.ui-card__section + .ui-card__section {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-card__footer {
    display: block;
    padding: 0 1.6rem 2rem
}

@media screen and (min-width: 568px) {
    .ui-card__footer {
        padding: 0 2rem 2rem;
        border-radius: 0 0 var(--p-border-radius-wide, var(--p-border-radius-base, 3px)) var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
    }
}

.ui-card__section--type-subdued {
    background-color: var(--p-surface-subdued, #f9fafb)
}

    .ui-card__section--type-subdued + .ui-card__footer {
        padding-top: 2rem;
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-card__section--full-width {
    padding: 0
}

    .ui-card__section--full-width .ui-card__section-header {
        padding: 2rem 1.6rem 0
    }

@media screen and (min-width: 568px) {
    .ui-card__section--full-width .ui-card__section-header {
        padding: 2rem 2rem 0
    }
}

.ui-card__section--full-width + .ui-card__footer {
    padding-top: 2rem
}

.ui-callout-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-callout-card__image {
    display: none
}

@media (min-width: 450px) {
    .ui-callout-card__image {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-left: 1.6rem
    }
}

.ui-callout-card__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .ui-callout-card__content > *:not(.hide) + * {
        margin-top: 1.6rem
    }

.ui-code {
    padding: 0.4rem;
    background-color: #f4f6f8;
    border-radius: var(--p-border-radius-base, 3px);
    font-family: Monaco, Consolas, Lucida Console, monospace;
    overflow-x: scroll
}

.ui-code--block {
    padding: 1.6rem;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial
}

    .ui-code--block code {
        background-color: #f4f6f8
    }

[data-collapsible-state='collapsed'] {
    opacity: 0;
    height: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    visibility: hidden
}

.ui-collapsible--has-transition {
    -webkit-transition-property: opacity, height, padding-top, padding-bottom;
    transition-property: opacity, height, padding-top, padding-bottom;
    -webkit-transition-duration: 260ms;
    transition-duration: 260ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    visibility: visible !important
}

.ui-collapsible__activator--hide {
    display: none !important
}

.ui-content-list {
    margin-bottom: 1.6rem;
    list-style: none
}

    .ui-content-list:last-child {
        margin-bottom: 0
    }

.ui-content-list__item {
    position: relative;
    margin-bottom: 0.8rem;
    padding-left: 1.6rem
}

    .ui-content-list__item:last-child {
        margin-bottom: 0
    }

    .ui-content-list__item::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block
    }

    .ui-content-list__item .ui-content-list {
        margin-top: 0.8rem;
        margin-bottom: 0
    }

.ui-content-list--type-number, .ui-content-list--numbered {
    counter-reset: ordered-counter
}

    .ui-content-list--type-number > .ui-content-list__item::before, .ui-content-list--numbered > .ui-content-list__item::before {
        font-weight: 600;
        content: counter(ordered-counter, decimal) ".";
        font-size: 1.2rem;
        vertical-align: top;
        counter-increment: ordered-counter
    }

.ui-content-list--type-bullet > .ui-content-list__item::before, .ui-content-list--bulleted > .ui-content-list__item::before {
    content: '\2022';
    font-size: 1.8rem
}

.ui-content-list--type-icon > .ui-content-list__item, .ui-content-list--icons > .ui-content-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0
}

.ui-content-list--type-icon .ui-content-list__icon, .ui-content-list--icons .ui-content-list__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0.8rem
}

.ui-content-list--type-icon .ui-content-list__text, .ui-content-list--icons .ui-content-list__text {
    overflow-wrap: break-word;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    word-wrap: break-word;
    word-break: break-word
}

.ui-content-list--type-icon .ui-content-list, .ui-content-list--icons .ui-content-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.ui-context-bar {
    position: absolute;
    z-index: 24;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    background: white;
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    opacity: 0;
    will-change: opacity, box-shadow;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    pointer-events: none
}

.ui-context-bar--is-dirty {
    opacity: 1;
    pointer-events: auto
}

.ui-context-bar--single-column .ui-context-bar__contents {
    max-width: 66.2rem
}

.ui-context-bar--full-width .ui-context-bar__contents {
    max-width: 100%
}

.ui-context-bar__branding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 24rem;
    min-width: 24rem;
    padding-right: 0.8rem;
    padding-left: 1.6rem;
    padding-left: calc(1.6rem + constant(safe-area-inset-left));
    padding-left: calc(1.6rem + env(safe-area-inset-left));
    background: #f9fafb;
    border-right: 1px solid #dfe3e8
}

    .ui-context-bar__branding svg, .ui-context-bar__branding img {
        display: block;
        height: auto;
        width: 10.4rem;
        max-height: 3.2rem
    }

@media screen and (max-width: 768px) {
    .ui-context-bar__branding {
        display: none
    }
}

.ui-context-bar__branding svg {
    fill: #919eab
}

.ui-context-bar__contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1px
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-context-bar__contents {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-context-bar__contents {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.ui-context-bar__message {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    color: var(--p-text-subdued, #637381);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.6rem 0 0
}

@media screen and (max-width: 640px) {
    .ui-context-bar__message {
        font-size: 1.6rem
    }
}

.ui-context-bar__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .ui-context-bar__actions-group > *:not(:first-child) {
        margin-left: 0.8rem
    }

.ui-datepicker__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -4.2rem
}

    .ui-datepicker__header .ui-datepicker__previous-month {
        margin-top: -9px;
        margin-left: -9px
    }

    .ui-datepicker__header .ui-datepicker__next-month {
        margin-top: -9px;
        margin-right: -9px
    }

.ui-datepicker__day {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: calc(100% / 7);
    margin: 0 0 0 -1px;
    padding: 9px 0;
    background: transparent;
    border: 1px solid var(--p-border-subdued, #dfe3e8);
    border-radius: 0;
    font-size: 1.2rem;
    cursor: pointer
}

    .ui-datepicker__day:hover {
        background: #dfe3e8
    }

    .ui-datepicker__day[disabled] {
        background: #f9fafb;
        color: #c4cdd5
    }

        .ui-datepicker__day[disabled]:hover {
            cursor: default
        }

    .ui-datepicker__day:focus, .ui-datepicker__day:active {
        outline: none;
        -webkit-box-shadow: inset 0 0 0 2px #5c6ac4;
        box-shadow: inset 0 0 0 2px #5c6ac4;
        color: inherit
    }

    .ui-datepicker__day.ui-datepicker__day--empty {
        background: white
    }

.ui-datepicker__day--current {
    font-weight: 600
}

.ui-datepicker__day--selected {
    background: #5c6ac4;
    border: 1px solid #9ca6de;
    color: white
}

    .ui-datepicker__day--selected:hover {
        background: #4959bd
    }

    .ui-datepicker__day--selected:focus, .ui-datepicker__day--selected:active {
        -webkit-box-shadow: inset 0 0 0 2px #000639;
        box-shadow: inset 0 0 0 2px #000639;
        color: white
    }

.ui-datepicker__day--in-range {
    background: #b3bcf5;
    border: 1px solid #9ca6de
}

    .ui-datepicker__day--in-range:hover {
        background: #9ca8f2
    }

    .ui-datepicker__day--in-range:focus {
        border: 1px solid #5c6ac4
    }

.ui-datepicker__weekdays {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-datepicker__weekday {
    display: inline-block;
    width: calc(100% / 7);
    padding: 9px;
    font-size: 1.2rem;
    text-align: center;
    color: var(--p-text-subdued, #637381)
}

.ui-datepicker__weekday--current {
    font-weight: 600;
    color: black
}

.ui-datepicker__week {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px
}

.ui-datepicker__month {
    display: block;
    text-align: center
}

.ui-datepicker__month--current {
    font-weight: 600;
    color: black
}

.ui-datepicker__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -1.6rem;
    margin-left: -1.6rem
}

    .ui-datepicker__container .ui-datepicker__calendar {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 23rem;
        margin-top: 1.6rem;
        margin-left: 1.6rem
    }

.ui-dismissible--transitionable {
    -webkit-transition: max-height 200ms ease, opacity 200ms ease;
    transition: max-height 200ms ease, opacity 200ms ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-dismissible--transitionable {
        -webkit-transition: opacity 200ms ease;
        transition: opacity 200ms ease
    }
}

.ui-dismissible__action {
    padding: 0.8rem;
    background: none;
    border: 0;
    outline: none;
    line-height: 1;
    cursor: pointer
}

    .ui-dismissible__action > .next-icon, .ui-dismissible__action > .next-icon__text {
        fill: rgba(0,0,0,0.2)
    }

    .ui-dismissible__action:hover, .ui-dismissible__action:focus, .ui-dismissible__action:active {
        background: none;
        border: 0
    }

        .ui-dismissible__action:hover > .next-icon, .ui-dismissible__action:hover > .next-icon__text, .ui-dismissible__action:focus > .next-icon, .ui-dismissible__action:focus > .next-icon__text, .ui-dismissible__action:active > .next-icon, .ui-dismissible__action:active > .next-icon__text {
            fill: rgba(0,0,0,0.5)
        }

.ui-dismissible--is-closed {
    opacity: 0;
    max-height: 0 !important
}

.ui-dismissible--is-hidden {
    display: none !important
}

.ui-description-list {
    margin: 0;
    padding: 0
}

.ui-description-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

    .ui-description-list-item:last-of-type {
        border-bottom: 0
    }

@media screen and (min-width: 568px) {
    .ui-description-list-item {
        padding: 0.8rem 0
    }
}

.ui-description-list-item__term {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 0 0.8rem;
    font-weight: 600
}

@media screen and (min-width: 568px) {
    .ui-description-list-item__term {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        padding: 0 1.6rem 0 0
    }
}

.ui-description-list-item__description {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0
}

@media screen and (min-width: 568px) {
    .ui-description-list-item__description {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }
}

.ui-documentation-container {
    padding: 1.6rem
}

    .ui-documentation-container > * + * {
        margin-bottom: 1.6rem
    }

    .ui-documentation-container > h1 {
        font-size: 2.7rem;
        font-weight: 500;
        line-height: 3.6rem;
        margin-bottom: 3.2rem;
        padding-bottom: 1.6rem;
        border-bottom: 1px solid var(--p-border, rgba(63,63,68,0.05))
    }

@media (max-width: 640px) {
    .ui-documentation-container > h1 {
        font-size: 4.2rem;
        line-height: 4.4rem
    }
}

.ui-documentation-container > h2 {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin-top: 2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--p-border, rgba(63,63,68,0.05));
    max-width: 64rem
}

@media (max-width: 640px) {
    .ui-documentation-container > h2 {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.ui-documentation-container > h3 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    max-width: 64rem
}

@media (max-width: 640px) {
    .ui-documentation-container > h3 {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ui-documentation-container > h4 {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    max-width: 64rem
}

@media screen and (max-width: 640px) {
    .ui-documentation-container > h4 {
        font-size: 1.6rem
    }
}

.ui-documentation-container > p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    max-width: 64rem
}

@media screen and (max-width: 640px) {
    .ui-documentation-container > p {
        font-size: 1.4rem
    }
}

.ui-documentation-container > ul {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    list-style-position: outside;
    margin-left: 1.6rem;
    max-width: 80rem
}

@media screen and (max-width: 640px) {
    .ui-documentation-container > ul {
        font-size: 1.4rem
    }
}

.ui-documentation-container > ul li {
    margin-bottom: 0.8rem
}

.ui-documentation-container > ul ul {
    list-style-position: outside;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    margin-left: 1.6rem
}

.ui-documentation-container > ul > li {
    margin-bottom: 0.8rem
}

.ui-documentation-container > ul li > code, .ui-documentation-container > p > code, .ui-documentation-container > h2 > code, .ui-documentation-container > h3 > code, .ui-documentation-container > h4 > code {
    display: inline-block;
    margin-bottom: 0.4rem;
    padding: 0.4rem;
    background-color: #f4f6f8;
    border-radius: var(--p-border-radius-base, 3px);
    color: #212b36
}

.ui-documentation-container pre + h3, .ui-documentation-container pre + h4 {
    margin-top: 3.2rem
}

.ui-empty-state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.6rem auto 0 auto;
    padding: 1.6rem 0;
    max-width: 99.8rem;
    text-align: left
}

@media screen and (min-width: 720px) {
    .ui-empty-state .ui-empty-state__title, .ui-empty-state .ui-empty-state__subtitle, .ui-empty-state .ui-empty-state__details {
        max-width: 40rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-empty-state {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

        .ui-empty-state .ui-empty-state__section {
            left: 0
        }
}

.ui-empty-state .ui-button--size-large {
    margin: 0
}

.ui-empty-state img {
    margin-right: auto;
    margin-left: auto
}

.ui-empty-state__section {
    position: relative;
    left: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 60px 0;
    padding-top: 0
}

@media screen and (max-width: 720px) {
    .ui-empty-state__section {
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 1.6rem
    }
}

.ui-empty-state__section--featured {
    background-color: var(--p-surface, white)
}

.ui-empty-state__section:not(.ui-empty-state__section--featured) + .ui-empty-state__section:not(.ui-empty-state__section--featured) {
    padding-top: 0
}

.ui-empty-state__subsection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1000px;
    margin: 0;
    padding: 0
}

    .ui-empty-state__subsection > *:not(.hide) + * {
        margin-top: 1.6rem
    }

    .ui-empty-state__subsection + .ui-empty-state__subsection {
        margin-top: 1.6rem
    }

@media screen and (min-width: 0\0),(-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ui-empty-state__subsection > * {
        max-width: 100%
    }
}

.ui-empty-state__subsection__background {
    position: initial;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

    .ui-empty-state__subsection__background img {
        z-index: 0;
        width: 60vw;
        margin-right: 0;
        margin-left: 0;
        max-width: 100vw
    }

@media screen and (min-width: 1025px) {
    .ui-empty-state__subsection__background img {
        position: relative;
        left: -80%;
        width: calc( 100% + 40% * 2);
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .ui-empty-state__subsection__background img {
        width: 100%
    }
}

@media screen and (max-width: 568px) {
    .ui-empty-state__subsection__background img {
        width: 150%;
        max-width: 150%;
        margin-left: -50%
    }
}

@media screen and (max-width: 1024px) {
    .ui-empty-state__subsection__background {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 1.6rem
    }
}

.ui-empty-state__subsection__foreground {
    position: initial;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media screen and (max-width: 1024px) {
    .ui-empty-state__subsection__foreground {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media screen and (max-width: 1024px) {
    .ui-empty-state__subsection__foreground--vertical-shift + .ui-empty-state__subsection__background img {
        margin-top: -5rem
    }
}

.ui-empty-state--no-illustration .ui-empty-state__section {
    left: 0;
    padding-bottom: 2rem
}

.ui-empty-state--no-illustration .ui-empty-state__subsection__foreground {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 1.6rem
}

.ui-empty-state--no-illustration .ui-empty-state__title, .ui-empty-state--no-illustration .ui-empty-state__subtitle {
    width: 100%;
    max-width: inherit
}

@media screen and (min-width: 720px) {
    .ui-empty-state--no-illustration .ui-empty-state__title, .ui-empty-state--no-illustration .ui-empty-state__subtitle {
        text-align: center
    }
}

@media screen and (min-width: 720px) {
    .ui-empty-state--no-illustration .ui-empty-state__subsection {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ui-empty-state__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0
}

@media screen and (min-width: 0\0),(-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ui-empty-state__items {
        max-width: calc(100% + 30px);
        width: calc(100% + 30px)
    }
}

.ui-empty-state__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin: 0
}

    .ui-empty-state__item > * {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

@media screen and (min-width: 0\0),(-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ui-empty-state__item {
        max-width: 100%;
        width: 100%
    }
}

.ui-empty-state__subitems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -20px;
    margin-left: -20px
}

@media screen and (min-width: 0\0),(-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ui-empty-state__subitems {
        max-width: calc(100% + 20px);
        width: calc(100% + 20px)
    }
}

.ui-empty-state__subitem {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin: 0
}

.ui-empty-state__title {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.8rem;
    width: 100%
}

@media (max-width: 640px) {
    .ui-empty-state__title {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.ui-empty-state__title:last-child {
    margin-bottom: 0
}

.ui-empty-state__subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin-top: 0.8rem;
    color: var(--p-text-subdued, #637381)
}

@media (max-width: 640px) {
    .ui-empty-state__subtitle {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ui-empty-state__subtitle:last-child {
    margin-bottom: 0
}

.ui-empty-state__details {
    color: var(--p-text-subdued, #576675)
}

.ui-empty-state--centered-layout .ui-empty-state__title {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .ui-empty-state--centered-layout .ui-empty-state__title {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ui-empty-state--centered-layout .ui-empty-state__subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .ui-empty-state--centered-layout .ui-empty-state__subtitle {
        font-size: 1.4rem
    }
}

.ui-empty-state--centered-layout .ui-empty-state__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-empty-state--centered-layout .ui-empty-state__subsection {
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ui-empty-state--centered-layout .ui-empty-state__subsection > *:not(.hide) + * {
        margin-top: 1.6rem
    }

    .ui-empty-state--centered-layout .ui-empty-state__subsection:not(:last-child) {
        padding-bottom: 0.8rem
    }

.ui-empty-state--centered-layout .ui-empty-state__items {
    width: 100%
}

.ui-empty-state--centered-layout .ui-empty-state__subitems {
    margin: 0
}

.ui-empty-state--centered-layout .ui-empty-state__subsection__background {
    width: 226px;
    max-width: 100%
}

    .ui-empty-state--centered-layout .ui-empty-state__subsection__background img {
        position: static;
        max-width: 100%;
        width: auto;
        margin-left: 0;
        margin-top: 0
    }

.ui-exception-list {
    list-style: none
}

.ui-exception-list__item {
    position: relative;
    padding-left: 2.4rem
}

    .ui-exception-list__item + .ui-exception-list__item {
        margin-top: 0.4rem
    }

.ui-exception-list__icon {
    position: absolute;
    top: 0.1rem;
    left: 0;
    font-size: 1.4rem
}

    .ui-exception-list__icon .next-icon, .ui-exception-list__icon .next-icon__text {
        color: var(--p-icon-subdued, #919eab)
    }

.ui-exception-list__title {
    color: var(--p-text-subdued, #637381)
}

.ui-exception-list__description {
    color: var(--p-text-subdued, #637381)
}

.ui-exception-list__title + .ui-exception-list__description::before {
    content: '\0020 \2013 \0020';
    display: inline
}

.ui-exception-list--type-bullet .ui-exception-list__item::before {
    content: '';
    position: absolute;
    top: 0.7em;
    left: 0.7rem;
    display: block;
    height: 0.6rem;
    width: 0.6rem;
    margin-top: -0.3rem;
    background-color: var(--p-text-subdued, #919eab);
    border-radius: 50%
}

.ui-exception-list__item--status-critical .ui-exception-list__title, .ui-exception-list__item--status-critical .ui-exception-list__description:only-child {
    color: var(--p-text-critical, #bf0711)
}

.ui-exception-list .ui-exception-list__item--status-critical::before {
    background-color: var(--p-text-critical, #de3618)
}

.ui-exception-list__item--status-critical .ui-exception-list__icon .next-icon, .ui-exception-list__item--status-critical .ui-exception-list__icon .next-icon__text {
    color: transparent;
    fill: var(--p-icon-critical, #de3618)
}

.ui-exception-list__item--status-warning .ui-exception-list__title, .ui-exception-list__item--status-warning .ui-exception-list__description:only-child {
    color: var(--p-text-warning, #c05717)
}

.ui-exception-list .ui-exception-list__item--status-warning::before {
    background-color: var(--p-text-warning, #f49342)
}

.ui-exception-list__item--status-warning .ui-exception-list__icon .next-icon, .ui-exception-list__item--status-warning .ui-exception-list__icon .next-icon__text {
    color: transparent;
    fill: var(--p-icon-warning, #f49342)
}

.ui-exception-list__item--truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-flag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px
}

    .ui-flag > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.ui-flag--size-small {
    width: 24px
}

.ui-flash-wrapper {
    position: fixed;
    z-index: 552;
    bottom: 1.6rem;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    pointer-events: none
}

.ui-flash {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.6rem;
    background: var(--p-surface, rgba(0,0,0,0.88));
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15));
    box-shadow: var(--p-override-none, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15));
    border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    color: var(--p-text, white);
    cursor: default;
    max-width: 400px;
    pointer-events: auto;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .ui-flash {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ui-flash__close-button {
    opacity: var(--p-override-one, 0.88);
    display: none
}

.ui-flash__message {
    padding: 0.8rem 1.6rem
}

.ui-flash--error {
    background: var(--p-action-critical, rgba(191,7,17,0.88));
    color: var(--p-text-on-critical, white)
}

    .ui-flash--error .ui-flash__message {
        padding: 0.8rem 0.8rem 0.8rem 1.6rem
    }

    .ui-flash--error .ui-flash__close-button {
        display: block;
        padding: 0.4rem 0.8rem;
        color: var(--p-text-on-critical, white)
    }

        .ui-flash--error .ui-flash__close-button .ui-button, .ui-flash--error .ui-flash__close-button #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-flash--error .ui-flash__close-button .hw-button, .ui-flash--error .ui-flash__close-button #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-flash--error .ui-flash__close-button .hw-button {
            color: inherit;
            vertical-align: middle
        }

.ui-flash--theme-editor-footer-offset {
    bottom: 5.6rem
}

@media screen and (min-width: 768px) {
    .ui-flash--nav-offset {
        margin-left: 24rem
    }
}

.ui-flash-wrapper--is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-flash--is-animating-in {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: flashAnimateIn;
    animation-name: flashAnimateIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.ui-flash--is-animating-out {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: flashAnimateOut;
    animation-name: flashAnimateOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes flashAnimateIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    33% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes flashAnimateIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    33% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    @-webkit-keyframes flashAnimateIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes flashAnimateIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }
}

@-webkit-keyframes flashAnimateOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes flashAnimateOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ui-frame, .frame {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid currentColor;
    color: #95a7b7
}

    .ui-frame.ui-frame--fill, .ui-frame.frame--fill, .frame.ui-frame--fill, .frame.frame--fill {
        background: #95a7b7
    }

.ui-frame--size-12, .frame--12 {
    height: 12px;
    width: 12px
}

.ui-frame--size-16, .frame--16 {
    height: 16px;
    width: 16px
}

.ui-frame--size-24, .frame--24 {
    height: 24px;
    width: 24px
}

.ui-frame--size-32, .frame--32 {
    height: 32px;
    width: 32px
}

.ui-frame--size-36, .frame--36 {
    height: 36px;
    width: 36px
}

.ui-frame--size-48, .frame--48 {
    height: 48px;
    width: 48px
}

.ui-frame--size-80, .frame--80 {
    height: 80px;
    width: 80px
}

.ui-frame--circle, .frame--circle {
    border-radius: 50%
}

.ui-frame--type-subdued, .frame--subdued {
    color: #c4cdd5
}

    .ui-frame--type-subdued.ui-frame--fill, .ui-frame--type-subdued.frame--fill, .frame--subdued.ui-frame--fill, .frame--subdued.frame--fill {
        background: #c4cdd5
    }

.ui-frame--type-info, .frame--info {
    color: #006fbb
}

    .ui-frame--type-info.ui-frame--fill, .ui-frame--type-info.frame--fill, .frame--info.ui-frame--fill, .frame--info.frame--fill {
        background: #006fbb
    }

.ui-frame--type-success, .frame--success {
    color: #50b83c
}

    .ui-frame--type-success.ui-frame--fill, .ui-frame--type-success.frame--fill, .frame--success.ui-frame--fill, .frame--success.frame--fill {
        background: #50b83c
    }

.ui-frame--type-error, .frame--error {
    color: #bf0711
}

    .ui-frame--type-error.ui-frame--fill, .ui-frame--type-error.frame--fill, .frame--error.ui-frame--fill, .frame--error.frame--fill {
        background: #bf0711
    }

.ui-footer-help {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: 2rem 0.8rem;
    text-align: center
}

@media screen and (max-width: 568px) {
    .ui-footer-help {
        width: 100%;
        margin: 2rem 0
    }
}

.ui-footer-help__content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 1.6rem 2rem 1.6rem 1.6rem;
    border: var(--p-override-none, 1px solid var(--p-border-subdued, #dfe3e8));
    border-radius: var(--p-override-none, 999px);
    color: var(--p-text, #212b36);
    text-align: left
}

@media screen and (max-width: 568px) {
    .ui-footer-help__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }
}

.ui-footer-help__content ul {
    list-style: disc outside none;
    margin-left: 1.6rem
}

.newDesignLanguage .ui-footer-help__content {
    padding: 2rem 2rem 2rem 1.6rem
}

.ui-footer-help__icon {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.4rem;
    padding: var(--p-override-none, 0.8rem);
    border-radius: 50%;
    color: var(--p-text, #95a7b7)
}

    .ui-footer-help__icon svg {
        fill: var(--p-background, #47c1bf);
        color: var(--p-icon-highlight, white)
    }

    .ui-footer-help__icon::before {
        content: var(--p-override-none, "");
        position: absolute;
        right: 0.4rem;
        height: 3.2rem;
        width: 3.2rem;
        background: white;
        border-radius: 50%
    }

.newDesignLanguage .ui-footer-help__icon {
    margin-right: 0.8rem
}

.ui-footer-help__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .ui-footer-help__title {
        font-size: 1.4rem
    }
}

.show-new-dl {
    display: none !important
}

.newDesignLanguage .show-old-dl {
    display: none
}

.newDesignLanguage .show-new-dl {
    display: initial
}

.ui-heading, #hyperwallet-drop-in-transfer-method-ui .hw-group legend, #hyperwallet-drop-in-verification-ui .hw-group legend, #hyperwallet-drop-in-transfer-method-ui .hw-field-headers, #hyperwallet-drop-in-verification-ui .hw-field-headers {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem
}

@media screen and (max-width: 640px) {
    .ui-heading, #hyperwallet-drop-in-transfer-method-ui .hw-group legend, #hyperwallet-drop-in-verification-ui .hw-group legend, #hyperwallet-drop-in-transfer-method-ui .hw-field-headers, #hyperwallet-drop-in-verification-ui .hw-field-headers {
        font-size: 1.6rem
    }
}

.ui-keyboard-key {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    min-width: 2.2rem;
    margin: 0 0.4rem 0.8rem 0;
    padding: 0.4rem;
    background-color: var(--p-surface, white);
    border: 0;
    -webkit-box-shadow: 0 0 0 1px var(--p-border-subdued, #c4cdd5),0 0.18em 0 0 var(--p-surface, white),0 0.18em 0 1px var(--p-border-subdued, #c4cdd5);
    box-shadow: 0 0 0 1px var(--p-border-subdued, #c4cdd5),0 0.18em 0 0 var(--p-surface, white),0 0.18em 0 1px var(--p-border-subdued, #c4cdd5);
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
    color: var(--p-text-subdued, #637381);
    cursor: default;
    font-family: var(--main-font)
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .ui-keyboard-key ~ .ui-keyboard-key {
        margin-left: 0.4rem
    }

.ui-layout {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-layout {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-layout {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (max-width: 568px) {
    .ui-layout {
        padding-right: 0;
        padding-left: 0
    }
}

.ui-layout + .ui-layout {
    margin-top: 0
}

.ui-layout--full-width {
    max-width: none
}

.ui-layout--single-column {
    max-width: 66.2rem
}

.ui-layout__sections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2rem;
    margin-left: -2rem;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.ui-layout__section {
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-top: -2rem;
    margin-left: -2rem;
    padding-top: 2rem;
    padding-left: 2rem
}

.ui-layout__section--primary {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1 48rem;
    -ms-flex: 2 1 48rem;
    flex: 2 1 48rem
}

.ui-layout__section--secondary {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 24rem;
    -ms-flex: 1 0 24rem;
    flex: 1 0 24rem
}

.ui-layout__section--one-half {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45rem;
    -ms-flex: 1 1 45rem;
    flex: 1 1 45rem
}

.ui-layout__item {
    min-width: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-top: 2rem;
    padding-left: 2rem
}

.ui-nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 1.6rem
}

    .ui-nav > :last-child {
        padding-bottom: 1.6rem;
        padding-bottom: calc(1.6rem + constant(safe-area-inset-bottom));
        padding-bottom: calc(1.6rem + env(safe-area-inset-bottom))
    }

.ui-nav__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    padding-left: 1.6rem;
    min-height: 3.2rem
}

    .ui-nav__heading:first-child {
        margin-top: 0
    }

.ui-nav__heading-label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-nav__heading--hidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .ui-nav__heading--hidden a, .body:hover .ui-nav__heading--hidden input, .body:hover .ui-nav__heading--hidden button {
    display: none !important
}

.ui-nav__group {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style: none;
    min-width: 0
}

.ui-nav__group--parent {
    margin-top: 2rem
}

    .ui-nav__group--parent:first-child, .ui-nav__heading:not(.ui-nav__heading--hidden) + .ui-nav__group--parent, .ui-nav__heading:first-child + .ui-nav__group--parent {
        margin-top: 0
    }

.ui-nav__group--child {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.ui-nav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ui-nav__item--child:last-child {
    margin-bottom: 0.8rem
}

.ui-nav__item--disabled > .ui-nav__group--child {
    display: none
}

.ui-nav__link.ui-nav__link, .ui-nav__link.ui-nav__link.ui-button--link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.8rem;
    min-width: 0
}

    .ui-nav__link.ui-nav__link > .next-icon, .ui-nav__link.ui-nav__link > .next-icon__text, .ui-nav__link.ui-nav__link.ui-button--link > .next-icon {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 0 0.8rem;
        color: white;
        fill: #919eab
    }

@media screen and (min-width: 769px) {
    .ui-nav__link.ui-nav__link > .next-icon, .ui-nav__link.ui-nav__link > .next-icon__text, .ui-nav__link.ui-nav__link.ui-button--link > .next-icon {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem
    }
}

.ui-nav__link.ui-nav__link:hover, .ui-nav__link.ui-nav__link.ui-button--link:hover {
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .ui-nav__link.ui-nav__link:hover, .ui-nav__link.ui-nav__link.ui-button--link:hover {
        color: #5c6ac4
    }

        .ui-nav__link.ui-nav__link:hover > .next-icon, .ui-nav__link.ui-nav__link:hover > .next-icon__text, .ui-nav__link.ui-nav__link.ui-button--link:hover > .next-icon {
            fill: #637381
        }
}

.ui-nav__item--child-selected > .ui-nav__link.ui-nav__link > .next-icon, .ui-nav__item--child-selected > .ui-nav__link.ui-nav__link > .next-icon__text, .ui-nav__item--child-selected > .ui-nav__link.ui-nav__link.ui-button--link > .next-icon {
    fill: #5c6ac4
}

.ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link, .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link.ui-button--link {
    color: #919eab;
    opacity: 0.6
}

    .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link > .next-icon, .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link > .next-icon__text, .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link.ui-button--link > .next-icon {
        fill: #919eab
    }

    .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link:hover, .ui-nav__item--disabled.ui-nav__item--disabled > .ui-nav__link.ui-nav__link.ui-button--link:hover {
        color: #919eab
    }

.ui-nav__link--parent.ui-nav__link--parent, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link {
    color: #212b36
}

    .ui-nav__link--parent.ui-nav__link--parent:hover, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:hover {
        color: #212b36
    }

@media screen and (min-width: 769px) {
    .ui-nav__link--parent.ui-nav__link--parent:hover, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:hover {
        color: black
    }
}

.ui-nav__link--parent.ui-nav__link--parent:focus, .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:focus, .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent.ui-button--link {
    color: #5c6ac4;
    text-decoration: none
}

    .ui-nav__link--parent.ui-nav__link--parent:focus > .next-icon, .ui-nav__link--parent.ui-nav__link--parent:focus > .next-icon__text, .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent > .next-icon, .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent > .next-icon__text, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:focus > .next-icon, .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent.ui-button--link > .next-icon {
        fill: #5c6ac4
    }

.ui-nav__link--parent.ui-nav__link--parent:active, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:active {
    color: #202e78
}

    .ui-nav__link--parent.ui-nav__link--parent:active > .next-icon, .ui-nav__link--parent.ui-nav__link--parent:active > .next-icon__text, .ui-nav__link--parent.ui-nav__link--parent.ui-button--link:active > .next-icon {
        fill: #202e78
    }

.ui-nav__link--child.ui-nav__link--child {
    padding-left: 4.4rem;
    color: #637381
}

    .ui-nav__link--child.ui-nav__link--child:hover {
        color: #637381
    }

@media screen and (min-width: 769px) {
    .ui-nav__link--child.ui-nav__link--child:hover {
        color: #5c6ac4
    }
}

.ui-nav__link--child.ui-nav__link--child:focus, .ui-nav__item--selected > .ui-nav__link--child.ui-nav__link--child {
    color: #5c6ac4;
    text-decoration: none
}

    .ui-nav__link--child.ui-nav__link--child:focus > .next-icon, .ui-nav__link--child.ui-nav__link--child:focus > .next-icon__text, .ui-nav__item--selected > .ui-nav__link--child.ui-nav__link--child > .next-icon, .ui-nav__item--selected > .ui-nav__link--child.ui-nav__link--child > .next-icon__text {
        fill: #5c6ac4
    }

.ui-nav__link--child.ui-nav__link--child:active {
    color: #202e78
}

    .ui-nav__link--child.ui-nav__link--child:active > .next-icon, .ui-nav__link--child.ui-nav__link--child:active > .next-icon__text {
        fill: #202e78
    }

.ui-nav__label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 0.8rem;
    padding-left: 1.2rem
}

@media screen and (min-width: 769px) {
    .ui-nav__label {
        padding-left: 0.8rem
    }
}

.ui-nav__item--selected .ui-nav__label {
    font-weight: 500
}

@media screen and (min-width: 769px) {
    .ui-nav__item--selected .ui-nav__label {
        font-weight: 600
    }
}

.ui-nav__label--parent {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem
}

@media screen and (min-width: 769px) {
    .ui-nav__label--parent {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2rem
    }
}

.ui-nav__label--child {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem
}

@media screen and (min-width: 769px) {
    .ui-nav__label--child {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

@media screen and (min-width: 769px) {
    .ui-nav__label--child {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem
    }
}

.ui-nav__badge {
    font-weight: 600;
    margin: 0 0.8rem;
    padding: 0 0.6rem;
    background-color: #47c1bf;
    border-radius: 0.8rem;
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: white
}

.ui-nav__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem
}

@media screen and (min-width: 769px) {
    .ui-nav__action {
        height: 3.2rem
    }
}

.ui-nav__action > .ui-button.ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button {
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media screen and (min-width: 769px) {
    .ui-nav__action > .ui-button.ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem
    }
}

.ui-nav__action > .ui-button.ui-button > .next-icon, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button > .next-icon, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button > .next-icon, .ui-nav__action > .ui-button.ui-button > .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button > .next-icon__text, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button > .next-icon__text {
    color: white;
    fill: #919eab
}

@media screen and (min-width: 769px) {
    .ui-nav__action > .ui-button.ui-button:hover > .next-icon, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:hover > .next-icon, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:hover > .next-icon, .ui-nav__action > .ui-button.ui-button:hover > .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:hover > .next-icon__text, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:hover > .next-icon__text {
        fill: #5c6ac4
    }
}

.ui-nav__action > .ui-button.ui-button:focus > .next-icon, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:focus > .next-icon, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:focus > .next-icon, .ui-nav__action > .ui-button.ui-button:focus > .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:focus > .next-icon__text, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:focus > .next-icon__text {
    fill: #5c6ac4
}

.ui-nav__action > .ui-button.ui-button:active > .next-icon, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:active > .next-icon, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:active > .next-icon, .ui-nav__action > .ui-button.ui-button:active > .next-icon__text, #hyperwallet-drop-in-transfer-method-ui .ui-nav__action > .hw-button:active > .next-icon__text, #hyperwallet-drop-in-verification-ui .ui-nav__action > .hw-button:active > .next-icon__text {
    fill: #202e78
}

.ui-nav__view-all {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.4rem
}

    .ui-nav__view-all > .ui-button--link.ui-button--link {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 4rem;
        width: 100%;
        color: #637381
    }

@media screen and (min-width: 769px) {
    .ui-nav__view-all > .ui-button--link.ui-button--link {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

@media screen and (min-width: 769px) {
    .ui-nav__view-all > .ui-button--link.ui-button--link {
        height: 3.2rem
    }
}

.ui-nav__view-all > .ui-button--link.ui-button--link:hover {
    color: #637381;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .ui-nav__view-all > .ui-button--link.ui-button--link:hover {
        color: #5c6ac4
    }
}

.ui-nav__view-all > .ui-button--link.ui-button--link:focus {
    color: #5c6ac4;
    text-decoration: none
}

.ui-nav__view-all > .ui-button--link.ui-button--link:active {
    color: #202e78
}

.ui-nav__view-all-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.6rem
}

@media screen and (min-width: 769px) {
    .ui-nav__view-all-icon {
        width: 5.2rem
    }
}

.ui-nav__align-bottom-shim {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-nav__item--parent {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ui-page-actions {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin: 1.6rem auto 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-page-actions {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-page-actions {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.ui-page-actions--single-column {
    max-width: 66.2rem
}

.ui-page-actions__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: -0.8rem;
    margin-left: -0.8rem;
    padding: 0
}

.ui-page-actions--has-secondary .ui-page-actions__container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-page-actions__actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 0.8rem;
    margin-left: 0.8rem;
    max-width: calc(100% - 0.8rem);
    min-width: 0
}

.ui-page-actions__button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -0.8rem;
    margin-left: -0.8rem
}

    .ui-page-actions__button-group .ui-button, .ui-page-actions__button-group #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-page-actions__button-group .hw-button, .ui-page-actions__button-group #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-page-actions__button-group .hw-button, .ui-page-actions__button-group .btn, .ui-page-actions__button-group .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-page-actions__button-group .ui-button--transparent {
        margin-top: 0.8rem;
        margin-left: 0.8rem
    }

.ui-popover__container {
    position: relative;
    display: inline-block
}

.ui-popover__container--contains-active-popover {
    z-index: 23
}

.ui-popover__container--is-deactivating {
    z-index: 22
}

.ui-popover__container--full-width-container {
    display: block;
    width: 100%
}

.ui-popover {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    display: none;
    margin: 0.8rem 1.6rem;
    background-color: var(--p-surface, rgba(255,255,255,0.98));
    -webkit-box-shadow: var(--p-popover-shadow, 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16));
    box-shadow: var(--p-popover-shadow, 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16));
    border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    max-width: 100%;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1)
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-popover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ui-popover--tight-spacing {
    margin-top: 0.4rem
}

.ui-popover--is-transitioning {
    display: block
}

.ui-popover--is-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    opacity: 1
}

.ui-popover--is-positioned-above {
    top: auto;
    bottom: 100%
}

.ui-popover--reduced-spacing .ui-popover__section, .ui-popover--reduced-spacing .ui-popover__pane--fixed {
    padding: 0.8rem
}

.ui-popover--full-width {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 100%;
    max-width: none
}

    .ui-popover--full-width.ui-popover--is-active {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .ui-popover--full-width .ui-popover__content-wrapper, .ui-popover--full-width .ui-popover__content {
        width: 100%;
        max-width: none
    }

.ui-popover--full-height .ui-popover__content-wrapper {
    max-height: none
}

.ui-popover__content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--p-border-radius-base, 3px);
    max-width: 550px;
    max-height: 300px
}

.ui-popover__content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: inherit;
    text-align: left;
    max-height: 100%;
    min-width: 150px
}

    .ui-popover__content > *:first-child {
        margin-top: 0
    }

    .ui-popover__content > *:last-child {
        margin-bottom: 0
    }

.ui-popover__content--is-calculating {
    white-space: nowrap !important
}

    .ui-popover__content--is-calculating * {
        white-space: nowrap !important
    }

.ui-popover__pane {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: inherit;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow 200ms ease;
    transition: -webkit-box-shadow 200ms ease;
    transition: box-shadow 200ms ease;
    transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease
}

    .ui-popover__pane + .ui-popover__pane {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-popover__pane--expand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui-popover__pane--fixed {
    overflow: visible;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1.6rem
}

.ui-popover__section {
    padding: 1.6rem
}

    .ui-popover__section + .ui-popover__section {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-popover__section--compact {
    padding: 0.8rem
}

    .ui-popover__section--compact + .ui-popover__section {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-popover__section--no-padding {
    padding: 0
}

.ui-popover__container[data-searchable-select] .next-input--invisible {
    width: 100%
}

.ui-progress-bar {
    overflow: hidden;
    height: 1.6rem;
    width: 100%;
    background-color: var(--p-action-secondary, #dfe3e8);
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px))
}

.ui-progress-bar--size-small {
    height: 0.8rem
}

.ui-progress-bar--size-large {
    height: 3.2rem
}

.ui-progress-bar__indicator {
    height: inherit;
    width: 0%;
    background-color: var(--p-border-highlight, #47c1bf)
}

.ui-progress-bar__element {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .ui-progress-bar__element a, .body:hover .ui-progress-bar__element input, .body:hover .ui-progress-bar__element button {
    display: none !important
}

.ui-progress-bar__label {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .ui-progress-bar__label a, .body:hover .ui-progress-bar__label input, .body:hover .ui-progress-bar__label button {
    display: none !important
}

.ui-resource-list-section {
    overflow-x: hidden
}

    .ui-resource-list-section + .ui-resource-list-section .ui-resource-list-tools {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

@media print,screen and (min-width: 569px) {
    .ui-resource-list-section {
        overflow-x: visible
    }
}

.ui-resource-list-section--has-active-popover {
    overflow-x: visible
}

.ui-resource-list {
    list-style: none;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms
}

    .ui-resource-list.ui-resource-list--selectable {
        -webkit-transform: translateX(-3.6rem);
        transform: translateX(-3.6rem);
        width: calc(100% + 3.6rem)
    }

@media print,screen and (min-width: 569px) {
    .ui-resource-list.ui-resource-list--selectable {
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

.ui-resource-list.ui-resource-list--editable {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ui-resource-list-section--is-loading .ui-resource-list {
    position: relative
}

    .ui-resource-list-section--is-loading .ui-resource-list::before {
        content: '';
        position: absolute;
        z-index: 3;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--p-surface, white);
        opacity: 0.5
    }

    .ui-resource-list-section--is-loading .ui-resource-list:not(.ui-resource-list--empty)::after {
        content: '';
        position: absolute;
        z-index: 4;
        top: 1rem;
        left: calc(50% + 1.8rem);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 4.4rem;
        width: 4.4rem;
        margin-left: -2.2rem;
        border: 0.3rem solid var(--p-border-highlight, #47c1bf);
        border-left-color: transparent;
        -webkit-animation: loading-spinner 0.5s linear infinite;
        animation: loading-spinner 0.5s linear infinite;
        border-radius: 50%;
        -webkit-transition: left 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: left 200ms cubic-bezier(0.64, 0, 0.35, 1)
    }

    .ui-resource-list-section--is-loading .ui-resource-list.ui-resource-list--editable:not(.ui-resource-list--empty)::after {
        left: calc(50% - 1.8rem)
    }

@media screen and (min-width: 569px) {
    .ui-resource-list-section--is-loading .ui-resource-list:not(.ui-resource-list--empty)::after {
        left: 50%
    }
}

@-webkit-keyframes loading-spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui-resource-list-tools + .ui-resource-list > *:first-child {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-resource-list-tools + .ui-resource-list {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui-resource-list__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.4rem 1.6rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-resource-list-section--is-loading .ui-resource-list__pagination {
    position: relative
}

    .ui-resource-list-section--is-loading .ui-resource-list__pagination::before {
        content: '';
        position: absolute;
        z-index: 3;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--p-surface, white);
        opacity: 0.5
    }

.ui-resource-list-tools {
    background-color: var(--p-surface, white);
    border-top-left-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    border-top-right-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
}

.ui-resource-list-tools--no-bulk {
    padding-bottom: 1rem
}

.ui-resource-list-tools__sticky-container {
    overflow-x: hidden;
    padding-bottom: 1rem
}

@media print {
    .ui-resource-list-tools__sticky-container {
        display: none
    }
}

.ui-resource-list-tools--sticky .ui-resource-list-tools__sticky-container {
    position: fixed;
    z-index: 10;
    top: 5.6rem;
    bottom: auto;
    width: 100%;
    background-color: var(--p-surface, white);
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
}

.ui-resource-list-tools__sticky-container--has-active-popover {
    overflow-x: visible
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__sticky-container--sort-has-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ui-resource-list-tools__filter-container {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__filter-container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media screen and (min-width: 568px) {
    .ui-resource-list-tools__filter-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media print {
    .ui-resource-list-tools__filter-container {
        display: none
    }
}

.ui-resource-list-tools__filter-container .ui-resource-list-tools__sort {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-top: 1.6rem
}

    .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort:last-child {
        margin-left: 1.6rem
    }

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .next-label, .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .hw-label, .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .hw-label {
    margin-right: 1.6rem;
    white-space: nowrap
}

@media screen and (max-width: 1024px) {
    .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .next-label, .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .hw-label, .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__filter-container .ui-resource-list-tools__sort .hw-label {
        display: none
    }
}

.ui-resource-list-tools__sort-container {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__sort-container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__sort-container {
        display: none
    }
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__sticky-container--sort-has-block .ui-resource-list-tools__sort-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.ui-resource-list-tools--editable .ui-resource-list-tools__sort-container, .ui-resource-list-tools--sticky .ui-resource-list-tools__sort-container {
    display: none
}

.ui-resource-list-tools__sort-container .ui-resource-list-tools__sort {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 1rem
}

    .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .next-label, .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label, .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label {
        position: absolute !important;
        top: 0;
        clip: rect(1px, 1px, 1px, 1px) !important;
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden !important
    }

.body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .next-label a, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label a, #hyperwallet-drop-in-transfer-method-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label a, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label a, #hyperwallet-drop-in-verification-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label a, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .next-label input, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label input, #hyperwallet-drop-in-transfer-method-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label input, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label input, #hyperwallet-drop-in-verification-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label input, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .next-label button, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-transfer-method-ui .hw-label button, #hyperwallet-drop-in-transfer-method-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label button, .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort #hyperwallet-drop-in-verification-ui .hw-label button, #hyperwallet-drop-in-verification-ui .body:hover .ui-resource-list-tools__sort-container .ui-resource-list-tools__sort .hw-label button {
    display: none !important
}

.ui-resource-list-tools__sort-container .ui-resource-list-tools__sort + .ui-resource-list-tools__toggle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1.6rem
}

.ui-resource-list-tools__bulk-container {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__bulk-container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-container .ui-resource-list-tools__toggle {
        display: none
    }

.ui-resource-list-tools--sticky .ui-resource-list-tools__bulk-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__bulk-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.ui-resource-list-section--is-loading .ui-resource-list-tools__bulk-container {
    position: relative
}

    .ui-resource-list-section--is-loading .ui-resource-list-tools__bulk-container::before {
        content: '';
        position: absolute;
        z-index: 3;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--p-surface, white);
        opacity: 0.5
    }

.ui-resource-list-tools__bulk-container--without-sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-resource-list-tools__tags-container {
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__tags-container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.ui-resource-list-tools__tags {
    padding-top: 1.2rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__tags {
        padding-top: 1.6rem
    }
}

.ui-resource-list-tools__filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 1.2rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__filter {
        padding-top: 1.6rem
    }
}

.ui-resource-list-tools__filter .next-label, .ui-resource-list-tools__filter #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__filter .hw-label, .ui-resource-list-tools__filter #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__filter .hw-label {
    display: none
}

.ui-resource-list-tools__filter .ui-popover__container:first-child > .ui-button, .ui-resource-list-tools__filter #hyperwallet-drop-in-transfer-method-ui .ui-popover__container:first-child > .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__filter .ui-popover__container:first-child > .hw-button, .ui-resource-list-tools__filter #hyperwallet-drop-in-verification-ui .ui-popover__container:first-child > .hw-button, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__filter .ui-popover__container:first-child > .hw-button {
    left: 0;
    margin-right: 0
}

.ui-resource-list-tools__toggle {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 1rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__toggle {
        display: none
    }
}

.ui-resource-list-section--is-loading .ui-resource-list-tools__toggle {
    position: relative
}

    .ui-resource-list-section--is-loading .ui-resource-list-tools__toggle::before {
        content: '';
        position: absolute;
        z-index: 3;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--p-surface, white);
        opacity: 0.5
    }

.ui-resource-list-tools__bulk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding-top: 1rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__bulk {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 1.8rem
    }
}

@media screen and (min-width: 768px) {
    .ui-resource-list-tools__bulk {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-tools__bulk {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.ui-resource-list-tools__bulk-inner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px white inset);
    box-shadow: var(--p-override-none, 0 0 0 1px white inset);
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1)
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-inner-container {
        width: auto;
        margin-right: 1.6rem
    }
}

.ui-resource-list-tools__bulk-inner-container--has-pseudo-border {
    -webkit-box-shadow: 0 0 0 1px var(--p-border-subdued, #dfe3e8) inset;
    box-shadow: 0 0 0 1px var(--p-border-subdued, #dfe3e8) inset
}

.ui-resource-list-tools__bulk-check-box-container {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3.6rem;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top-left-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    border-bottom-left-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px))
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-check-box-container {
    border-color: var(--p-override-transparent, #c4cdd5);
    -webkit-animation-name: bulk-check-box-slide-in;
    animation-name: bulk-check-box-slide-in;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    background-color: var(--p-action-secondary)
}

    .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-check-box-container:hover {
        background: var(--p-action-secondary-hovered)
    }

    .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-check-box-container:active {
        background: var(--p-action-secondary-pressed)
    }

@media screen and (min-width: 569px) {
    .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-check-box-container {
        -webkit-animation: none;
        animation: none
    }
}

.ui-resource-list-tools__bulk-actions {
    display: none
}

    .ui-resource-list-tools__bulk-actions.ui-resource-list-tools__bulk-actions--is-visible {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .ui-resource-list-tools__bulk-actions .ui-button:focus, .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button:focus, .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button:focus {
        position: relative;
        z-index: 1
    }

    .ui-resource-list-tools__bulk-actions .ui-button[data-primary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button[data-primary-action], #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button[data-primary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button[data-primary-action], #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button[data-primary-action], .ui-resource-list-tools__bulk-actions .ui-button[data-secondary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button[data-secondary-action], #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button[data-secondary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button[data-secondary-action], #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button[data-secondary-action] {
        display: none
    }

@media screen and (min-width: 1024px) {
    .ui-resource-list-tools__bulk-actions .ui-button[data-primary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button[data-primary-action], #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button[data-primary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button[data-primary-action], #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button[data-primary-action], .ui-resource-list-tools__bulk-actions .ui-button[data-secondary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button[data-secondary-action], #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button[data-secondary-action], .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button[data-secondary-action], #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button[data-secondary-action] {
        display: initial
    }
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-tools__bulk-actions .ui-action-list-action[data-primary-action], .ui-resource-list-tools__bulk-actions .ui-action-list-action[data-secondary-action] {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-tools__bulk-actions--no-bulk-provided .ui-popover__container {
        display: none
    }
}

.ui-resource-list-tools__bulk-actions--no-bulk-provided .ui-button:last-of-type, .ui-resource-list-tools__bulk-actions--no-bulk-provided #hyperwallet-drop-in-transfer-method-ui .hw-button:last-of-type, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions--no-bulk-provided .hw-button:last-of-type, .ui-resource-list-tools__bulk-actions--no-bulk-provided #hyperwallet-drop-in-verification-ui .hw-button:last-of-type, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions--no-bulk-provided .hw-button:last-of-type {
    border-top-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    border-bottom-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px))
}

.ui-resource-list-tools__bulk-cancel {
    display: none
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-cancel {
    display: initial
}

.ui-resource-list-tools__bulk-actions .ui-button, .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions .hw-button, .ui-resource-list-tools__bulk-actions #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions .hw-button {
    margin-left: -1px;
    border-radius: 0
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__bulk-actions > .ui-popover__container > .ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-actions > .ui-popover__container > .hw-button, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-actions > .ui-popover__container > .hw-button {
        margin-left: -1px;
        border-top-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
        border-bottom-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px))
    }
}

.ui-resource-list-tools__bulk-cancel > .ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-cancel > .hw-button, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-cancel > .hw-button {
    margin-left: -1px;
    border-top-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    border-bottom-right-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px))
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__bulk-cancel > .ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__bulk-cancel > .hw-button, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__bulk-cancel > .hw-button {
        display: none
    }
}

.ui-resource-list-tools__bulk-check-box {
    display: none
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-check-box {
    position: relative;
    display: block
}

@media screen and (min-width: 568px) {
    .ui-resource-list-tools__bulk-check-box {
        display: block
    }
}

.ui-resource-list-tools__bulk-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.8rem;
    padding-left: 0.8rem;
    cursor: pointer
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-content {
    font-weight: 600;
    color: var(--p-text-subdued, #637381)
}

.ui-resource-list-tools--selected .ui-resource-list-tools__bulk-content {
    color: var(--p-text, #5c6ac4)
}

@media screen and (min-width: 568px) {
    .ui-resource-list-tools__bulk-content {
        padding-right: 1.6rem;
        padding-left: 1.2rem
    }
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-showing {
    display: none
}

.ui-resource-list-tools--editable .showing {
    display: none
}

.ui-resource-list-tools--selected .ui-resource-list-tools__bulk-name, .ui-resource-list-tools--editable .ui-resource-list-tools__bulk-name {
    display: none
}

.ui-resource-list-tools--selected .name, .ui-resource-list-tools--editable .name {
    display: none
}

.ui-resource-list-tools__bulk-selected {
    display: none
}

.ui-resource-list-tools--editable .ui-resource-list-tools__bulk-selected {
    display: initial
}

.ui-resource-list-tools .selected {
    display: none
}

.ui-resource-list-tools--editable .selected {
    display: initial
}

.ui-resource-list-tools__resource-location--emphasized {
    font-weight: 600
}

.ui-resource-list-tools__paginated-select-all {
    display: none;
    width: 100%;
    padding-top: 0.8rem
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__paginated-select-all {
        padding-top: 1.2rem
    }
}

@media screen and (min-width: 1080px) {
    .ui-resource-list-tools__paginated-select-all {
        width: auto;
        padding-top: 0
    }
}

.ui-resource-list-tools__paginated-select-all--is-visible {
    display: block;
    -webkit-animation-name: slide-down;
    animation-name: slide-down;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms
}

@media screen and (min-width: 569px) {
    .ui-resource-list-tools__paginated-select-all--is-visible {
        -webkit-animation: none;
        animation: none
    }
}

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slide-down {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-down {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bulk-check-box-slide-in {
    from {
        margin-left: -3.6rem
    }

    to {
        margin-left: 0
    }
}

@keyframes bulk-check-box-slide-in {
    from {
        margin-left: -3.6rem
    }

    to {
        margin-left: 0
    }
}

.ui-resource-list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 1.6rem;
    min-height: 4.4rem
}

    .ui-resource-list-item + .ui-resource-list-item {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

@media screen and (min-width: 569px) {
    .ui-resource-list-item {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

.ui-resource-list:first-child .ui-resource-list-item:first-child {
    border-top-left-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    border-top-right-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
}

.ui-resource-list:last-child .ui-resource-list-item:last-child {
    border-bottom-left-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    border-bottom-right-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px))
}

.ui-resource-list-item--actionable {
    cursor: pointer
}

    .ui-resource-list-item--actionable:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3)));
        background-image: linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3))
    }

    .ui-resource-list-item--actionable:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.1)), to(rgba(179,188,245,0.1)));
        background-image: linear-gradient(rgba(179,188,245,0.1), rgba(179,188,245,0.1))
    }

    .ui-resource-list-item--actionable:focus {
        -webkit-box-shadow: inset 0.2rem 0 0 #5c6ac4;
        box-shadow: inset 0.2rem 0 0 #5c6ac4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3)));
        background-image: linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3));
        outline: none;
        box-shadow: inset 0.2rem 0 0 #5c6ac4
    }

.ui-resource-list-item--selected {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.15)), to(rgba(179,188,245,0.15)));
    background-image: linear-gradient(rgba(179,188,245,0.15), rgba(179,188,245,0.15))
}

    .ui-resource-list-item--selected:focus {
        -webkit-box-shadow: inset 0.2rem 0 0 #5c6ac4;
        box-shadow: inset 0.2rem 0 0 #5c6ac4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.15)), to(rgba(179,188,245,0.15))),-webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3)));
        background-image: linear-gradient(rgba(179,188,245,0.15), rgba(179,188,245,0.15)),linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3))
    }

        .ui-resource-list-item--selected:focus:hover {
            -webkit-box-shadow: inset 0.2rem 0 0 #5c6ac4;
            box-shadow: inset 0.2rem 0 0 #5c6ac4;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.15)), to(rgba(179,188,245,0.15))),-webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3))),-webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3)));
            background-image: linear-gradient(rgba(179,188,245,0.15), rgba(179,188,245,0.15)),linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3)),linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3))
        }

    .ui-resource-list-item--selected:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.15)), to(rgba(179,188,245,0.15))),-webkit-gradient(linear, left top, left bottom, from(rgba(223,227,232,0.3)), to(rgba(223,227,232,0.3)));
        background-image: linear-gradient(rgba(179,188,245,0.15), rgba(179,188,245,0.15)),linear-gradient(rgba(223,227,232,0.3), rgba(223,227,232,0.3))
    }

    .ui-resource-list-item--selected:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.15)), to(rgba(179,188,245,0.15))),-webkit-gradient(linear, left top, left bottom, from(rgba(179,188,245,0.1)), to(rgba(179,188,245,0.1)));
        background-image: linear-gradient(rgba(179,188,245,0.15), rgba(179,188,245,0.15)),linear-gradient(rgba(179,188,245,0.1), rgba(179,188,245,0.1))
    }

.newDesignLanguage .ui-resource-list-item--actionable {
    position: relative
}

    .newDesignLanguage .ui-resource-list-item--actionable::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(0rem + 0.1rem));
        right: calc(-1 * calc(0rem + 0.1rem));
        bottom: calc(-1 * calc(0rem + 0.1rem));
        left: calc(-1 * calc(0rem + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(0rem + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(0rem + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .ui-resource-list-item--actionable::after {
        content: ''
    }

    .newDesignLanguage .ui-resource-list-item--actionable:hover, .newDesignLanguage .ui-resource-list-item--actionable:active, .newDesignLanguage .ui-resource-list-item--actionable:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .newDesignLanguage .ui-resource-list-item--actionable:hover {
        background-color: var(--p-surface-selected-hovered)
    }

    .newDesignLanguage .ui-resource-list-item--actionable:active {
        background-color: var(--p-surface-selected-pressed)
    }

@media screen and (min-width: 768px) {
    .newDesignLanguage .ui-resource-list-item--actionable:focus:not(:active)::after {
        -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
        box-shadow: 0 0 0 0.2rem var(--p-focused)
    }
}

.newDesignLanguage .ui-resource-list-item--actionable:focus {
    outline: none
}

@media screen and (max-width: 768px) {
    .newDesignLanguage .ui-resource-list-item--actionable:focus {
        -webkit-box-shadow: inset 0.2rem 0 0 var(--p-focused);
        box-shadow: inset 0.2rem 0 0 var(--p-focused)
    }
}

.newDesignLanguage .ui-resource-list-item--selected {
    outline: none;
    background-color: var(--p-surface-selected)
}

    .newDesignLanguage .ui-resource-list-item--selected:focus {
        background-color: var(--p-surface-selected)
    }

    .newDesignLanguage .ui-resource-list-item--selected:hover {
        background-color: var(--p-surface-selected-hovered)
    }

    .newDesignLanguage .ui-resource-list-item--selected:active {
        background-color: var(--p-surface-selected-pressed)
    }

.ui-resource-list-item__owned {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media print {
    .ui-resource-list-item__owned {
        display: none
    }
}

.ui-resource-list-item__media {
    overflow: hidden;
    margin-right: 1.6rem
}

    .ui-resource-list-item__media.ui-resource-list-item__media--size-small {
        height: 4rem;
        width: 4rem
    }

        .ui-resource-list-item__media.ui-resource-list-item__media--size-small > img {
            max-height: 4rem;
            max-width: 4rem
        }

@media screen and (min-width: 768px) {
    .ui-resource-list-item__media.ui-resource-list-item__media--size-small {
        height: 3.2rem;
        width: 3.2rem
    }

        .ui-resource-list-item__media.ui-resource-list-item__media--size-small > img {
            max-height: 3.2rem;
            max-width: 3.2rem
        }
}

.ui-resource-list-item__media.ui-resource-list-item__media--size-medium {
    height: 4rem;
    width: 4rem
}

    .ui-resource-list-item__media.ui-resource-list-item__media--size-medium > img {
        max-height: 4rem;
        max-width: 4rem
    }

.ui-resource-list-item__media.ui-resource-list-item__media--size-large {
    height: 5rem;
    width: 5rem
}

    .ui-resource-list-item__media.ui-resource-list-item__media--size-large > img {
        max-height: 5rem;
        max-width: 5rem
    }

.ui-resource-list-item__selector {
    width: 4.8rem;
    min-height: 4.4rem;
    margin: -1.2rem 0 -1.2rem -1.2rem;
    pointer-events: none
}

    .ui-resource-list-item__selector .next-input-wrapper, .ui-resource-list-item__selector #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-item__selector .hw-form-group, .ui-resource-list-item__selector #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-resource-list-item__selector .hw-form-group {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

        .ui-resource-list-item__selector .next-input-wrapper .next-checkbox, .ui-resource-list-item__selector #hyperwallet-drop-in-transfer-method-ui .hw-form-group .next-checkbox, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-item__selector .hw-form-group .next-checkbox, .ui-resource-list-item__selector #hyperwallet-drop-in-verification-ui .hw-form-group .next-checkbox, #hyperwallet-drop-in-verification-ui .ui-resource-list-item__selector .hw-form-group .next-checkbox {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%
        }

        .ui-resource-list-item__selector .next-input-wrapper .next-checkbox--styled, .ui-resource-list-item__selector #hyperwallet-drop-in-transfer-method-ui .hw-form-group .next-checkbox--styled, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-item__selector .hw-form-group .next-checkbox--styled, .ui-resource-list-item__selector #hyperwallet-drop-in-verification-ui .hw-form-group .next-checkbox--styled, #hyperwallet-drop-in-verification-ui .ui-resource-list-item__selector .hw-form-group .next-checkbox--styled {
            position: relative;
            top: auto;
            left: auto
        }

@media screen and (min-width: 569px) {
    .ui-resource-list-item__selector {
        margin-right: 0.4rem
    }
}

.ui-resource-list-item__selector .ui-resource-list--editable {
    pointer-events: auto
}

@media screen and (min-width: 569px) {
    .ui-resource-list-item__selector {
        pointer-events: auto
    }
}

.ui-resource-list-item__content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ui-resource-list-item__persistent-buttons {
    display: none;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: -0.4rem -1.2rem -0.4rem 0
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-item__persistent-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.ui-resource-list-item__floating-buttons {
    position: absolute;
    visibility: hidden;
    top: 0;
    right: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-height: 5.6rem
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-item__floating-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ui-resource-list-item:hover .ui-resource-list-item__floating-buttons, .ui-resource-list-item--focused .ui-resource-list-item__floating-buttons {
        visibility: visible
    }
}

.ui-resource-list-item__actions-popover {
    display: block;
    margin: -0.4rem -0.4rem -0.4rem 0
}

@media screen and (min-width: 1024px) {
    .ui-resource-list-item__actions-popover {
        display: none
    }
}

.ui-resource-list-item__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: -9999%
}

.ui-resource-list-item__promote-layer {
    position: relative;
    z-index: 1
}

.ui-rollup > * {
    display: none;
    opacity: 0
}

    .ui-rollup > *:nth-child(1) {
        -webkit-animation-delay: 0ms;
        animation-delay: 0ms
    }

    .ui-rollup > *:nth-child(2) {
        -webkit-animation-delay: 50ms;
        animation-delay: 50ms
    }

    .ui-rollup > *:nth-child(3) {
        -webkit-animation-delay: 100ms;
        animation-delay: 100ms
    }

    .ui-rollup > *:nth-child(4) {
        -webkit-animation-delay: 150ms;
        animation-delay: 150ms
    }

    .ui-rollup > *:nth-child(5) {
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms
    }

    .ui-rollup > *:nth-child(6) {
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms
    }

    .ui-rollup > *:nth-child(7) {
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms
    }

    .ui-rollup > *:nth-child(8) {
        -webkit-animation-delay: 350ms;
        animation-delay: 350ms
    }

    .ui-rollup > *:nth-child(9) {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms
    }

    .ui-rollup > *:nth-child(10) {
        -webkit-animation-delay: 450ms;
        animation-delay: 450ms
    }

    .ui-rollup > *:nth-child(n+11) {
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms
    }

.ui-rollup--keep-visible-1 > *:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-1 > *:nth-child(2) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.ui-rollup--keep-visible-1 > *:nth-child(3) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.ui-rollup--keep-visible-1 > *:nth-child(4) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

.ui-rollup--keep-visible-1 > *:nth-child(5) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.ui-rollup--keep-visible-1 > *:nth-child(6) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.ui-rollup--keep-visible-1 > *:nth-child(7) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.ui-rollup--keep-visible-1 > *:nth-child(8) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.ui-rollup--keep-visible-1 > *:nth-child(9) {
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms
}

.ui-rollup--keep-visible-1 > *:nth-child(10) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.ui-rollup--keep-visible-2 > *:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-2 > *:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-2 > *:nth-child(3) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.ui-rollup--keep-visible-2 > *:nth-child(4) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.ui-rollup--keep-visible-2 > *:nth-child(5) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

.ui-rollup--keep-visible-2 > *:nth-child(6) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.ui-rollup--keep-visible-2 > *:nth-child(7) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.ui-rollup--keep-visible-2 > *:nth-child(8) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.ui-rollup--keep-visible-2 > *:nth-child(9) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.ui-rollup--keep-visible-2 > *:nth-child(10) {
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms
}

.ui-rollup--keep-visible-3 > *:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-3 > *:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-3 > *:nth-child(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-3 > *:nth-child(4) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.ui-rollup--keep-visible-3 > *:nth-child(5) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.ui-rollup--keep-visible-3 > *:nth-child(6) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

.ui-rollup--keep-visible-3 > *:nth-child(7) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.ui-rollup--keep-visible-3 > *:nth-child(8) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.ui-rollup--keep-visible-3 > *:nth-child(9) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.ui-rollup--keep-visible-3 > *:nth-child(10) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.ui-rollup--keep-visible-4 > *:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-4 > *:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-4 > *:nth-child(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-4 > *:nth-child(4) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.ui-rollup--keep-visible-4 > *:nth-child(5) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.ui-rollup--keep-visible-4 > *:nth-child(6) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.ui-rollup--keep-visible-4 > *:nth-child(7) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

.ui-rollup--keep-visible-4 > *:nth-child(8) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.ui-rollup--keep-visible-4 > *:nth-child(9) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.ui-rollup--keep-visible-4 > *:nth-child(10) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.ui-rollup--show > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: rollup-fadein 200ms linear forwards;
    animation: rollup-fadein 200ms linear forwards
}

[data-rollup-force-show-child-instance="true"] > .ui-rollup > *, .ui-rollup__item--force-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

@-webkit-keyframes rollup-fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rollup-fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ui-scrollable {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    -webkit-transition: -webkit-box-shadow 260ms ease;
    transition: -webkit-box-shadow 260ms ease;
    transition: box-shadow 260ms ease;
    transition: box-shadow 260ms ease, -webkit-box-shadow 260ms ease
}

.ui-scrollable__container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    max-width: 100%
}

.ui-scrollable__scroll-content {
    position: relative;
    z-index: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: scroll;
    width: 100%;
    margin: 0 -15px -15px 0;
    padding: 0 15px 15px 0;
    max-width: 100%
}

.ui-scrollable__content {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    margin-bottom: -15px
}

.ui-scrollable__track {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px
}

.ui-scrollable__scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    background: #6c6e71;
    background-clip: padding-box;
    border-radius: 7px;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    min-height: 10px;
    opacity: 0
}

.ui-scrollable__track:hover .ui-scrollable__scrollbar {
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear;
    opacity: 0.7
}

.ui-scrollable__scrollbar--visible {
    opacity: 0.7
}

.ui-skeleton-body-text__container {
    -webkit-animation: skeletonShimmerAnimation 800ms linear infinite alternate;
    animation: skeletonShimmerAnimation 800ms linear infinite alternate;
    will-change: opacity
}

.ui-skeleton-body-text {
    height: 0.8rem;
    position: relative
}

    .ui-skeleton-body-text::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #dfe3e8;
        border-radius: var(--p-border-radius-base, 3px)
    }

    .ui-skeleton-body-text:last-child:not(:first-child) {
        width: 80%
    }

    .ui-skeleton-body-text + .ui-skeleton-body-text {
        margin-top: 1.2rem
    }

.ui-spinner {
    -webkit-transform-origin: 2.2rem 2.2rem 2.2rem;
    transform-origin: 2.2rem 2.2rem 2.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 4.4rem;
    width: 4.4rem;
    -webkit-animation: ui-spinner-rotate 0.5s linear infinite;
    animation: ui-spinner-rotate 0.5s linear infinite;
    background-color: transparent;
    border: 0.3rem solid var(--p-border-highlight, #47c1bf);
    border-left-color: transparent;
    border-radius: 50%
}

.ui-spinner--size-small {
    -webkit-transform-origin: 1rem 1rem 1rem;
    transform-origin: 1rem 1rem 1rem;
    height: 2rem;
    width: 2rem
}

.ui-spinner--size-large {
    -webkit-transform-origin: 4rem 4rem 4rem;
    transform-origin: 4rem 4rem 4rem;
    height: 8rem;
    width: 8rem
}

.ui-spinner--color-white {
    border-color: var(--p-border-highlight, white);
    border-left-color: transparent
}

.ui-spinner--color-ink-lightest {
    border-color: var(--p-border-highlight, #919eab);
    border-left-color: transparent
}

.ui-spinner--color-highlight {
    border-color: var(--p-border-highlight, #47c1bf);
    border-left-color: transparent
}

@-webkit-keyframes ui-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ui-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui-stack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1.6rem;
    margin-left: -1.6rem
}

    .ui-stack > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 1.6rem;
        margin-left: 1.6rem
    }

    .ui-stack > .ui-stack {
        margin-top: 0;
        margin-left: 0
    }

    .ui-stack > .ui-stack--spacing-tight {
        margin-top: 0.8rem;
        margin-left: 0.8rem
    }

    .ui-stack > .ui-stack--spacing-loose {
        margin-top: -0.4rem;
        margin-left: -0.4rem
    }

.ui-stack--spacing-none {
    margin-top: 0;
    margin-left: 0
}

    .ui-stack--spacing-none > * {
        margin-top: 0;
        margin-left: 0
    }

    .ui-stack--spacing-none > .ui-stack {
        margin-top: -1.6rem;
        margin-left: -1.6rem
    }

    .ui-stack--spacing-none .ui-stack--spacing-tight {
        margin-top: -0.8rem;
        margin-left: -0.8rem
    }

    .ui-stack--spacing-none .ui-stack--spacing-loose {
        margin-top: -2rem;
        margin-left: -2rem
    }

.ui-stack--spacing-tight {
    margin-top: -0.8rem;
    margin-left: -0.8rem
}

    .ui-stack--spacing-tight > * {
        margin-top: 0.8rem;
        margin-left: 0.8rem
    }

    .ui-stack--spacing-tight > .ui-stack {
        margin-top: -0.8rem;
        margin-left: -0.8rem
    }

    .ui-stack--spacing-tight > .ui-stack--spacing-tight {
        margin-top: 0;
        margin-left: 0
    }

    .ui-stack--spacing-tight > .ui-stack--spacing-loose {
        margin-top: -1.2rem;
        margin-left: -1.2rem
    }

.ui-stack--spacing-loose {
    margin-top: -2rem;
    margin-left: -2rem
}

    .ui-stack--spacing-loose > * {
        margin-top: 2rem;
        margin-left: 2rem
    }

    .ui-stack--spacing-loose > .ui-stack {
        margin-top: 0.4rem;
        margin-left: 0.4rem
    }

    .ui-stack--spacing-loose > .ui-stack--spacing-tight {
        margin-top: 1.2rem;
        margin-left: 1.2rem
    }

    .ui-stack--spacing-loose > .ui-stack--spacing-loose {
        margin-top: 0;
        margin-left: 0
    }

.ui-stack--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-stack--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-stack--distribution-leading {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ui-stack--distribution-trailing {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ui-stack--distribution-equal-spacing {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-stack--distribution-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-stack--distribution-fill > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@supports (min-width: -webkit-max-content) or (min-width: -moz-max-content) or (min-width: max-content) {
    .ui-stack--distribution-fill-equally:not(.ui-stack--vertical) > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }
}

@supports (min-height: -webkit-max-content) or (min-height: -moz-max-content) or (min-height: max-content) {
    .ui-stack--distribution-fill-equally.ui-stack--vertical > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content
    }
}

.ui-stack--distribution-fill-equally > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .ui-stack--distribution-fill-equally > * ::-webkit-:not(:root:root), .ui-stack--distribution-fill-equally > * {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

.ui-stack--alignment-leading {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ui-stack--alignment-trailing {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ui-stack--alignment-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-stack--alignment-fill {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ui-stack--alignment-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ui-stack-item {
    min-width: 0;
    max-width: 100%
}

.ui-stack-item--fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui-subheading {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .ui-subheading {
        font-size: 1.2rem
    }
}

.ui-subheading--subdued {
    color: var(--p-text-subdued, #637381)
}

.ui-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.ui-tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-wrap: break-word;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    background-color: var(--p-action-secondary, #dfe3e8);
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    color: var(--p-text, #454f5b);
    max-width: 100%;
    min-height: 2.8rem
}

.ui-tag__label {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    width: 100%;
    padding: 0.4rem 0.4rem 0.4rem 0.8rem
}

@media screen and (max-width: 640px) {
    .ui-tag__label {
        font-size: 1.4rem
    }
}

.ui-tag__remove-button {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    background: inherit;
    border: 0;
    border-radius: inherit;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.8rem 0.8rem 0.4rem 0.4rem
}

    .ui-tag__remove-button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .ui-tag__remove-button:hover, .ui-tag__remove-button:focus, .ui-tag__remove-button:active {
        text-decoration: none
    }

    .ui-tag__remove-button.btn-disabled, .ui-tag__remove-button.disabled, .ui-tag__remove-button:disabled, .ui-tag__remove-button[disabled] {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
        pointer-events: none
    }

.newDesignLanguage .ui-tag__remove-button {
    padding: 0.8rem 0.8rem 0.4rem 0.8rem;
    outline: none;
    position: relative
}

    .newDesignLanguage .ui-tag__remove-button svg {
        fill: var(--p-icon)
    }

    .newDesignLanguage .ui-tag__remove-button:hover {
        background: var(--p-action-secondary-hovered)
    }

    .newDesignLanguage .ui-tag__remove-button:focus {
        background-color: transparent
    }

    .newDesignLanguage .ui-tag__remove-button::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(0rem + 0.1rem));
        right: calc(-1 * calc(0rem + 0.1rem));
        bottom: calc(-1 * calc(0rem + 0.1rem));
        left: calc(-1 * calc(0rem + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(0rem + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(0rem + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .ui-tag__remove-button:focus:not(:active)::after {
        -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
        box-shadow: 0 0 0 0.2rem var(--p-focused)
    }

    .newDesignLanguage .ui-tag__remove-button:active {
        background: var(--p-action-secondary-pressed)
    }

    .newDesignLanguage .ui-tag__remove-button:disabled {
        cursor: default;
        pointer-events: none
    }

        .newDesignLanguage .ui-tag__remove-button:disabled svg {
            fill: var(--p-icon-disabled)
        }

.ui-text-style--variation-subdued {
    color: var(--p-text-subdued, #637381)
}

.ui-text-style--variation-strong {
    font-weight: 600
}

.ui-text-style--variation-positive {
    color: #108043
}

.ui-text-style--variation-negative {
    color: #bf0711
}

.ui-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem
}

.ui-type-container > *:not(.hide) + * {
    margin-top: 1.6rem
}

.ui-type-container--spacing-extra-tight > *:not(.hide) + * {
    margin-top: 0.4rem
}

.ui-type-container--spacing-tight > *:not(.hide) + * {
    margin-top: 0.8rem
}

.ui-type-container--spacing-loose > *:not(.hide) + * {
    margin-top: 2rem
}

.ui-top-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    width: 100vw;
    padding-right: 0px;
    padding-right: calc(0px + constant(safe-area-inset-right));
    padding-right: calc(0px + env(safe-area-inset-right));
    background: #1c2260
}

.ui-top-bar__branding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 24rem;
    min-width: 24rem;
    padding-right: 0.8rem;
    padding-left: 1.6rem;
    padding-left: calc(1.6rem + constant(safe-area-inset-left));
    padding-left: calc(1.6rem + env(safe-area-inset-left));
    background-color: #00044c
}

    .ui-top-bar__branding svg, .ui-top-bar__branding img {
        display: block;
        height: auto;
        width: 10.4rem;
        max-height: 3.2rem
    }

@media screen and (max-width: 768px) {
    .ui-top-bar__branding {
        display: none
    }
}

.ui-top-bar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-top-bar__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.6rem;
    color: white;
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .ui-top-bar__item {
        padding-left: 0.8rem
    }
}

.ui-top-bar--dark-text .ui-top-bar__item {
    color: #212b36
}

@media screen and (min-width: 769px) {
    .ui-top-bar__item--show-for-mobile {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .ui-top-bar__item--show-for-desktop {
        display: none
    }
}

.ui-top-bar__item--fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-top-bar__link {
    color: white
}

.ui-top-bar--dark-text .ui-top-bar__link {
    color: #212b36
}

.ui-top-bar__link:hover {
    color: #95a7b7;
    text-decoration: none
}

.ui-top-bar--dark-text .ui-top-bar__link:hover {
    color: black
}

.ui-password {
    width: 100%;
    padding: 0;
    background: var(--p-surface, white);
    border: 1px solid var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, inset 0 1px 0 0 rgba(63,63,68,0.05));
    box-shadow: var(--p-override-none, inset 0 1px 0 0 rgba(63,63,68,0.05));
    border-radius: var(--p-border-radius-base, 3px)
}

    .ui-password .ui-password__input {
        padding: 0.4rem 0.8rem;
        background: none;
        border: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .ui-password .ui-password__input:read-only, .ui-password .ui-password__input:-webkit-autofill {
            left: 0
        }

    .ui-password .ui-password__button {
        padding: 0.4rem 0.8rem;
        border: 1px solid transparent;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        color: var(--p-action-interactive, #006fbb)
    }

        .ui-password .ui-password__button:hover {
            border: 1px solid transparent
        }

        .ui-password .ui-password__button:focus {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .ui-password .ui-password__button:disabled {
            color: var(--p-text-disabled, var(--p-action-interactive, #006fbb));
            background: var(--p-action-secondary-disabled, #f4f6f8)
        }

    .ui-password .ui-password__input, .ui-password .ui-password__button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .ui-password .ui-password__input:focus, .ui-password .ui-password__button:focus {
            border: 1px solid var(--p-override-transparent, #5c6ac4);
            -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
            box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
        }

    .ui-password.ui-password--readonly {
        background: var(--p-surface-subdued, #f9fafb)
    }

    .ui-password.ui-password--disabled {
        background: var(--p-action-secondary-disabled, #f4f6f8);
        border-color: var(--p-border-subdued, #c4cdd5);
        color: var(--p-text-disabled, #919eab)
    }

        .ui-password.ui-password--disabled .ui-password__input[disabled] {
            background: none;
            border: 0
        }

.next-field__connected-wrapper .ui-password {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .next-field__connected-wrapper .ui-password .ui-password__button:last-child {
        border-radius: 0
    }

.next-input-wrapper--is-error .ui-password {
    border: 0
}

.next-input-wrapper--is-error .ui-password__button, .next-input-wrapper--is-error .ui-password__button:hover {
    border: 1px solid var(--p-border, #c4cdd5);
    border-left: none
}

    .next-input-wrapper--is-error .ui-password__button:focus, .next-input-wrapper--is-error .ui-password__button:hover:focus {
        border: 1px solid var(--p-border, #5c6ac4);
        border-left: none;
        -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
        box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
    }

.ui-setting-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -1.6rem;
    margin-left: -1.6rem
}

.ui-setting-toggle__setting, .ui-setting-toggle__toggle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 1.6rem;
    margin-left: 1.6rem;
    max-width: calc(100% - 1.6rem);
    min-width: 0
}

.ui-setting-toggle__setting {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 35rem;
    -ms-flex: 1 0 35rem;
    flex: 1 0 35rem
}

.ui-banner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .ui-banner {
        font-size: 1.4rem
    }
}

.ui-banner a:not(.ui-button--outline) {
    color: #006fbb;
    text-decoration: none
}

    .ui-banner a:not(.ui-button--outline):hover, .ui-banner a:not(.ui-button--outline):focus {
        color: #084e8a
    }

.ui-banner a.ui-button--link:not(.ui-button--outline) {
    color: #374047;
    text-decoration: none;
    position: relative
}

    .ui-banner a.ui-button--link:not(.ui-button--outline):hover, .ui-banner a.ui-button--link:not(.ui-button--outline):focus {
        text-decoration: none
    }

        .ui-banner a.ui-button--link:not(.ui-button--outline):hover::after, .ui-banner a.ui-button--link:not(.ui-button--outline):focus::after {
            opacity: 0.75
        }

    .ui-banner a.ui-button--link:not(.ui-button--outline)::after {
        content: '';
        position: absolute;
        display: block;
        bottom: 2px;
        left: 0;
        right: 0;
        border-top: 1px solid currentColor;
        opacity: 0.25;
        will-change: opacity;
        -webkit-transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1)
    }

.ui-banner--within-content-container {
    padding: 0.8rem 1.2rem;
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    background-color: #f4f6f8
}

    .ui-banner--within-content-container:focus {
        outline: none;
        -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
    }

    .ui-banner--within-content-container .ui-banner__ribbon::before {
        background-color: #dfe3e8
    }

    .ui-banner--within-content-container .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container .ui-banner__ribbon > .next-icon__text {
        fill: #637381;
        color: white
    }

    .ui-banner--within-content-container.ui-banner--status-success {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #eff7ed
    }

        .ui-banner--within-content-container.ui-banner--status-success:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon::before {
            background-color: #bbe5b3
        }

        .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon > .next-icon__text {
            fill: #108043;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-info {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #eef9f9
    }

        .ui-banner--within-content-container.ui-banner--status-info:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon::before {
            background-color: #b7ecec
        }

        .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon > .next-icon__text {
            fill: #00848e;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-warning {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #fdf7e3
    }

        .ui-banner--within-content-container.ui-banner--status-warning:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon::before {
            background-color: #ffea8a
        }

        .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon > .next-icon__text {
            fill: #8a6116;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-critical {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #fdf3f0
    }

        .ui-banner--within-content-container.ui-banner--status-critical:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon::before {
            background-color: #fead9a
        }

        .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon > .next-icon__text {
            fill: #bf0711;
            color: white
        }

    .ui-banner--within-content-container:not(.hide) + .ui-banner {
        margin-top: 0.8rem
    }

    .ui-banner--within-content-container .ui-banner__ribbon {
        padding-right: 1.2rem
    }

    .ui-banner--within-content-container .ui-banner__content-button {
        padding: 1.2rem 0 0.4rem 0
    }

    .ui-banner--within-content-container .ui-banner__dismissible-button {
        position: absolute;
        top: 0.4rem;
        right: 0.4rem
    }

.ui-banner--within-page {
    padding: 1.6rem;
    border-radius: 0 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px);
    -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    background-color: #f4f6f8
}

    .ui-banner--within-page:focus {
        outline: none;
        -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
    }

    .ui-banner--within-page .ui-banner__ribbon::before {
        background-color: #dfe3e8
    }

    .ui-banner--within-page .ui-banner__ribbon > .next-icon, .ui-banner--within-page .ui-banner__ribbon > .next-icon__text {
        fill: #637381;
        color: white
    }

    .ui-banner--within-page.ui-banner--status-success {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #eff7ed
    }

        .ui-banner--within-page.ui-banner--status-success:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon::before {
            background-color: #bbe5b3
        }

        .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon > .next-icon__text {
            fill: #108043;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-info {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #eef9f9
    }

        .ui-banner--within-page.ui-banner--status-info:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon::before {
            background-color: #b7ecec
        }

        .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon > .next-icon__text {
            fill: #00848e;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-warning {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #fdf7e3
    }

        .ui-banner--within-page.ui-banner--status-warning:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon::before {
            background-color: #ffea8a
        }

        .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon > .next-icon__text {
            fill: #8a6116;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-critical {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #fdf3f0
    }

        .ui-banner--within-page.ui-banner--status-critical:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon::before {
            background-color: #fead9a
        }

        .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon > .next-icon__text {
            fill: #bf0711;
            color: white
        }

    .ui-banner--within-page:not(.hide) + .ui-banner {
        margin-top: 2rem
    }

    .ui-banner--within-page .ui-banner__ribbon {
        padding-right: 1.6rem
    }

    .ui-banner--within-page .ui-banner__content-button {
        padding-top: 1.6rem
    }

    .ui-banner--within-page .ui-banner__dismissible-button {
        position: absolute;
        top: 1.2rem;
        right: 0.8rem
    }

.ui-banner--hidden {
    display: none
}

.ui-banner--dismissible {
    padding-right: 5.6rem
}

.ui-banner__heading {
    padding-top: 0.2rem
}

.ui-banner__content {
    padding: 0.4rem 0;
    word-break: break-word;
    overflow-wrap: break-word
}

.ui-banner__ribbon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

    .ui-banner__ribbon > .next-icon, .ui-banner__ribbon > .next-icon__text {
        top: 0.3rem;
        left: 0.4rem
    }

    .ui-banner__ribbon::before {
        content: '';
        position: absolute;
        top: 0;
        right: -0.4rem;
        bottom: -0.4rem;
        left: 0;
        display: block;
        height: 28px;
        width: 28px;
        border-radius: 50%
    }

@media screen and (max-width: 720px) {
    .ui-layout .ui-banner--within-page {
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0
    }
}

.ui-banner__section:not(:first-of-type) {
    padding-top: 1.6rem
}

.ui-banner__section:not(:last-of-type) {
    padding-bottom: 1.6rem
}

.ui-banner__section + .ui-banner__section {
    border-top: 1px solid var(--p-border, #c4cdd5)
}

.ui-banner__dismissible-button {
    padding: 1.1rem 0.8rem;
    line-height: 1
}

    .ui-banner__dismissible-button > .next-icon, .ui-banner__dismissible-button > .next-icon__text {
        fill: #637381
    }

    .ui-banner__dismissible-button:hover > .next-icon, .ui-banner__dismissible-button:hover > .next-icon__text, .ui-banner__dismissible-button:focus > .next-icon, .ui-banner__dismissible-button:focus > .next-icon__text, .ui-banner__dismissible-button:active > .next-icon, .ui-banner__dismissible-button:active > .next-icon__text {
        fill: #212b36
    }

.empty-search-results {
    text-align: center;
    padding: 2rem 0
}

    .empty-search-results .empty-search-results__illustration {
        margin-bottom: 30px
    }

    .empty-search-results .empty-search-results__title {
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.4rem;
        margin-bottom: 0.8rem;
        font-family: var(--main-font)
    }

    .empty-search-results .empty-search-results__message {
        color: var(--p-text-subdued, #637381);
        margin: 0 0 0.8rem
    }

.icon-symbols {
    display: none !important
}

.next-icon, .next-icon__text {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor
}

.next-icon--left-spacing-halved {
    margin-left: 10px
}

.next-icon--right-spacing-halved {
    margin-right: 10px
}

.next-icon--left-spacing-quartered {
    margin-left: 5px
}

.next-icon--right-spacing-quartered {
    margin-right: 5px
}

.next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, #fff)
}

.next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #ebeef0)
}

.next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f5f6f7)
}

.next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #d3dbe2)
}

.next-icon--color-sky-darker {
    color: transparent;
    fill: var(--p-icon-subdued, #c3cfd8)
}

.next-icon--color-slate-lightest {
    color: transparent;
    fill: var(--p-icon, #95a7b7)
}

.next-icon--color-slate-lighter {
    color: transparent;
    fill: var(--p-icon, #798c9c)
}

.next-icon--color-slate-light {
    color: transparent;
    fill: var(--p-icon, #454e57)
}

.next-icon--color-slate {
    color: transparent;
    fill: var(--p-icon, #31373d)
}

.next-icon--color-slate-darker {
    color: transparent;
    fill: var(--p-icon, #212529)
}

.next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #96bf48)
}

.next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #7ba232)
}

.next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #ffd117)
}

.next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #d4a002)
}

.next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #fec97d)
}

.next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #ff9517)
}

.next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #ff5d5d)
}

.next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #d83e3e)
}

.next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, white)
}

.fresh-ui .next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #dfe3e8)
}

.fresh-ui .next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f4f6f8)
}

.fresh-ui .next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #c4cdd5)
}

.fresh-ui .next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.fresh-ui .next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.fresh-ui .next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.fresh-ui .next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #50b83c)
}

.fresh-ui .next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #108043)
}

.fresh-ui .next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #eec200)
}

.fresh-ui .next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #8a6116)
}

.fresh-ui .next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #ffc58b)
}

.fresh-ui .next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #f49342)
}

.fresh-ui .next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #de3618)
}

.fresh-ui .next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #bf0711)
}

.fresh-ui .next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.fresh-ui .next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.fresh-ui .next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.fresh-ui .next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.fresh-ui .next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-base {
    color: transparent;
    fill: var(--p-icon)
}

.fresh-ui .next-icon--color-subdued {
    color: transparent;
    fill: var(--p-icon-subdued)
}

.fresh-ui .next-icon--color-critical {
    color: transparent;
    fill: var(--p-icon-critical)
}

.fresh-ui .next-icon--color-warning {
    color: transparent;
    fill: var(--p-icon-warning)
}

.fresh-ui .next-icon--color-highlight {
    color: transparent;
    fill: var(--p-icon-highlight)
}

.fresh-ui .next-icon--color-success {
    color: transparent;
    fill: var(--p-icon-success)
}

.fresh-ui .next-icon--color-primary {
    color: transparent;
    fill: var(--p-action-primary)
}

.next-icon--size-8 {
    width: 8px;
    height: 8px
}

.next-icon--size-10 {
    width: 10px;
    height: 10px
}

.next-icon--size-12 {
    width: 12px;
    height: 12px
}

.next-icon--size-16 {
    width: 16px;
    height: 16px
}

.next-icon--size-20 {
    width: 20px;
    height: 20px
}

.next-icon--size-24 {
    width: 24px;
    height: 24px
}

.next-icon--size-40 {
    width: 40px;
    height: 40px
}

.next-icon--size-80 {
    width: 80px;
    height: 80px
}

.next-icon--size-140 {
    width: 140px;
    height: 140px
}

.next-icon--rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.next-icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.next-icon--rotate-135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.next-icon--rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.next-icon--rotate-225 {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.next-icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.keyboard-commands {
    list-style: none;
    margin: 0
}

@media (max-width: 450px) {
    .keyboard-commands__container > .next-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.keyboard-command {
    padding-top: 0.1rem;
    padding-bottom: 0.4rem
}

.keyboard-key {
    background-color: white;
    border: 1px solid #c4cdd5;
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-box-shadow: inset 0 0 1px white, inset 0 0 0.1em white, 0 0.1em 0 #dfe3e8, 0 0.12em 0.1em #212529;
    box-shadow: inset 0 0 1px white, inset 0 0 0.1em white, 0 0.1em 0 #dfe3e8, 0 0.12em 0.1em #212529;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-family: var(--main-font)
    height: 2.6rem;
    line-height: 2.6rem;
    margin: 0 0.2rem 0.2rem;
    min-width: 2.6rem;
    padding: 0 0.6rem;
    text-align: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .keyboard-key ~ .keyboard-key {
        margin-left: 0.3rem
    }

.keyboard-name {
    margin-left: 0.4rem
}

@media (min-width: 1024px) {
    .navigating-commands {
        -webkit-column-count: 2;
        column-count: 2
    }
}

.fresh-ui .keyboard-key {
    border: 0;
    -webkit-box-shadow: 0 0 0 1px #c4cdd5, 0 0.18em 0 0 white, 0 0.18em 0 1px #c4cdd5;
    box-shadow: 0 0 0 1px #c4cdd5, 0 0.18em 0 0 white, 0 0.18em 0 1px #c4cdd5;
    color: #454f5b;
    height: auto;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem;
    margin: 0 0.4rem 0.8rem 0;
    min-width: 2.2rem;
    padding: 0.4rem
}

    .fresh-ui .keyboard-key ~ .keyboard-key {
        margin-left: 0.4rem
    }

.next-label, #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-verification-ui .hw-label {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    cursor: pointer
}

@media screen and (max-width: 640px) {
    .next-label, #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-verification-ui .hw-label {
        font-size: 1.4rem
    }
}

.next-field__connected-wrapper .next-label, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-label, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-label {
    min-width: 0;
    max-width: 100%
}

.next-label--inline {
    display: inline-block;
    padding-right: 0.8rem
}

.next-label--no-margin {
    margin: 0
}

.next-label--switch {
    display: inline-block;
    position: relative;
    padding-left: 2.4rem;
    margin-bottom: 0
}

.next-label--color-picker {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0.8rem;
    margin-bottom: 0;
    min-height: 1.9rem
}

.ui-select__wrapper {
    position: relative;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--p-surface, white);
    overflow: hidden;
    vertical-align: bottom
}

    .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #006fbb)
    }

    .ui-select__wrapper .next-icon, .ui-select__wrapper .next-icon__text {
        cursor: pointer;
        position: absolute;
        right: 0.8rem;
        top: 50%;
        display: block;
        fill: var(--p-icon, #798c9c);
        margin-top: -0.6rem;
        pointer-events: none
    }

.next-field--connected .ui-select__wrapper {
    border-radius: 0 var(--p-border-radius-base, var(--p-border-radius-base, 3px)) var(--p-border-radius-base, var(--p-border-radius-base, 3px)) 0
}

.next-input-wrapper--is-error .ui-select__wrapper {
    border-color: var(--p-border-critical, #de3618);
    background-color: var(--p-surface-critical, #fbeae5)
}

.ui-select__wrapper--inline {
    display: inline-block
}

.ui-select {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 3.4rem;
    width: 100%;
    padding: 0.4rem 0.8rem;
    padding-right: 2.8rem;
    padding-left: 1.6rem;
    background: transparent;
    border: 0;
    max-width: none;
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    text-rendering: auto
}

@media screen and (max-width: 640px) {
    .ui-select {
        font-size: 1.4rem
    }
}

.ui-select:focus {
    border: 0;
    outline: none
}

.ui-select option {
    color: var(--p-text, #31373d)
}

.ui-select:-moz-focusring {
    color: transparent;
    text-shadow: var(--p-override-none, 0 0 0 black)
}

.ui-select::-ms-expand {
    display: none
}

.ui-select:focus::-ms-value {
    background: transparent;
    color: var(--p-text, #31373d)
}

.ui-select__content {
    display: none
}

.fresh-ui .ui-select__wrapper {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

    .fresh-ui .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #5c6ac4);
        -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
        box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
    }

    .fresh-ui .ui-select__wrapper .next-icon, .fresh-ui .ui-select__wrapper .next-icon__text {
        margin-top: -0.8rem
    }

.fresh-ui .ui-select[disabled] {
    background: var(--p-action-secondary-disabled, #f4f6f8);
    color: var(--p-text-disabled, #919eab);
    border-color: var(--p-border-disabled, #c4cdd5);
    -webkit-box-shadow: none;
    box-shadow: none
}

.newDesignLanguage .ui-select__wrapper {
    position: relative;
    border: 0.1rem solid var(--p-border);
    background-image: none;
    overflow: visible;
    position: relative
}

    .newDesignLanguage .ui-select__wrapper::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(0.1rem + 0.1rem));
        right: calc(-1 * calc(0.1rem + 0.1rem));
        bottom: calc(-1 * calc(0.1rem + 0.1rem));
        left: calc(-1 * calc(0.1rem + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(0.1rem + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(0.1rem + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #006fbb)
    }

        .newDesignLanguage .ui-select__wrapper.next-input--is-focused::after {
            -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
            box-shadow: 0 0 0 0.2rem var(--p-focused)
        }

.newDesignLanguage .ui-select__content {
    color: var(--p-text);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.4rem;
    width: 100%;
    padding: 0.4rem 0.8rem;
    padding-right: 2.8rem;
    padding-left: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: var(--p-border-radius-base)
}

.newDesignLanguage .next-field--connected .ui-select__content {
    border-radius: 0 var(--p-border-radius-base, var(--p-border-radius-base, 3px)) var(--p-border-radius-base, var(--p-border-radius-base, 3px)) 0
}

.newDesignLanguage .ui-select[disabled] ~ .ui-select__content {
    background: var(--p-action-secondary-disabled);
    color: var(--p-text-disabled);
    border-color: var(--p-border-disabled)
}

.newDesignLanguage .ui-select[disabled] ~ .next-icon, .newDesignLanguage .ui-select[disabled] ~ .next-icon__text {
    fill: var(--p-icon-disabled)
}

.newDesignLanguage .next-input-wrapper--is-error .ui-select__wrapper {
    border-color: var(--p-border-critical);
    background-color: var(--p-surface-critical)
}

.newDesignLanguage .ui-select {
    -webkit-transition: none;
    transition: none;
    position: absolute;
    text-rendering: auto;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: var(--p-border-radius-base);
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.001;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ui-text-area {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    display: block;
    height: 10.6rem;
    margin: 0;
    max-width: unset;
    min-height: 0;
    padding: 0.4rem 0.8rem;
    vertical-align: baseline;
    width: 100%
}

@media screen and (max-width: 640px) {
    .ui-text-area {
        font-size: 1.4rem
    }
}

.ui-text-area::-webkit-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area:-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area::-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area::placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area:focus {
    border: 1px solid #006fbb
}

.next-input-wrapper--is-error .ui-text-area {
    background-color: #fbeae5;
    border-color: #de3618
}

.ui-text-area--resize-vertical {
    max-height: 22.6rem;
    resize: vertical
}

.ui-text-area--expanding {
    height: 3.4rem;
    overflow: hidden;
    resize: none
}

.fresh-ui .ui-text-area {
    color: #212b36;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5;
    max-width: 100%
}

    .fresh-ui .ui-text-area:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .fresh-ui .ui-text-area[disabled], .fresh-ui .ui-text-area.next-input--is-disabled {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fresh-ui .next-input-wrapper--is-error .ui-text-area {
    background-color: #fbeae5;
    border-color: #de3618
}

    .fresh-ui .next-input-wrapper--is-error .ui-text-area:focus {
        -webkit-box-shadow: 0 0 0 1px #de3618;
        box-shadow: 0 0 0 1px #de3618
    }

.only-when-printing {
    display: none
}

@media print {
    .only-when-printing {
        display: block
    }
}

.validation-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.8rem
}

.validation-error__icon {
    top: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    margin-right: 4px;
    fill: #de3618
}

.validation-error__message {
    color: #bf0711
}

.fresh-ui .validation-error {
    margin-top: 0.8rem
}

.buttons {
    text-align: right;
    padding: 0.8rem;
    background: #f9fafb;
    border-top: 1px solid var(--p-border, #c4cdd5);
    border-bottom: 1px solid var(--p-border, #c4cdd5)
}

    .buttons.slim {
        padding: 0.4rem 0.8rem
    }

        .buttons.slim .btn, .buttons.slim .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .buttons.slim .ui-button--transparent {
            padding: 0.6rem 1rem
        }

    .buttons.plain {
        background: none;
        padding: 1.3rem 0;
        border-bottom: none;
        border-top: 1px solid var(--p-border, #c4cdd5)
    }

    .buttons.connected {
        background: #f9fafb;
        border: 1px solid var(--p-border, #c4cdd5);
        border-top: none
    }

    .buttons .text-action {
        line-height: 3.2rem
    }

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

    table.no-hover tr:hover td {
        background-color: transparent;
        border-color: #ececec
    }

    table.no-hover tr.summary:hover td {
        background: #f9f9f9;
        border-color: #ececec
    }

    table.no-hover tr:hover td.table-dropdown {
        background-color: #f9f9f9;
        border-color: #dcdcdc;
        border-top-color: #ccc
    }

    table.border-bottom tr:last-child td {
        border-bottom: 1px solid #ebeef0
    }

        table.border-bottom tr:last-child td.table-dropdown {
            border: 1px solid #dcdcdc
        }

    table.border-top th {
        border: 0
    }

    table.border-top td {
        border-bottom: 0;
        border-top: 1px solid #ececec
    }

    table.border-top tr.no-border td {
        border-top: 0
    }

    table.border-left td, table .border-left {
        border-left: solid 1px #d3dbe2
    }

    table.expanded td {
        padding-top: 8px;
        padding-bottom: 8px
    }

tr.selected:hover td, tr.selected td, tr.selected td:hover {
    background-color: #fffbe9
}

tr:last-child > td {
    border-bottom: none
}

th {
    font-weight: 400;
    text-align: left;
    color: #31373d;
    padding: 8px 10px;
    border-bottom: 1px solid #ebeef0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    th.is-sortable {
        cursor: pointer
    }

        th.is-sortable:hover {
            background: #ebf5fa;
            color: #006fbb
        }

            th.is-sortable:hover > span::before {
                background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20xmlns:sketch=%22http://www.bohemiancoding.com/sketch/ns%22%20width=%229px%22%20height=%224px%22%20viewBox=%220%200%209%204%22%20version=%221.1%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(0,%20111,%20187)%20!important;%20%7D%3C/style%3E%3Ctitle%3Edisclosure-icon%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg%20id=%22Page-1%22%20stroke=%22none%22%20stroke-width=%221%22%20fill=%22none%22%20fill-rule=%22evenodd%22%20sketch:type=%22MSPage%22%3E%3Cpolygon%20id=%22disclosure-icon%22%20fill=%22%23929292%22%20sketch:type=%22MSShapeGroup%22%20transform=%22translate(4.500000,%202.000000)%20scale(1,%20-1)%20translate(-4.500000,%20-2.000000)%20%22%20points=%224.5%200%209%204%200%204%20%22/%3E%3C/g%3E%3C/svg%3E") !important
            }

    th.sorted-desc > span, th.sorted-asc > span {
        padding-right: 16px;
        position: relative
    }

        th.sorted-desc > span::before, th.sorted-asc > span::before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 10px;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20xmlns:sketch=%22http://www.bohemiancoding.com/sketch/ns%22%20width=%229px%22%20height=%224px%22%20viewBox=%220%200%209%204%22%20version=%221.1%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(69,%2078,%2087)%20!important;%20%7D%3C/style%3E%3Ctitle%3Edisclosure-icon%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg%20id=%22Page-1%22%20stroke=%22none%22%20stroke-width=%221%22%20fill=%22none%22%20fill-rule=%22evenodd%22%20sketch:type=%22MSPage%22%3E%3Cpolygon%20id=%22disclosure-icon%22%20fill=%22%23929292%22%20sketch:type=%22MSShapeGroup%22%20transform=%22translate(4.500000,%202.000000)%20scale(1,%20-1)%20translate(-4.500000,%20-2.000000)%20%22%20points=%224.5%200%209%204%200%204%20%22/%3E%3C/g%3E%3C/svg%3E");
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center
        }

        th.sorted-desc > span::before {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        th.sorted-asc > span::before {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    th.right-aligned {
        text-align: right
    }

        th.right-aligned > span {
            padding-right: 0;
            padding-left: 16px
        }

        th.right-aligned.sorted-desc > span::before {
            right: auto;
            left: 0
        }

        th.right-aligned.sorted-asc > span::before {
            right: auto;
            left: 0
        }

    th.select {
        width: 32px;
        max-width: 32px;
        z-index: 7
    }

        th.select input[type=checkbox] {
            position: relative;
            z-index: 20
        }

    th > span {
        display: inline-block
    }

td {
    border-bottom: 1px solid #ebeef0;
    padding: 6px 10px;
    background: transparent
}

    td.key {
        width: 15%;
        text-align: right
    }

    td.value {
        width: 85%
    }

    td.border-right {
        border-right: solid 1px #d3dbe2
    }

    td.select {
        width: 18px;
        max-width: 18px
    }

    td img {
        display: block
    }

label.disabled {
    color: #a6a6a6
}

th.drag-handle, td.drag-handle {
    padding-right: 0;
    padding-left: 0;
    width: 21px
}

th.link-name, td.link-name {
    padding-left: 0;
    padding-right: 0
}

th.link-value, td.link-value {
    width: 100%;
    padding-right: 0
}

th.link-remove, td.link-remove {
    text-align: right;
    padding-right: 0
}

th.customer, td.customer {
    width: 250px
}

th.section, td.section {
    width: 20%
}

th.language, td.language {
    width: 200px
}

th.theme_language-actions, td.theme_language-actions {
    width: 180px
}

th.remove, td.remove {
    width: 34px
}

th.select, td.select {
    padding-right: 7px !important;
    padding-left: 7px !important
}

th.draggable, td.draggable {
    width: 21px;
    padding-right: 5px
}

th.border-bottom-none, td.border-bottom-none {
    border-bottom: none !important
}

tfoot, tfoot td {
    text-align: right
}

    tfoot td {
        border: none
    }

.table-hover tr:hover td {
    background: #ebf5fa;
    cursor: pointer
}

.table-hover .table-blank-slate tr:hover td {
    background: transparent
}

.summary td {
    background: #fafbfc
}

td a.subdued, td .dropdown li a.subdued, .dropdown li td a.subdued {
    text-decoration: none
}

    td a.subdued:hover {
        text-decoration: underline
    }

.is-archived td {
    color: var(--p-text-subdued, #637381)
}

    .is-archived td > a {
        color: var(--p-text-subdued, #637381)
    }

        .is-archived td > a:hover {
            color: #212b36
        }

.is-cancelled td {
    color: #d83e3e
}

    .is-cancelled td > a {
        color: #d83e3e
    }

    .is-cancelled td.total {
        text-decoration: line-through
    }

.is-abandoned td {
    color: #e06b0c
}

    .is-abandoned td > a {
        color: #e06b0c
    }

.data-table-th {
    border-right: 1px solid #ececec;
    background: #fafafa
}

.data-table-td {
    border-right: 1px solid #ececec;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
}

.table-label {
    background: #fafafa;
    border-right: 1px solid #e6e6e6;
    padding-left: 20px;
    padding-top: 8px;
    min-width: 220px;
    vertical-align: top
}

.table-label-copy {
    color: #444444;
    margin-top: 10px
}

.column-type {
    background: #fafafa
}

.column-type-ignored {
    color: #444444;
    text-decoration: line-through
}

.is-selected > td, .is-selected:hover > td {
    background-color: #fffbe9;
    border-color: #ebebda
}

.first-row td {
    padding-top: 15px
}

.last-row td {
    color: #333;
    border-top: 1px solid #ececec
}

.summary-total td {
    padding: 0
}

    .summary-total td span {
        display: block;
        margin-top: 14px;
        padding: 6px 10px;
        border-top: 1px solid #ececec;
        font-weight: bold;
        background: #f6f6f6
    }

.select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .select input[type=checkbox] {
        margin: 0;
        height: auto
    }

.image {
    width: 50px;
    padding-right: 5px
}

    .image img {
        max-width: 50px;
        margin: 0 auto;
        border-radius: 4px
    }

    .image.thumb {
        height: 50px
    }

.table-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.sortable-placeholder {
    display: block
}

.table-fixed {
    table-layout: fixed
}

    .table-fixed td {
        word-wrap: break-word;
        word-break: break-word
    }

.table--no-border {
    border: none
}

    .table--no-border tbody {
        border: none
    }

    .table--no-border thead {
        border: none
    }

    .table--no-border tr {
        border: none
    }

    .table--no-border tfoot {
        border: none
    }

    .table--no-border th {
        border: none
    }

    .table--no-border td {
        border: none
    }

.table__row--no-border td {
    border: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.table-dropdown {
    position: relative;
    background: #f9f9f9;
    padding: 25px 28px !important;
    border: 1px solid #dcdcdc;
    margin-top: -1px
}

    .table-dropdown .heading {
        width: 100%;
        position: relative;
        left: -4px
    }

    .table-dropdown .buttons {
        position: relative;
        width: 100%;
        padding: 10px 10px 10px 46px;
        top: 25px;
        left: -28px;
        background: #fafafa;
        border-top: 1px solid #e6e6e6;
        border-bottom: none
    }

        .table-dropdown .buttons p {
            line-height: 32px
        }

    .table-dropdown table {
        border: none
    }

        .table-dropdown table th {
            cursor: default;
            border-top: none !important
        }

        .table-dropdown table th, .table-dropdown table tr:hover td, .table-dropdown table td {
            background: transparent !important
        }

        .table-dropdown table td {
            border-bottom: 1px solid #e6e6e6
        }

            .table-dropdown table th:first-child, .table-dropdown table td:first-child {
                padding-left: 0
            }

            .table-dropdown table th:last-child, .table-dropdown table td:last-child {
                padding-right: 0
            }

.fulfillment-table th:first-child {
    width: 250px
}

.fulfillment-table th:last-child {
    width: 140px
}

.number-of-items {
    width: 90px
}

.table--no-side-padding th:first-child, .table--no-side-padding td:first-child {
    padding-left: 0
}

.table--no-side-padding th:last-child, .table--no-side-padding td:last-child {
    padding-right: 0
}

.table--nested td:first-child {
    padding-left: 0
}

.table--nested td:last-child {
    padding-right: 0
}

.table--nested tr:first-child td {
    padding-top: 0 !important
}

.table--extra-expanded td {
    padding-top: 10px;
    padding-bottom: 10px
}

.table--rounded-border {
    border: 1px solid #ebeef0;
    border-radius: 4px
}

.table--no-horizontal-padding td:first-child {
    padding-left: 0
}

.table--no-horizontal-padding td:last-child {
    padding-right: 0
}

.table-wrapper {
    width: 1px;
    max-width: 100%;
    min-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table--divided {
    border-collapse: collapse
}

    .table--divided tr {
        border-top: 1px solid #ebeef0
    }

        .table--divided tr:first-child {
            border-top: 0
        }

    .table--divided td {
        border: 0
    }

.table-cell--no-left-padding {
    padding-left: 0
}

.table-cell--no-right-padding {
    padding-right: 0
}

.table-cell--no-wrap {
    white-space: nowrap
}

.ui-sortable-helper > tr > td {
    background: #ffffff
}

.table-wrapper-sticky {
    position: relative
}

.table-wrapper-sticky--is-sticky td, .table-wrapper-sticky--is-sticky th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table-wrapper-sticky--is-sticky .table__cell--sticky {
    background-color: #ffffff;
    position: absolute;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .table-wrapper-sticky--is-sticky .table__cell--sticky:first-child {
        left: 0;
        -webkit-box-shadow: 4px 0 3px -1px rgba(69,78,87,0.05);
        box-shadow: 4px 0 3px -1px rgba(69,78,87,0.05);
        border-right: solid 1px #d3dbe2
    }

    .table-wrapper-sticky--is-sticky .table__cell--sticky:last-child {
        right: 0;
        -webkit-box-shadow: -4px 0 3px -1px rgba(69,78,87,0.05);
        box-shadow: -4px 0 3px -1px rgba(69,78,87,0.05);
        border-left: solid 1px #d3dbe2
    }

.selected .table__cell--sticky {
    background-color: #fffbe9
}

.table-wrapper-sticky--supports-position-sticky .table__cell--sticky {
    display: table-cell
}

.table-wrapper-sticky--is-sticky .table__cell--sticky--bulk-selection-active:first-child {
    width: 100% !important;
    border-left: none;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    position: absolute;
    z-index: 6
}

.table-wrapper-sticky--is-sticky.table-wrapper-sticky--is-resizing .table__cell--sticky--bulk-selection-active {
    width: auto !important
}

.fresh-ui th {
    color: #212b36;
    font-weight: 500
}

    .fresh-ui th.is-sortable:hover {
        color: #5c6ac4;
        background-color: transparent
    }

        .fresh-ui th.is-sortable:hover > span::before {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(33,%2043,%2054)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M6.28%209.28l3.366%203.366c.196.196.512.196.708%200L13.72%209.28c.293-.293.293-.767%200-1.06-.14-.14-.332-.22-.53-.22H6.81c-.414%200-.75.336-.75.75%200%20.2.08.39.22.53z%22/%3E%3C/svg%3E") !important
        }

    .fresh-ui th.sorted-desc > span::before, .fresh-ui th.sorted-asc > span::before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(33,%2043,%2054)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M6.28%209.28l3.366%203.366c.196.196.512.196.708%200L13.72%209.28c.293-.293.293-.767%200-1.06-.14-.14-.332-.22-.53-.22H6.81c-.414%200-.75.336-.75.75%200%20.2.08.39.22.53z%22/%3E%3C/svg%3E");
        width: 20px;
        right: -0.4rem
    }

.fresh-ui .table-hover tr:hover td {
    background-color: #f9fafb
}

.fresh-ui .table-hover a:hover {
    text-decoration: none;
    color: #006fbb
}

.fresh-ui .table-hover .is-archived td > a:hover {
    color: var(--p-text-subdued, #637381)
}

.fresh-ui table tr.selected td, .fresh-ui table tr.selected:hover td {
    background-color: #f4f5fa
}

form {
    margin: 0;
    padding: 0
}

    form.button_to {
        display: inline-block
    }

label {
    display: block;
    color: var(--p-text, #212b36);
    margin-bottom: 5px;
}

    label.helper {
        display: inline;
        font-weight: 400;
        font-size: 11px
    }

    label.error {
        color: #c03939
    }

        label.error + input, label.error + textarea {
            border-color: #cc4c3f
        }

    label.plain {
        font-weight: 400
    }

p.error {
    color: #c03939
}

.align-with-input {
    line-height: 28px
}

.between-inputs {
    margin: 0 6px
}

input, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    height: 28px;
    font-family: var(--main-font)
    font-size: 14px;
    padding: 4px;
    margin: 0;
    border: 1px solid #d3dbe2;
    display: inline-block;
    color: #222;
    border-radius: 3px
}

    input:focus, input.focus, textarea:focus, textarea.focus {
        border: 1px solid blue;
        outline: none
    }

    input.placeholder, textarea.placeholder {
        color: #c3cfd8
    }

    input.success, textarea.success {
        border: 1px solid #acba8c
    }

    input.error, textarea.error {
        border-color: #cc4c3f;
        background-color: #FFFCFC
    }

    input.large, textarea.large {
        height: 32px
    }

    input.slim, textarea.slim {
        padding: 0 4px;
        height: 24px
    }

    input[class*="span"], textarea[class*="span"] {
        margin: 0 0 5px 0;
        float: none;
        padding: 4px;
        max-width: none
    }

    input.input-percentage, textarea.input-percentage {
        width: 45px
    }

    input.w-tiny, textarea.w-tiny {
        width: 60px
    }

    input.w-micro, textarea.w-micro {
        width: 35px
    }

    input.w-small, textarea.w-small {
        width: 120px
    }

    input.w-half, textarea.w-half {
        width: 50%
    }

    input.w-big, textarea.w-big {
        width: 170px
    }

    input::-ms-clear, textarea::-ms-clear {
        display: none
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input::placeholder, textarea::placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input[disabled], textarea[disabled] {
        border: 1px solid #ebeef0;
        background: #fafbfc;
        color: #c3cfd8
    }

.field_with_errors {
    display: inline
}

    .field_with_errors input, .field_with_errors textarea {
        border-color: #cc4c3f;
        background-color: #fef6f5
    }

input.error, select.error, textarea.error {
    -webkit-animation: fieldErrors 0.25s linear;
    animation: fieldErrors 0.25s linear
}

input[type=checkbox], input[type=radio] {
    height: auto;
    line-height: 1;
    width: auto;
    max-width: none;
    margin: 0 5px 5px 0;
    border: none;
    padding: 0;
    vertical-align: baseline
}

    input[type=checkbox]:focus, input[type=radio]:focus {
        outline: 2px auto #006fbb
    }

input[type=file] {
    width: auto;
    max-width: none;
    cursor: pointer;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0
}

    input[type=file]:focus {
        outline: none;
        border: none
    }

input[type=submit], input[type=button] {
    width: auto;
    max-width: none;
    cursor: pointer
}

input[type=number] {
    width: 4em
}

input.w-currency[type=number] {
    width: 6em
}

input.no-spinbox[type=number]::-webkit-inner-spin-button, input.no-spinbox[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.no-spinbox[type=number] {
    -moz-appearance: textfield
}

input[type=search] {
    -webkit-appearance: none
}

textarea {
    min-height: 72px;
    line-height: 20px;
    -webkit-transition: min-height 0.15s;
    transition: min-height 0.15s
}

    textarea.tall {
        min-height: 180px
    }

    textarea.is-expanded {
        min-height: 240px
    }

select {
    margin: 0;
    font-family: var(--main-font)
    font-size: 14px;
    display: inline-block;
    color: #222;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    padding: 4px 2px 2px 2px;
    border: 1px solid #ccc;
    border-radius: 1px;
    max-width: 100%
}

    select.error {
        border-color: #cc4c3f;
        background-color: #FFFCFC
    }

    select:focus, select.focus {
        outline: none;
        border: 1px solid #006fbb
    }

    select.full-width {
        width: 100%
    }

    select[class*="span"] {
        margin: 0 0 5px 0;
        float: none;
        padding: 4px 2px 2px 2px;
        max-width: none
    }

    select[disabled] {
        background-color: #fafafa;
        background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/admin/diagonal-line-bg-b7445d10271f52c7baac231aef005527707be7dedd31fc31984bbfae45b0087e.png);
        border-color: #ddd;
        color: #999
    }

.radio-group input[type="radio"] {
    float: left;
    margin-top: 3px
}

.radio-group label {
    display: table-cell
}

.attach-to-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    font-size: 13px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    border-top: none;
    border-radius: 0 0 3px 3px
}

.ui-autocomplete {
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    width: 345px !important;
    max-height: 200px;
    overflow-y: scroll;
    z-index: 9999
}

    .ui-autocomplete .ui-menu-item a {
        border-top: 1px solid #e6e6e6;
        display: block;
        padding: 4px 6px;
        cursor: pointer
    }

    .ui-autocomplete .ui-menu-item:first-child a {
        border-top: none
    }

    .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-focus {
        background-color: #EFEFEF
    }

.add-on {
    background: #fafafa;
    color: #666;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    padding: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

    .add-on input {
        margin-left: 0;
        margin-right: 0
    }

    .add-on.before {
        position: relative;
        margin-right: -7px;
        border-radius: 3px 0 0 3px
    }

        .add-on.before.is-connected {
            margin: 0;
            border-right: none
        }

    .add-on.after {
        position: relative;
        left: -7px;
        border-radius: 0 3px 3px 0
    }

    .add-on.add-on-handle {
        border-right: 0;
        border-radius: 3px 0 0 3px
    }

.date-selector-item {
    display: inline-block;
    line-height: 28px
}

.input-date {
    min-width: 130px;
    max-width: 130px
}

.input-time {
    width: 130px
}

.input-has-icon {
    display: inline-block;
    position: relative
}

    .input-has-icon .ico {
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -7px
    }

    .input-has-icon input[type=text] {
        padding-left: 24px;
        margin-bottom: 0;
        margin-left: 0
    }

.styled-file-input {
    cursor: pointer
}

    .styled-file-input .btn, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent, .styled-file-input .btn--plain, .styled-file-input .btn--link {
        position: relative;
        overflow: hidden
    }

        .styled-file-input .btn > span, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent > span, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent > span, .styled-file-input .btn--plain > span, .styled-file-input .btn--link > span {
            color: #006fbb
        }

        .styled-file-input .btn > label, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent > label, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent > label, .styled-file-input .btn--plain > label, .styled-file-input .btn--link > label {
            margin: 0;
            color: inherit;
            font-weight: inherit
        }

    .styled-file-input .btn-primary > span {
        color: #ffffff
    }

    .styled-file-input input[type=file] {
        position: absolute;
        filter: alpha(opacity=0);
        opacity: 0;
        font-size: 100px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

.buttons .styled-file-input {
    display: inline-block
}

.secure-input-container {
    position: relative
}

.secure-input-icon {
    position: absolute;
    top: 6px;
    right: 6px
}

.secure-input-icon-large {
    top: 8px
}

.choicelist li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px
}

    .choicelist li:last-child {
        margin-bottom: 0
    }

    .choicelist li > input {
        position: absolute;
        left: 0;
        top: 2px
    }

.radio-filters {
    margin: 0;
    display: block;
    float: right;
    list-style: none
}

.radio-filter {
    display: inline-block;
    margin-left: 15px
}

.radio-filter-input {
    display: none
}

.radio-filter-label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-weight: normal;
    color: #798c9c
}

    .radio-filter-label::before {
        content: "";
        margin-top: -3px;
        vertical-align: middle;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid #95a7b7;
        -webkit-transition: all 0.15s;
        transition: all 0.15s
    }

.radio-filter-input:checked + .radio-filter-all:before {
    background: #006fbb;
    border-color: #006fbb
}

.radio-filter-input:checked + .radio-filter-store:before {
    background: #94c140;
    border-color: #94c140
}

.radio-filter-input:checked + .radio-filter-admin:before {
    background: #e49642;
    border-color: #e49642
}

.copy-link .fixed-container {
    vertical-align: bottom;
    padding-left: 20px
}

.copy-link .variable-container input {
    padding: 15px
}

.dom-switch, .dom-switch-target {
    display: none
}

input.dom-switch[type="checkbox"] ~ .dom-switch-button {
    color: #006fbb;
    font-weight: normal;
    cursor: pointer
}

input.dom-switch[type="checkbox"]:checked ~ .dom-switch-target {
    display: block
}

input[disabled] + label.gray-on-disabled, input[disabled] + label.gray-on-disabled strong {
    color: #bbbbbb
}

.next-ui .js-province-select, .next-ui .js-country-select {
    display: block;
    width: 100%
}

.next-ui .form--button-only {
    display: inline-block
}

.next-ui .outer-input-border:not(:focus) {
    -webkit-box-shadow: none;
    box-shadow: none
}

input.attached-to-left {
    border-radius: 3px 0 0 3px
}

input.attached-to-right {
    border-radius: 0 3px 3px 0
}

input.attached-to-both {
    border-radius: 0
}

.section {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #e6e6e6
}

    .section h5 {
        color: #000;
        padding: 0 0 7px 0;
        font-weight: bold
    }

    .section.row {
        margin: 0
    }

    .section.first-section {
        padding-top: 5px
    }

    .section.last-section {
        padding-bottom: 5px;
        border-bottom: none
    }

    .section .section-summary {
        float: left;
        padding-left: 50px;
        padding-right: 0px
    }

        .section .section-summary h1, .section .section-summary h2 {
            font-size: 18px;
            margin-bottom: 10px
        }

        .section .section-summary p {
            margin-bottom: 15px
        }

    .section .section-content {
        float: right;
        padding: 0 20px 0 25px
    }

    .section > .section-content-full-width {
        float: none;
        padding: 0 20px 0 50px
    }

    .section.setting-summary {
        padding: 10px 50px 30px 50px
    }

        .section.setting-summary.setting-summary-centered {
            text-align: center;
            padding: 10px 0 30px 0
        }

        .section.setting-summary p {
            font-size: 18px;
            color: #000;
            line-height: 28px
        }

    .section.section-vertically-centered {
        display: table
    }

        .section.section-vertically-centered > .section-summary {
            float: none;
            display: table-cell
        }

        .section.section-vertically-centered > .section-content {
            float: none;
            display: table-cell;
            vertical-align: middle
        }

.section-heading {
    font-size: 18px;
    margin: 0 10px 20px 0;
    display: inline-block
}

.section-heading-label {
    display: inline-block;
    margin: 0 5px 10px 0
}

.section-actions {
    list-style: none;
    display: inline-block;
    font-size: 0;
    margin: 0
}

.section-action {
    display: inline-block;
    margin: 0;
    font-size: 14px
}

    .section-action::after {
        content: "\b7\a0";
        display: inline-block;
        padding: 0 2px 0 5px
    }

    .section-action:last-child::after {
        content: ""
    }

.section--divided {
    border-bottom: none
}

    .section--divided + .section--divided {
        border-top: 1px solid #e6e6e6
    }

.section--highlighted {
    background: #fff7b2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: flash-highlight;
    animation-name: flash-highlight;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flash-highlight {
    from {
        background: #fff7b2
    }

    to {
        background: rgba(255,247,178,0)
    }
}

@keyframes flash-highlight {
    from {
        background: #fff7b2
    }

    to {
        background: rgba(255,247,178,0)
    }
}

.next-ui .section-summary, .next-ui .section-content, .next-ui .section {
    float: none
}

.next-ui .section {
    border-color: #d3dbe2;
    margin: 0;
    padding: 0
}

.next-ui .section-content {
    padding: 0
}

.next-ui .section-summary {
    padding: 20px 20px 20px 30px
}

    .next-ui .section-summary h1 {
        color: #31373d;
        line-height: 1.325;
        margin-top: -4px
    }

    .next-ui .section-summary p {
        color: #798c9c
    }

        .next-ui .section-summary p:last-child {
            margin-bottom: 0
        }

.next-ui .setting-summary {
    padding: 30px 50px
}

.next-ui .section--no-border {
    border: none
}

.next-ui .section .next-grid--space-between > .next-grid__cell:first-child .btn, .next-ui .section .next-grid--space-between > .next-grid__cell:first-child .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-ui .section .next-grid--space-between > .next-grid__cell:first-child .ui-button--transparent {
    margin-left: 30px
}

.next-ui .section-content .bulk-actions {
    left: 25%;
    margin-left: 34px;
    width: calc(75% - 54px)
}

.next-ui .section--with-padding {
    padding: 20px
}

.has-dropdown {
    display: inline-block;
    position: relative
}

    .has-dropdown .dropdown, .has-dropdown .next-dropdown {
        z-index: 224
    }

.next-dropdown__container {
    position: relative
}

.dropdown, .next-dropdown {
    z-index: 197;
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 11px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    border-radius: 3px
}

    .dropdown::after, .dropdown::before, .next-dropdown::after, .next-dropdown::before {
        position: absolute;
        right: 10px;
        content: "";
        width: 0;
        height: 0;
        border-top: none;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }

    .dropdown::before, .next-dropdown::before {
        top: -7px;
        border-bottom: 7px solid #c2c2c2
    }

    .dropdown::after, .next-dropdown::after {
        top: -6px;
        border-bottom: 7px solid #ffffff
    }

    .dropdown.left-aligned, .next-dropdown.left-aligned {
        right: auto;
        left: 0px
    }

        .dropdown.left-aligned::before, .dropdown.left-aligned::after, .next-dropdown.left-aligned::before, .next-dropdown.left-aligned::after {
            left: 10px;
            border-top: none;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent
        }

        .dropdown.left-aligned::before, .next-dropdown.left-aligned::before {
            top: -7px;
            border-bottom: 7px solid #c2c2c2
        }

        .dropdown.left-aligned::after, .next-dropdown.left-aligned::after {
            top: -6px;
            border-bottom: 7px solid #ffffff
        }

    .dropdown.display-from-right, .next-dropdown.display-from-right {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: 11px
    }

        .dropdown.display-from-right::before, .dropdown.display-from-right::after, .next-dropdown.display-from-right::before, .next-dropdown.display-from-right::after {
            top: 10px;
            border-left: none;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent
        }

        .dropdown.display-from-right::before, .next-dropdown.display-from-right::before {
            left: -7px;
            border-right: 7px solid #c2c2c2
        }

        .dropdown.display-from-right::after, .next-dropdown.display-from-right::after {
            left: -6px;
            border-right: 7px solid #ffffff
        }

    .dropdown.display-from-bottom, .next-dropdown.display-from-bottom {
        top: auto;
        bottom: 100%;
        margin-bottom: 8px
    }

        .dropdown.display-from-bottom::before, .dropdown.display-from-bottom::after, .next-dropdown.display-from-bottom::before, .next-dropdown.display-from-bottom::after {
            top: 100%;
            left: 10px;
            border-bottom: none;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent
        }

        .dropdown.display-from-bottom::before, .next-dropdown.display-from-bottom::before {
            border-top: 7px solid #c2c2c2
        }

        .dropdown.display-from-bottom::after, .next-dropdown.display-from-bottom::after {
            margin-top: -1px;
            border-top: 7px solid #ffffff
        }

.dropdown {
    line-height: 18px;
    right: 0;
    text-align: left;
    min-width: 175px;
    font-size: 0
}

    .dropdown.show-content {
        font-size: 13px
    }

    .dropdown.dropdown-padded {
        padding: 10px
    }

    .dropdown ul {
        margin: 5px 0
    }

    .dropdown li {
        text-transform: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

        .dropdown li a {
            font-weight: 400;
            display: block;
            padding: 3px 10px;
            border-radius: 0px;
            text-decoration: none
        }

            .dropdown li a:hover, .dropdown li a.is-selected {
                text-decoration: none;
                color: #ffffff;
                background: #006fbb
            }

            .dropdown li a.destroy:hover {
                background: #ba4747
            }

            .dropdown li a.is-disabled {
                color: #bbbbbb;
                pointer-events: none
            }

                .dropdown li a.is-disabled:hover {
                    color: #bbbbbb;
                    cursor: default;
                    background: #ffffff
                }

            .dropdown li a.subdued {
                padding: 0
            }

                .dropdown li a.subdued:hover {
                    background: none;
                    text-decoration: underline
                }

    .dropdown .app-icon-list {
        padding: 5px 10px;
        overflow: hidden;
        position: relative
    }

        .dropdown .app-icon-list img {
            margin-right: 10px;
            float: left;
            width: 16px;
            height: 16px;
            display: block;
            position: absolute
        }

        .dropdown .app-icon-list:hover {
            cursor: pointer;
            background: #006fbb
        }

            .dropdown .app-icon-list:hover a {
                color: #ffffff
            }

            .dropdown .app-icon-list:hover img {
                background-color: #ffffff
            }

        .dropdown .app-icon-list a {
            padding: 0 0 0 28px
        }

    .dropdown.focused::before {
        border-bottom: 7px solid #3578d5
    }

    .dropdown.display-from-right.focused::before {
        border-right: 7px solid #3578d5
    }

    .dropdown .break {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e6e6e6
    }

    .dropdown .break-top {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #e6e6e6
    }

    .dropdown.filter-dropdown .filter-heading {
        font-size: 14px;
        margin-bottom: 4px
    }

    .dropdown.filter-dropdown .add-filters {
        font-size: 14px
    }

    .dropdown.filter-dropdown .active-filters {
        margin: 0
    }

    .dropdown.filter-dropdown .filter-builder select, .dropdown.filter-dropdown .filter-builder a, .dropdown.filter-dropdown .filter-builder input, .dropdown.filter-dropdown .filter-builder span {
        margin-right: 5px
    }

    .dropdown .dropdown-body {
        font-size: 14px
    }

.active .dropdown, .active .next-dropdown {
    display: block;
    -webkit-animation: reveal 0.2s ease-out;
    animation: reveal 0.2s ease-out
}

.dropdown.disabled a {
    color: #aaa !important;
    pointer-events: none !important
}

.dropdown-with-close .close-dropdown {
    height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
    width: 10px
}

.dropdown-with-close .dropdown-body {
    padding-right: 20px
}

.selected-result > a {
    text-decoration: none;
    color: #ffffff;
    background: #006fbb
}

.selected-result {
    text-decoration: none;
    color: #ffffff;
    background: #ebeef0
}

.dropdown-container {
    position: relative;
    display: inline-block
}

.dropdown-container--full-width {
    position: relative;
    display: block;
    text-align: center
}

.dropdown-header {
    background: #fafbfc;
    border-bottom: solid 1px #ebeef0;
    border-radius: 3px 3px 0 0;
    padding: 10px;
    font-size: 13px
}

    .dropdown-header::after {
        content: '';
        display: table;
        clear: both
    }

.dropdown-header-title {
    float: left;
    font-weight: 700
}

    .dropdown-header-title a {
        text-decoration: none
    }

.dropdown-header-action {
    float: right
}

.next-dropdown {
    min-width: 220px;
    line-height: 18px
}

.next-dropdown--full-width {
    width: 100%
}

.next-dropdown__section {
    padding: 10px
}

    .next-dropdown__section ~ .next-dropdown__section {
        border-top: 1px solid #ebeef0
    }

.next-dropdown__section--full-padding {
    padding: 20px
}

.next-dropdown__section--no-padding {
    padding: 0
}

.next-dropdown__footer {
    padding: 0 20px 20px 20px;
    text-align: right
}

    .next-dropdown__footer .btn, .next-dropdown__footer .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-dropdown__footer .ui-button--transparent {
        margin-left: 5px
    }

.dropdown-container--is-error > .btn, .fresh-ui .action-bar__more--has-many .dropdown-container--is-error > .ui-button--transparent, .next-dropdown__container--is-error > .btn, .fresh-ui .action-bar__more--has-many .next-dropdown__container--is-error > .ui-button--transparent {
    background-color: #fef6f5;
    border-color: #ff5d5d;
    color: #ff5d5d
}

.progress-bar {
    position: relative;
    height: 24px;
    background-color: #ebeef0;
    border-radius: 3px;
    overflow: hidden;
    cursor: default
}

    .progress-bar.progress-bar--margin-top {
        margin-top: 5px
    }

    .progress-bar.super-skinny {
        height: 4px
    }

    .progress-bar.very-skinny {
        height: 6px
    }

    .progress-bar.skinny {
        height: 12px
    }

    .progress-bar.large {
        height: 36px
    }

.progress-level {
    position: relative;
    width: 100%;
    height: 100%;
    background: #96bf48;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

    .progress-level.progress-level--next-purple-light {
        background: #d098ff
    }

    .progress-level.progress-level--next-red {
        background: #ff5d5d
    }

.progress-bar--transition .progress-level {
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.progress-bar-animated .progress-level {
    -webkit-animation: fillup 1.2s cubic-bezier(0.83, 0.04, 0.13, 0.99);
    animation: fillup 1.2s cubic-bezier(0.83, 0.04, 0.13, 0.99)
}

.progress-level.full {
    border-radius: 3px
}

.progress-data {
    font-size: 16px;
    color: #798c9c
}

.progress-data-item {
    color: #31373d;
    letter-spacing: -0.015em
}

    .progress-data-item.secondary {
        color: #798c9c;
        font-weight: 300
    }

    .progress-data-item small {
        font-size: 1em;
        color: inherit
    }

.drop-target {
    border: 2px dashed #ccc;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    color: #777;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
}

    .drop-target:hover {
        border-color: #aaa;
        color: #555
    }

.progress-bar--flat, .progress-bar--flat .progress-level {
    border-radius: 0
}

    .progress-bar--flat .progress-level {
        background-color: #c3cfd8
    }

.tooltip {
    position: relative !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .tooltip::before {
        content: "";
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border: 4px solid transparent
    }

    .tooltip.is-active::before {
        display: block
    }

.tooltip-ico, .tooltip-ico:hover {
    text-decoration: none;
    font-size: 0;
    line-height: 1
}

.tooltip-top::before {
    border-top-color: rgba(33,37,41,0.9);
    bottom: 100%
}

.tooltip-top .tooltip-top--inverse-arrow::before {
    border-top-color: rgba(250,251,252,0.9)
}

.tooltip-bottom::before {
    border-bottom-color: rgba(33,37,41,0.9);
    bottom: auto;
    top: 100%
}

.tooltip-bottom--light-arrow::before {
    border-bottom-color: rgba(250,251,252,0.9)
}

.tooltip--delayed::before {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.tooltip--delayed .tooltip-container {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.tooltip--delayed.is-active::before {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    opacity: 1
}

.tooltip--delayed.is-active .tooltip-container {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    opacity: 1
}

.tooltip-container {
    display: none;
    left: 50%;
    line-height: 18px;
    position: absolute;
    z-index: 999
}

.tooltip.is-active .tooltip-container {
    display: block
}

.tooltip-top > .tooltip-container {
    bottom: calc(100% + 8px)
}

.tooltip-bottom > .tooltip-container {
    top: calc(100% + 8px)
}

.tooltip-left-align > .tooltip-container {
    left: 0
}

.tooltip-right-align > .tooltip-container {
    left: auto;
    right: 0
}

.tooltip-container.tooltip-sidebar-need-help {
    margin-left: 10px
}

.tooltip-container.tooltip-sidebar-announcements {
    margin-right: 10px
}

.tooltip-label {
    border-radius: 3px;
    background-color: rgba(33,37,41,0.9);
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    left: -50%;
    padding: 4px 9px;
    position: relative;
    text-indent: 0;
    text-shadow: none;
    white-space: nowrap
}

.tooltip-left-align .tooltip-label {
    left: 0
}

.tooltip-right-align .tooltip-label {
    left: auto;
    right: 0
}

.tooltip-label.tooltip--view-website {
    right: 5px
}

.tooltip-label--light {
    background: rgba(250,251,252,0.9);
    color: #454e57
}

.tooltip--no-decoration:hover {
    text-decoration: none
}

.tooltip-wordy .tooltip-label {
    min-width: 180px;
    white-space: normal;
    line-height: 1.4
}

.tooltip-embiggened .tooltip-container {
    white-space: normal
}

.tooltip-embiggened .tooltip-label {
    font-size: 13px;
    padding: 6px;
    width: 275px
}

.tooltip-error-container {
    position: relative
}

.tooltip-error {
    padding: 2px 9px;
    margin-bottom: 9px;
    background: #ec6060;
    position: absolute;
    top: -7px;
    z-index: 50;
    border-radius: 3px
}

    .tooltip-error::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: #ec6060 transparent transparent transparent;
        bottom: -10px;
        left: 15px
    }

    .tooltip-error.attached-to-bottom {
        top: 100%;
        margin-top: 9px
    }

        .tooltip-error.attached-to-bottom::after {
            border-color: transparent transparent #ec6060 transparent;
            top: -10px
        }

    .tooltip-error.attached-to-top {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.error-list {
    padding: 0;
    margin: 0;
    line-height: 20px
}

    .error-list li {
        list-style-type: none;
        font-size: 13px;
        color: #ffffff
    }

.error-highlight {
    border: 1px solid #ec6060
}

.error-highlight-warning {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/admin/alert3.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #e0aa4c
}

.warning-desc {
    color: #C27C00;
    font-size: 13px;
    padding-bottom: 15px
}

.table-wrapper tr:last-child .tooltip-container, .table-wrapper tr:last-child .tooltip-label {
    right: auto;
    left: 0
}

.table-wrapper tr:last-child .tooltip::before {
    left: 100%;
    margin-right: 0
}

.table-wrapper tr:last-child .tooltip-bottom::before, .table-wrapper tr:last-child .tooltip-top::before {
    border-bottom-color: transparent;
    border-right-color: rgba(33,37,41,0.9);
    border-top-color: transparent;
    margin-top: -4px;
    top: 50%
}

.table-wrapper tr:last-child .tooltip-container {
    left: calc(100% + 4px);
    top: auto;
    bottom: 0
}

.table-wrapper tr:last-child td:last-child .tooltip-container, .table-wrapper tr:last-child td:last-child .tooltip-label {
    left: auto;
    right: 0
}

.table-wrapper tr:last-child td:last-child .tooltip::before {
    left: -8px;
    margin-left: 0
}

.table-wrapper tr:last-child td:last-child .tooltip-bottom::before, .table-wrapper tr:last-child td:last-child .tooltip-top::before {
    border-left-color: rgba(33,37,41,0.9);
    border-right-color: transparent
}

.table-wrapper tr:last-child td:last-child .tooltip-container {
    right: calc(100% + 8px)
}

.ui-scrollable-container {
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 3px;
    border: 1px solid #ebeef0;
    max-height: 260px
}

    .ui-scrollable-container:not(:first-child) {
        margin-top: 20px
    }

    .ui-scrollable-container:not(:last-child) {
        margin-bottom: 20px
    }

.next-heading {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 0 0 20px
}

@media screen and (max-width: 640px) {
    .next-heading {
        font-size: 1.6rem
    }
}

.next-heading--1 {
    font-size: 22px
}

.next-heading--2 {
    font-size: 20px
}

.next-heading--3 {
    font-size: 18px
}

.next-heading--tiny {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .next-heading--tiny {
        font-size: 1.4rem
    }
}

.next-heading--small {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .next-heading--small {
        font-size: 1.2rem
    }
}

.next-heading--large {
    font-size: 24px
}

.next-heading--xl {
    font-size: 32px
}

.next-heading--light-weight {
    font-weight: 300
}

.next-heading--semi-bold {
    font-weight: 500
}

.next-heading--subdued {
    color: var(--p-text-subdued, #637381)
}

.next-heading--callout {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase;
    color: #c3cfd8
}

@media screen and (max-width: 640px) {
    .next-heading--callout {
        font-size: 1.2rem
    }
}

.next-heading--callout a.subdued, .next-heading--callout .dropdown li a.subdued, .dropdown li .next-heading--callout a.subdued {
    text-decoration: none
}

    .next-heading--callout a.subdued:hover {
        text-decoration: underline
    }

.next-heading--truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.next-heading--callout--darker {
    color: #798c9c
}

.next-heading--micro-uppercase-bordered {
    color: #798c9c;
    padding: 5px 20px;
    padding-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: solid 1px #ebeef0;
    margin: 0
}

.next-heading--no-margin {
    margin: 0
}

.next-heading--half-margin {
    margin: 0 0 10px
}

.next-heading--quarter-margin {
    margin: 0 0 5px
}

.next-form {
    margin: 0;
    padding: 0
}

.next-input--number, input.next-input--number[type='number'] {
    width: auto
}

.next-input--button, input.next-input--button[type='button'] {
    cursor: default;
    width: auto;
    max-width: none;
    margin: 2px;
    padding: 3px 6px
}

.next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--stylized[disabled], .next-input--is-disabled {
    background-color: white;
    background-image: none;
    border-color: #95a7b7;
    color: graytext;
    -webkit-appearance: none;
    -moz-appearance: none
}

.card-fields-iframe {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    border: 0;
    background: transparent;
    line-height: normal;
    width: 100%
}

.next-form.next-form--full-width {
    width: 100%;
    min-width: 0;
    max-width: 100%
}

.next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .hw-error-message {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--p-text-subdued, #637381);
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 0.4rem
}

@media screen and (max-width: 640px) {
    .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .hw-error-message {
        font-size: 1.4rem
    }
}

.next-input__help-text--top {
    margin-bottom: 0.4rem
}

.next-radio--styled + .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .next-radio--styled + .hw-error-message, #hyperwallet-drop-in-verification-ui .next-radio--styled + .hw-error-message, .next-checkbox--styled + .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .next-checkbox--styled + .hw-error-message, #hyperwallet-drop-in-verification-ui .next-checkbox--styled + .hw-error-message {
    padding-left: 26px
}

.next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
    display: inline-block;
    max-width: auto;
    min-width: 75px;
    vertical-align: baseline;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 0;
    border: 1px solid #95a7b7;
    border-radius: 0;
    border-style: inset;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

@media screen and (max-width: 640px) {
    .next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
        font-size: 1.4rem
    }
}

.next-input::-webkit-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::-webkit-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input::-webkit-input-placeholder, .next-input--stylized::-webkit-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input:-ms-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input:-ms-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input:-ms-input-placeholder, .next-input--stylized:-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input::-ms-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::-ms-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input::-ms-input-placeholder, .next-input--stylized::-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input::placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::placeholder, #hyperwallet-drop-in-verification-ui .hw-input::placeholder, .next-input--stylized::placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input:focus, #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .hw-input:focus, .next-input--stylized:focus {
    border: 1px solid #006fbb
}

.next-input--inline {
    display: inline-block
}

.next-input--card-field {
    position: relative;
    height: 36px;
    padding: 0;
    overflow: hidden
}

    .next-input--card-field > .next-input--card-fields__container {
        height: 34px
    }

    .next-input--card-field > .next-input__add-on--after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.next-input-wrapper .next-input--rounded-left-corners, #hyperwallet-drop-in-transfer-method-ui .hw-form-group .next-input--rounded-left-corners, #hyperwallet-drop-in-verification-ui .hw-form-group .next-input--rounded-left-corners {
    border-radius: var(--p-border-radius-base, 3px) 0 0 var(--p-border-radius-base, 3px)
}

.card-fields-iframe {
    height: 34px
}

.next-input--number, input.next-input--number[type='number'] {
    min-width: 0
}

.next-input--width-2-characters, input.next-input--width-2-characters[type='number'] {
    width: 3em;
    max-width: 3em;
    min-width: 3em
}

.next-input--width-4-characters, input.next-input--width-4-characters[type='number'] {
    width: 5em;
    max-width: 5em;
    min-width: 5em
}

.next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--stylized[disabled], .next-input--is-disabled {
    background: #f4f6f8;
    border-color: #c4cdd5;
    color: #919eab
}

    .next-input[disabled]:hover, #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled]:hover, #hyperwallet-drop-in-verification-ui .hw-input[disabled]:hover, .next-input--stylized[disabled]:hover, .next-input--is-disabled:hover {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5
    }

    .next-input.next-input--invisible[disabled], #hyperwallet-drop-in-transfer-method-ui .next-input--invisible.hw-input[disabled], #hyperwallet-drop-in-verification-ui .next-input--invisible.hw-input[disabled], .next-input--invisible.next-input--stylized[disabled], .next-input--is-disabled.next-input--invisible {
        background: none;
        border: 0
    }

.next-input[readonly], #hyperwallet-drop-in-transfer-method-ui .hw-input[readonly], #hyperwallet-drop-in-verification-ui .hw-input[readonly], .next-input--stylized[readonly] {
    background: #f9fafb
}

.next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-form-group {
    position: relative
}

    .next-input-wrapper + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .hw-form-group, #hyperwallet-drop-in-verification-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-form-group + .hw-form-group {
        margin-top: 1.6rem
    }

    .next-input-wrapper.hide + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hide.hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hide.hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper.hide + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hide.hw-form-group + .hw-form-group, #hyperwallet-drop-in-verification-ui .next-input-wrapper.hide + .hw-form-group, #hyperwallet-drop-in-verification-ui .hide.hw-form-group + .hw-form-group {
        margin-top: 0
    }

    .next-input-wrapper + .next-input-wrapper--halved, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .next-input-wrapper--halved, #hyperwallet-drop-in-verification-ui .hw-form-group + .next-input-wrapper--halved {
        margin-top: 0.8rem
    }

    .next-input-wrapper + .wrappable, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .wrappable, #hyperwallet-drop-in-verification-ui .hw-form-group + .wrappable {
        padding-top: 1.6rem
    }

.wrappable + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .wrappable + .hw-form-group, #hyperwallet-drop-in-verification-ui .wrappable + .hw-form-group {
    margin-top: 1.6rem
}

.next-fieldset-wrapper .next-input-wrapper, .next-fieldset-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .next-fieldset-wrapper .hw-form-group, .next-fieldset-wrapper #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .next-fieldset-wrapper .hw-form-group {
    margin-top: 0.4rem
}

.select .next-input-wrapper, .select #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .select .hw-form-group, .select #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .select .hw-form-group {
    height: 16px
}

.next-input-wrapper--inline-group > * + * {
    margin-left: 0.8rem
}

.next-input-wrapper--is-error .next-input, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error .next-input--stylized {
    border-color: #de3618;
    background-color: #fbeae5
}

    .next-input-wrapper--is-error .next-input--stylized .next-input, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .next-input--stylized .hw-input, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .next-input--stylized .hw-input, .next-input-wrapper--is-error .next-input--stylized .next-input--stylized {
        border: none
    }

.next-input-wrapper--inline {
    display: inline-block
}

    .next-input-wrapper--inline .next-radio[type='radio'], .next-input-wrapper--inline .next-checkbox[type='checkbox'] {
        left: calc(50% - 15px);
        top: calc(50% - 15px)
    }

    .next-input-wrapper--inline .next-radio--styled, .next-input-wrapper--inline .next-checkbox--styled {
        left: calc(50% - 8px);
        top: calc(50% - 8px)
    }

.next-input-wrapper--half-spacing {
    margin-bottom: 0.8rem;
    margin-top: 0.8rem
}

.next-input--stylized {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: #ffffff;
    margin: 0.5px
}

    .next-input--stylized .next-input, .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input--stylized .hw-input, .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input--stylized .hw-input, .next-input--stylized .next-input--stylized {
        min-width: 0
    }

    .next-input--stylized .field_with_errors {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.next-input--scrollable {
    overflow: auto
}

.next-input--invisible {
    display: inline-block;
    max-width: auto;
    min-width: 75px;
    vertical-align: baseline;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 0;
    border: 1px solid #95a7b7;
    border-radius: 0;
    border-style: inset;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    padding: 0;
    border: 0;
    color: #31373d
}

    .next-input--invisible:focus {
        border: 0
    }

.next-input__add-on {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    color: #95a7b7
}

.next-input--has-content .next-input__add-on {
    color: #31373d
}

.next-input__add-on--before {
    padding-right: 4px
}

    .next-input__add-on--before > .next-icon, .next-input__add-on--before > .next-icon__text {
        margin-right: 0.4rem
    }

.next-input__add-on--after {
    padding-left: 4px
}

.next-input__add-on--url-base {
    color: #798c9c;
    padding-right: 0
}

.next-input--align-with-radio {
    margin-left: 26px
}

.next-checkbox--styled, .next-radio--styled, .next-radio, input.next-radio[type='radio'], .next-checkbox, input.next-checkbox[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0.15em;
    display: block;
    height: 16px;
    width: 16px;
    border: var(--p-override-none, 1px solid var(--p-border, #c4cdd5));
    background-color: var(--p-override-transparent, white);
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer
}

.next-radio, input.next-radio[type='radio'], .next-checkbox, input.next-checkbox[type='checkbox'] {
    z-index: 2;
    opacity: 0;
    left: -7.5px;
    top: -7.5px;
    width: 30px;
    height: 30px
}

.next-input-wrapper--inline .next-radio, .next-input-wrapper--inline input.next-radio[type='radio'], .next-input-wrapper--inline .next-checkbox, .next-input-wrapper--inline input.next-checkbox[type='checkbox'] {
    position: relative;
    display: inline-block
}

.next-color-picker {
    display: none
}

.next-color-picker--fallback {
    display: block;
    width: 7rem
}

.next-label--switch--centered .next-radio--styled, .next-label--switch--centered .next-checkbox--styled {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.next-radio--styled {
    border-radius: 100%;
    z-index: 1
}

    .next-radio--styled::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        height: var(--p-icon-size, 8px);
        width: var(--p-icon-size, 8px);
        border-radius: 100%;
        background-color: transparent;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out
    }

.next-radio:active ~ .next-radio--styled, .next-radio:focus .next-radio--styled {
    border-color: var(--p-interactive, #006fbb)
}

.next-radio:checked ~ .next-radio--styled::before {
    background-color: var(--p-interactive, #006fbb);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background-color: var(--p-surface, #f4f6f8)
}

    .next-radio:disabled ~ .next-radio--styled::before {
        background-color: var(--p-border-disabled, #95a7b7)
    }

.next-checkbox--styled {
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    z-index: 1;
    color: var(--p-override-transparent, #006fbb)
}

    .next-checkbox--styled .next-icon, .next-checkbox--styled .next-icon__text {
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: 2;
        display: block;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out
    }

.next-checkbox:checked ~ .next-checkbox--styled .next-icon.checkmark, .next-checkbox:checked ~ .next-checkbox--styled .checkmark.next-icon__text, .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon.indeterminate, .next-checkbox:indeterminate ~ .next-checkbox--styled .indeterminate.next-icon__text {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.next-checkbox:active ~ .next-checkbox--styled, .next-checkbox:focus ~ .next-checkbox--styled {
    border-color: var(--p-border, #006fbb)
}

.next-checkbox:disabled ~ .next-checkbox--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background-color: var(--p-override-transparent, #f4f6f8)
}

    .next-checkbox:disabled ~ .next-checkbox--styled .next-icon, .next-checkbox:disabled ~ .next-checkbox--styled .next-icon__text {
        fill: var(--p-icon-on-interactive, #95a7b7)
    }

.select .next-checkbox--styled {
    top: 0
}

.next-input--is-focused {
    border: 1px solid #006fbb
}

.next-input--has-error {
    border: 1px solid #de3618;
    background: #fbeae5
}

    .next-input--has-error:focus {
        border: 1px solid #de3618
    }

.next-field__connected-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.next-form--multi-column .next-field__connected-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button {
    white-space: nowrap
}

.next-field__connected-wrapper--align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.next-form--align-center .next-field__connected-wrapper--align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.next-field--connected, .next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter), .next-field__connected-wrapper input {
    left: -1px;
    position: relative;
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin: 0 -1px 0 0;
    max-width: 100%
}

    .next-field--connected:first-child:not(:last-child), .next-field__connected-wrapper .btn:first-child:not(:last-child), .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent:first-child:not(:last-child), .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent:first-child:not(:last-child), .next-field__connected-wrapper .ui-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter):first-child:not(:last-child), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter):first-child:not(:last-child), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper input:first-child:not(:last-child) {
        border-radius: var(--p-border-radius-base, 3px) 0 0 var(--p-border-radius-base, 3px)
    }

    .next-field--connected:last-child, .next-field__connected-wrapper .btn:last-child, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent:last-child, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent:last-child, .next-field__connected-wrapper .ui-button:not(.add-filter):last-child, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter):last-child, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter):last-child, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter):last-child, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter):last-child, .next-field__connected-wrapper input:last-child {
        border-radius: 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px) 0
    }

    .next-field--connected.next-field--connected--no-flex, .next-field__connected-wrapper .btn.next-field--connected--no-flex, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-field--connected--no-flex.ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-field--connected--no-flex.ui-button--transparent, .next-field__connected-wrapper .ui-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button.next-field--connected--no-flex:not(.add-filter), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button.next-field--connected--no-flex:not(.add-filter), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper input.next-field--connected--no-flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.next-field--connected--extra-padding {
    padding-left: 10px
}

.next-form--multi-column .next-field--connected--extra-padding {
    padding-left: 0;
    padding-top: 10px
}

.next-field__connected-wrapper .ui-popover__container > .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .ui-popover__container > .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .ui-popover__container > .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .ui-popover__container > .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .ui-popover__container > .hw-button {
    left: 0;
    margin-right: 0
}

.next-field--connected--last-child {
    border-radius: 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px) 0
}

.next-input--search {
    -webkit-appearance: textfield
}

    .next-input--search::-webkit-search-decoration, .next-input--search::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

.unstyled .next-input-wrapper, .unstyled #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .unstyled .hw-form-group, .unstyled #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .unstyled .hw-form-group, .ui-tertiary-navigation__dropdown .next-input-wrapper, .ui-tertiary-navigation__dropdown #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-tertiary-navigation__dropdown .hw-form-group, .ui-tertiary-navigation__dropdown #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-tertiary-navigation__dropdown .hw-form-group, .dropdown .next-input-wrapper, .dropdown #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .dropdown .hw-form-group, .dropdown #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .dropdown .hw-form-group {
    margin-top: 0.8rem
}

.next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5
}

    .next-input:focus, #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .hw-input:focus, .next-input--stylized:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--stylized[disabled], .next-input.next-input--is-disabled, #hyperwallet-drop-in-transfer-method-ui .next-input--is-disabled.hw-input, #hyperwallet-drop-in-verification-ui .next-input--is-disabled.hw-input, .next-input--is-disabled.next-input--stylized {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.next-input--stylized {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5
}

    .next-input--stylized:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4;
        outline: 0
    }

    .next-input--stylized[disabled], .next-input--stylized.next-input--is-disabled {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .next-input--stylized .next-input--invisible {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

        .next-input--stylized .next-input--invisible:focus {
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

.next-input--is-focused {
    border: 1px solid #5c6ac4;
    -webkit-box-shadow: 0 0 0 1px #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4
}

.next-input-wrapper--is-error .next-input, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error .next-input--stylized {
    border: 1px solid #de3618;
    background: #fbeae5
}

    .next-input-wrapper--is-error .next-input:focus, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input:focus, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized:focus {
        border-color: #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .next-input-wrapper--is-error .next-input--stylized .next-input:focus, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .next-input--stylized .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .next-input--stylized .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized .next-input--stylized:focus {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.next-input-wrapper--is-error .next-checkbox ~ .next-checkbox--styled {
    border-color: var(--p-border-critical, #bf0711)
}

.next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled {
    color: var(--p-text, #bf0711);
    border-color: var(--p-border-critical, #bf0711)
}

@media (min-width: 1024px) {
    .next-input__add-on > .next-icon, .next-input__add-on > .next-icon__text {
        top: -1px
    }
}

.next-field__connected-wrapper .next-field--connected, .next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button {
    z-index: 10
}

.next-field__connected-wrapper :focus, .next-field__connected-wrapper .next-input--is-focused {
    z-index: 20
}

    .next-field__connected-wrapper :focus + .next-field--connected, .next-field__connected-wrapper :focus + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .ui-button--transparent, .next-field__connected-wrapper :focus + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-button, .next-field__connected-wrapper :focus + .next-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .next-field--connected, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .next-field--connected, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .next-field--connected, .next-field__connected-wrapper :focus + .next-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .btn, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .btn, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .next-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .next-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .hw-label + .ui-button--transparent, .next-field__connected-wrapper :focus + .next-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .next-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .next-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .ui-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .ui-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .hw-button, .next-field__connected-wrapper .next-input--is-focused + .next-field--connected, .next-field__connected-wrapper .next-input--is-focused + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .ui-button--transparent, .next-field__connected-wrapper .next-input--is-focused + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-button, .next-field__connected-wrapper .next-input--is-focused + .next-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .next-field--connected, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .next-field--connected, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .next-field--connected, .next-field__connected-wrapper .next-input--is-focused + .next-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .btn, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .btn, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .next-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .next-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .next-input--is-focused + .next-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .next-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .next-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .hw-button {
        border-left: solid 1px var(--p-override-transparent, #5c6ac4);
        -webkit-box-shadow: var(--p-override-none, -1px 0 0 0 #5c6ac4);
        box-shadow: var(--p-override-none, -1px 0 0 0 #5c6ac4)
    }

.next-checkbox--styled {
    color: var(--p-text, #5c6ac4);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

.next-checkbox:active ~ .next-checkbox--styled, .next-checkbox:focus ~ .next-checkbox--styled {
    border-color: var(--p-border, #5c6ac4);
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
    box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
}

.next-checkbox:checked ~ .next-checkbox--styled {
    border-color: var(--p-interactive, #5c6ac4)
}

.next-checkbox:disabled ~ .next-checkbox--styled {
    color: var(--p-text-disabled, #c4cdd5);
    border-color: var(--p-border-disabled, #c4cdd5);
    background: var(--p-action-secondary-disabled, #f4f6f8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.next-radio--styled {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

.next-radio:active ~ .next-radio--styled, .next-radio:focus ~ .next-radio--styled {
    border-color: var(--p-border, #5c6ac4);
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
    box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
}

.next-radio:checked ~ .next-radio--styled {
    border-color: var(--p-interactive, #5c6ac4)
}

    .next-radio:checked ~ .next-radio--styled::before {
        background-color: var(--p-interactive, #5c6ac4)
    }

.next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background: var(--p-surface, #f4f6f8);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .next-radio:disabled ~ .next-radio--styled::before {
        background: var(--p-border-disabled, #c4cdd5)
    }

.newDesignLanguage .next-checkbox--styled {
    position: relative;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    display: block;
    height: calc(var(--p-choice-size) - 0.2rem);
    width: calc(var(--p-choice-size) - 0.2rem);
    border: var(--p-control-border-width) solid var(--p-border);
    background-color: var(--p-surface);
    background-image: none;
    border-radius: var(--p-border-radius-base)
}

    .newDesignLanguage .next-checkbox--styled::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        right: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        bottom: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        left: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .next-checkbox--styled::before {
        content: '';
        position: absolute;
        top: calc(-1 * var(--p-control-border-width));
        right: calc(-1 * var(--p-control-border-width));
        bottom: calc(-1 * var(--p-control-border-width));
        left: calc(-1 * var(--p-control-border-width));
        border-radius: var(--p-border-radius-base);
        background-color: var(--p-interactive);
        opacity: 0;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-checkbox--styled::before {
        background: transparent;
        border: 2px solid;
        -webkit-transition: none;
        transition: none
    }
}

.newDesignLanguage .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox--styled .next-icon__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none;
    fill: var(--p-icon-on-interactive);
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    opacity: 0;
    -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
}

.newDesignLanguage .next-radio--styled {
    position: relative;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    background-color: var(--p-surface);
    background-image: none;
    border: var(--p-control-border-width) solid var(--p-border);
    width: calc(var(--p-choice-size) - 0.2rem);
    height: calc(var(--p-choice-size) - 0.2rem)
}

    .newDesignLanguage .next-radio--styled::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        right: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        bottom: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        left: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .next-radio--styled::after {
        border-radius: 50%
    }

    .newDesignLanguage .next-radio--styled::before {
        opacity: 0;
        -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-radio--styled::before {
        background: transparent;
        border: 5px solid;
        -webkit-transition: none;
        transition: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.newDesignLanguage .next-radio:hover:not(:disabled):not(:checked) ~ .next-radio--styled {
    border-color: var(--p-border-hovered)
}

.newDesignLanguage .next-radio:checked ~ .next-radio--styled {
    border-color: var(--p-interactive)
}

    .newDesignLanguage .next-radio:checked ~ .next-radio--styled::before {
        opacity: 1;
        -webkit-transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease)
    }

.newDesignLanguage .next-radio:focus, .newDesignLanguage .next-radio:active:not(:disabled) {
    outline: none
}

    .newDesignLanguage .next-radio:focus ~ .next-radio--styled::after, .newDesignLanguage .next-radio:active:not(:disabled) ~ .next-radio--styled::after {
        -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
        box-shadow: 0 0 0 0.2rem var(--p-focused)
    }

.newDesignLanguage .next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5)
}

.newDesignLanguage .next-checkbox:hover ~ .next-checkbox--styled {
    border-color: var(--p-border-hovered)
}

.newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled {
    border-color: var(--p-interactive)
}

    .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.newDesignLanguage .next-checkbox:focus, .newDesignLanguage .next-checkbox:active {
    outline: none
}

    .newDesignLanguage .next-checkbox:focus ~ .next-checkbox--styled, .newDesignLanguage .next-checkbox:active ~ .next-checkbox--styled {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--p-border-hovered)
    }

        .newDesignLanguage .next-checkbox:focus ~ .next-checkbox--styled::after {
            -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
            box-shadow: 0 0 0 0.2rem var(--p-focused)
        }

    .newDesignLanguage .next-checkbox:active:not(:disabled) ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:active:not(:disabled) ~ .next-checkbox--styled .next-icon__text, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon__text, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon__text {
        -webkit-transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease)
    }

        .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon.indeterminate, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .indeterminate.next-icon__text {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1
        }

        .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon.checkmark, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .checkmark.next-icon__text {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1
        }

.newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled {
    background-color: var(--p-surface-disabled);
    border-color: var(--p-border-disabled)
}

    .newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled::before {
        background-color: var(--p-border-disabled)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled::before {
        background: transparent
    }
}

.newDesignLanguage .next-input-wrapper--inline .next-radio--styled, .newDesignLanguage .next-input-wrapper--inline .next-checkbox--styled {
    left: calc(50% - (var(--p-choice-size) / 2) + 0.1rem);
    top: calc(50% - (var(--p-choice-size) / 2) + 0.1rem)
}

.newDesignLanguage .next-input-wrapper--is-error .next-checkbox ~ .next-checkbox--styled {
    border-color: var(--p-border-critical);
    background: var(--p-surface-critical)
}

.newDesignLanguage .next-input-wrapper--is-error .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled::before {
    background: var(--p-border-critical)
}

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled::before {
        background: transparent
    }
}

.next-table--line-items, .next-table--data {
    width: 100%;
    border-collapse: collapse
}

    .next-table--data tr > th {
        font-weight: bold;
        text-align: center;
        padding: 1px;
        border-bottom: none
    }

    .next-table--data tr > td {
        background-color: transparent;
        padding: 1px;
        border-bottom: none
    }

    .next-table--data tr > th {
        color: #798c9c;
        text-align: left
    }

    .next-table--data tr > td {
        border-bottom: 1px solid #95a7b7
    }

.next-table--fixed-layout {
    table-layout: fixed
}

.next-table--line-items td {
    padding-top: 20px;
    padding-bottom: 20px
}

.next-table--line-items .next-table__image-cell {
    vertical-align: top;
    min-width: 48px
}

.next-table--line-items .next-table__properties-cell {
    padding-top: 5px;
    padding-bottom: 5px
}

.next-table--line-items td:first-of-type, .next-table--line-items th:first-of-type {
    padding-left: 0
}

.next-table--line-items td:last-of-type, .next-table--line-items th:last-of-type {
    padding-right: 0
}

@media (max-width: 520px),(min-width: 769px) and (max-width: 784px) {
    .next-table--line-items {
        display: block
    }

        .next-table--line-items thead {
            display: none
        }

        .next-table--line-items tbody {
            width: 100%;
            display: block
        }

        .next-table--line-items tr {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 20px 0 10px 0
        }

            .next-table--line-items tr + tr {
                border-top: 1px solid #ebeef0
            }

            .next-table--line-items tr.selected {
                background: #fffbe9
            }

        .next-table--line-items td {
            padding: 0 10px 10px 0;
            display: block;
            border: none
        }

            .next-table--line-items td:first-of-type {
                padding-left: 0
            }

            .next-table--line-items td:last-of-type {
                padding-right: 0
            }

        .next-table--line-items .next-table__cell--hide-when-condensed {
            display: none
        }

        .next-table--line-items .next-table__cell--full-width-when-condensed {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%
        }

        .next-table--line-items .next-table__cell--grow-when-condensed {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto
        }

        .next-table--line-items .next-table__cell--no-flex {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

        .next-table--line-items .next-table__cell--top-right-when-condensed {
            position: absolute;
            top: 20px;
            right: 10px
        }

        .next-table--line-items .next-table__cell--item-name {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 calc(100% - 58px);
            -ms-flex: 1 0 calc(100% - 58px);
            flex: 1 0 calc(100% - 58px);
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .next-table--line-items .only-when-printing {
            display: none
        }
}

.next-table--with-price td:last-of-type {
    width: 15%
}

.next-table--compact td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.next-table--condensed {
    display: block
}

    .next-table--condensed thead {
        display: none
    }

    .next-table--condensed tbody {
        width: 100%;
        display: block
    }

    .next-table--condensed tr {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0 10px 0
    }

        .next-table--condensed tr + tr {
            border-top: 1px solid #ebeef0
        }

        .next-table--condensed tr.selected {
            background: #fffbe9
        }

    .next-table--condensed td {
        padding: 0 10px 10px 0;
        display: block;
        border: none
    }

        .next-table--condensed td:first-of-type {
            padding-left: 0
        }

        .next-table--condensed td:last-of-type {
            padding-right: 0
        }

    .next-table--condensed .next-table__cell--hide-when-condensed {
        display: none
    }

    .next-table--condensed .next-table__cell--full-width-when-condensed {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .next-table--condensed .next-table__cell--grow-when-condensed {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto
    }

    .next-table--condensed .next-table__cell--no-flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .next-table--condensed .next-table__cell--top-right-when-condensed {
        position: absolute;
        top: 20px;
        right: 10px
    }

    .next-table--condensed .next-table__cell--item-name {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(100% - 58px);
        -ms-flex: 1 0 calc(100% - 58px);
        flex: 1 0 calc(100% - 58px);
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .next-table--condensed .only-when-printing {
        display: none
    }

.next-table--condensed--no-wrap tr {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.next-table__inline-heading {
    display: none
}

.next-table--collapsible {
    padding: 20px
}

    .next-table--collapsible .next-table__btn--expand {
        display: none
    }

    .next-table--collapsible.next-table--condensed {
        padding: 0
    }

        .next-table--collapsible.next-table--condensed tr {
            padding: 0;
            width: 100%
        }

        .next-table--collapsible.next-table--condensed td {
            padding: 10px 20px
        }

            .next-table--collapsible.next-table--condensed td:first-of-type {
                padding-left: 20px
            }

            .next-table--collapsible.next-table--condensed td:last-of-type {
                padding-right: 20px
            }

        .next-table--collapsible.next-table--condensed .next-table__inline-heading {
            width: 40%;
            display: inline-block;
            color: #798c9c
        }

        .next-table--collapsible.next-table--condensed .next-table__btn--expand {
            display: block
        }

        .next-table--collapsible.next-table--condensed .next-table__cell--collapse {
            display: none
        }

        .next-table--collapsible.next-table--condensed .next-table__cell--visible {
            display: block;
            background: #f5f6f7
        }

.next-table__row--no-border td {
    border-bottom: none
}

.next-table__row--align-top td {
    vertical-align: top
}

.next-table--clickable-row tbody tr {
    cursor: pointer
}

.table__row--subdued {
    background-color: #f5f6f7
}

.next-table--ultra-expanded td, .next-table--ultra-expanded th {
    padding: 20px
}

.next-table__row--extra-padding-top td {
    padding-top: 20px
}

.next-table__row--extra-padding-bottom td {
    padding-bottom: 20px
}

.next-table--no-outside-padding tr > td:first-child, .next-table--no-outside-padding tr > th:first-child {
    padding-left: 0
}

.next-table--no-outside-padding tr > td:last-child, .next-table--no-outside-padding tr > th:last-child {
    padding-right: 0
}

.next-table--no-bottom-padding tr:last-child > td {
    padding-bottom: 0
}

.next-table--row-group-no-spacing tr:not(:first-child) td {
    padding-top: 0
}

.next-table--row-group-no-spacing tr:not(:last-child) td {
    padding-bottom: 0
}

.next-table--even-cell-padding td, .next-table--even-cell-padding th {
    padding: 10px 10px
}

.next-card {
    background-color: var(--p-surface, #fff);
    border-radius: var(--p-border-radius-wide, 3px);
    -webkit-box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15));
    box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15))
}

    .next-card ~ .next-card, .next-card ~ .ui-card {
        margin-top: 20px
    }

@media screen and (max-width: 720px) {
    .next-card {
        border-radius: 0
    }
}

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .next-card + .next-card {
        margin-top: 10px
    }
}

.next-card--aside {
    background-color: var(--p-surface-subdued, #f9fafb)
}

.next-card--aside-lighter {
    background-color: var(--p-surface-subdued, #fafbfc)
}

.next-card--plain {
    -webkit-box-shadow: var(--p-card-shadow, none);
    box-shadow: var(--p-card-shadow, none)
}

.next-card--hide-overflow {
    overflow: hidden
}

.next-card--stacked {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

    .next-card--stacked ~ .next-card--stacked {
        margin-top: 0;
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:first-of-type {
    padding-top: 20px
}

.next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:last-of-type {
    padding-bottom: 20px
}

.next-card--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 76px
}

.next-card--js-sticky {
    position: fixed;
    top: 56px;
    margin-top: 20px
}

.next-card__header {
    padding: 20px 20px 0
}

    .next-card__header .next-heading {
        margin-bottom: 0
    }

.next-card__footer {
    padding: 0 20px 20px
}

.next-card__footer--no-padding {
    padding: 0
}

.next-card__section {
    padding: 20px
}

    .next-card__section ~ .next-card__section {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

        .next-card__section ~ .next-card__section.next-card__section--no-border {
            border-top: 0
        }

    .next-card__section:first-child {
        border-radius: var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0 0
    }

    .next-card__section:last-child {
        border-radius: 0 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px)
    }

.next-card__section--no-vertical-spacing {
    padding-top: 0;
    padding-bottom: 0
}

    .next-card__section--no-vertical-spacing + .next-card__section {
        border-top: none
    }

.next-card__section--no-horizontal-spacing {
    padding-left: 0;
    padding-right: 0
}

.next-card__section--half-spacing {
    padding-top: 10px;
    padding-bottom: 10px
}

    .next-card__section--half-spacing.next-card__header {
        padding-bottom: 0
    }

    .next-card__section--half-spacing.next-card__footer {
        padding-top: 0
    }

.next-card__section--double-spacing {
    padding-top: 40px;
    padding-bottom: 40px
}

.next-card__section--no-padding {
    padding: 0
}

.next-card__section--subdued {
    background-color: var(--p-surface-subdued, #f9fafb)
}

.next-card__section--more-subdued {
    background-color: var(--p-surface-subdued, #ebeef0)
}

.next-card__section--less-subdued {
    background-color: var(--p-surface-subdued, #fafbfc)
}

.next-card__section--accentuated {
    background-color: var(--p-surface-subdued, #006fbb)
}

    .next-card__section--accentuated .next-heading {
        color: var(--p-text, #fff)
    }

.next-card__section--bordered {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--no-bottom-spacing {
    padding-bottom: 0
}

    .next-card__section--no-bottom-spacing + .next-card__section {
        border-top: 0
    }

.next-card__section--no-top-spacing {
    padding-top: 0
}

.next-card__section ~ .next-card__section--no-top-spacing {
    border-top: 0
}

.next-card__section--border-left {
    border-left: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--border-bottom {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--centered {
    text-align: center
}

.next-card--with-full-height-image {
    position: relative;
    padding-left: 250px;
    max-width: calc(100% - 250px)
}

    .next-card--with-full-height-image .next-card__image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px;
        background-size: cover;
        background-position: center;
        border-top-left-radius: var(--p-border-radius-wide, 3px);
        border-bottom-left-radius: var(--p-border-radius-wide, 3px)
    }

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .next-card--with-full-height-image {
        padding-left: 0;
        max-width: 100%
    }

        .next-card--with-full-height-image .next-card__image {
            position: static;
            display: block;
            width: 100%;
            height: 120px;
            border-radius: 0
        }
}

.next-card__section__separator {
    margin: 20px auto;
    background-color: var(--p-border-subdued, #ebeef0)
}

.next-card__section__separator--no-margin {
    margin: 0
}

.next-card__separator {
    margin: 0;
    height: 1px;
    background: var(--p-border-subdued, #ebeef0)
}

.next-card__separator--thick {
    height: 5px
}

.next-card__separator--inline {
    margin: 10px 20px
}

.next-card--top-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0 0 !important
}

.next-card--bottom-rounded-corners {
    border-radius: 0 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) !important
}

.next-card--all-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) !important
}

.next-card--left-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) 0 0 var(--p-border-radius-wide, 3px)
}

.next-card--right-rounded-corners {
    border-radius: 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0
}

.next-card--top-right-rounded-corner {
    border-top-right-radius: var(--p-border-radius-wide, 3px)
}

.next-card--bottom-right-rounded-corner {
    border-bottom-right-radius: var(--p-border-radius-wide, 3px)
}

.next-card--top-left-rounded-corner {
    border-top-left-radius: var(--p-border-radius-wide, 3px)
}

.next-card--bottom-left-rounded-corner {
    border-bottom-left-radius: var(--p-border-radius-wide, 3px)
}

.next-card__ribbon {
    background: #fafbfc;
    border-right: solid 1px #ebeef0;
    border-radius: 3px 0 0 3px;
    padding: 20px;
    display: block
}

.next-card__ribbon--warning {
    background: #ffd117;
    border-right: solid 1px rgba(212,160,2,0.25)
}

.next-card__ribbon--vertically-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.next-ui .next-text-slate {
    color: #31373d
}

.next-card__header--fully-padded {
    padding-bottom: 20px
}

.next-card--semi-transparent {
    background-color: rgba(255,255,255,0.9)
}

.next-card__channel-image {
    margin-right: 20px
}

@media (max-width: 540px),(min-width: 769px) and (max-width: 804px) {
    .next-card__channel-image {
        display: none
    }
}

.next-card__channel-illustration {
    margin: 0 auto
}

@media screen and (max-width: 568px) {
    .fresh-ui .next-card__header, .fresh-ui .next-card__section, .fresh-ui .next-card__footer {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.next-tab__list {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #f5f6f7;
    overflow: visible;
    border-radius: 3px 3px 0 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .next-tab__list::after {
        content: '';
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 1px solid #ebeef0
    }

    .next-tab__list > li {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .next-tab__list .next-tab__list__disclosure-item {
        display: none
    }

        .next-tab__list .next-tab__list__disclosure-item .next-tab {
            border-top-right-radius: 3px
        }

    .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 3px
    }

.next-tab__list--non-rounded {
    border-radius: 0
}

    .next-tab__list--non-rounded .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .next-tab__list--non-rounded > li:first-child .next-tab {
        border-top-left-radius: 0
    }

.next-tab__list--full::after {
    display: none
}

.next-tab__list--full > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .next-tab__list--full > li:last-of-type > .next-tab {
        border-right: none
    }

.next-tab__list--full .next-tab__list__disclosure-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.next-tab__list--fitted::after {
    display: none
}

.next-tab__list--fitted > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

    .next-tab__list--fitted > li:last-of-type > .next-tab {
        border-right: 0
    }

.next-tab__list--fitted .next-tab__list__disclosure-item {
    display: none
}

.next-tab__list--vertical {
    display: block;
    background: transparent;
    padding: 7px 0
}

    .next-tab__list--vertical::after {
        display: none
    }

    .next-tab__list--vertical .next-tab {
        border: none;
        padding: 8px 20px;
        text-align: left
    }

        .next-tab__list--vertical .next-tab:hover, .next-tab__list--vertical .next-tab:focus {
            background: transparent
        }

        .next-tab__list--vertical .next-tab:hover {
            color: #006fbb
        }

        .next-tab__list--vertical .next-tab:focus {
            color: black
        }

.next-tab__list--page-navigation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .next-tab__list--page-navigation {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .next-tab__list--page-navigation {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.next-tab {
    color: var(--p-text-subdued, #637381);
    padding: 15px 20px;
    text-decoration: none;
    border-right: 1px solid #ebeef0;
    border-bottom: 1px solid #ebeef0;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .next-tab:focus, .next-tab:hover {
        outline: none;
        background-color: #fafbfc;
        color: #006fbb;
        text-decoration: none
    }

    .next-tab.next-tab--is-active {
        font-weight: 400;
        color: var(--p-text, #212b36);
        background-color: #ffffff;
        border-bottom-color: #ffffff;
        cursor: default;
        text-decoration: none
    }

.next-tab--disclosure {
    padding: 0 20px
}

    .next-tab--disclosure .helper-hidden {
        display: none
    }

    .next-tab--disclosure .next-tab {
        display: inline-block
    }

.next-tab__panel {
    display: none
}

    .next-tab__panel.next-tab__panel--is-active {
        display: block
    }

    .next-tab__panel > *:first-child:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fresh-ui .next-tab__container--full-width {
    border-bottom: 1px solid var(--p-border, #c4cdd5);
    border-top: 1px solid var(--p-border, #c4cdd5);
    width: 100%;
    margin-top: 1.6rem
}

    .fresh-ui .next-tab__container--full-width .next-tab__list {
        border: 0
    }

.fresh-ui .next-tab__list {
    background-color: transparent;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    border-radius: 0
}

    .fresh-ui .next-tab__list::after {
        display: none
    }

    .fresh-ui .next-tab__list .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .fresh-ui .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 0;
        margin-left: 1.6rem
    }

    .fresh-ui .next-tab__list .next-tab {
        color: #637381
    }

        .fresh-ui .next-tab__list .next-tab:focus, .fresh-ui .next-tab__list .next-tab:hover {
            color: #212b36
        }

    .fresh-ui .next-tab__list > li > .next-tab {
        border-right: 0;
        border-bottom: 3px solid transparent;
        margin-right: 1.6rem;
        padding: 1.6rem 0;
        min-width: 5rem
    }

        .fresh-ui .next-tab__list > li > .next-tab:focus, .fresh-ui .next-tab__list > li > .next-tab:hover {
            background-color: transparent;
            border-bottom-color: #c4cdd5
        }

        .fresh-ui .next-tab__list > li > .next-tab.next-tab--is-active {
            background-color: transparent;
            border-bottom-color: #5c6ac4;
            color: #212b36
        }

.fresh-ui .next-tab__list--fitted > li:first-of-type > .next-tab {
    margin-left: 0
}

.fresh-ui .next-tab__list--fitted > li > .next-tab {
    margin-right: 0
}

.fresh-ui .next-tab__list--page-navigation > li:first-child .next-tab {
    margin-left: 0
}

.next-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list > li {
        width: 100%
    }

        .next-list > li .next-list__item {
            padding-right: 20px;
            padding-left: 20px
        }

        .next-list > li button.next-list__item {
            border: 0;
            cursor: pointer;
            color: #006fbb;
            text-decoration: none;
            vertical-align: initial;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
            width: 100%
        }

            .next-list > li button.next-list__item:hover, .next-list > li button.next-list__item:focus, .next-list > li button.next-list__item:active {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .next-list > li .next-list__item--indented {
            padding-left: 40px
        }

.next-list--divided {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list--divided > li {
        width: 100%;
        border-bottom: 1px solid #ebeef0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--divided > li a, .next-list--divided > li button, .next-list--divided > li .next-list__item {
            display: block;
            color: #31373d;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .next-list--divided > li .next-list__item {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer
        }

            .next-list--divided > li .next-list__item:hover, .next-list--divided > li .next-list__item.is-selected {
                background: #ebf5fa;
                -webkit-box-shadow: 0 1px 0 #ebeef0;
                box-shadow: 0 1px 0 #ebeef0
            }

        .next-list--divided > li .next-list__item--disabled, .next-list--divided > li .next-list__item--no-hover {
            cursor: default
        }

            .next-list--divided > li .next-list__item--disabled:hover, .next-list--divided > li .next-list__item--no-hover:hover {
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .next-list--divided > li a:hover, .next-list--divided > li a.is-selected, .next-list--divided > li button:hover, .next-list--divided > li button.is-selected {
            background: #ebf5fa;
            text-decoration: none
        }

        .next-list--divided > li a:focus, .next-list--divided > li a:active, .next-list--divided > li button:focus, .next-list--divided > li button:active {
            background: #ebf5fa;
            outline: none
        }

        .next-list--divided > li a.disabled, .next-list--divided > li button.disabled {
            color: #c3cfd8
        }

.next-list--divided-selectable {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list--divided-selectable li + li {
        border-top: 1px solid #ebeef0
    }

    .next-list--divided-selectable > li {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--divided-selectable > li a, .next-list--divided-selectable > li button, .next-list--divided-selectable > li .next-list__item {
            display: block;
            color: #31373d;
            padding-top: 10px;
            padding-bottom: 10px
        }

            .next-list--divided-selectable > li a:hover, .next-list--divided-selectable > li a.is-selected, .next-list--divided-selectable > li button:hover, .next-list--divided-selectable > li button.is-selected, .next-list--divided-selectable > li .next-list__item:hover, .next-list--divided-selectable > li .next-list__item.is-selected {
                background: #006fbb;
                text-decoration: none;
                color: #ffffff
            }

.next-list--divided--top > li {
    border-bottom: 0
}

    .next-list--divided--top > li:not(:first-child) .next-list__item {
        border-top: 1px solid #ebeef0
    }

        .next-list--divided--top > li:not(:first-child) .next-list__item.next-list__item--indented {
            border-top: 0
        }

.next-list--divided-half-padding > li a, .next-list--divided-half-padding > li button, .next-list--divided-half-padding > li .next-list__item {
    padding: 10px
}

.next-list__item--subdued, .next-list--divided-subdued {
    background-color: #f5f6f7
}

.next-list > li .next-list__item--vertically-condensed {
    padding-top: 5px;
    padding-bottom: 5px
}

.next-list--subdued .next-list__item {
    background: #f5f6f7;
    color: var(--p-text-subdued, #637381)
}

    .next-list--subdued .next-list__item.next-list__item--is-current {
        background: #ffffff;
        font-weight: bold
    }

    .next-list--subdued .next-list__item:focus, .next-list--subdued .next-list__item:hover {
        background: #fafbfc
    }

.next-list--compact {
    margin: 5px 0
}

    .next-list--compact .next-list__item {
        background: transparent;
        border: 0;
        display: block;
        font-size: 14px;
        padding: 5px 10px;
        text-align: left;
        text-decoration: none;
        color: #31373d;
        word-wrap: break-word;
        border-radius: 0;
        line-height: 24px;
        white-space: normal;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--compact .next-list__item.next-list__item--is-applied {
            background: #ebf5fa;
            color: #798c9c
        }

        .next-list--compact .next-list__item:hover, .next-list--compact .next-list__item:focus, .next-list--compact .next-list__item.next-list__item--is-selected {
            background: #006fbb;
            color: #ffffff;
            text-decoration: none;
            outline: none
        }

            .next-list--compact .next-list__item:hover .subdued, .next-list--compact .next-list__item:focus .subdued, .next-list--compact .next-list__item.next-list__item--is-selected .subdued {
                color: #d3dbe2
            }

            .next-list--compact .next-list__item:hover .next-heading, .next-list--compact .next-list__item:hover small, .next-list--compact .next-list__item:focus .next-heading, .next-list--compact .next-list__item:focus small, .next-list--compact .next-list__item.next-list__item--is-selected .next-heading, .next-list--compact .next-list__item.next-list__item--is-selected small {
                color: #ffffff
            }

        .next-list--compact .next-list__item:active {
            color: #ffffff;
            background: #084e8a
        }

        .next-list--compact .next-list__item.is-disabled {
            color: #c3cfd8;
            pointer-events: none;
            cursor: default
        }

    .next-list--compact button.next-list__item {
        width: 100%;
        cursor: pointer;
        font-family: var(--main-font)
    }

    .next-list--compact + .next-list--compact {
        border-top: 1px solid #ebeef0;
        padding-top: 5px
    }

.next-list--toggles .next-icon, .next-list--toggles .next-icon__text {
    visibility: hidden
}

.next-list--toggles .next-list__item--is-applied .next-icon, .next-list--toggles .next-list__item--is-applied .next-icon__text {
    visibility: visible
}

.next-list--toggles .next-list__item--promoted-action, .next-list--divided > li .next-list__item--promoted-action {
    color: #006fbb
}

.next-list__item--promoted-action .next-icon, .next-list__item--promoted-action .next-icon__text {
    fill: #006fbb;
    visibility: visible
}

.next-list__item--is-applied .next-icon, .next-list__item--is-applied .next-icon__text {
    fill: #798c9c
}

.next-list--toggles .next-list__item:focus .next-icon, .next-list--toggles .next-list__item:focus .next-icon__text, .next-list--toggles .next-list__item:hover .next-icon, .next-list--toggles .next-list__item:hover .next-icon__text, .next-list--toggles .next-list__item:active .next-icon, .next-list--toggles .next-list__item:active .next-icon__text, .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon, .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon__text {
    fill: #ffffff
}

.next-list--plain-divided > li {
    border-bottom: 1px solid #ebeef0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0
}

    .next-list--plain-divided > li:last-child {
        border-bottom: none
    }

.next-list--plain-divided .next-card--aside > li {
    border-color: rgba(211,219,226,0.5)
}

.next-list--row-hover > li {
    padding: 5px 10px
}

    .next-list--row-hover > li:hover {
        background-color: #ebeef0
    }

.next-list--row-hover.next-list--no-vertical-padding > li {
    padding: 0 10px
}

.next-list--heading {
    margin: 10px 0;
    border: none
}

.next-list > li .resource-browser-variant, .next-list > li .resource-browser-variant.next-list__item--disabled:hover, .next-list > li .resource-browser-variant.next-list__item--no-hover:hover {
    margin-left: 46px;
    padding-left: 0
}

    .next-list > li .resource-browser-variant:hover, .next-list > li .resource-browser-variant.is-selected {
        margin-left: 0;
        padding-left: 46px
    }

.next-list > li .resource-browser-variant--review-step {
    margin-left: 20px;
    padding-left: 40px
}

.next-list[data-searchable-select-results] .searchable-select-group-divider {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.fresh-ui .next-list > li a, .fresh-ui .next-list > li button, .fresh-ui .next-list > li .next-list__item, .fresh-ui .next-list > li.next-list__item, .fresh-ui .next-list--compact > li a, .fresh-ui .next-list--compact > li button, .fresh-ui .next-list--compact > li .next-list__item, .fresh-ui .next-list--compact > li.next-list__item {
    background: white;
    color: #212b36;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

    .fresh-ui .next-list > li a:focus, .fresh-ui .next-list > li a:hover, .fresh-ui .next-list > li a:active, .fresh-ui .next-list > li a.is-selected, .fresh-ui .next-list > li a.next-list__item--is-selected, .fresh-ui .next-list > li button:focus, .fresh-ui .next-list > li button:hover, .fresh-ui .next-list > li button:active, .fresh-ui .next-list > li button.is-selected, .fresh-ui .next-list > li button.next-list__item--is-selected, .fresh-ui .next-list > li .next-list__item:focus, .fresh-ui .next-list > li .next-list__item:hover, .fresh-ui .next-list > li .next-list__item:active, .fresh-ui .next-list > li .next-list__item.is-selected, .fresh-ui .next-list > li .next-list__item.next-list__item--is-selected, .fresh-ui .next-list > li.next-list__item:focus, .fresh-ui .next-list > li.next-list__item:hover, .fresh-ui .next-list > li.next-list__item:active, .fresh-ui .next-list > li.next-list__item.is-selected, .fresh-ui .next-list > li.next-list__item.next-list__item--is-selected, .fresh-ui .next-list--compact > li a:focus, .fresh-ui .next-list--compact > li a:hover, .fresh-ui .next-list--compact > li a:active, .fresh-ui .next-list--compact > li a.is-selected, .fresh-ui .next-list--compact > li a.next-list__item--is-selected, .fresh-ui .next-list--compact > li button:focus, .fresh-ui .next-list--compact > li button:hover, .fresh-ui .next-list--compact > li button:active, .fresh-ui .next-list--compact > li button.is-selected, .fresh-ui .next-list--compact > li button.next-list__item--is-selected, .fresh-ui .next-list--compact > li .next-list__item:focus, .fresh-ui .next-list--compact > li .next-list__item:hover, .fresh-ui .next-list--compact > li .next-list__item:active, .fresh-ui .next-list--compact > li .next-list__item.is-selected, .fresh-ui .next-list--compact > li .next-list__item.next-list__item--is-selected, .fresh-ui .next-list--compact > li.next-list__item:focus, .fresh-ui .next-list--compact > li.next-list__item:hover, .fresh-ui .next-list--compact > li.next-list__item:active, .fresh-ui .next-list--compact > li.next-list__item.is-selected, .fresh-ui .next-list--compact > li.next-list__item.next-list__item--is-selected {
        background: #5c6ac4;
        color: white
    }

        .fresh-ui .next-list > li a:focus .type--subdued, .fresh-ui .next-list > li a:hover .type--subdued, .fresh-ui .next-list > li a:active .type--subdued, .fresh-ui .next-list > li a.is-selected .type--subdued, .fresh-ui .next-list > li a.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li button:focus .type--subdued, .fresh-ui .next-list > li button:hover .type--subdued, .fresh-ui .next-list > li button:active .type--subdued, .fresh-ui .next-list > li button.is-selected .type--subdued, .fresh-ui .next-list > li button.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li .next-list__item:focus .type--subdued, .fresh-ui .next-list > li .next-list__item:hover .type--subdued, .fresh-ui .next-list > li .next-list__item:active .type--subdued, .fresh-ui .next-list > li .next-list__item.is-selected .type--subdued, .fresh-ui .next-list > li .next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li.next-list__item:focus .type--subdued, .fresh-ui .next-list > li.next-list__item:hover .type--subdued, .fresh-ui .next-list > li.next-list__item:active .type--subdued, .fresh-ui .next-list > li.next-list__item.is-selected .type--subdued, .fresh-ui .next-list > li.next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li a:focus .type--subdued, .fresh-ui .next-list--compact > li a:hover .type--subdued, .fresh-ui .next-list--compact > li a:active .type--subdued, .fresh-ui .next-list--compact > li a.is-selected .type--subdued, .fresh-ui .next-list--compact > li a.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li button:focus .type--subdued, .fresh-ui .next-list--compact > li button:hover .type--subdued, .fresh-ui .next-list--compact > li button:active .type--subdued, .fresh-ui .next-list--compact > li button.is-selected .type--subdued, .fresh-ui .next-list--compact > li button.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:focus .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:hover .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:active .type--subdued, .fresh-ui .next-list--compact > li .next-list__item.is-selected .type--subdued, .fresh-ui .next-list--compact > li .next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:focus .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:hover .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:active .type--subdued, .fresh-ui .next-list--compact > li.next-list__item.is-selected .type--subdued, .fresh-ui .next-list--compact > li.next-list__item.next-list__item--is-selected .type--subdued {
            color: white
        }

    .fresh-ui .next-list > li a.is-disabled, .fresh-ui .next-list > li button.is-disabled, .fresh-ui .next-list > li .next-list__item.is-disabled, .fresh-ui .next-list > li.next-list__item.is-disabled, .fresh-ui .next-list--compact > li a.is-disabled, .fresh-ui .next-list--compact > li button.is-disabled, .fresh-ui .next-list--compact > li .next-list__item.is-disabled, .fresh-ui .next-list--compact > li.next-list__item.is-disabled {
        color: #c4cdd5
    }

.fresh-ui .next-list__item--is-applied .next-icon, .fresh-ui .next-list__item--is-applied .next-icon__text {
    fill: #212b36
}

.fresh-ui .next-list--toggles .next-list__item:focus .next-icon, .fresh-ui .next-list--toggles .next-list__item:focus .next-icon__text, .fresh-ui .next-list--toggles .next-list__item:hover .next-icon, .fresh-ui .next-list--toggles .next-list__item:hover .next-icon__text, .fresh-ui .next-list--toggles .next-list__item:active .next-icon, .fresh-ui .next-list--toggles .next-list__item:active .next-icon__text, .fresh-ui .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon, .fresh-ui .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon__text {
    fill: white
}

.fresh-ui .next-list--divided > li a:hover, .fresh-ui .next-list--divided > li a.is-selected {
    background: #5c6ac4;
    color: white
}

    .fresh-ui .next-list--divided > li a:hover .next-icon--color-sky-darker, .fresh-ui .next-list--divided > li a:hover .next-icon--slate-lighter, .fresh-ui .next-list--divided > li a.is-selected .next-icon--color-sky-darker, .fresh-ui .next-list--divided > li a.is-selected .next-icon--slate-lighter {
        color: transparent;
        fill: white
    }

.fresh-ui .ui-action-list-action .next-icon, .fresh-ui .ui-action-list-action .next-icon__text {
    color: transparent;
    fill: #919eab
}

.fresh-ui .ui-action-list-action:hover .next-icon, .fresh-ui .ui-action-list-action:hover .next-icon__text, .fresh-ui .ui-action-list-action:focus .next-icon, .fresh-ui .ui-action-list-action:focus .next-icon__text {
    fill: white
}

.fresh-ui .product_browser .next-list--divided > li .next-list__item:hover, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected {
    background: #f9fafb;
    color: inherit
}

    .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .next-icon--color-sky-darker, .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .next-icon--slate-lighter, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .next-icon--color-sky-darker, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .next-icon--slate-lighter {
        color: transparent;
        fill: #c4cdd5
    }

    .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .type--subdued, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .type--subdued {
        color: #637381
    }

.fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current, .fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current:hover, .fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current:focus {
    color: white;
    background-color: #5c6ac4;
    font-weight: 500
}

.resource-browser__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resource-browser__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

@media screen and (max-width: 450px) {
    .resource-browser__info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .resource-browser__title {
        width: 100%;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.next-token, .tagit-choice, .tagit-new .ui-autocomplete-input {
    border-radius: 3px
}

.next-token-list {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.next-token-list--is-input {
    padding: 5px 10px;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    background: #ffffff;
    cursor: text;
    padding: 3px;
    padding-bottom: 0
}

@media screen and (max-width: 640px) {
    .next-token-list--is-input {
        font-size: 1.4rem
    }
}

.next-token-list--is-input::-webkit-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-token-list--is-input:-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-token-list--is-input::-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-token-list--is-input::placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-token-list--is-input:focus {
    border: 1px solid #006fbb
}

.next-label--is-focused .next-token-list--is-input {
    border-color: #006fbb
}

.next-token-list__wrapper {
    position: relative
}

.next-token-list--is-input-invisible {
    border: none;
    padding: 2px 0 0 0
}

.next-token-list--large-tokens {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .next-token-list--large-tokens {
        font-size: 1.4rem
    }
}

.tagit-new {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

    .tagit-new .ui-autocomplete-input {
        padding: 4px 8px;
        border: 0;
        height: auto;
        width: 120px;
        background: transparent;
        margin-bottom: 3px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.4rem;
        text-transform: initial;
        letter-spacing: initial
    }

@media screen and (max-width: 640px) {
    .tagit-new .ui-autocomplete-input {
        font-size: 1.4rem
    }
}

.tagit-new:only-child .ui-autocomplete-input {
    width: 100%
}

.next-token-list--is-input .next-token, .next-token-list--is-input .tagit-choice {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .next-token-list--is-input .next-token, .next-token-list--is-input .tagit-choice {
        font-size: 1.4rem
    }
}

.next-token, .tagit-choice {
    background-color: #ebf5fa;
    color: #001429;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    word-wrap: break-word;
    max-width: 100%
}

.next-token-list .next-token, .next-token-list .tagit-choice {
    margin-right: 3px;
    margin-bottom: 3px
}

.next-token-list--expanded {
    margin-bottom: -6px
}

    .next-token-list--expanded .next-token {
        margin-right: 6px;
        margin-bottom: 6px
    }

.next-token__label, .tagit-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    width: 100%;
    display: block;
    padding: 4px 8px
}

.next-token__remove, .tagit-close {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    padding: 4px 8px 4px 0
}

    .next-token__remove .text-icon, .tagit-close .text-icon {
        display: none
    }

    .next-token__remove .next-token__remove__icon, .tagit-close .next-token__remove__icon {
        width: 9px;
        height: 9px
    }

    .next-token__remove .ui-icon-close, .tagit-close .ui-icon-close {
        display: inline-block;
        background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(49,%2055,%2061)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M18.263%2016l10.07-10.07c.625-.625.625-1.636%200-2.26s-1.638-.627-2.263%200L16%2013.737%205.933%203.667c-.626-.624-1.637-.624-2.262%200s-.624%201.64%200%202.264L13.74%2016%203.67%2026.07c-.626.625-.626%201.636%200%202.26.312.313.722.47%201.13.47s.82-.157%201.132-.47l10.07-10.068%2010.068%2010.07c.312.31.722.468%201.13.468s.82-.157%201.132-.47c.626-.625.626-1.636%200-2.26L18.262%2016z%22/%3E%3C/svg%3E");
        background-size: 9px 9px;
        width: 9px;
        height: 9px
    }

.next-token--clickable {
    cursor: pointer
}

.next-token--is-disabled {
    opacity: 0.5;
    cursor: default
}

.next-token--is-inactive {
    background: #ebeef0;
    color: #798c9c
}

    .next-token--is-inactive.next-token--is-disabled {
        cursor: pointer
    }

.next-token-list--sortable {
    display: block;
    overflow: hidden
}

    .next-token-list--sortable .next-token {
        float: left;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .next-token-list--sortable .next-token--is-draggable {
        padding-left: 23px;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(255,%20255,%20255)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M7%202a2%202%200%201%200%20.001%204.001A2%202%200%200%200%207%202zm0%206a2%202%200%201%200%20.001%204.001A2%202%200%200%200%207%208zm0%206a2%202%200%201%200%20.001%204.001A2%202%200%200%200%207%2014zm6-8a2%202%200%201%200-.001-4.001A2%202%200%200%200%2013%206zm0%202a2%202%200%201%200%20.001%204.001A2%202%200%200%200%2013%208zm0%206a2%202%200%201%200%20.001%204.001A2%202%200%200%200%2013%2014z%22/%3E%3C/svg%3E");
        background-position: 8px 50%;
        background-size: 15px 15px;
        background-repeat: no-repeat
    }

.fresh-ui .next-token__list .next-token, .fresh-ui .next-token__list .tagit-choice {
    margin-right: 0.4rem;
    margin-bottom: 0.4rem
}

.fresh-ui .next-token, .fresh-ui .tagit-choice {
    background-color: #dfe3e8;
    color: #454f5b;
    min-height: 2.8rem
}

.fresh-ui .next-token__label, .fresh-ui .tagit-label {
    padding: 0.4rem 0.8rem
}

.fresh-ui .next-token__remove, .fresh-ui .tagit-close {
    padding: 0.4rem 0.8rem 0.4rem 0
}

    .fresh-ui .next-token__remove .next-token__remove__icon, .fresh-ui .tagit-close .next-token__remove__icon {
        color: #798c9c
    }

    .fresh-ui .next-token__remove .next-icon, .fresh-ui .next-token__remove .next-icon__text, .fresh-ui .tagit-close .next-icon, .fresh-ui .tagit-close .next-icon__text {
        fill: #798c9c
    }

.fresh-ui .next-token--is-inactive {
    background: #f4f6f8;
    color: #637381
}

.fresh-ui .next-label--is-focused .next-token-list--is-input {
    border: 1px solid #5c6ac4;
    -webkit-box-shadow: 0 0 0 1px #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4
}

.next-notice {
    color: #31373d;
    position: relative;
    padding: 20px;
    background: #d3dbe2;
    border-color: #c3cfd8;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.next-card .next-notice, .modal .next-notice, .ui-modal .next-notice {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px
}

.next-notice a {
    color: #31373d;
    text-decoration: underline
}

.next-notice--info {
    background: #ebf5fa;
    border-color: #ACCBD8
}

.next-notice--attention {
    background: #fff7b2;
    border-color: #ffe477
}

.next-notice--critical {
    background: #ff9797;
    border-color: #ff5d5d
}

.next-notice--no-bottom-margin {
    margin-bottom: 0
}

.next-card .next-notice--no-bottom-margin, .modal .next-notice--no-bottom-margin {
    margin-bottom: 0
}

.scroll-shadow--bottom {
    -webkit-box-shadow: inset 0px -20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0 0 0 0 var(--p-hint-from-direct-light, rgba(0,0,0,0.1));
    box-shadow: inset 0px -20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0 0 0 0 var(--p-hint-from-direct-light, rgba(0,0,0,0.1))
}

.scroll-shadow--top {
    -webkit-box-shadow: inset 0 0 0 0 var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0px 20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1));
    box-shadow: inset 0 0 0 0 var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0px 20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1))
}

.scroll-shadow--top-and-bottom {
    -webkit-box-shadow: inset 0px -20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0px 20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1));
    box-shadow: inset 0px -20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1)),inset 0px 20px 20px -20px var(--p-hint-from-direct-light, rgba(0,0,0,0.1))
}

[data-lock-scrolling] {
    overflow-y: scroll;
    margin: 0
}

    [data-lock-scrolling] [data-lock-scrolling-wrapper] {
        overflow: hidden;
        height: 100%
    }

.ui-modal {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    width: 620px;
    -webkit-box-shadow: var(--p-modal-shadow, 0 0 10px rgba(0,0,0,0.2));
    box-shadow: var(--p-modal-shadow, 0 0 10px rgba(0,0,0,0.2));
    border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    background: var(--p-surface, white);
    visibility: hidden;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    -webkit-transition: all ease-in-out 260ms;
    transition: all ease-in-out 260ms;
    opacity: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-modal {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ui-modal:focus {
    outline: 0
}

.ui-modal form {
    min-height: 0;
    max-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (max-width: 450px) {
    .ui-modal {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        max-width: 100%;
        max-height: calc(100% - 20px);
        border-radius: 0;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        opacity: 1
    }
}

@media screen and (max-width: 450px) and (prefers-reduced-motion: reduce) {
    .ui-modal {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media screen and (max-width: 450px) {
    .ui-modal.ui-modal--is-visible {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ui-modal--is-transitioning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible
}

.ui-modal--is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    overflow: auto
}

.ui-modal--instant {
    -webkit-transition: none;
    transition: none
}

.ui-modal__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-modal__header-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui-modal__header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: -4.5px -15px 0 0;
    padding-left: 10px
}

.ui-modal__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s;
    transition: height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s;
    transition: box-shadow 260ms ease-in-out 0s, height ease-in-out 260ms;
    transition: box-shadow 260ms ease-in-out 0s, height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s
}

.ui-modal__body--contains-iframe {
    position: relative
}

.ui-modal__footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 20px;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-modal__footer-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -10px;
    margin-left: -10px
}

.ui-modal__secondary-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__tertiary-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__primary-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__section {
    padding: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-modal__section:not(:last-child) {
        border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-modal__section--contains-iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0
}

.ui-modal__section--subdued {
    background: var(--p-surface-subdued, #f4f6f8)
}

.ui-modal__section--no-padding {
    padding: 0
}

.ui-modal__section--footer-text {
    padding-left: 0
}

.ui-modal-backdrop {
    height: 100vh;
    width: 100vw;
    background: var(--p-backdrop, rgba(0,0,0,0.25));
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 550
}

.ui-modal-backdrop--is-visible {
    display: block
}

.ui-modal-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 551
}

.ui-modal-contents--is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fresh-ui .ui-modal {
    border-radius: var(--p-border-radius-wide, 6px);
    -webkit-box-shadow: 0 31px 41px 0 rgba(32,42,53,0.2),0 2px 16px 0 rgba(32,42,54,0.08);
    box-shadow: 0 31px 41px 0 rgba(32,42,53,0.2),0 2px 16px 0 rgba(32,42,54,0.08);
    max-height: calc(100% - (2rem + 5.6rem));
    max-width: calc(100% - 2rem);
    width: 640px;
    margin-top: 5.6rem
}

@media screen and (max-width: 450px) {
    .fresh-ui .ui-modal {
        border-radius: 0;
        max-height: calc(100% - 5.6rem);
        max-width: 100%
    }
}

.fresh-ui .ui-modal__header {
    padding: 1.6rem 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.fresh-ui .ui-modal__header-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.fresh-ui .ui-modal__header-actions {
    margin-top: 0;
    padding-left: 0.8rem
}

.fresh-ui .ui-modal__footer {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 1.6rem 2rem
}

.fresh-ui .ui-modal__section {
    padding: 2rem
}

    .fresh-ui .ui-modal__section:not(:last-child) {
        border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.fresh-ui .ui-modal__section--no-padding {
    padding: 0
}

.fresh-ui .ui-modal__section--contains-iframe {
    padding: 0
}

.fresh-ui .ui-modal__section--subdued {
    background-color: var(--p-surface-subdued, #f4f6f8)
}

.fresh-ui .ui-modal-backdrop {
    background: rgba(32,42,53,0.4)
}

.ui-slider {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative
}

.ui-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: absolute;
    width: 100%
}

.ui-slide--is-hidden {
    opacity: 0;
    visibility: hidden
}

.ui-slide--is-active {
    opacity: 1;
    visibility: visible
}

.ui-slide__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ui-slider--horizontal .ui-slide {
    -webkit-transition: opacity 500ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: opacity 500ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 500ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 500ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.ui-slider--horizontal .ui-slide--is-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.ui-slider--horizontal .ui-slide--is-after {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.ui-slider--horizontal .ui-slide--is-before {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.ui-slide__modal-title {
    margin-left: 10px;
    margin-right: 10px
}

.ui-slider .ui-modal__header, .ui-slider .ui-modal__footer {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.ui-slider .ui-modal__header-title, .ui-slider .ui-modal__header, .ui-slider .ui-modal__footer {
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.ui-slide--is-active .ui-modal__header-title, .ui-slide--is-active .ui-modal__header, .ui-slide--is-active .ui-modal__footer {
    opacity: 1
}

.ui-slider .ui-modal__body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.ui-slide--is-active .ui-modal__body {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.ui-slide--is-after .ui-modal__body {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ui-slide--is-before .ui-modal__body {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui-choice-list {
    margin: 0 0 20px 0;
    padding: 0
}

    .ui-choice-list:last-child {
        margin-bottom: 0
    }

    .ui-choice-list li {
        position: relative;
        list-style: none;
        margin-bottom: 10px
    }

        .ui-choice-list li:last-child {
            margin-bottom: 0
        }

    .ui-choice-list input[type=radio], .ui-choice-list input[type=checkbox] {
        position: absolute;
        left: 0
    }

.ui-choice-list__title {
    margin-bottom: 10px;
    font-weight: 400
}

.ui-choice-list--sub-choice-list {
    padding-top: 5px;
    padding-left: 20px
}

    .ui-choice-list--sub-choice-list > ul > li {
        margin-bottom: 5px
    }

.ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group, #hyperwallet-drop-in-verification-ui .hw-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

    .ui-form__section .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__section, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__section, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .hw-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .hw-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .hw-group, .ui-form__section #hyperwallet-drop-in-verification-ui .hw-group, #hyperwallet-drop-in-verification-ui .ui-form__section .hw-group, #hyperwallet-drop-in-verification-ui .hw-group .hw-group {
        margin: 0;
        width: 100%
    }

    .ui-form__section + .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group + .ui-form__section, #hyperwallet-drop-in-verification-ui .hw-group + .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .ui-form__section + .hw-group, #hyperwallet-drop-in-transfer-method-ui .hw-group + .hw-group, #hyperwallet-drop-in-verification-ui .ui-form__section + .hw-group, #hyperwallet-drop-in-verification-ui .hw-group + .hw-group {
        margin-top: 8px
    }

    .ui-form__section .next-input-wrapper, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-group .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hw-group .hw-form-group {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px;
        max-width: 100%
    }

        .ui-form__section .next-input-wrapper.ui-form__element--horizontal, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .ui-form__element--horizontal.hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper.ui-form__element--horizontal, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper.ui-form__element--horizontal, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__element--horizontal.hw-form-group {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .ui-form__section .next-input-wrapper.ui-form__element--centered, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .ui-form__element--centered.hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper.ui-form__element--centered, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper.ui-form__element--centered, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__element--centered.hw-form-group {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

    .ui-form__section .next-radio, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-radio, #hyperwallet-drop-in-verification-ui .hw-group .next-radio, .ui-form__section .next-radio--styled, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-radio--styled, #hyperwallet-drop-in-verification-ui .hw-group .next-radio--styled, .ui-form__section .next-radio[type=radio], .ui-form__section .next-checkbox, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-checkbox, #hyperwallet-drop-in-verification-ui .hw-group .next-checkbox, .ui-form__section .next-checkbox--styled, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-checkbox--styled, #hyperwallet-drop-in-verification-ui .hw-group .next-checkbox--styled, .ui-form__section .next-checkbox[type=checkbox] {
        top: 10px;
        left: 8px
    }

.ui-form__section--full-width {
    width: 100%
}

.ui-form__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .ui-form__group > .ui-form__element, .ui-form__group > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group > .hw-form-group {
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 220px;
        -ms-flex: 1 0 220px;
        flex: 1 0 220px;
        min-width: 220px
    }

.ui-form__group--cell-size-auto > .ui-form__element, .ui-form__group--cell-size-auto > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group--cell-size-auto > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group--cell-size-auto > .hw-form-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: auto
}

.ui-form__group--cell-size-small > .ui-form__element, .ui-form__group--cell-size-small > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group--cell-size-small > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group--cell-size-small > .hw-form-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 110px;
    -ms-flex: 1 0 110px;
    flex: 1 0 110px;
    min-width: 110px
}

.ui-form__label-wrapper {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -4px
}

    .ui-form__label-wrapper > * {
        margin: 0 4px 4px 4px
    }

    .ui-form__label-wrapper.ui-form__element--horizontal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.ui-form__element {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 220px;
    padding: 8px
}

    .ui-form__element.ui-form__section--help-text {
        padding-top: 0
    }

    .ui-form__element.ui-form__section--label {
        padding-bottom: 0
    }

    .ui-form__element .next-input-wrapper, .ui-form__element #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__element .hw-form-group, .ui-form__element #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__element .hw-form-group {
        padding: 0
    }

    .ui-form__element .next-radio, .ui-form__element .next-radio--styled, .ui-form__element .next-radio[type=radio], .ui-form__element .next-checkbox, .ui-form__element .next-checkbox--styled, .ui-form__element .next-checkbox[type=checkbox] {
        top: 2px;
        left: 0
    }

.newDesignLanguage .ui-form__element .next-radio, .newDesignLanguage .ui-form__element .next-radio--styled, .newDesignLanguage .ui-form__element .next-radio[type=radio], .newDesignLanguage .ui-form__element .next-checkbox, .newDesignLanguage .ui-form__element .next-checkbox--styled, .newDesignLanguage .ui-form__element .next-checkbox[type=checkbox] {
    top: 0.1rem;
    left: 0.1rem
}

.ui-form__element.ui-form__element--bottom-spacing-half {
    padding-bottom: 4px
}

.ui-form__element.ui-form__element--top-spacing-half {
    padding-top: 4px
}

.ui-form__element.ui-form__element--bottom-spacing-double {
    padding-bottom: 16px
}

.ui-form__element.ui-form__element--top-spacing-double {
    padding-top: 16px
}

.ui-data-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .ui-data-table * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

.ui-data-table__wrapper {
    position: relative;
    overflow: hidden
}

.ui-data-table__cell {
    border-bottom: none;
    padding: 12px;
    white-space: normal;
    word-wrap: break-word
}

    .ui-data-table__cell img {
        max-width: inherit
    }

.ui-data-table__row--expand-last .ui-data-table__cell:last-child {
    width: 100%
}

.ui-data-table__cell--header {
    background: #ffffff
}

.ui-data-table__header .ui-data-table__cell--header {
    padding: 16px;
    border-bottom: 1px solid #d3dbe2
}

.ui-data-table__body .ui-data-table__cell--header {
    border-right: 1px solid #d3dbe2
}

.ui-data-table__cell:first-of-type, .ui-data-table__cell--header:first-of-type {
    padding-left: 20px
}

.ui-data-table__cell:last-of-type, .ui-data-table__cell--header:last-of-type {
    padding-right: 20px
}

.ui-data-table__cell--alignment-left {
    text-align: left
}

.ui-data-table__cell--alignment-right {
    text-align: right
}

.ui-data-table__cell--single-line {
    white-space: nowrap
}

    .ui-data-table__cell--single-line .btn--link {
        white-space: nowrap
    }

.ui-data-table--scroll .ui-data-table__row:nth-child(even) {
    background: #ffffff
}

.ui-data-table--scroll .ui-data-table__row:nth-child(odd) {
    background: #fafbfc
}

.ui-data-table__footer .ui-data-table__cell {
    border-top: 1px solid #ebeef0;
    background: #f5f6f7;
    font-weight: bold;
    font-size: 14px
}

.ui-data-table__scroll-wrapper {
    -webkit-overflow-scrolling: touch
}

.ui-data-table__fixed-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.ui-data-table--fixed {
    opacity: 0
}

    .ui-data-table--fixed .ui-data-table__cell:not(:first-child) {
        visibility: hidden
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table__cell:first-child {
    min-width: 145px;
    max-width: 145px
}

@media screen and (min-width: 1024px) {
    .ui-data-table__wrapper--is-collapsed .ui-data-table__cell:first-child {
        width: auto;
        max-width: 100%
    }
}

.ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header {
    padding-top: 48px
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .btn, .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .ui-button--transparent, .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .btn--link {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table--fixed {
    opacity: 1
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__cell:first-child {
        pointer-events: all;
        -webkit-box-shadow: 2px 0 4px -1px rgba(0,0,0,0.1);
        box-shadow: 2px 0 4px -1px rgba(0,0,0,0.1)
    }

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__row:nth-child(even) .ui-data-table__cell {
        background: #ffffff
    }

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__row:nth-child(odd) .ui-data-table__cell {
        background: #fafbfc
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table__scroll-wrapper {
    overflow-x: scroll;
    margin-left: 145px
}

.ui-data-table__wrapper--is-collapsed .ui-data-table--scroll {
    margin-left: -145px;
    width: calc(100% + 145px)
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table--scroll .ui-data-table__cell:first-child {
        color: transparent
    }

.ui-data-table__navigation {
    position: absolute;
    top: 8px;
    right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.ui-data-table__wrapper--is-hiding-navigation .ui-data-table__navigation {
    display: none
}

.ui-data-table__navigation-pip {
    text-indent: -9999px;
    background: #454e57;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    border: 0;
    padding: 0;
    margin-right: 5px
}

.ui-data-table__navigation-button--is-not-visible {
    background: #c4cdd5
}

.ui-data-table__next-button {
    margin-left: -5px;
    margin-right: -15px
}

.ui-breadcrumbs__item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-breadcrumbs__separator {
    margin: 0 0.4rem
}

.ui-breadcrumbs {
    color: #798c9c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    display: block;
    white-space: nowrap
}

    .ui-breadcrumbs a {
        color: inherit
    }

.ui-breadcrumbs--is-collapsed {
    cursor: pointer
}

    .ui-breadcrumbs--is-collapsed .ui-breadcrumb__link {
        pointer-events: none
    }

.ui-breadcrumb {
    display: inline-block;
    color: #798c9c
}

.ui-breadcrumb__link:hover {
    color: #798c9c
}

.ui-breadcrumb-ellipsis {
    border: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    background: transparent
}

.ui-breadcrumb__separator, .ui-breadcrumb-ellipsis {
    color: #798c9c;
    margin: 0 0.4rem
}

.ui-breadcrumb--is-hidden, .ui-breadcrumb-ellipsis--is-hidden {
    display: none
}

.collapsible-header {
    padding: 1.6rem;
    background: #f4f6f8;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 195ms;
    transition-duration: 195ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 196
}

@media screen and (min-width: 769px) {
    .collapsible-header {
        left: 240px
    }
}

@media screen and (max-width: 769px) {
    .collapsible-header {
        width: 100%
    }
}

.collapsible-header .ui-breadcrumb {
    display: inline
}

.collapsible-header .ui-breadcrumb__link:hover {
    color: #006fbb
}

.collapsible-header .collapsible-header__heading {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .collapsible-header .collapsible-header__heading {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.collapsible-header--is-visible {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fresh-ui .ui-breadcrumbs {
    overflow: visible
}

.fresh-ui .ui-breadcrumb {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--p-text-subdued, #637381);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #637381;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--p-border-radius-base, 3px);
    text-decoration: none;
    will-change: background;
    -webkit-transition: background 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: background 200ms cubic-bezier(0.64, 0, 0.35, 1);
    padding-top: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 0;
    margin-left: -0.7rem
}

@media screen and (max-width: 640px) {
    .fresh-ui .ui-breadcrumb {
        font-size: 1.4rem
    }
}

.fresh-ui .ui-breadcrumb:hover {
    color: #212b36
}

.fresh-ui .ui-breadcrumb:active, .fresh-ui .ui-breadcrumb:focus {
    background-color: rgba(33,43,54,0.1) !important
}

.fresh-ui .ui-breadcrumb .next-icon, .fresh-ui .ui-breadcrumb .next-icon__text {
    color: inherit;
    fill: currentColor
}

.fresh-ui .ui-breadcrumbs__item {
    color: #b3b5cb
}

.fresh-ui .ui-breadcrumbs__ellipsis {
    display: none
}

.ui-title-bar {
    z-index: 197;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef0;
    padding: 10px 20px;
    background: #ffffff;
    min-height: 56px
}

@media screen and (min-width: 769px) {
    .ui-title-bar {
        left: 240px
    }
}

.ui-title-bar__heading-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    overflow: hidden;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media screen and (max-width: 768px) {
    .ui-title-bar__heading-group {
        margin-left: 38px
    }
}

.ui-title-bar__title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap
}

.ui-title-bar__icon {
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (max-width: 450px) {
    .ui-title-bar__icon {
        display: none
    }
}

.ui-title-bar__metadata {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    padding-left: 0.8rem
}

@media screen and (max-width: 640px) {
    .ui-title-bar__metadata {
        font-size: 1.4rem
    }
}

.ui-title-bar__pagination {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-title-bar__pagination + .ui-title-bar__actions {
        margin-left: 10px
    }

.ui-title-bar__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-title-bar__actions + .ui-title-bar__actions {
        margin-left: 10px
    }

.ui-title-bar__actions--secondary {
    display: none
}

@media screen and (min-width: 450px) {
    .ui-title-bar__actions--secondary {
        display: block
    }

        .ui-title-bar__actions--secondary + .ui-title-bar__actions--popover {
            display: none
        }
}

.ui-title-bar__action + .ui-title-bar__action {
    margin-left: 10px
}

.ui-title-bar__badge {
    margin: 0 10px
}

@media screen and (max-width: 450px) {
    .ui-title-bar__badge {
        display: none
    }
}

.ui-title-bar__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.action-bar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-left: 0.8rem;
    padding-right: 1.6rem;
    z-index: 196
}

@media screen and (min-width: 720px) {
    .action-bar {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.6rem
    }
}

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .action-bar ~ .next-grid {
        margin-top: 0.8rem
    }
}

.action-bar ~ .next-grid--no-padding {
    margin-top: 1.6rem
}

.ui-layout__item .action-bar {
    margin-top: -1.6rem;
    margin-bottom: 1.6rem
}

.action-bar--page-width {
    max-width: 99.8rem
}

.action-bar__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 1.6rem
}

.action-bar__item--link-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .action-bar__item--link-container .ui-button--transparent {
        display: inline-block;
        padding-left: 1rem;
        padding-right: 1rem;
        white-space: nowrap
    }

        .action-bar__item--link-container .ui-button--transparent .ui-popover__container > .ui-button--transparent {
            white-space: nowrap
        }

.action-bar__top-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.action-bar__more {
    margin-left: 1rem
}

.action-bar__more--has-many {
    margin-left: 0
}

.action-bar__link-icon {
    margin-right: 4px
}

.action-bar__popover-icon-wrapper {
    display: inline-block;
    width: 20px;
    margin-right: 0.8rem;
    text-align: center;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.action-bar__popover-icon {
    position: relative;
    top: -0.15em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}

.action-bar__popover-icon--image {
    border-radius: 3px
}

.action-bar__popover-wrapper {
    max-width: 400px;
    list-style: none;
    white-space: normal
}

    .action-bar__popover-wrapper .ui-action-list-action__text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.action-bar__popover-hidden-item, .action-bar__popover-empty-item {
    display: none
}

.action-bar__popover-label {
    padding: 0.8rem 1.6rem 0
}

[data-popover-index="0"]:first-child .action-bar__popover-label {
    display: none
}

.action-bar__popover-hidden-item + [data-popover-index="0"] .action-bar__popover-label, .action-bar__popover-empty-item + [data-popover-index="0"] .action-bar__popover-label {
    display: none
}

:not([data-popover-index]) + [data-popover-index="0"] .action-bar__popover-label {
    display: none
}

.fresh-ui .ui-title-bar-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 0
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .fresh-ui .ui-title-bar-container {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .fresh-ui .ui-title-bar-container {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (min-width: 568px) {
    .fresh-ui .ui-title-bar-container {
        margin-top: 2.4rem;
        margin-bottom: 0
    }
}

.fresh-ui .ui-title-bar {
    background-color: #1c2260;
    color: white;
    position: static;
    padding: 0;
    background: transparent;
    color: inherit;
    z-index: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    min-height: 7.6rem
}

    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.4rem;
        min-height: 3.6rem
    }

@media screen and (min-width: 568px) {
    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.8rem
    }
}

@media screen and (min-width: 768px) {
    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.4rem
    }
}

.fresh-ui .ui-title-bar-container--full-width {
    max-width: 100%
}

.fresh-ui .ui-title-bar-container--single-column {
    max-width: 66.2rem
}

.fresh-ui .ui-title-bar--separator {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    padding-bottom: 0.8rem
}

.fresh-ui .ui-title-bar__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: -0.4rem
}

.fresh-ui .ui-title-bar__pagination {
    margin-left: auto
}

    .fresh-ui .ui-title-bar__pagination .segmented .btn, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent {
        color: #637381;
        background: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0.8rem
    }

        .fresh-ui .ui-title-bar__pagination .segmented .btn:hover, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:hover {
            color: #212b36
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn:active, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:active, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:active, .fresh-ui .ui-title-bar__pagination .segmented .btn:focus, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:focus {
            background-color: rgba(33,43,54,0.1)
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:hover, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:hover {
            background-color: inital
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:active, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:active, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:active, .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:focus, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:focus {
            background-color: initial
        }

.fresh-ui .ui-title-bar__main-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%
}

.fresh-ui .ui-title-bar__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fresh-ui .ui-title-bar__heading-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: inherit;
    overflow: visible;
    margin-left: 0
}

.fresh-ui .ui-title-bar__icon {
    display: none
}

.fresh-ui .ui-title-bar__title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin-right: 0.8rem;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal
}

@media screen and (min-width: 1024px) {
    .fresh-ui .ui-title-bar__title {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.fresh-ui .ui-title-bar__metadata {
    padding-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 2.5rem
}

.fresh-ui .ui-title-bar__mobile-primary-actions {
    display: none;
    padding-left: 0.8rem
}

@media screen and (max-width: 768px) {
    .fresh-ui .ui-title-bar__actions-group {
        display: none
    }

    .fresh-ui .ui-title-bar__mobile-primary-actions {
        display: block
    }
}

.fresh-ui .ui-title-bar__actions {
    z-index: inherit
}

    .fresh-ui .ui-title-bar__actions .js-btn-loadable {
        display: none
    }

.fresh-ui .action-bar {
    margin-top: 1.6rem;
    margin-left: -0.8rem;
    padding: 0;
    z-index: inherit
}

@media screen and (min-width: 450px) {
    .fresh-ui .action-bar {
        margin-top: 0.8rem
    }
}

.fresh-ui .action-bar__link {
    margin-right: 0.4rem
}

.fresh-ui .action-bar__more {
    margin-left: 0
}

.fresh-ui .action-bar__item {
    margin-top: 0
}

.fresh-ui .action-bar__item--link-container {
    margin-left: 0;
    margin-right: 1.6rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--outline:disabled, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--outline:disabled {
        color: #919eab
    }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--outline:disabled .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--outline:disabled .action-bar__link-icon {
            color: transparent;
            fill: #919eab
        }

    .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent {
        background: transparent;
        padding: 0.8rem;
        margin-right: 0.8rem;
        border-radius: var(--p-border-radius-base, 3px);
        color: #637381;
        will-change: background, color;
        -webkit-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
        transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
        text-decoration: none
    }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent .action-bar__link-icon {
            color: transparent;
            fill: #637381
        }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:hover, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:hover {
            color: #212b36;
            text-decoration: none
        }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:active, .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:focus, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:active, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:focus {
            color: #212b36;
            background-color: rgba(33,43,54,0.1) !important;
            text-decoration: none !important
        }

            .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:active .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:focus .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:active .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:focus .action-bar__link-icon {
                color: transparent;
                fill: #212b36
            }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:disabled, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:disabled {
            color: #919eab
        }

            .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:disabled .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:disabled .action-bar__link-icon {
                color: transparent;
                fill: #919eab
            }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent .next-icon--color-blue, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent .next-icon--color-blue {
            color: currentColor
        }

.fresh-ui .action-bar__popover-icon-wrapper .action-bar__popover-icon {
    fill: #212b36
}

.fresh-ui .ui-action-list-action:hover .action-bar__popover-icon-wrapper .action-bar__popover-icon, .fresh-ui .ui-action-list-action:focus .action-bar__popover-icon-wrapper .action-bar__popover-icon {
    fill: white
}

.fresh-ui .ui-action-list-action:disabled, .fresh-ui .ui-action-list-action[aria-disabled] {
    color: #919eab
}

    .fresh-ui .ui-action-list-action:disabled .action-bar__popover-icon-wrapper .action-bar__popover-icon, .fresh-ui .ui-action-list-action[aria-disabled] .action-bar__popover-icon-wrapper .action-bar__popover-icon {
        color: transparent;
        fill: #919eab
    }

.fresh-ui .action-bar__top-links {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.fresh-ui .action-bar__more--has-many {
    margin-left: 0.8rem
}

    .fresh-ui .action-bar__more--has-many .ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus {
        color: #212b36
    }

.fresh-ui .action-bar__popover-wrapper {
    padding: 0.8rem 0
}

    .fresh-ui .action-bar__popover-wrapper .ui-action-list {
        padding: 0
    }

    .fresh-ui .action-bar__popover-wrapper .ui-popover__section:last-child:not(:only-of-type) {
        margin-bottom: -0.8rem
    }

.fresh-ui .action-bar__popover-label {
    padding: 0.8rem 1.6rem
}

.action-bar__label--has-new-feature:before, .action-bar__label--has-new-feature:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #47c1bf;
    position: absolute;
    right: -0.4rem;
    top: -0.4rem
}

.action-bar__label--has-new-feature:before {
    z-index: 1;
    -webkit-animation: bounce 5s ease infinite;
    animation: bounce 5s ease infinite
}

.action-bar__label--has-new-feature:after {
    right: -0.4rem;
    top: -0.4rem;
    -webkit-animation: pulse 5s ease infinite;
    animation: pulse 5s ease infinite
}

.action-bar__label--has-new-feature--mobile:before, .action-bar__label--has-new-feature--mobile:after {
    visibility: hidden
}

@media all and (max-width: 500px) {
    .action-bar__label--has-new-feature--mobile:before, .action-bar__label--has-new-feature--mobile:after {
        visibility: visible
    }
}

.action-bar__new-label {
    font-size: 1.1rem;
    color: white;
    padding: 0 0.8rem;
    background: #47c1bf;
    display: inline-block;
    border-radius: 1rem;
    margin-left: 1.6rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@-webkit-keyframes bounce {
    from,65%,85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }

    82.5% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes bounce {
    from,65%,85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }

    82.5% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@-webkit-keyframes pulse {
    from,75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1
    }

    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

@keyframes pulse {
    from,75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1
    }

    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

.action-bar__item--visually-hidden {
    visibility: hidden
}

.icon-symbols {
    display: none !important
}

.next-icon, .next-icon__text {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor
}

.next-icon--left-spacing-halved {
    margin-left: 10px
}

.next-icon--right-spacing-halved {
    margin-right: 10px
}

.next-icon--left-spacing-quartered {
    margin-left: 5px
}

.next-icon--right-spacing-quartered {
    margin-right: 5px
}

.next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, #fff)
}

.next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #ebeef0)
}

.next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f5f6f7)
}

.next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #d3dbe2)
}

.next-icon--color-sky-darker {
    color: transparent;
    fill: var(--p-icon-subdued, #c3cfd8)
}

.next-icon--color-slate-lightest {
    color: transparent;
    fill: var(--p-icon, #95a7b7)
}

.next-icon--color-slate-lighter {
    color: transparent;
    fill: var(--p-icon, #798c9c)
}

.next-icon--color-slate-light {
    color: transparent;
    fill: var(--p-icon, #454e57)
}

.next-icon--color-slate {
    color: transparent;
    fill: var(--p-icon, #31373d)
}

.next-icon--color-slate-darker {
    color: transparent;
    fill: var(--p-icon, #212529)
}

.next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #96bf48)
}

.next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #7ba232)
}

.next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #ffd117)
}

.next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #d4a002)
}

.next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #fec97d)
}

.next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #ff9517)
}

.next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #ff5d5d)
}

.next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #d83e3e)
}

.next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, white)
}

.fresh-ui .next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #dfe3e8)
}

.fresh-ui .next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f4f6f8)
}

.fresh-ui .next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #c4cdd5)
}

.fresh-ui .next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.fresh-ui .next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.fresh-ui .next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.fresh-ui .next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #50b83c)
}

.fresh-ui .next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #108043)
}

.fresh-ui .next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #eec200)
}

.fresh-ui .next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #8a6116)
}

.fresh-ui .next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #ffc58b)
}

.fresh-ui .next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #f49342)
}

.fresh-ui .next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #de3618)
}

.fresh-ui .next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #bf0711)
}

.fresh-ui .next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.fresh-ui .next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.fresh-ui .next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.fresh-ui .next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.fresh-ui .next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-base {
    color: transparent;
    fill: var(--p-icon)
}

.fresh-ui .next-icon--color-subdued {
    color: transparent;
    fill: var(--p-icon-subdued)
}

.fresh-ui .next-icon--color-critical {
    color: transparent;
    fill: var(--p-icon-critical)
}

.fresh-ui .next-icon--color-warning {
    color: transparent;
    fill: var(--p-icon-warning)
}

.fresh-ui .next-icon--color-highlight {
    color: transparent;
    fill: var(--p-icon-highlight)
}

.fresh-ui .next-icon--color-success {
    color: transparent;
    fill: var(--p-icon-success)
}

.fresh-ui .next-icon--color-primary {
    color: transparent;
    fill: var(--p-action-primary)
}

.next-icon--size-8 {
    width: 8px;
    height: 8px
}

.next-icon--size-10 {
    width: 10px;
    height: 10px
}

.next-icon--size-12 {
    width: 12px;
    height: 12px
}

.next-icon--size-16 {
    width: 16px;
    height: 16px
}

.next-icon--size-20 {
    width: 20px;
    height: 20px
}

.next-icon--size-24 {
    width: 24px;
    height: 24px
}

.next-icon--size-40 {
    width: 40px;
    height: 40px
}

.next-icon--size-80 {
    width: 80px;
    height: 80px
}

.next-icon--size-140 {
    width: 140px;
    height: 140px
}

.next-icon--rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.next-icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.next-icon--rotate-135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.next-icon--rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.next-icon--rotate-225 {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.next-icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.next-icon, .next-icon__text {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -0.15em
}

.next-icon--header {
    margin-left: 10px;
    margin-right: 5px;
    fill: #798c9c
}

.next-icon--sidebar {
    margin-right: 15px;
    vertical-align: top
}

.is-disabled .next-icon--rte {
    opacity: 0.5
}

.next-icon__text {
    margin-left: 5px;
    text-decoration: inherit
}

.next-icon__with-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.next-icon__with-text-wrapper--halved .next-icon + *, .next-icon__with-text-wrapper--halved .next-icon__text + *, .next-icon__with-text-wrapper--halved * + .next-icon, .next-icon__with-text-wrapper--halved * + .next-icon__text {
    margin-left: 10px
}

.next-icon__with-text-wrapper--quartered .next-icon + *, .next-icon__with-text-wrapper--quartered .next-icon__text + *, .next-icon__with-text-wrapper--quartered * + .next-icon, .next-icon__with-text-wrapper--quartered * + .next-icon__text {
    margin-left: 5px
}

.next-icon--flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.next-icon--flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.next-icon--white {
    color: transparent;
    fill: var(--p-icon-subdued, #fff)
}

.next-icon--ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.next-icon--ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.next-icon--ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.next-icon--ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.next-icon--sky {
    color: transparent;
    fill: var(--p-icon-subdued, #ebeef0)
}

.next-icon--sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f5f6f7)
}

.next-icon--sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #d3dbe2)
}

.next-icon--sky-darker {
    color: transparent;
    fill: var(--p-icon-subdued, #c3cfd8)
}

.next-icon--slate-lightest {
    color: transparent;
    fill: var(--p-icon, #95a7b7)
}

.next-icon--slate-lighter {
    color: transparent;
    fill: var(--p-icon, #798c9c)
}

.next-icon--slate-light {
    color: transparent;
    fill: var(--p-icon, #454e57)
}

.next-icon--slate {
    color: transparent;
    fill: var(--p-icon, #31373d)
}

.next-icon--slate-darker {
    color: transparent;
    fill: var(--p-icon, #212529)
}

.next-icon--blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.next-icon--blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.next-icon--blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.next-icon--green {
    color: transparent;
    fill: var(--p-icon-success, #96bf48)
}

.next-icon--green-dark {
    color: transparent;
    fill: var(--p-icon-success, #7ba232)
}

.next-icon--yellow {
    color: transparent;
    fill: var(--p-icon-warning, #ffd117)
}

.next-icon--yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #d4a002)
}

.next-icon--orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #fec97d)
}

.next-icon--orange {
    color: transparent;
    fill: var(--p-icon-warning, #ff9517)
}

.next-icon--red {
    color: transparent;
    fill: var(--p-icon-critical, #ff5d5d)
}

.next-icon--red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #d83e3e)
}

.next-icon--teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.next-icon--inline-before {
    margin-right: 0.5em
}

.next-icon--inline-after {
    margin-left: 0.5em
}

.next-icon--no-nudge {
    top: 0
}

.next-icon--baseline {
    vertical-align: baseline
}

.frame .next-icon, .frame .next-icon__text {
    top: 0
}

.next-icon--8 {
    width: 8px;
    height: 8px
}

.next-icon--10 {
    width: 10px;
    height: 10px
}

.next-icon--12 {
    width: 12px;
    height: 12px
}

.next-icon--16 {
    width: 16px;
    height: 16px
}

.next-icon--20 {
    width: 20px;
    height: 20px
}

.next-icon--24 {
    width: 24px;
    height: 24px
}

.next-icon--40 {
    width: 40px;
    height: 40px
}

.next-icon--80 {
    width: 80px;
    height: 80px
}

.next-icon--140 {
    width: 140px;
    height: 140px
}

.next-icon--inline {
    padding-left: 0.125em;
    margin-bottom: -0.125em;
    height: 1em;
    width: 1em
}

.ui-banner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .ui-banner {
        font-size: 1.4rem
    }
}

.ui-banner a:not(.ui-button--outline) {
    color: #006fbb;
    text-decoration: none
}

    .ui-banner a:not(.ui-button--outline):hover, .ui-banner a:not(.ui-button--outline):focus {
        color: #084e8a
    }

.ui-banner a.ui-button--link:not(.ui-button--outline) {
    color: #374047;
    text-decoration: none;
    position: relative
}

    .ui-banner a.ui-button--link:not(.ui-button--outline):hover, .ui-banner a.ui-button--link:not(.ui-button--outline):focus {
        text-decoration: none
    }

        .ui-banner a.ui-button--link:not(.ui-button--outline):hover::after, .ui-banner a.ui-button--link:not(.ui-button--outline):focus::after {
            opacity: 0.75
        }

    .ui-banner a.ui-button--link:not(.ui-button--outline)::after {
        content: '';
        position: absolute;
        display: block;
        bottom: 2px;
        left: 0;
        right: 0;
        border-top: 1px solid currentColor;
        opacity: 0.25;
        will-change: opacity;
        -webkit-transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1)
    }

.ui-banner--within-content-container {
    padding: 0.8rem 1.2rem;
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    background-color: #f4f6f8
}

    .ui-banner--within-content-container:focus {
        outline: none;
        -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
    }

    .ui-banner--within-content-container .ui-banner__ribbon::before {
        background-color: #dfe3e8
    }

    .ui-banner--within-content-container .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container .ui-banner__ribbon > .next-icon__text {
        fill: #637381;
        color: white
    }

    .ui-banner--within-content-container.ui-banner--status-success {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #eff7ed
    }

        .ui-banner--within-content-container.ui-banner--status-success:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon::before {
            background-color: #bbe5b3
        }

        .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-success .ui-banner__ribbon > .next-icon__text {
            fill: #108043;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-info {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #eef9f9
    }

        .ui-banner--within-content-container.ui-banner--status-info:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon::before {
            background-color: #b7ecec
        }

        .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-info .ui-banner__ribbon > .next-icon__text {
            fill: #00848e;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-warning {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #fdf7e3
    }

        .ui-banner--within-content-container.ui-banner--status-warning:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon::before {
            background-color: #ffea8a
        }

        .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-warning .ui-banner__ribbon > .next-icon__text {
            fill: #8a6116;
            color: white
        }

    .ui-banner--within-content-container.ui-banner--status-critical {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        background-color: #fdf3f0
    }

        .ui-banner--within-content-container.ui-banner--status-critical:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon::before {
            background-color: #fead9a
        }

        .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon > .next-icon, .ui-banner--within-content-container.ui-banner--status-critical .ui-banner__ribbon > .next-icon__text {
            fill: #bf0711;
            color: white
        }

    .ui-banner--within-content-container:not(.hide) + .ui-banner {
        margin-top: 0.8rem
    }

    .ui-banner--within-content-container .ui-banner__ribbon {
        padding-right: 1.2rem
    }

    .ui-banner--within-content-container .ui-banner__content-button {
        padding: 1.2rem 0 0.4rem 0
    }

    .ui-banner--within-content-container .ui-banner__dismissible-button {
        position: absolute;
        top: 0.4rem;
        right: 0.4rem
    }

.ui-banner--within-page {
    padding: 1.6rem;
    border-radius: 0 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px);
    -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    background-color: #f4f6f8
}

    .ui-banner--within-page:focus {
        outline: none;
        -webkit-box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #637381,inset 0 0 0 3px #637381,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
    }

    .ui-banner--within-page .ui-banner__ribbon::before {
        background-color: #dfe3e8
    }

    .ui-banner--within-page .ui-banner__ribbon > .next-icon, .ui-banner--within-page .ui-banner__ribbon > .next-icon__text {
        fill: #637381;
        color: white
    }

    .ui-banner--within-page.ui-banner--status-success {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #eff7ed
    }

        .ui-banner--within-page.ui-banner--status-success:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #50b83c,inset 0 0 0 3px #50b83c,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon::before {
            background-color: #bbe5b3
        }

        .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-success .ui-banner__ribbon > .next-icon__text {
            fill: #108043;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-info {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #eef9f9
    }

        .ui-banner--within-page.ui-banner--status-info:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #47c1bf,inset 0 0 0 3px #47c1bf,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon::before {
            background-color: #b7ecec
        }

        .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-info .ui-banner__ribbon > .next-icon__text {
            fill: #00848e;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-warning {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #fdf7e3
    }

        .ui-banner--within-page.ui-banner--status-warning:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #eec200,inset 0 0 0 3px #eec200,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon::before {
            background-color: #ffea8a
        }

        .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-warning .ui-banner__ribbon > .next-icon__text {
            fill: #8a6116;
            color: white
        }

    .ui-banner--within-page.ui-banner--status-critical {
        -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: -webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1),-webkit-box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
        background-color: #fdf3f0
    }

        .ui-banner--within-page.ui-banner--status-critical:focus {
            outline: none;
            -webkit-box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
            box-shadow: inset 0 3px 0 0 #de3618,inset 0 0 0 3px #de3618,0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15)
        }

        .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon::before {
            background-color: #fead9a
        }

        .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon > .next-icon, .ui-banner--within-page.ui-banner--status-critical .ui-banner__ribbon > .next-icon__text {
            fill: #bf0711;
            color: white
        }

    .ui-banner--within-page:not(.hide) + .ui-banner {
        margin-top: 2rem
    }

    .ui-banner--within-page .ui-banner__ribbon {
        padding-right: 1.6rem
    }

    .ui-banner--within-page .ui-banner__content-button {
        padding-top: 1.6rem
    }

    .ui-banner--within-page .ui-banner__dismissible-button {
        position: absolute;
        top: 1.2rem;
        right: 0.8rem
    }

.ui-banner--hidden {
    display: none
}

.ui-banner--dismissible {
    padding-right: 5.6rem
}

.ui-banner__heading {
    padding-top: 0.2rem
}

.ui-banner__content {
    padding: 0.4rem 0;
    word-break: break-word;
    overflow-wrap: break-word
}

.ui-banner__ribbon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

    .ui-banner__ribbon > .next-icon, .ui-banner__ribbon > .next-icon__text {
        top: 0.3rem;
        left: 0.4rem
    }

    .ui-banner__ribbon::before {
        content: '';
        position: absolute;
        top: 0;
        right: -0.4rem;
        bottom: -0.4rem;
        left: 0;
        display: block;
        height: 28px;
        width: 28px;
        border-radius: 50%
    }

@media screen and (max-width: 720px) {
    .ui-layout .ui-banner--within-page {
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0
    }
}

.ui-banner__section:not(:first-of-type) {
    padding-top: 1.6rem
}

.ui-banner__section:not(:last-of-type) {
    padding-bottom: 1.6rem
}

.ui-banner__section + .ui-banner__section {
    border-top: 1px solid var(--p-border, #c4cdd5)
}

.ui-banner__dismissible-button {
    padding: 1.1rem 0.8rem;
    line-height: 1
}

    .ui-banner__dismissible-button > .next-icon, .ui-banner__dismissible-button > .next-icon__text {
        fill: #637381
    }

    .ui-banner__dismissible-button:hover > .next-icon, .ui-banner__dismissible-button:hover > .next-icon__text, .ui-banner__dismissible-button:focus > .next-icon, .ui-banner__dismissible-button:focus > .next-icon__text, .ui-banner__dismissible-button:active > .next-icon, .ui-banner__dismissible-button:active > .next-icon__text {
        fill: #212b36
    }

.ui-select__wrapper {
    position: relative;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--p-surface, white);
    overflow: hidden;
    vertical-align: bottom
}

    .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #006fbb)
    }

    .ui-select__wrapper .next-icon, .ui-select__wrapper .next-icon__text {
        cursor: pointer;
        position: absolute;
        right: 0.8rem;
        top: 50%;
        display: block;
        fill: var(--p-icon, #798c9c);
        margin-top: -0.6rem;
        pointer-events: none
    }

.next-field--connected .ui-select__wrapper {
    border-radius: 0 var(--p-border-radius-base, var(--p-border-radius-base, 3px)) var(--p-border-radius-base, var(--p-border-radius-base, 3px)) 0
}

.next-input-wrapper--is-error .ui-select__wrapper {
    border-color: var(--p-border-critical, #de3618);
    background-color: var(--p-surface-critical, #fbeae5)
}

.ui-select__wrapper--inline {
    display: inline-block
}

.ui-select {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 3.4rem;
    width: 100%;
    padding: 0.4rem 0.8rem;
    padding-right: 2.8rem;
    padding-left: 1.6rem;
    background: transparent;
    border: 0;
    max-width: none;
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    text-rendering: auto
}

@media screen and (max-width: 640px) {
    .ui-select {
        font-size: 1.4rem
    }
}

.ui-select:focus {
    border: 0;
    outline: none
}

.ui-select option {
    color: var(--p-text, #31373d)
}

.ui-select:-moz-focusring {
    color: transparent;
    text-shadow: var(--p-override-none, 0 0 0 black)
}

.ui-select::-ms-expand {
    display: none
}

.ui-select:focus::-ms-value {
    background: transparent;
    color: var(--p-text, #31373d)
}

.ui-select__content {
    display: none
}

.fresh-ui .ui-select__wrapper {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

    .fresh-ui .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #5c6ac4);
        -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
        box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
    }

    .fresh-ui .ui-select__wrapper .next-icon, .fresh-ui .ui-select__wrapper .next-icon__text {
        margin-top: -0.8rem
    }

.fresh-ui .ui-select[disabled] {
    background: var(--p-action-secondary-disabled, #f4f6f8);
    color: var(--p-text-disabled, #919eab);
    border-color: var(--p-border-disabled, #c4cdd5);
    -webkit-box-shadow: none;
    box-shadow: none
}

.newDesignLanguage .ui-select__wrapper {
    position: relative;
    border: 0.1rem solid var(--p-border);
    background-image: none;
    overflow: visible;
    position: relative
}

    .newDesignLanguage .ui-select__wrapper::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(0.1rem + 0.1rem));
        right: calc(-1 * calc(0.1rem + 0.1rem));
        bottom: calc(-1 * calc(0.1rem + 0.1rem));
        left: calc(-1 * calc(0.1rem + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(0.1rem + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(0.1rem + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .ui-select__wrapper.next-input--is-focused {
        border-color: var(--p-border, #006fbb)
    }

        .newDesignLanguage .ui-select__wrapper.next-input--is-focused::after {
            -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
            box-shadow: 0 0 0 0.2rem var(--p-focused)
        }

.newDesignLanguage .ui-select__content {
    color: var(--p-text);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.4rem;
    width: 100%;
    padding: 0.4rem 0.8rem;
    padding-right: 2.8rem;
    padding-left: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: var(--p-border-radius-base)
}

.newDesignLanguage .next-field--connected .ui-select__content {
    border-radius: 0 var(--p-border-radius-base, var(--p-border-radius-base, 3px)) var(--p-border-radius-base, var(--p-border-radius-base, 3px)) 0
}

.newDesignLanguage .ui-select[disabled] ~ .ui-select__content {
    background: var(--p-action-secondary-disabled);
    color: var(--p-text-disabled);
    border-color: var(--p-border-disabled)
}

.newDesignLanguage .ui-select[disabled] ~ .next-icon, .newDesignLanguage .ui-select[disabled] ~ .next-icon__text {
    fill: var(--p-icon-disabled)
}

.newDesignLanguage .next-input-wrapper--is-error .ui-select__wrapper {
    border-color: var(--p-border-critical);
    background-color: var(--p-surface-critical)
}

.newDesignLanguage .ui-select {
    -webkit-transition: none;
    transition: none;
    position: absolute;
    text-rendering: auto;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: var(--p-border-radius-base);
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.001;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ui-text-area {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    display: block;
    height: 10.6rem;
    margin: 0;
    max-width: unset;
    min-height: 0;
    padding: 0.4rem 0.8rem;
    vertical-align: baseline;
    width: 100%
}

@media screen and (max-width: 640px) {
    .ui-text-area {
        font-size: 1.4rem
    }
}

.ui-text-area::-webkit-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area:-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area::-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area::placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.ui-text-area:focus {
    border: 1px solid #006fbb
}

.next-input-wrapper--is-error .ui-text-area {
    background-color: #fbeae5;
    border-color: #de3618
}

.ui-text-area--resize-vertical {
    max-height: 22.6rem;
    resize: vertical
}

.ui-text-area--expanding {
    height: 3.4rem;
    overflow: hidden;
    resize: none
}

.fresh-ui .ui-text-area {
    color: #212b36;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5;
    max-width: 100%
}

    .fresh-ui .ui-text-area:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .fresh-ui .ui-text-area[disabled], .fresh-ui .ui-text-area.next-input--is-disabled {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fresh-ui .next-input-wrapper--is-error .ui-text-area {
    background-color: #fbeae5;
    border-color: #de3618
}

    .fresh-ui .next-input-wrapper--is-error .ui-text-area:focus {
        -webkit-box-shadow: 0 0 0 1px #de3618;
        box-shadow: 0 0 0 1px #de3618
    }

.only-when-printing {
    display: none
}

@media print {
    .only-when-printing {
        display: block
    }
}

.next-label, #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-verification-ui .hw-label {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 1.3rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    cursor: pointer
}

@media screen and (max-width: 640px) {
    .next-label, #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-verification-ui .hw-label {
        font-size: 1.4rem
    }
}

.next-field__connected-wrapper .next-label, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-label, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-label {
    min-width: 0;
    max-width: 100%
}

.next-label--inline {
    display: inline-block;
    padding-right: 0.8rem
}

.next-label--no-margin {
    margin: 0
}

.next-label--switch {
    display: inline-block;
    position: relative;
    padding-left: 2.4rem;
    margin-bottom: 0
}

.next-label--color-picker {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0.8rem;
    margin-bottom: 0;
    min-height: 1.9rem
}

.buttons {
    text-align: right;
    padding: 0.8rem;
    background: #f9fafb;
    border-top: 1px solid var(--p-border, #c4cdd5);
    border-bottom: 1px solid var(--p-border, #c4cdd5)
}

    .buttons.slim {
        padding: 0.4rem 0.8rem
    }

        .buttons.slim .btn, .buttons.slim .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .buttons.slim .ui-button--transparent {
            padding: 0.6rem 1rem
        }

    .buttons.plain {
        background: none;
        padding: 1.3rem 0;
        border-bottom: none;
        border-top: 1px solid var(--p-border, #c4cdd5)
    }

    .buttons.connected {
        background: #f9fafb;
        border: 1px solid var(--p-border, #c4cdd5);
        border-top: none
    }

    .buttons .text-action {
        line-height: 3.2rem
    }

.next-card {
    background-color: var(--p-surface, #fff);
    border-radius: var(--p-border-radius-wide, 3px);
    -webkit-box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15));
    box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15))
}

    .next-card ~ .next-card, .next-card ~ .ui-card {
        margin-top: 20px
    }

@media screen and (max-width: 720px) {
    .next-card {
        border-radius: 0
    }
}

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .next-card + .next-card {
        margin-top: 10px
    }
}

.next-card--aside {
    background-color: var(--p-surface-subdued, #f9fafb)
}

.next-card--aside-lighter {
    background-color: var(--p-surface-subdued, #fafbfc)
}

.next-card--plain {
    -webkit-box-shadow: var(--p-card-shadow, none);
    box-shadow: var(--p-card-shadow, none)
}

.next-card--hide-overflow {
    overflow: hidden
}

.next-card--stacked {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

    .next-card--stacked ~ .next-card--stacked {
        margin-top: 0;
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:first-of-type {
    padding-top: 20px
}

.next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:last-of-type {
    padding-bottom: 20px
}

.next-card--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 76px
}

.next-card--js-sticky {
    position: fixed;
    top: 56px;
    margin-top: 20px
}

.next-card__header {
    padding: 20px 20px 0
}

    .next-card__header .next-heading {
        margin-bottom: 0
    }

.next-card__footer {
    padding: 0 20px 20px
}

.next-card__footer--no-padding {
    padding: 0
}

.next-card__section {
    padding: 20px
}

    .next-card__section ~ .next-card__section {
        border-top: 1px solid var(--p-border-subdued, #dfe3e8)
    }

        .next-card__section ~ .next-card__section.next-card__section--no-border {
            border-top: 0
        }

    .next-card__section:first-child {
        border-radius: var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0 0
    }

    .next-card__section:last-child {
        border-radius: 0 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px)
    }

.next-card__section--no-vertical-spacing {
    padding-top: 0;
    padding-bottom: 0
}

    .next-card__section--no-vertical-spacing + .next-card__section {
        border-top: none
    }

.next-card__section--no-horizontal-spacing {
    padding-left: 0;
    padding-right: 0
}

.next-card__section--half-spacing {
    padding-top: 10px;
    padding-bottom: 10px
}

    .next-card__section--half-spacing.next-card__header {
        padding-bottom: 0
    }

    .next-card__section--half-spacing.next-card__footer {
        padding-top: 0
    }

.next-card__section--double-spacing {
    padding-top: 40px;
    padding-bottom: 40px
}

.next-card__section--no-padding {
    padding: 0
}

.next-card__section--subdued {
    background-color: var(--p-surface-subdued, #f9fafb)
}

.next-card__section--more-subdued {
    background-color: var(--p-surface-subdued, #ebeef0)
}

.next-card__section--less-subdued {
    background-color: var(--p-surface-subdued, #fafbfc)
}

.next-card__section--accentuated {
    background-color: var(--p-surface-subdued, #006fbb)
}

    .next-card__section--accentuated .next-heading {
        color: var(--p-text, #fff)
    }

.next-card__section--bordered {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--no-bottom-spacing {
    padding-bottom: 0
}

    .next-card__section--no-bottom-spacing + .next-card__section {
        border-top: 0
    }

.next-card__section--no-top-spacing {
    padding-top: 0
}

.next-card__section ~ .next-card__section--no-top-spacing {
    border-top: 0
}

.next-card__section--border-left {
    border-left: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--border-bottom {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.next-card__section--centered {
    text-align: center
}

.next-card--with-full-height-image {
    position: relative;
    padding-left: 250px;
    max-width: calc(100% - 250px)
}

    .next-card--with-full-height-image .next-card__image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px;
        background-size: cover;
        background-position: center;
        border-top-left-radius: var(--p-border-radius-wide, 3px);
        border-bottom-left-radius: var(--p-border-radius-wide, 3px)
    }

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .next-card--with-full-height-image {
        padding-left: 0;
        max-width: 100%
    }

        .next-card--with-full-height-image .next-card__image {
            position: static;
            display: block;
            width: 100%;
            height: 120px;
            border-radius: 0
        }
}

.next-card__section__separator {
    margin: 20px auto;
    background-color: var(--p-border-subdued, #ebeef0)
}

.next-card__section__separator--no-margin {
    margin: 0
}

.next-card__separator {
    margin: 0;
    height: 1px;
    background: var(--p-border-subdued, #ebeef0)
}

.next-card__separator--thick {
    height: 5px
}

.next-card__separator--inline {
    margin: 10px 20px
}

.next-card--top-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0 0 !important
}

.next-card--bottom-rounded-corners {
    border-radius: 0 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) !important
}

.next-card--all-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) !important
}

.next-card--left-rounded-corners {
    border-radius: var(--p-border-radius-wide, 3px) 0 0 var(--p-border-radius-wide, 3px)
}

.next-card--right-rounded-corners {
    border-radius: 0 var(--p-border-radius-wide, 3px) var(--p-border-radius-wide, 3px) 0
}

.next-card--top-right-rounded-corner {
    border-top-right-radius: var(--p-border-radius-wide, 3px)
}

.next-card--bottom-right-rounded-corner {
    border-bottom-right-radius: var(--p-border-radius-wide, 3px)
}

.next-card--top-left-rounded-corner {
    border-top-left-radius: var(--p-border-radius-wide, 3px)
}

.next-card--bottom-left-rounded-corner {
    border-bottom-left-radius: var(--p-border-radius-wide, 3px)
}

.next-card__ribbon {
    background: #fafbfc;
    border-right: solid 1px #ebeef0;
    border-radius: 3px 0 0 3px;
    padding: 20px;
    display: block
}

.next-card__ribbon--warning {
    background: #ffd117;
    border-right: solid 1px rgba(212,160,2,0.25)
}

.next-card__ribbon--vertically-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.next-ui .next-text-slate {
    color: #31373d
}

.next-card__header--fully-padded {
    padding-bottom: 20px
}

.next-card--semi-transparent {
    background-color: rgba(255,255,255,0.9)
}

.next-card__channel-image {
    margin-right: 20px
}

@media (max-width: 540px),(min-width: 769px) and (max-width: 804px) {
    .next-card__channel-image {
        display: none
    }
}

.next-card__channel-illustration {
    margin: 0 auto
}

@media screen and (max-width: 568px) {
    .fresh-ui .next-card__header, .fresh-ui .next-card__section, .fresh-ui .next-card__footer {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.next-tab__list {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #f5f6f7;
    overflow: visible;
    border-radius: 3px 3px 0 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .next-tab__list::after {
        content: '';
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 1px solid #ebeef0
    }

    .next-tab__list > li {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .next-tab__list .next-tab__list__disclosure-item {
        display: none
    }

        .next-tab__list .next-tab__list__disclosure-item .next-tab {
            border-top-right-radius: 3px
        }

    .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 3px
    }

.next-tab__list--non-rounded {
    border-radius: 0
}

    .next-tab__list--non-rounded .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .next-tab__list--non-rounded > li:first-child .next-tab {
        border-top-left-radius: 0
    }

.next-tab__list--full::after {
    display: none
}

.next-tab__list--full > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .next-tab__list--full > li:last-of-type > .next-tab {
        border-right: none
    }

.next-tab__list--full .next-tab__list__disclosure-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.next-tab__list--fitted::after {
    display: none
}

.next-tab__list--fitted > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

    .next-tab__list--fitted > li:last-of-type > .next-tab {
        border-right: 0
    }

.next-tab__list--fitted .next-tab__list__disclosure-item {
    display: none
}

.next-tab__list--vertical {
    display: block;
    background: transparent;
    padding: 7px 0
}

    .next-tab__list--vertical::after {
        display: none
    }

    .next-tab__list--vertical .next-tab {
        border: none;
        padding: 8px 20px;
        text-align: left
    }

        .next-tab__list--vertical .next-tab:hover, .next-tab__list--vertical .next-tab:focus {
            background: transparent
        }

        .next-tab__list--vertical .next-tab:hover {
            color: #006fbb
        }

        .next-tab__list--vertical .next-tab:focus {
            color: black
        }

.next-tab__list--page-navigation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .next-tab__list--page-navigation {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .next-tab__list--page-navigation {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.next-tab {
    color: var(--p-text-subdued, #637381);
    padding: 15px 20px;
    text-decoration: none;
    border-right: 1px solid #ebeef0;
    border-bottom: 1px solid #ebeef0;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .next-tab:focus, .next-tab:hover {
        outline: none;
        background-color: #fafbfc;
        color: #006fbb;
        text-decoration: none
    }

    .next-tab.next-tab--is-active {
        font-weight: 400;
        color: var(--p-text, #212b36);
        background-color: #ffffff;
        border-bottom-color: #ffffff;
        cursor: default;
        text-decoration: none
    }

.next-tab--disclosure {
    padding: 0 20px
}

    .next-tab--disclosure .helper-hidden {
        display: none
    }

    .next-tab--disclosure .next-tab {
        display: inline-block
    }

.next-tab__panel {
    display: none
}

    .next-tab__panel.next-tab__panel--is-active {
        display: block
    }

    .next-tab__panel > *:first-child:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fresh-ui .next-tab__container--full-width {
    border-bottom: 1px solid var(--p-border, #c4cdd5);
    border-top: 1px solid var(--p-border, #c4cdd5);
    width: 100%;
    margin-top: 1.6rem
}

    .fresh-ui .next-tab__container--full-width .next-tab__list {
        border: 0
    }

.fresh-ui .next-tab__list {
    background-color: transparent;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    border-radius: 0
}

    .fresh-ui .next-tab__list::after {
        display: none
    }

    .fresh-ui .next-tab__list .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .fresh-ui .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 0;
        margin-left: 1.6rem
    }

    .fresh-ui .next-tab__list .next-tab {
        color: #637381
    }

        .fresh-ui .next-tab__list .next-tab:focus, .fresh-ui .next-tab__list .next-tab:hover {
            color: #212b36
        }

    .fresh-ui .next-tab__list > li > .next-tab {
        border-right: 0;
        border-bottom: 3px solid transparent;
        margin-right: 1.6rem;
        padding: 1.6rem 0;
        min-width: 5rem
    }

        .fresh-ui .next-tab__list > li > .next-tab:focus, .fresh-ui .next-tab__list > li > .next-tab:hover {
            background-color: transparent;
            border-bottom-color: #c4cdd5
        }

        .fresh-ui .next-tab__list > li > .next-tab.next-tab--is-active {
            background-color: transparent;
            border-bottom-color: #5c6ac4;
            color: #212b36
        }

.fresh-ui .next-tab__list--fitted > li:first-of-type > .next-tab {
    margin-left: 0
}

.fresh-ui .next-tab__list--fitted > li > .next-tab {
    margin-right: 0
}

.fresh-ui .next-tab__list--page-navigation > li:first-child .next-tab {
    margin-left: 0
}

.icon-symbols {
    display: none !important
}

.next-icon, .next-icon__text {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor
}

.next-icon--left-spacing-halved {
    margin-left: 10px
}

.next-icon--right-spacing-halved {
    margin-right: 10px
}

.next-icon--left-spacing-quartered {
    margin-left: 5px
}

.next-icon--right-spacing-quartered {
    margin-right: 5px
}

.next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, #fff)
}

.next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #ebeef0)
}

.next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f5f6f7)
}

.next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #d3dbe2)
}

.next-icon--color-sky-darker {
    color: transparent;
    fill: var(--p-icon-subdued, #c3cfd8)
}

.next-icon--color-slate-lightest {
    color: transparent;
    fill: var(--p-icon, #95a7b7)
}

.next-icon--color-slate-lighter {
    color: transparent;
    fill: var(--p-icon, #798c9c)
}

.next-icon--color-slate-light {
    color: transparent;
    fill: var(--p-icon, #454e57)
}

.next-icon--color-slate {
    color: transparent;
    fill: var(--p-icon, #31373d)
}

.next-icon--color-slate-darker {
    color: transparent;
    fill: var(--p-icon, #212529)
}

.next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #96bf48)
}

.next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #7ba232)
}

.next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #ffd117)
}

.next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #d4a002)
}

.next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #fec97d)
}

.next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #ff9517)
}

.next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #ff5d5d)
}

.next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #d83e3e)
}

.next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-white {
    color: transparent;
    fill: var(--p-icon-subdued, white)
}

.fresh-ui .next-icon--color-sky {
    color: transparent;
    fill: var(--p-icon-subdued, #dfe3e8)
}

.fresh-ui .next-icon--color-sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f4f6f8)
}

.fresh-ui .next-icon--color-sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #c4cdd5)
}

.fresh-ui .next-icon--color-blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.fresh-ui .next-icon--color-blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.fresh-ui .next-icon--color-blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.fresh-ui .next-icon--color-green {
    color: transparent;
    fill: var(--p-icon-success, #50b83c)
}

.fresh-ui .next-icon--color-green-dark {
    color: transparent;
    fill: var(--p-icon-success, #108043)
}

.fresh-ui .next-icon--color-yellow {
    color: transparent;
    fill: var(--p-icon-warning, #eec200)
}

.fresh-ui .next-icon--color-yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #8a6116)
}

.fresh-ui .next-icon--color-orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #ffc58b)
}

.fresh-ui .next-icon--color-orange {
    color: transparent;
    fill: var(--p-icon-warning, #f49342)
}

.fresh-ui .next-icon--color-red {
    color: transparent;
    fill: var(--p-icon-critical, #de3618)
}

.fresh-ui .next-icon--color-red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #bf0711)
}

.fresh-ui .next-icon--color-ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.fresh-ui .next-icon--color-ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.fresh-ui .next-icon--color-ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.fresh-ui .next-icon--color-ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.fresh-ui .next-icon--color-teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.fresh-ui .next-icon--color-base {
    color: transparent;
    fill: var(--p-icon)
}

.fresh-ui .next-icon--color-subdued {
    color: transparent;
    fill: var(--p-icon-subdued)
}

.fresh-ui .next-icon--color-critical {
    color: transparent;
    fill: var(--p-icon-critical)
}

.fresh-ui .next-icon--color-warning {
    color: transparent;
    fill: var(--p-icon-warning)
}

.fresh-ui .next-icon--color-highlight {
    color: transparent;
    fill: var(--p-icon-highlight)
}

.fresh-ui .next-icon--color-success {
    color: transparent;
    fill: var(--p-icon-success)
}

.fresh-ui .next-icon--color-primary {
    color: transparent;
    fill: var(--p-action-primary)
}

.next-icon--size-8 {
    width: 8px;
    height: 8px
}

.next-icon--size-10 {
    width: 10px;
    height: 10px
}

.next-icon--size-12 {
    width: 12px;
    height: 12px
}

.next-icon--size-16 {
    width: 16px;
    height: 16px
}

.next-icon--size-20 {
    width: 20px;
    height: 20px
}

.next-icon--size-24 {
    width: 24px;
    height: 24px
}

.next-icon--size-40 {
    width: 40px;
    height: 40px
}

.next-icon--size-80 {
    width: 80px;
    height: 80px
}

.next-icon--size-140 {
    width: 140px;
    height: 140px
}

.next-icon--rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.next-icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.next-icon--rotate-135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.next-icon--rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.next-icon--rotate-225 {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.next-icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.next-icon, .next-icon__text {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -0.15em
}

.next-icon--header {
    margin-left: 10px;
    margin-right: 5px;
    fill: #798c9c
}

.next-icon--sidebar {
    margin-right: 15px;
    vertical-align: top
}

.is-disabled .next-icon--rte {
    opacity: 0.5
}

.next-icon__text {
    margin-left: 5px;
    text-decoration: inherit
}

.next-icon__with-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.next-icon__with-text-wrapper--halved .next-icon + *, .next-icon__with-text-wrapper--halved .next-icon__text + *, .next-icon__with-text-wrapper--halved * + .next-icon, .next-icon__with-text-wrapper--halved * + .next-icon__text {
    margin-left: 10px
}

.next-icon__with-text-wrapper--quartered .next-icon + *, .next-icon__with-text-wrapper--quartered .next-icon__text + *, .next-icon__with-text-wrapper--quartered * + .next-icon, .next-icon__with-text-wrapper--quartered * + .next-icon__text {
    margin-left: 5px
}

.next-icon--flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.next-icon--flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.next-icon--white {
    color: transparent;
    fill: var(--p-icon-subdued, #fff)
}

.next-icon--ink {
    color: transparent;
    fill: var(--p-icon, #212b36)
}

.next-icon--ink-light {
    color: transparent;
    fill: var(--p-icon, #454f5b)
}

.next-icon--ink-lighter {
    color: transparent;
    fill: var(--p-icon, #637381)
}

.next-icon--ink-lightest {
    color: transparent;
    fill: var(--p-icon, #919eab)
}

.next-icon--sky {
    color: transparent;
    fill: var(--p-icon-subdued, #ebeef0)
}

.next-icon--sky-light {
    color: transparent;
    fill: var(--p-icon-subdued, #f5f6f7)
}

.next-icon--sky-dark {
    color: transparent;
    fill: var(--p-icon-subdued, #d3dbe2)
}

.next-icon--sky-darker {
    color: transparent;
    fill: var(--p-icon-subdued, #c3cfd8)
}

.next-icon--slate-lightest {
    color: transparent;
    fill: var(--p-icon, #95a7b7)
}

.next-icon--slate-lighter {
    color: transparent;
    fill: var(--p-icon, #798c9c)
}

.next-icon--slate-light {
    color: transparent;
    fill: var(--p-icon, #454e57)
}

.next-icon--slate {
    color: transparent;
    fill: var(--p-icon, #31373d)
}

.next-icon--slate-darker {
    color: transparent;
    fill: var(--p-icon, #212529)
}

.next-icon--blue-lighter {
    color: transparent;
    fill: var(--p-icon, #ebf5fa)
}

.next-icon--blue-light {
    color: transparent;
    fill: var(--p-icon, #b4e1fa)
}

.next-icon--blue {
    color: transparent;
    fill: var(--p-icon, #006fbb)
}

.next-icon--green {
    color: transparent;
    fill: var(--p-icon-success, #96bf48)
}

.next-icon--green-dark {
    color: transparent;
    fill: var(--p-icon-success, #7ba232)
}

.next-icon--yellow {
    color: transparent;
    fill: var(--p-icon-warning, #ffd117)
}

.next-icon--yellow-dark {
    color: transparent;
    fill: var(--p-icon-warning, #d4a002)
}

.next-icon--orange-light {
    color: transparent;
    fill: var(--p-icon-warning, #fec97d)
}

.next-icon--orange {
    color: transparent;
    fill: var(--p-icon-warning, #ff9517)
}

.next-icon--red {
    color: transparent;
    fill: var(--p-icon-critical, #ff5d5d)
}

.next-icon--red-dark {
    color: transparent;
    fill: var(--p-icon-critical, #d83e3e)
}

.next-icon--teal {
    color: transparent;
    fill: var(--p-icon-highlight, #47c1bf)
}

.next-icon--inline-before {
    margin-right: 0.5em
}

.next-icon--inline-after {
    margin-left: 0.5em
}

.next-icon--no-nudge {
    top: 0
}

.next-icon--baseline {
    vertical-align: baseline
}

.frame .next-icon, .frame .next-icon__text {
    top: 0
}

.next-icon--8 {
    width: 8px;
    height: 8px
}

.next-icon--10 {
    width: 10px;
    height: 10px
}

.next-icon--12 {
    width: 12px;
    height: 12px
}

.next-icon--16 {
    width: 16px;
    height: 16px
}

.next-icon--20 {
    width: 20px;
    height: 20px
}

.next-icon--24 {
    width: 24px;
    height: 24px
}

.next-icon--40 {
    width: 40px;
    height: 40px
}

.next-icon--80 {
    width: 80px;
    height: 80px
}

.next-icon--140 {
    width: 140px;
    height: 140px
}

.next-icon--inline {
    padding-left: 0.125em;
    margin-bottom: -0.125em;
    height: 1em;
    width: 1em
}

.next-form {
    margin: 0;
    padding: 0
}

.next-input--number, input.next-input--number[type='number'] {
    width: auto
}

.next-input--button, input.next-input--button[type='button'] {
    cursor: default;
    width: auto;
    max-width: none;
    margin: 2px;
    padding: 3px 6px
}

.next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--is-disabled, .next-input--stylized[disabled] {
    background-color: white;
    background-image: none;
    border-color: #95a7b7;
    color: graytext;
    -webkit-appearance: none;
    -moz-appearance: none
}

.card-fields-iframe {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    border: 0;
    background: transparent;
    line-height: normal;
    width: 100%
}

.next-form.next-form--full-width {
    width: 100%;
    min-width: 0;
    max-width: 100%
}

.next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .hw-error-message {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--p-text-subdued, #637381);
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 0.4rem
}

@media screen and (max-width: 640px) {
    .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .hw-error-message {
        font-size: 1.4rem
    }
}

.next-input__help-text--top {
    margin-bottom: 0.4rem
}

.next-radio--styled + .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .next-radio--styled + .hw-error-message, #hyperwallet-drop-in-verification-ui .next-radio--styled + .hw-error-message, .next-checkbox--styled + .next-input__help-text, #hyperwallet-drop-in-transfer-method-ui .next-checkbox--styled + .hw-error-message, #hyperwallet-drop-in-verification-ui .next-checkbox--styled + .hw-error-message {
    padding-left: 26px
}

.next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
    display: inline-block;
    max-width: auto;
    min-width: 75px;
    vertical-align: baseline;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 0;
    border: 1px solid #95a7b7;
    border-radius: 0;
    border-style: inset;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: initial;
    letter-spacing: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

@media screen and (max-width: 640px) {
    .next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
        font-size: 1.4rem
    }
}

.next-input::-webkit-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::-webkit-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input::-webkit-input-placeholder, .next-input--stylized::-webkit-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input:-ms-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input:-ms-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input:-ms-input-placeholder, .next-input--stylized:-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input::-ms-input-placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::-ms-input-placeholder, #hyperwallet-drop-in-verification-ui .hw-input::-ms-input-placeholder, .next-input--stylized::-ms-input-placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input::placeholder, #hyperwallet-drop-in-transfer-method-ui .hw-input::placeholder, #hyperwallet-drop-in-verification-ui .hw-input::placeholder, .next-input--stylized::placeholder {
    color: #919eab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.next-input:focus, #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .hw-input:focus, .next-input--stylized:focus {
    border: 1px solid #006fbb
}

.next-input--inline {
    display: inline-block
}

.next-input--card-field {
    position: relative;
    height: 36px;
    padding: 0;
    overflow: hidden
}

    .next-input--card-field > .next-input--card-fields__container {
        height: 34px
    }

    .next-input--card-field > .next-input__add-on--after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.next-input-wrapper .next-input--rounded-left-corners, #hyperwallet-drop-in-transfer-method-ui .hw-form-group .next-input--rounded-left-corners, #hyperwallet-drop-in-verification-ui .hw-form-group .next-input--rounded-left-corners {
    border-radius: var(--p-border-radius-base, 3px) 0 0 var(--p-border-radius-base, 3px)
}

.card-fields-iframe {
    height: 34px
}

.next-input--number, input.next-input--number[type='number'] {
    min-width: 0
}

.next-input--width-2-characters, input.next-input--width-2-characters[type='number'] {
    width: 3em;
    max-width: 3em;
    min-width: 3em
}

.next-input--width-4-characters, input.next-input--width-4-characters[type='number'] {
    width: 5em;
    max-width: 5em;
    min-width: 5em
}

.next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--stylized[disabled], .next-input--is-disabled {
    background: #f4f6f8;
    border-color: #c4cdd5;
    color: #919eab
}

    .next-input[disabled]:hover, #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled]:hover, #hyperwallet-drop-in-verification-ui .hw-input[disabled]:hover, .next-input--stylized[disabled]:hover, .next-input--is-disabled:hover {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5
    }

    .next-input.next-input--invisible[disabled], #hyperwallet-drop-in-transfer-method-ui .next-input--invisible.hw-input[disabled], #hyperwallet-drop-in-verification-ui .next-input--invisible.hw-input[disabled], .next-input--invisible.next-input--stylized[disabled], .next-input--is-disabled.next-input--invisible {
        background: none;
        border: 0
    }

.next-input[readonly], #hyperwallet-drop-in-transfer-method-ui .hw-input[readonly], #hyperwallet-drop-in-verification-ui .hw-input[readonly], .next-input--stylized[readonly] {
    background: #f9fafb
}

.next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-form-group {
    position: relative
}

    .next-input-wrapper + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .hw-form-group, #hyperwallet-drop-in-verification-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-form-group + .hw-form-group {
        margin-top: 1.6rem
    }

    .next-input-wrapper.hide + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hide.hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hide.hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper.hide + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hide.hw-form-group + .hw-form-group, #hyperwallet-drop-in-verification-ui .next-input-wrapper.hide + .hw-form-group, #hyperwallet-drop-in-verification-ui .hide.hw-form-group + .hw-form-group {
        margin-top: 0
    }

    .next-input-wrapper + .next-input-wrapper--halved, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .next-input-wrapper--halved, #hyperwallet-drop-in-verification-ui .hw-form-group + .next-input-wrapper--halved {
        margin-top: 0.8rem
    }

    .next-input-wrapper + .wrappable, #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .wrappable, #hyperwallet-drop-in-verification-ui .hw-form-group + .wrappable {
        padding-top: 1.6rem
    }

.wrappable + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .wrappable + .hw-form-group, #hyperwallet-drop-in-verification-ui .wrappable + .hw-form-group {
    margin-top: 1.6rem
}

.next-fieldset-wrapper .next-input-wrapper, .next-fieldset-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .next-fieldset-wrapper .hw-form-group, .next-fieldset-wrapper #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .next-fieldset-wrapper .hw-form-group {
    margin-top: 0.4rem
}

.select .next-input-wrapper, .select #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .select .hw-form-group, .select #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .select .hw-form-group {
    height: 16px
}

.next-input-wrapper--inline-group > * + * {
    margin-left: 0.8rem
}

.next-input-wrapper--is-error .next-input, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error .next-input--stylized {
    border-color: #de3618;
    background-color: #fbeae5
}

    .next-input-wrapper--is-error .next-input--stylized .next-input, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .next-input--stylized .hw-input, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .next-input--stylized .hw-input, .next-input-wrapper--is-error .next-input--stylized .next-input--stylized {
        border: none
    }

.next-input-wrapper--inline {
    display: inline-block
}

    .next-input-wrapper--inline .next-radio[type='radio'], .next-input-wrapper--inline .next-checkbox[type='checkbox'] {
        left: calc(50% - 15px);
        top: calc(50% - 15px)
    }

    .next-input-wrapper--inline .next-radio--styled, .next-input-wrapper--inline .next-checkbox--styled {
        left: calc(50% - 8px);
        top: calc(50% - 8px)
    }

.next-input-wrapper--half-spacing {
    margin-bottom: 0.8rem;
    margin-top: 0.8rem
}

.next-input--stylized {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: #ffffff;
    margin: 0.5px
}

    .next-input--stylized .next-input, .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input--stylized .hw-input, .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input--stylized .hw-input, .next-input--stylized .next-input--stylized {
        min-width: 0
    }

    .next-input--stylized .field_with_errors {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.next-input--scrollable {
    overflow: auto
}

.next-input--invisible {
    display: inline-block;
    max-width: auto;
    min-width: 75px;
    vertical-align: baseline;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 0;
    border: 1px solid #95a7b7;
    border-radius: 0;
    border-style: inset;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    padding: 0;
    border: 0;
    color: #31373d
}

    .next-input--invisible:focus {
        border: 0
    }

.next-input__add-on {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    color: #95a7b7
}

.next-input--has-content .next-input__add-on {
    color: #31373d
}

.next-input__add-on--before {
    padding-right: 4px
}

    .next-input__add-on--before > .next-icon, .next-input__add-on--before > .next-icon__text {
        margin-right: 0.4rem
    }

.next-input__add-on--after {
    padding-left: 4px
}

.next-input__add-on--url-base {
    color: #798c9c;
    padding-right: 0
}

.next-input--align-with-radio {
    margin-left: 26px
}

.next-radio, input.next-radio[type='radio'], .next-checkbox, input.next-checkbox[type='checkbox'], .next-radio--styled, .next-checkbox--styled {
    position: absolute;
    left: 0;
    top: 0.15em;
    display: block;
    height: 16px;
    width: 16px;
    border: var(--p-override-none, 1px solid var(--p-border, #c4cdd5));
    background-color: var(--p-override-transparent, white);
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer
}

.next-radio, input.next-radio[type='radio'], .next-checkbox, input.next-checkbox[type='checkbox'] {
    z-index: 2;
    opacity: 0;
    left: -7.5px;
    top: -7.5px;
    width: 30px;
    height: 30px
}

.next-input-wrapper--inline .next-radio, .next-input-wrapper--inline input.next-radio[type='radio'], .next-input-wrapper--inline .next-checkbox, .next-input-wrapper--inline input.next-checkbox[type='checkbox'] {
    position: relative;
    display: inline-block
}

.next-color-picker {
    display: none
}

.next-color-picker--fallback {
    display: block;
    width: 7rem
}

.next-label--switch--centered .next-radio--styled, .next-label--switch--centered .next-checkbox--styled {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.next-radio--styled {
    border-radius: 100%;
    z-index: 1
}

    .next-radio--styled::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        height: var(--p-icon-size, 8px);
        width: var(--p-icon-size, 8px);
        border-radius: 100%;
        background-color: transparent;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out
    }

.next-radio:active ~ .next-radio--styled, .next-radio:focus .next-radio--styled {
    border-color: var(--p-interactive, #006fbb)
}

.next-radio:checked ~ .next-radio--styled::before {
    background-color: var(--p-interactive, #006fbb);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background-color: var(--p-surface, #f4f6f8)
}

    .next-radio:disabled ~ .next-radio--styled::before {
        background-color: var(--p-border-disabled, #95a7b7)
    }

.next-checkbox--styled {
    border-radius: var(--p-border-radius-base, var(--p-border-radius-base, 3px));
    z-index: 1;
    color: var(--p-override-transparent, #006fbb)
}

    .next-checkbox--styled .next-icon, .next-checkbox--styled .next-icon__text {
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: 2;
        display: block;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out
    }

.next-checkbox:checked ~ .next-checkbox--styled .next-icon.checkmark, .next-checkbox:checked ~ .next-checkbox--styled .checkmark.next-icon__text, .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon.indeterminate, .next-checkbox:indeterminate ~ .next-checkbox--styled .indeterminate.next-icon__text {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.next-checkbox:active ~ .next-checkbox--styled, .next-checkbox:focus ~ .next-checkbox--styled {
    border-color: var(--p-border, #006fbb)
}

.next-checkbox:disabled ~ .next-checkbox--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background-color: var(--p-override-transparent, #f4f6f8)
}

    .next-checkbox:disabled ~ .next-checkbox--styled .next-icon, .next-checkbox:disabled ~ .next-checkbox--styled .next-icon__text {
        fill: var(--p-icon-on-interactive, #95a7b7)
    }

.select .next-checkbox--styled {
    top: 0
}

.next-input--is-focused {
    border: 1px solid #006fbb
}

.next-input--has-error {
    border: 1px solid #de3618;
    background: #fbeae5
}

    .next-input--has-error:focus {
        border: 1px solid #de3618
    }

.next-field__connected-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.next-form--multi-column .next-field__connected-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button {
    white-space: nowrap
}

.next-field__connected-wrapper--align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.next-form--align-center .next-field__connected-wrapper--align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.next-field--connected, .next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter), .next-field__connected-wrapper input {
    left: -1px;
    position: relative;
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin: 0 -1px 0 0;
    max-width: 100%
}

    .next-field--connected:first-child:not(:last-child), .next-field__connected-wrapper .btn:first-child:not(:last-child), .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent:first-child:not(:last-child), .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent:first-child:not(:last-child), .next-field__connected-wrapper .ui-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter):first-child:not(:last-child), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter):first-child:not(:last-child), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter):first-child:not(:last-child), .next-field__connected-wrapper input:first-child:not(:last-child) {
        border-radius: var(--p-border-radius-base, 3px) 0 0 var(--p-border-radius-base, 3px)
    }

    .next-field--connected:last-child, .next-field__connected-wrapper .btn:last-child, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent:last-child, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent:last-child, .next-field__connected-wrapper .ui-button:not(.add-filter):last-child, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button:not(.add-filter):last-child, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button:not(.add-filter):last-child, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button:not(.add-filter):last-child, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button:not(.add-filter):last-child, .next-field__connected-wrapper input:last-child {
        border-radius: 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px) 0
    }

    .next-field--connected.next-field--connected--no-flex, .next-field__connected-wrapper .btn.next-field--connected--no-flex, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-field--connected--no-flex.ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-field--connected--no-flex.ui-button--transparent, .next-field__connected-wrapper .ui-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button.next-field--connected--no-flex:not(.add-filter), #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button.next-field--connected--no-flex:not(.add-filter), #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button.next-field--connected--no-flex:not(.add-filter), .next-field__connected-wrapper input.next-field--connected--no-flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.next-field--connected--extra-padding {
    padding-left: 10px
}

.next-form--multi-column .next-field--connected--extra-padding {
    padding-left: 0;
    padding-top: 10px
}

.next-field__connected-wrapper .ui-popover__container > .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .ui-popover__container > .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .ui-popover__container > .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .ui-popover__container > .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .ui-popover__container > .hw-button {
    left: 0;
    margin-right: 0
}

.next-field--connected--last-child {
    border-radius: 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px) 0
}

.next-input--search {
    -webkit-appearance: textfield
}

    .next-input--search::-webkit-search-decoration, .next-input--search::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

.unstyled .next-input-wrapper, .unstyled #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .unstyled .hw-form-group, .unstyled #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .unstyled .hw-form-group, .ui-tertiary-navigation__dropdown .next-input-wrapper, .ui-tertiary-navigation__dropdown #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-tertiary-navigation__dropdown .hw-form-group, .ui-tertiary-navigation__dropdown #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-tertiary-navigation__dropdown .hw-form-group, .dropdown .next-input-wrapper, .dropdown #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .dropdown .hw-form-group, .dropdown #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .dropdown .hw-form-group {
    margin-top: 0.8rem
}

.next-input, #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-verification-ui .hw-input, .next-input--stylized {
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5
}

    .next-input:focus, #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .hw-input:focus, .next-input--stylized:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .next-input[disabled], #hyperwallet-drop-in-transfer-method-ui .hw-input[disabled], #hyperwallet-drop-in-verification-ui .hw-input[disabled], .next-input--stylized[disabled], .next-input.next-input--is-disabled, #hyperwallet-drop-in-transfer-method-ui .next-input--is-disabled.hw-input, #hyperwallet-drop-in-verification-ui .next-input--is-disabled.hw-input, .next-input--is-disabled.next-input--stylized {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.next-input--stylized {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
    border-color: #c4cdd5
}

    .next-input--stylized:focus {
        border: 1px solid #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4;
        outline: 0
    }

    .next-input--stylized[disabled], .next-input--stylized.next-input--is-disabled {
        background: #f4f6f8;
        color: #919eab;
        border-color: #c4cdd5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .next-input--stylized .next-input--invisible {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

        .next-input--stylized .next-input--invisible:focus {
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

.next-input--is-focused {
    border: 1px solid #5c6ac4;
    -webkit-box-shadow: 0 0 0 1px #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4
}

.next-input-wrapper--is-error .next-input, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input, .next-input-wrapper--is-error .next-input--stylized {
    border: 1px solid #de3618;
    background: #fbeae5
}

    .next-input-wrapper--is-error .next-input:focus, .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .hw-input:focus, .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized:focus {
        border-color: #5c6ac4;
        -webkit-box-shadow: 0 0 0 1px #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .next-input-wrapper--is-error .next-input--stylized .next-input:focus, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input:focus, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error .next-input--stylized .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input:focus, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error .next-input--stylized .hw-input:focus, .next-input-wrapper--is-error .next-input--stylized .next-input--stylized:focus {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.next-input-wrapper--is-error .next-checkbox ~ .next-checkbox--styled {
    border-color: var(--p-border-critical, #bf0711)
}

.next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled {
    color: var(--p-text, #bf0711);
    border-color: var(--p-border-critical, #bf0711)
}

@media (min-width: 1024px) {
    .next-input__add-on > .next-icon, .next-input__add-on > .next-icon__text {
        top: -1px
    }
}

.next-field__connected-wrapper .next-field--connected, .next-field__connected-wrapper .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .ui-button--transparent, .next-field__connected-wrapper .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .hw-button {
    z-index: 10
}

.next-field__connected-wrapper :focus, .next-field__connected-wrapper .next-input--is-focused {
    z-index: 20
}

    .next-field__connected-wrapper :focus + .next-field--connected, .next-field__connected-wrapper :focus + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .ui-button--transparent, .next-field__connected-wrapper :focus + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-button, .next-field__connected-wrapper :focus + .next-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .next-field--connected, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .next-field--connected, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .next-field--connected, .next-field__connected-wrapper :focus + .next-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .btn, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .btn, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .next-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many :focus + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .next-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper :focus + .hw-label + .ui-button--transparent, .next-field__connected-wrapper :focus + .next-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .next-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .next-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui :focus + .hw-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .ui-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper :focus + .hw-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui :focus + .hw-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .ui-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper :focus + .hw-label + .hw-button, .next-field__connected-wrapper .next-input--is-focused + .next-field--connected, .next-field__connected-wrapper .next-input--is-focused + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .ui-button--transparent, .next-field__connected-wrapper .next-input--is-focused + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-button, .next-field__connected-wrapper .next-input--is-focused + .next-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .next-field--connected, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .next-field--connected, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .next-field--connected, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .next-field--connected, .next-field__connected-wrapper .next-input--is-focused + .next-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .btn, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .btn, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .btn, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .btn, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .next-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .fresh-ui .action-bar__more--has-many .next-input--is-focused + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .next-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button--transparent, .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button--transparent, #hyperwallet-drop-in-verification-ui .fresh-ui .action-bar__more--has-many .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button--transparent, .next-field__connected-wrapper .next-input--is-focused + .next-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .next-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .next-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .next-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-transfer-method-ui .next-input--is-focused + .hw-label + .hw-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button, #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .hw-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .ui-button, .next-field__connected-wrapper #hyperwallet-drop-in-verification-ui .next-input--is-focused + .hw-label + .hw-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .ui-button, #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper .next-input--is-focused + .hw-label + .hw-button {
        border-left: solid 1px var(--p-override-transparent, #5c6ac4);
        -webkit-box-shadow: var(--p-override-none, -1px 0 0 0 #5c6ac4);
        box-shadow: var(--p-override-none, -1px 0 0 0 #5c6ac4)
    }

.next-checkbox--styled {
    color: var(--p-text, #5c6ac4);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

.next-checkbox:active ~ .next-checkbox--styled, .next-checkbox:focus ~ .next-checkbox--styled {
    border-color: var(--p-border, #5c6ac4);
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
    box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
}

.next-checkbox:checked ~ .next-checkbox--styled {
    border-color: var(--p-interactive, #5c6ac4)
}

.next-checkbox:disabled ~ .next-checkbox--styled {
    color: var(--p-text-disabled, #c4cdd5);
    border-color: var(--p-border-disabled, #c4cdd5);
    background: var(--p-action-secondary-disabled, #f4f6f8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.next-radio--styled {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
    background: linear-gradient(to bottom, white, #f9fafb);
    border-color: var(--p-border, #c4cdd5);
    -webkit-box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05));
    box-shadow: var(--p-override-none, 0 1px 0 0 rgba(22,29,37,0.05))
}

.next-radio:active ~ .next-radio--styled, .next-radio:focus ~ .next-radio--styled {
    border-color: var(--p-border, #5c6ac4);
    -webkit-box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4);
    box-shadow: var(--p-override-none, 0 0 0 1px #5c6ac4)
}

.next-radio:checked ~ .next-radio--styled {
    border-color: var(--p-interactive, #5c6ac4)
}

    .next-radio:checked ~ .next-radio--styled::before {
        background-color: var(--p-interactive, #5c6ac4)
    }

.next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5);
    background: var(--p-surface, #f4f6f8);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .next-radio:disabled ~ .next-radio--styled::before {
        background: var(--p-border-disabled, #c4cdd5)
    }

.newDesignLanguage .next-checkbox--styled {
    position: relative;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    display: block;
    height: calc(var(--p-choice-size) - 0.2rem);
    width: calc(var(--p-choice-size) - 0.2rem);
    border: var(--p-control-border-width) solid var(--p-border);
    background-color: var(--p-surface);
    background-image: none;
    border-radius: var(--p-border-radius-base)
}

    .newDesignLanguage .next-checkbox--styled::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        right: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        bottom: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        left: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .next-checkbox--styled::before {
        content: '';
        position: absolute;
        top: calc(-1 * var(--p-control-border-width));
        right: calc(-1 * var(--p-control-border-width));
        bottom: calc(-1 * var(--p-control-border-width));
        left: calc(-1 * var(--p-control-border-width));
        border-radius: var(--p-border-radius-base);
        background-color: var(--p-interactive);
        opacity: 0;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-checkbox--styled::before {
        background: transparent;
        border: 2px solid;
        -webkit-transition: none;
        transition: none
    }
}

.newDesignLanguage .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox--styled .next-icon__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none;
    fill: var(--p-icon-on-interactive);
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    opacity: 0;
    -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
}

.newDesignLanguage .next-radio--styled {
    position: relative;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    background-color: var(--p-surface);
    background-image: none;
    border: var(--p-control-border-width) solid var(--p-border);
    width: calc(var(--p-choice-size) - 0.2rem);
    height: calc(var(--p-choice-size) - 0.2rem)
}

    .newDesignLanguage .next-radio--styled::after {
        content: var(--p-non-null-content, none);
        position: absolute;
        z-index: 1;
        top: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        right: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        bottom: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        left: calc(-1 * calc(var(--p-control-border-width) + 0.1rem));
        display: block;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        box-shadow: 0 0 0 calc(-1 * calc(var(--p-control-border-width) + 0.1rem)) var(--p-focused);
        border-radius: calc(var(--p-border-radius-base) + 0.1rem);
        -webkit-transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: -webkit-box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease);
        transition: box-shadow 100ms var(--p-ease),-webkit-box-shadow 100ms var(--p-ease)
    }

    .newDesignLanguage .next-radio--styled::after {
        border-radius: 50%
    }

    .newDesignLanguage .next-radio--styled::before {
        opacity: 0;
        -webkit-transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease),-webkit-transform var(--p-duration-1-0-0) var(--p-ease)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-radio--styled::before {
        background: transparent;
        border: 5px solid;
        -webkit-transition: none;
        transition: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.newDesignLanguage .next-radio:hover:not(:disabled):not(:checked) ~ .next-radio--styled {
    border-color: var(--p-border-hovered)
}

.newDesignLanguage .next-radio:checked ~ .next-radio--styled {
    border-color: var(--p-interactive)
}

    .newDesignLanguage .next-radio:checked ~ .next-radio--styled::before {
        opacity: 1;
        -webkit-transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease)
    }

.newDesignLanguage .next-radio:focus, .newDesignLanguage .next-radio:active:not(:disabled) {
    outline: none
}

    .newDesignLanguage .next-radio:focus ~ .next-radio--styled::after, .newDesignLanguage .next-radio:active:not(:disabled) ~ .next-radio--styled::after {
        -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
        box-shadow: 0 0 0 0.2rem var(--p-focused)
    }

.newDesignLanguage .next-radio:disabled ~ .next-radio--styled {
    border-color: var(--p-border-disabled, #c4cdd5)
}

.newDesignLanguage .next-checkbox:hover ~ .next-checkbox--styled {
    border-color: var(--p-border-hovered)
}

.newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled {
    border-color: var(--p-interactive)
}

    .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.newDesignLanguage .next-checkbox:focus, .newDesignLanguage .next-checkbox:active {
    outline: none
}

    .newDesignLanguage .next-checkbox:focus ~ .next-checkbox--styled, .newDesignLanguage .next-checkbox:active ~ .next-checkbox--styled {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--p-border-hovered)
    }

        .newDesignLanguage .next-checkbox:focus ~ .next-checkbox--styled::after {
            -webkit-box-shadow: 0 0 0 0.2rem var(--p-focused);
            box-shadow: 0 0 0 0.2rem var(--p-focused)
        }

    .newDesignLanguage .next-checkbox:active:not(:disabled) ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:active:not(:disabled) ~ .next-checkbox--styled .next-icon__text, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon__text, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon__text {
        -webkit-transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease),-webkit-transform var(--p-duration-1-5-0) var(--p-ease)
    }

        .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon.indeterminate, .newDesignLanguage .next-checkbox:indeterminate ~ .next-checkbox--styled .indeterminate.next-icon__text {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1
        }

        .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .next-icon.checkmark, .newDesignLanguage .next-checkbox:checked ~ .next-checkbox--styled .checkmark.next-icon__text {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1
        }

.newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled {
    background-color: var(--p-surface-disabled);
    border-color: var(--p-border-disabled)
}

    .newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled::before {
        background-color: var(--p-border-disabled)
    }

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-checkbox:disabled ~ .next-checkbox--styled::before {
        background: transparent
    }
}

.newDesignLanguage .next-input-wrapper--inline .next-radio--styled, .newDesignLanguage .next-input-wrapper--inline .next-checkbox--styled {
    left: calc(50% - (var(--p-choice-size) / 2) + 0.1rem);
    top: calc(50% - (var(--p-choice-size) / 2) + 0.1rem)
}

.newDesignLanguage .next-input-wrapper--is-error .next-checkbox ~ .next-checkbox--styled {
    border-color: var(--p-border-critical);
    background: var(--p-surface-critical)
}

.newDesignLanguage .next-input-wrapper--is-error .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled::before {
    background: var(--p-border-critical)
}

@media (-ms-high-contrast: active) {
    .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:indeterminate ~ .next-checkbox--styled::before, .newDesignLanguage .next-input-wrapper--is-error .next-checkbox:checked ~ .next-checkbox--styled::before {
        background: transparent
    }
}

.next-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list > li {
        width: 100%
    }

        .next-list > li .next-list__item {
            padding-right: 20px;
            padding-left: 20px
        }

        .next-list > li button.next-list__item {
            border: 0;
            cursor: pointer;
            color: #006fbb;
            text-decoration: none;
            vertical-align: initial;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
            width: 100%
        }

            .next-list > li button.next-list__item:hover, .next-list > li button.next-list__item:focus, .next-list > li button.next-list__item:active {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .next-list > li .next-list__item--indented {
            padding-left: 40px
        }

.next-list--divided {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list--divided > li {
        width: 100%;
        border-bottom: 1px solid #ebeef0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--divided > li a, .next-list--divided > li button, .next-list--divided > li .next-list__item {
            display: block;
            color: #31373d;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .next-list--divided > li .next-list__item {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer
        }

            .next-list--divided > li .next-list__item:hover, .next-list--divided > li .next-list__item.is-selected {
                background: #ebf5fa;
                -webkit-box-shadow: 0 1px 0 #ebeef0;
                box-shadow: 0 1px 0 #ebeef0
            }

        .next-list--divided > li .next-list__item--disabled, .next-list--divided > li .next-list__item--no-hover {
            cursor: default
        }

            .next-list--divided > li .next-list__item--disabled:hover, .next-list--divided > li .next-list__item--no-hover:hover {
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .next-list--divided > li a:hover, .next-list--divided > li a.is-selected, .next-list--divided > li button:hover, .next-list--divided > li button.is-selected {
            background: #ebf5fa;
            text-decoration: none
        }

        .next-list--divided > li a:focus, .next-list--divided > li a:active, .next-list--divided > li button:focus, .next-list--divided > li button:active {
            background: #ebf5fa;
            outline: none
        }

        .next-list--divided > li a.disabled, .next-list--divided > li button.disabled {
            color: #c3cfd8
        }

.next-list--divided-selectable {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .next-list--divided-selectable li + li {
        border-top: 1px solid #ebeef0
    }

    .next-list--divided-selectable > li {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--divided-selectable > li a, .next-list--divided-selectable > li button, .next-list--divided-selectable > li .next-list__item {
            display: block;
            color: #31373d;
            padding-top: 10px;
            padding-bottom: 10px
        }

            .next-list--divided-selectable > li a:hover, .next-list--divided-selectable > li a.is-selected, .next-list--divided-selectable > li button:hover, .next-list--divided-selectable > li button.is-selected, .next-list--divided-selectable > li .next-list__item:hover, .next-list--divided-selectable > li .next-list__item.is-selected {
                background: #006fbb;
                text-decoration: none;
                color: #ffffff
            }

.next-list--divided--top > li {
    border-bottom: 0
}

    .next-list--divided--top > li:not(:first-child) .next-list__item {
        border-top: 1px solid #ebeef0
    }

        .next-list--divided--top > li:not(:first-child) .next-list__item.next-list__item--indented {
            border-top: 0
        }

.next-list--divided-half-padding > li a, .next-list--divided-half-padding > li button, .next-list--divided-half-padding > li .next-list__item {
    padding: 10px
}

.next-list__item--subdued, .next-list--divided-subdued {
    background-color: #f5f6f7
}

.next-list > li .next-list__item--vertically-condensed {
    padding-top: 5px;
    padding-bottom: 5px
}

.next-list--subdued .next-list__item {
    background: #f5f6f7;
    color: var(--p-text-subdued, #637381)
}

    .next-list--subdued .next-list__item.next-list__item--is-current {
        background: #ffffff;
        font-weight: bold
    }

    .next-list--subdued .next-list__item:focus, .next-list--subdued .next-list__item:hover {
        background: #fafbfc
    }

.next-list--compact {
    margin: 5px 0
}

    .next-list--compact .next-list__item {
        background: transparent;
        border: 0;
        display: block;
        font-size: 14px;
        padding: 5px 10px;
        text-align: left;
        text-decoration: none;
        color: #31373d;
        word-wrap: break-word;
        border-radius: 0;
        line-height: 24px;
        white-space: normal;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .next-list--compact .next-list__item.next-list__item--is-applied {
            background: #ebf5fa;
            color: #798c9c
        }

        .next-list--compact .next-list__item:hover, .next-list--compact .next-list__item:focus, .next-list--compact .next-list__item.next-list__item--is-selected {
            background: #006fbb;
            color: #ffffff;
            text-decoration: none;
            outline: none
        }

            .next-list--compact .next-list__item:hover .subdued, .next-list--compact .next-list__item:focus .subdued, .next-list--compact .next-list__item.next-list__item--is-selected .subdued {
                color: #d3dbe2
            }

            .next-list--compact .next-list__item:hover .next-heading, .next-list--compact .next-list__item:hover small, .next-list--compact .next-list__item:focus .next-heading, .next-list--compact .next-list__item:focus small, .next-list--compact .next-list__item.next-list__item--is-selected .next-heading, .next-list--compact .next-list__item.next-list__item--is-selected small {
                color: #ffffff
            }

        .next-list--compact .next-list__item:active {
            color: #ffffff;
            background: #084e8a
        }

        .next-list--compact .next-list__item.is-disabled {
            color: #c3cfd8;
            pointer-events: none;
            cursor: default
        }

    .next-list--compact button.next-list__item {
        width: 100%;
        cursor: pointer;
        font-family: var(--main-font)
    }

    .next-list--compact + .next-list--compact {
        border-top: 1px solid #ebeef0;
        padding-top: 5px
    }

.next-list--toggles .next-icon, .next-list--toggles .next-icon__text {
    visibility: hidden
}

.next-list--toggles .next-list__item--is-applied .next-icon, .next-list--toggles .next-list__item--is-applied .next-icon__text {
    visibility: visible
}

.next-list--toggles .next-list__item--promoted-action, .next-list--divided > li .next-list__item--promoted-action {
    color: #006fbb
}

.next-list__item--promoted-action .next-icon, .next-list__item--promoted-action .next-icon__text {
    fill: #006fbb;
    visibility: visible
}

.next-list__item--is-applied .next-icon, .next-list__item--is-applied .next-icon__text {
    fill: #798c9c
}

.next-list--toggles .next-list__item:focus .next-icon, .next-list--toggles .next-list__item:focus .next-icon__text, .next-list--toggles .next-list__item:hover .next-icon, .next-list--toggles .next-list__item:hover .next-icon__text, .next-list--toggles .next-list__item:active .next-icon, .next-list--toggles .next-list__item:active .next-icon__text, .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon, .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon__text {
    fill: #ffffff
}

.next-list--plain-divided > li {
    border-bottom: 1px solid #ebeef0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0
}

    .next-list--plain-divided > li:last-child {
        border-bottom: none
    }

.next-list--plain-divided .next-card--aside > li {
    border-color: rgba(211,219,226,0.5)
}

.next-list--row-hover > li {
    padding: 5px 10px
}

    .next-list--row-hover > li:hover {
        background-color: #ebeef0
    }

.next-list--row-hover.next-list--no-vertical-padding > li {
    padding: 0 10px
}

.next-list--heading {
    margin: 10px 0;
    border: none
}

.next-list > li .resource-browser-variant, .next-list > li .resource-browser-variant.next-list__item--disabled:hover, .next-list > li .resource-browser-variant.next-list__item--no-hover:hover {
    margin-left: 46px;
    padding-left: 0
}

    .next-list > li .resource-browser-variant:hover, .next-list > li .resource-browser-variant.is-selected {
        margin-left: 0;
        padding-left: 46px
    }

.next-list > li .resource-browser-variant--review-step {
    margin-left: 20px;
    padding-left: 40px
}

.next-list[data-searchable-select-results] .searchable-select-group-divider {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.fresh-ui .next-list > li a, .fresh-ui .next-list > li button, .fresh-ui .next-list > li .next-list__item, .fresh-ui .next-list > li.next-list__item, .fresh-ui .next-list--compact > li a, .fresh-ui .next-list--compact > li button, .fresh-ui .next-list--compact > li .next-list__item, .fresh-ui .next-list--compact > li.next-list__item {
    background: white;
    color: #212b36;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

    .fresh-ui .next-list > li a:focus, .fresh-ui .next-list > li a:hover, .fresh-ui .next-list > li a:active, .fresh-ui .next-list > li a.is-selected, .fresh-ui .next-list > li a.next-list__item--is-selected, .fresh-ui .next-list > li button:focus, .fresh-ui .next-list > li button:hover, .fresh-ui .next-list > li button:active, .fresh-ui .next-list > li button.is-selected, .fresh-ui .next-list > li button.next-list__item--is-selected, .fresh-ui .next-list > li .next-list__item:focus, .fresh-ui .next-list > li .next-list__item:hover, .fresh-ui .next-list > li .next-list__item:active, .fresh-ui .next-list > li .next-list__item.is-selected, .fresh-ui .next-list > li .next-list__item.next-list__item--is-selected, .fresh-ui .next-list > li.next-list__item:focus, .fresh-ui .next-list > li.next-list__item:hover, .fresh-ui .next-list > li.next-list__item:active, .fresh-ui .next-list > li.next-list__item.is-selected, .fresh-ui .next-list > li.next-list__item.next-list__item--is-selected, .fresh-ui .next-list--compact > li a:focus, .fresh-ui .next-list--compact > li a:hover, .fresh-ui .next-list--compact > li a:active, .fresh-ui .next-list--compact > li a.is-selected, .fresh-ui .next-list--compact > li a.next-list__item--is-selected, .fresh-ui .next-list--compact > li button:focus, .fresh-ui .next-list--compact > li button:hover, .fresh-ui .next-list--compact > li button:active, .fresh-ui .next-list--compact > li button.is-selected, .fresh-ui .next-list--compact > li button.next-list__item--is-selected, .fresh-ui .next-list--compact > li .next-list__item:focus, .fresh-ui .next-list--compact > li .next-list__item:hover, .fresh-ui .next-list--compact > li .next-list__item:active, .fresh-ui .next-list--compact > li .next-list__item.is-selected, .fresh-ui .next-list--compact > li .next-list__item.next-list__item--is-selected, .fresh-ui .next-list--compact > li.next-list__item:focus, .fresh-ui .next-list--compact > li.next-list__item:hover, .fresh-ui .next-list--compact > li.next-list__item:active, .fresh-ui .next-list--compact > li.next-list__item.is-selected, .fresh-ui .next-list--compact > li.next-list__item.next-list__item--is-selected {
        background: #5c6ac4;
        color: white
    }

        .fresh-ui .next-list > li a:focus .type--subdued, .fresh-ui .next-list > li a:hover .type--subdued, .fresh-ui .next-list > li a:active .type--subdued, .fresh-ui .next-list > li a.is-selected .type--subdued, .fresh-ui .next-list > li a.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li button:focus .type--subdued, .fresh-ui .next-list > li button:hover .type--subdued, .fresh-ui .next-list > li button:active .type--subdued, .fresh-ui .next-list > li button.is-selected .type--subdued, .fresh-ui .next-list > li button.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li .next-list__item:focus .type--subdued, .fresh-ui .next-list > li .next-list__item:hover .type--subdued, .fresh-ui .next-list > li .next-list__item:active .type--subdued, .fresh-ui .next-list > li .next-list__item.is-selected .type--subdued, .fresh-ui .next-list > li .next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list > li.next-list__item:focus .type--subdued, .fresh-ui .next-list > li.next-list__item:hover .type--subdued, .fresh-ui .next-list > li.next-list__item:active .type--subdued, .fresh-ui .next-list > li.next-list__item.is-selected .type--subdued, .fresh-ui .next-list > li.next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li a:focus .type--subdued, .fresh-ui .next-list--compact > li a:hover .type--subdued, .fresh-ui .next-list--compact > li a:active .type--subdued, .fresh-ui .next-list--compact > li a.is-selected .type--subdued, .fresh-ui .next-list--compact > li a.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li button:focus .type--subdued, .fresh-ui .next-list--compact > li button:hover .type--subdued, .fresh-ui .next-list--compact > li button:active .type--subdued, .fresh-ui .next-list--compact > li button.is-selected .type--subdued, .fresh-ui .next-list--compact > li button.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:focus .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:hover .type--subdued, .fresh-ui .next-list--compact > li .next-list__item:active .type--subdued, .fresh-ui .next-list--compact > li .next-list__item.is-selected .type--subdued, .fresh-ui .next-list--compact > li .next-list__item.next-list__item--is-selected .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:focus .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:hover .type--subdued, .fresh-ui .next-list--compact > li.next-list__item:active .type--subdued, .fresh-ui .next-list--compact > li.next-list__item.is-selected .type--subdued, .fresh-ui .next-list--compact > li.next-list__item.next-list__item--is-selected .type--subdued {
            color: white
        }

    .fresh-ui .next-list > li a.is-disabled, .fresh-ui .next-list > li button.is-disabled, .fresh-ui .next-list > li .next-list__item.is-disabled, .fresh-ui .next-list > li.next-list__item.is-disabled, .fresh-ui .next-list--compact > li a.is-disabled, .fresh-ui .next-list--compact > li button.is-disabled, .fresh-ui .next-list--compact > li .next-list__item.is-disabled, .fresh-ui .next-list--compact > li.next-list__item.is-disabled {
        color: #c4cdd5
    }

.fresh-ui .next-list__item--is-applied .next-icon, .fresh-ui .next-list__item--is-applied .next-icon__text {
    fill: #212b36
}

.fresh-ui .next-list--toggles .next-list__item:focus .next-icon, .fresh-ui .next-list--toggles .next-list__item:focus .next-icon__text, .fresh-ui .next-list--toggles .next-list__item:hover .next-icon, .fresh-ui .next-list--toggles .next-list__item:hover .next-icon__text, .fresh-ui .next-list--toggles .next-list__item:active .next-icon, .fresh-ui .next-list--toggles .next-list__item:active .next-icon__text, .fresh-ui .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon, .fresh-ui .next-list--toggles .next-list__item.next-list__item--is-selected .next-icon__text {
    fill: white
}

.fresh-ui .next-list--divided > li a:hover, .fresh-ui .next-list--divided > li a.is-selected {
    background: #5c6ac4;
    color: white
}

    .fresh-ui .next-list--divided > li a:hover .next-icon--color-sky-darker, .fresh-ui .next-list--divided > li a:hover .next-icon--slate-lighter, .fresh-ui .next-list--divided > li a.is-selected .next-icon--color-sky-darker, .fresh-ui .next-list--divided > li a.is-selected .next-icon--slate-lighter {
        color: transparent;
        fill: white
    }

.fresh-ui .ui-action-list-action .next-icon, .fresh-ui .ui-action-list-action .next-icon__text {
    color: transparent;
    fill: #919eab
}

.fresh-ui .ui-action-list-action:hover .next-icon, .fresh-ui .ui-action-list-action:hover .next-icon__text, .fresh-ui .ui-action-list-action:focus .next-icon, .fresh-ui .ui-action-list-action:focus .next-icon__text {
    fill: white
}

.fresh-ui .product_browser .next-list--divided > li .next-list__item:hover, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected {
    background: #f9fafb;
    color: inherit
}

    .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .next-icon--color-sky-darker, .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .next-icon--slate-lighter, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .next-icon--color-sky-darker, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .next-icon--slate-lighter {
        color: transparent;
        fill: #c4cdd5
    }

    .fresh-ui .product_browser .next-list--divided > li .next-list__item:hover .type--subdued, .fresh-ui .product_browser .next-list--divided > li .next-list__item.is-selected .type--subdued {
        color: #637381
    }

.fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current, .fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current:hover, .fresh-ui.page-product-variants-show .variant-list .next-list__item--is-current:focus {
    color: white;
    background-color: #5c6ac4;
    font-weight: 500
}

.resource-browser__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resource-browser__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

@media screen and (max-width: 450px) {
    .resource-browser__info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .resource-browser__title {
        width: 100%;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

form {
    margin: 0;
    padding: 0
}

    form.button_to {
        display: inline-block
    }

label {
    display: block;
    color: var(--p-text, #212b36);
    margin-bottom: 5px
}

    label.helper {
        display: inline;
        font-weight: 400;
        font-size: 11px
    }

    label.error {
        color: #c03939
    }

        label.error + input, label.error + textarea {
            border-color: #cc4c3f
        }

    label.plain {
        font-weight: 400
    }

p.error {
    color: #c03939
}

.align-with-input {
    line-height: 28px
}

.between-inputs {
    margin: 0 6px
}

input, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    height: 28px;
    font-family: var(--main-font)
    font-size: 14px;
    padding: 4px;
    margin: 0;
    border: 1px solid #d3dbe2;
    display: inline-block;
    color: #222;
    border-radius: 3px
}

    input:focus, input.focus, textarea:focus, textarea.focus {
        border: 1px solid #006fbb;
        outline: none
    }

    input.placeholder, textarea.placeholder {
        color: #c3cfd8
    }

    input.success, textarea.success {
        border: 1px solid #acba8c
    }

    input.error, textarea.error {
        border-color: #cc4c3f;
        background-color: #FFFCFC
    }

    input.large, textarea.large {
        height: 32px
    }

    input.slim, textarea.slim {
        padding: 0 4px;
        height: 24px
    }

    input[class*="span"], textarea[class*="span"] {
        margin: 0 0 5px 0;
        float: none;
        padding: 4px;
        max-width: none
    }

    input.input-percentage, textarea.input-percentage {
        width: 45px
    }

    input.w-tiny, textarea.w-tiny {
        width: 60px
    }

    input.w-micro, textarea.w-micro {
        width: 35px
    }

    input.w-small, textarea.w-small {
        width: 120px
    }

    input.w-half, textarea.w-half {
        width: 50%
    }

    input.w-big, textarea.w-big {
        width: 170px
    }

    input::-ms-clear, textarea::-ms-clear {
        display: none
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input::placeholder, textarea::placeholder {
        color: #919eab;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased
    }

    input[disabled], textarea[disabled] {
        border: 1px solid #ebeef0;
        background: #fafbfc;
        color: #c3cfd8
    }

.field_with_errors {
    display: inline
}

    .field_with_errors input, .field_with_errors textarea {
        border-color: #cc4c3f;
        background-color: #fef6f5
    }

input.error, select.error, textarea.error {
    -webkit-animation: fieldErrors 0.25s linear;
    animation: fieldErrors 0.25s linear
}

input[type=checkbox], input[type=radio] {
    height: auto;
    line-height: 1;
    width: auto;
    max-width: none;
    margin: 0 5px 5px 0;
    border: none;
    padding: 0;
    vertical-align: baseline
}

    input[type=checkbox]:focus, input[type=radio]:focus {
        outline: 2px auto #006fbb
    }

input[type=file] {
    width: auto;
    max-width: none;
    cursor: pointer;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0
}

    input[type=file]:focus {
        outline: none;
        border: none
    }

input[type=submit], input[type=button] {
    width: auto;
    max-width: none;
    cursor: pointer
}

input[type=number] {
    width: 4em
}

input.w-currency[type=number] {
    width: 6em
}

input.no-spinbox[type=number]::-webkit-inner-spin-button, input.no-spinbox[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.no-spinbox[type=number] {
    -moz-appearance: textfield
}

input[type=search] {
    -webkit-appearance: none
}

textarea {
    min-height: 72px;
    line-height: 20px;
    -webkit-transition: min-height 0.15s;
    transition: min-height 0.15s
}

    textarea.tall {
        min-height: 180px
    }

    textarea.is-expanded {
        min-height: 240px
    }

select {
    margin: 0;
    font-family: var(--main-font)
    font-size: 14px;
    display: inline-block;
    color: #222;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    padding: 4px 2px 2px 2px;
    border: 1px solid #ccc;
    border-radius: 1px;
    max-width: 100%
}

    select.error {
        border-color: #cc4c3f;
        background-color: #FFFCFC
    }

    select:focus, select.focus {
        outline: none;
        border: 1px solid #006fbb
    }

    select.full-width {
        width: 100%
    }

    select[class*="span"] {
        margin: 0 0 5px 0;
        float: none;
        padding: 4px 2px 2px 2px;
        max-width: none
    }

    select[disabled] {
        background-color: #fafafa;
        background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/admin/diagonal-line-bg-b7445d10271f52c7baac231aef005527707be7dedd31fc31984bbfae45b0087e.png);
        border-color: #ddd;
        color: #999
    }

.radio-group input[type="radio"] {
    float: left;
    margin-top: 3px
}

.radio-group label {
    display: table-cell
}

.attach-to-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    font-size: 13px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    border-top: none;
    border-radius: 0 0 3px 3px
}

.ui-autocomplete {
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    width: 345px !important;
    max-height: 200px;
    overflow-y: scroll;
    z-index: 9999
}

    .ui-autocomplete .ui-menu-item a {
        border-top: 1px solid #e6e6e6;
        display: block;
        padding: 4px 6px;
        cursor: pointer
    }

    .ui-autocomplete .ui-menu-item:first-child a {
        border-top: none
    }

    .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-focus {
        background-color: #EFEFEF
    }

.add-on {
    background: #fafafa;
    color: #666;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    padding: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

    .add-on input {
        margin-left: 0;
        margin-right: 0
    }

    .add-on.before {
        position: relative;
        margin-right: -7px;
        border-radius: 3px 0 0 3px
    }

        .add-on.before.is-connected {
            margin: 0;
            border-right: none
        }

    .add-on.after {
        position: relative;
        left: -7px;
        border-radius: 0 3px 3px 0
    }

    .add-on.add-on-handle {
        border-right: 0;
        border-radius: 3px 0 0 3px
    }

.date-selector-item {
    display: inline-block;
    line-height: 28px
}

.input-date {
    min-width: 130px;
    max-width: 130px
}

.input-time {
    width: 130px
}

.input-has-icon {
    display: inline-block;
    position: relative
}

    .input-has-icon .ico {
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -7px
    }

    .input-has-icon input[type=text] {
        padding-left: 24px;
        margin-bottom: 0;
        margin-left: 0
    }

.styled-file-input {
    cursor: pointer
}

    .styled-file-input .btn, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent, .styled-file-input .btn--plain, .styled-file-input .btn--link {
        position: relative;
        overflow: hidden
    }

        .styled-file-input .btn > span, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent > span, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent > span, .styled-file-input .btn--plain > span, .styled-file-input .btn--link > span {
            color: #006fbb
        }

        .styled-file-input .btn > label, .styled-file-input .fresh-ui .action-bar__more--has-many .ui-button--transparent > label, .fresh-ui .action-bar__more--has-many .styled-file-input .ui-button--transparent > label, .styled-file-input .btn--plain > label, .styled-file-input .btn--link > label {
            margin: 0;
            color: inherit;
            font-weight: inherit
        }

    .styled-file-input .btn-primary > span {
        color: #ffffff
    }

    .styled-file-input input[type=file] {
        position: absolute;
        filter: alpha(opacity=0);
        opacity: 0;
        font-size: 100px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

.buttons .styled-file-input {
    display: inline-block
}

.secure-input-container {
    position: relative
}

.secure-input-icon {
    position: absolute;
    top: 6px;
    right: 6px
}

.secure-input-icon-large {
    top: 8px
}

.choicelist li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px
}

    .choicelist li:last-child {
        margin-bottom: 0
    }

    .choicelist li > input {
        position: absolute;
        left: 0;
        top: 2px
    }

.radio-filters {
    margin: 0;
    display: block;
    float: right;
    list-style: none
}

.radio-filter {
    display: inline-block;
    margin-left: 15px
}

.radio-filter-input {
    display: none
}

.radio-filter-label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-weight: normal;
    color: #798c9c
}

    .radio-filter-label::before {
        content: "";
        margin-top: -3px;
        vertical-align: middle;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid #95a7b7;
        -webkit-transition: all 0.15s;
        transition: all 0.15s
    }

.radio-filter-input:checked + .radio-filter-all:before {
    background: #006fbb;
    border-color: #006fbb
}

.radio-filter-input:checked + .radio-filter-store:before {
    background: #94c140;
    border-color: #94c140
}

.radio-filter-input:checked + .radio-filter-admin:before {
    background: #e49642;
    border-color: #e49642
}

.copy-link .fixed-container {
    vertical-align: bottom;
    padding-left: 20px
}

.copy-link .variable-container input {
    padding: 15px
}

.dom-switch, .dom-switch-target {
    display: none
}

input.dom-switch[type="checkbox"] ~ .dom-switch-button {
    color: #006fbb;
    font-weight: normal;
    cursor: pointer
}

input.dom-switch[type="checkbox"]:checked ~ .dom-switch-target {
    display: block
}

input[disabled] + label.gray-on-disabled, input[disabled] + label.gray-on-disabled strong {
    color: #bbbbbb
}

.next-ui .js-province-select, .next-ui .js-country-select {
    display: block;
    width: 100%
}

.next-ui .form--button-only {
    display: inline-block
}

.next-ui .outer-input-border:not(:focus) {
    -webkit-box-shadow: none;
    box-shadow: none
}

input.attached-to-left {
    border-radius: 3px 0 0 3px
}

input.attached-to-right {
    border-radius: 0 3px 3px 0
}

input.attached-to-both {
    border-radius: 0
}

.progress-bar {
    position: relative;
    height: 24px;
    background-color: aliceblue;
    border-radius: 3px;
    overflow: hidden;
    cursor: default
}

    .progress-bar.progress-bar--margin-top {
        margin-top: 5px
    }

    .progress-bar.super-skinny {
        height: 4px
    }

    .progress-bar.very-skinny {
        height: 6px
    }

    .progress-bar.skinny {
        height: 12px
    }

    .progress-bar.large {
        height: 36px
    }

.progress-level {
    position: relative;
    width: 100%;
    height: 100%;
    background: #96bf48;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

    .progress-level.progress-level--next-purple-light {
        background: #d098ff
    }

    .progress-level.progress-level--next-red {
        background: #ff5d5d
    }

.progress-bar--transition .progress-level {
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.progress-bar-animated .progress-level {
    -webkit-animation: fillup 1.2s cubic-bezier(0.83, 0.04, 0.13, 0.99);
    animation: fillup 1.2s cubic-bezier(0.83, 0.04, 0.13, 0.99)
}

.progress-level.full {
    border-radius: 3px
}

.progress-data {
    font-size: 16px;
    color: #798c9c
}

.progress-data-item {
    color: #31373d;
    letter-spacing: -0.015em
}

    .progress-data-item.secondary {
        color: #798c9c;
        font-weight: 300
    }

    .progress-data-item small {
        font-size: 1em;
        color: inherit
    }

.drop-target {
    border: 2px dashed #ccc;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    color: #777;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
}

    .drop-target:hover {
        border-color: #aaa;
        color: #555
    }

.progress-bar--flat, .progress-bar--flat .progress-level {
    border-radius: 0
}

    .progress-bar--flat .progress-level {
        background-color: #c3cfd8
    }

.ui-breadcrumbs__item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-breadcrumbs__separator {
    margin: 0 0.4rem
}

.ui-breadcrumbs {
    color: #798c9c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    display: block;
    white-space: nowrap
}

    .ui-breadcrumbs a {
        color: inherit
    }

.ui-breadcrumbs--is-collapsed {
    cursor: pointer
}

    .ui-breadcrumbs--is-collapsed .ui-breadcrumb__link {
        pointer-events: none
    }

.ui-breadcrumb {
    display: inline-block;
    color: #798c9c
}

.ui-breadcrumb__link:hover {
    color: #798c9c
}

.ui-breadcrumb-ellipsis {
    border: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    background: transparent
}

.ui-breadcrumb__separator, .ui-breadcrumb-ellipsis {
    color: #798c9c;
    margin: 0 0.4rem
}

.ui-breadcrumb--is-hidden, .ui-breadcrumb-ellipsis--is-hidden {
    display: none
}

.collapsible-header {
    padding: 1.6rem;
    background: #f4f6f8;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 195ms;
    transition-duration: 195ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 196
}

@media screen and (min-width: 769px) {
    .collapsible-header {
        left: 240px
    }
}

@media screen and (max-width: 769px) {
    .collapsible-header {
        width: 100%
    }
}

.collapsible-header .ui-breadcrumb {
    display: inline
}

.collapsible-header .ui-breadcrumb__link:hover {
    color: #006fbb
}

.collapsible-header .collapsible-header__heading {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (max-width: 640px) {
    .collapsible-header .collapsible-header__heading {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.collapsible-header--is-visible {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fresh-ui .ui-breadcrumbs {
    overflow: visible
}

.fresh-ui .ui-breadcrumb {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--p-text-subdued, #637381);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #637381;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--p-border-radius-base, 3px);
    text-decoration: none;
    will-change: background;
    -webkit-transition: background 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: background 200ms cubic-bezier(0.64, 0, 0.35, 1);
    padding-top: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 0;
    margin-left: -0.7rem
}

@media screen and (max-width: 640px) {
    .fresh-ui .ui-breadcrumb {
        font-size: 1.4rem
    }
}

.fresh-ui .ui-breadcrumb:hover {
    color: #212b36
}

.fresh-ui .ui-breadcrumb:active, .fresh-ui .ui-breadcrumb:focus {
    background-color: rgba(33,43,54,0.1) !important
}

.fresh-ui .ui-breadcrumb .next-icon, .fresh-ui .ui-breadcrumb .next-icon__text {
    color: inherit;
    fill: currentColor
}

.fresh-ui .ui-breadcrumbs__item {
    color: #b3b5cb
}

.fresh-ui .ui-breadcrumbs__ellipsis {
    display: none
}

.ui-choice-list {
    margin: 0 0 20px 0;
    padding: 0
}

    .ui-choice-list:last-child {
        margin-bottom: 0
    }

    .ui-choice-list li {
        position: relative;
        list-style: none;
        margin-bottom: 10px
    }

        .ui-choice-list li:last-child {
            margin-bottom: 0
        }

    .ui-choice-list input[type=radio], .ui-choice-list input[type=checkbox] {
        position: absolute;
        left: 0
    }

.ui-choice-list__title {
    margin-bottom: 10px;
    font-weight: 400
}

.ui-choice-list--sub-choice-list {
    padding-top: 5px;
    padding-left: 20px
}

    .ui-choice-list--sub-choice-list > ul > li {
        margin-bottom: 5px
    }

.ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group, #hyperwallet-drop-in-verification-ui .hw-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

    .ui-form__section .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__section, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__section, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .hw-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .hw-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .hw-group, .ui-form__section #hyperwallet-drop-in-verification-ui .hw-group, #hyperwallet-drop-in-verification-ui .ui-form__section .hw-group, #hyperwallet-drop-in-verification-ui .hw-group .hw-group {
        margin: 0;
        width: 100%
    }

    .ui-form__section + .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .hw-group + .ui-form__section, #hyperwallet-drop-in-verification-ui .hw-group + .ui-form__section, #hyperwallet-drop-in-transfer-method-ui .ui-form__section + .hw-group, #hyperwallet-drop-in-transfer-method-ui .hw-group + .hw-group, #hyperwallet-drop-in-verification-ui .ui-form__section + .hw-group, #hyperwallet-drop-in-verification-ui .hw-group + .hw-group {
        margin-top: 8px
    }

    .ui-form__section .next-input-wrapper, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .hw-group .hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper, #hyperwallet-drop-in-verification-ui .hw-group .hw-form-group {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px;
        max-width: 100%
    }

        .ui-form__section .next-input-wrapper.ui-form__element--horizontal, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .ui-form__element--horizontal.hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper.ui-form__element--horizontal, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__element--horizontal.hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper.ui-form__element--horizontal, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__element--horizontal.hw-form-group {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .ui-form__section .next-input-wrapper.ui-form__element--centered, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .ui-form__element--centered.hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper.ui-form__element--centered, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-form__element--centered.hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper.ui-form__element--centered, #hyperwallet-drop-in-verification-ui .hw-group .ui-form__element--centered.hw-form-group {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

    .ui-form__section .next-radio, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-radio, #hyperwallet-drop-in-verification-ui .hw-group .next-radio, .ui-form__section .next-radio--styled, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-radio--styled, #hyperwallet-drop-in-verification-ui .hw-group .next-radio--styled, .ui-form__section .next-radio[type=radio], .ui-form__section .next-checkbox, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-checkbox, #hyperwallet-drop-in-verification-ui .hw-group .next-checkbox, .ui-form__section .next-checkbox--styled, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-checkbox--styled, #hyperwallet-drop-in-verification-ui .hw-group .next-checkbox--styled, .ui-form__section .next-checkbox[type=checkbox] {
        top: 10px;
        left: 8px
    }

.ui-form__section--full-width {
    width: 100%
}

.ui-form__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .ui-form__group > .ui-form__element, .ui-form__group > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group > .hw-form-group {
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 220px;
        -ms-flex: 1 0 220px;
        flex: 1 0 220px;
        min-width: 220px
    }

.ui-form__group--cell-size-auto > .ui-form__element, .ui-form__group--cell-size-auto > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group--cell-size-auto > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group--cell-size-auto > .hw-form-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: auto
}

.ui-form__group--cell-size-small > .ui-form__element, .ui-form__group--cell-size-small > .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group--cell-size-small > .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group--cell-size-small > .hw-form-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 110px;
    -ms-flex: 1 0 110px;
    flex: 1 0 110px;
    min-width: 110px
}

.ui-form__label-wrapper {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -4px
}

    .ui-form__label-wrapper > * {
        margin: 0 4px 4px 4px
    }

    .ui-form__label-wrapper.ui-form__element--horizontal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.ui-form__element {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 220px;
    padding: 8px
}

    .ui-form__element.ui-form__section--help-text {
        padding-top: 0
    }

    .ui-form__element.ui-form__section--label {
        padding-bottom: 0
    }

    .ui-form__element .next-input-wrapper, .ui-form__element #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__element .hw-form-group, .ui-form__element #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__element .hw-form-group {
        padding: 0
    }

    .ui-form__element .next-radio, .ui-form__element .next-radio--styled, .ui-form__element .next-radio[type=radio], .ui-form__element .next-checkbox, .ui-form__element .next-checkbox--styled, .ui-form__element .next-checkbox[type=checkbox] {
        top: 2px;
        left: 0
    }

.newDesignLanguage .ui-form__element .next-radio, .newDesignLanguage .ui-form__element .next-radio--styled, .newDesignLanguage .ui-form__element .next-radio[type=radio], .newDesignLanguage .ui-form__element .next-checkbox, .newDesignLanguage .ui-form__element .next-checkbox--styled, .newDesignLanguage .ui-form__element .next-checkbox[type=checkbox] {
    top: 0.1rem;
    left: 0.1rem
}

.ui-form__element.ui-form__element--bottom-spacing-half {
    padding-bottom: 4px
}

.ui-form__element.ui-form__element--top-spacing-half {
    padding-top: 4px
}

.ui-form__element.ui-form__element--bottom-spacing-double {
    padding-bottom: 16px
}

.ui-form__element.ui-form__element--top-spacing-double {
    padding-top: 16px
}

.ui-modal {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    width: 620px;
    -webkit-box-shadow: var(--p-modal-shadow, 0 0 10px rgba(0,0,0,0.2));
    box-shadow: var(--p-modal-shadow, 0 0 10px rgba(0,0,0,0.2));
    border-radius: var(--p-border-radius-wide, var(--p-border-radius-base, 3px));
    background: var(--p-surface, white);
    visibility: hidden;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    -webkit-transition: all ease-in-out 260ms;
    transition: all ease-in-out 260ms;
    opacity: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-modal {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ui-modal:focus {
    outline: 0
}

.ui-modal form {
    min-height: 0;
    max-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (max-width: 450px) {
    .ui-modal {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        max-width: 100%;
        max-height: calc(100% - 20px);
        border-radius: 0;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        opacity: 1
    }
}

@media screen and (max-width: 450px) and (prefers-reduced-motion: reduce) {
    .ui-modal {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media screen and (max-width: 450px) {
    .ui-modal.ui-modal--is-visible {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ui-modal--is-transitioning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible
}

.ui-modal--is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    overflow: auto
}

.ui-modal--instant {
    -webkit-transition: none;
    transition: none
}

.ui-modal__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-modal__header-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui-modal__header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: -4.5px -15px 0 0;
    padding-left: 10px
}

.ui-modal__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s;
    transition: height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s;
    transition: box-shadow 260ms ease-in-out 0s, height ease-in-out 260ms;
    transition: box-shadow 260ms ease-in-out 0s, height ease-in-out 260ms, -webkit-box-shadow 260ms ease-in-out 0s
}

.ui-modal__body--contains-iframe {
    position: relative
}

.ui-modal__footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 20px;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-modal__footer-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -10px;
    margin-left: -10px
}

.ui-modal__secondary-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__tertiary-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__primary-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 10px
}

.ui-modal__section {
    padding: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-modal__section:not(:last-child) {
        border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.ui-modal__section--contains-iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0
}

.ui-modal__section--subdued {
    background: var(--p-surface-subdued, #f4f6f8)
}

.ui-modal__section--no-padding {
    padding: 0
}

.ui-modal__section--footer-text {
    padding-left: 0
}

.ui-modal-backdrop {
    height: 100vh;
    width: 100vw;
    background: var(--p-backdrop, rgba(0,0,0,0.25));
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 550
}

.ui-modal-backdrop--is-visible {
    display: block
}

.ui-modal-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 551
}

.ui-modal-contents--is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fresh-ui .ui-modal {
    border-radius: var(--p-border-radius-wide, 6px);
    -webkit-box-shadow: 0 31px 41px 0 rgba(32,42,53,0.2),0 2px 16px 0 rgba(32,42,54,0.08);
    box-shadow: 0 31px 41px 0 rgba(32,42,53,0.2),0 2px 16px 0 rgba(32,42,54,0.08);
    max-height: calc(100% - (2rem + 5.6rem));
    max-width: calc(100% - 2rem);
    width: 640px;
    margin-top: 5.6rem
}

@media screen and (max-width: 450px) {
    .fresh-ui .ui-modal {
        border-radius: 0;
        max-height: calc(100% - 5.6rem);
        max-width: 100%
    }
}

.fresh-ui .ui-modal__header {
    padding: 1.6rem 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.fresh-ui .ui-modal__header-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.fresh-ui .ui-modal__header-actions {
    margin-top: 0;
    padding-left: 0.8rem
}

.fresh-ui .ui-modal__footer {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 1.6rem 2rem
}

.fresh-ui .ui-modal__section {
    padding: 2rem
}

    .fresh-ui .ui-modal__section:not(:last-child) {
        border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
    }

.fresh-ui .ui-modal__section--no-padding {
    padding: 0
}

.fresh-ui .ui-modal__section--contains-iframe {
    padding: 0
}

.fresh-ui .ui-modal__section--subdued {
    background-color: var(--p-surface-subdued, #f4f6f8)
}

.fresh-ui .ui-modal-backdrop {
    background: rgba(32,42,53,0.4)
}

.ui-title-bar {
    z-index: 197;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef0;
    padding: 10px 20px;
    background: #ffffff;
    min-height: 56px
}

@media screen and (min-width: 769px) {
    .ui-title-bar {
        left: 240px
    }
}

.ui-title-bar__heading-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    overflow: hidden;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media screen and (max-width: 768px) {
    .ui-title-bar__heading-group {
        margin-left: 38px
    }
}

.ui-title-bar__title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap
}

.ui-title-bar__icon {
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (max-width: 450px) {
    .ui-title-bar__icon {
        display: none
    }
}

.ui-title-bar__metadata {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    padding-left: 0.8rem
}

@media screen and (max-width: 640px) {
    .ui-title-bar__metadata {
        font-size: 1.4rem
    }
}

.ui-title-bar__pagination {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-title-bar__pagination + .ui-title-bar__actions {
        margin-left: 10px
    }

.ui-title-bar__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .ui-title-bar__actions + .ui-title-bar__actions {
        margin-left: 10px
    }

.ui-title-bar__actions--secondary {
    display: none
}

@media screen and (min-width: 450px) {
    .ui-title-bar__actions--secondary {
        display: block
    }

        .ui-title-bar__actions--secondary + .ui-title-bar__actions--popover {
            display: none
        }
}

.ui-title-bar__action + .ui-title-bar__action {
    margin-left: 10px
}

.ui-title-bar__badge {
    margin: 0 10px
}

@media screen and (max-width: 450px) {
    .ui-title-bar__badge {
        display: none
    }
}

.ui-title-bar__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.action-bar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-left: 0.8rem;
    padding-right: 1.6rem;
    z-index: 196
}

@media screen and (min-width: 720px) {
    .action-bar {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.6rem
    }
}

@media (max-width: 590px),(min-width: 769px) and (max-width: 854px) {
    .action-bar ~ .next-grid {
        margin-top: 0.8rem
    }
}

.action-bar ~ .next-grid--no-padding {
    margin-top: 1.6rem
}

.ui-layout__item .action-bar {
    margin-top: -1.6rem;
    margin-bottom: 1.6rem
}

.action-bar--page-width {
    max-width: 99.8rem
}

.action-bar__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 1.6rem
}

.action-bar__item--link-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .action-bar__item--link-container .ui-button--transparent {
        display: inline-block;
        padding-left: 1rem;
        padding-right: 1rem;
        white-space: nowrap
    }

        .action-bar__item--link-container .ui-button--transparent .ui-popover__container > .ui-button--transparent {
            white-space: nowrap
        }

.action-bar__top-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.action-bar__more {
    margin-left: 1rem
}

.action-bar__more--has-many {
    margin-left: 0
}

.action-bar__link-icon {
    margin-right: 4px
}

.action-bar__popover-icon-wrapper {
    display: inline-block;
    width: 20px;
    margin-right: 0.8rem;
    text-align: center;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.action-bar__popover-icon {
    position: relative;
    top: -0.15em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}

.action-bar__popover-icon--image {
    border-radius: 3px
}

.action-bar__popover-wrapper {
    max-width: 400px;
    list-style: none;
    white-space: normal
}

    .action-bar__popover-wrapper .ui-action-list-action__text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.action-bar__popover-hidden-item, .action-bar__popover-empty-item {
    display: none
}

.action-bar__popover-label {
    padding: 0.8rem 1.6rem 0
}

[data-popover-index="0"]:first-child .action-bar__popover-label {
    display: none
}

.action-bar__popover-hidden-item + [data-popover-index="0"] .action-bar__popover-label, .action-bar__popover-empty-item + [data-popover-index="0"] .action-bar__popover-label {
    display: none
}

:not([data-popover-index]) + [data-popover-index="0"] .action-bar__popover-label {
    display: none
}

.fresh-ui .ui-title-bar-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 0
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .fresh-ui .ui-title-bar-container {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .fresh-ui .ui-title-bar-container {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (min-width: 568px) {
    .fresh-ui .ui-title-bar-container {
        margin-top: 2.4rem;
        margin-bottom: 0
    }
}

.fresh-ui .ui-title-bar {
    background-color: #1c2260;
    color: white;
    position: static;
    padding: 0;
    background: transparent;
    color: inherit;
    z-index: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    min-height: 7.6rem
}

    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.4rem;
        min-height: 3.6rem
    }

@media screen and (min-width: 568px) {
    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.8rem
    }
}

@media screen and (min-width: 768px) {
    .fresh-ui .ui-title-bar .ui-title-bar__navigation {
        margin-top: -0.4rem
    }
}

.fresh-ui .ui-title-bar-container--full-width {
    max-width: 100%
}

.fresh-ui .ui-title-bar-container--single-column {
    max-width: 66.2rem
}

.fresh-ui .ui-title-bar--separator {
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    padding-bottom: 0.8rem
}

.fresh-ui .ui-title-bar__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: -0.4rem
}

.fresh-ui .ui-title-bar__pagination {
    margin-left: auto
}

    .fresh-ui .ui-title-bar__pagination .segmented .btn, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent {
        color: #637381;
        background: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0.8rem
    }

        .fresh-ui .ui-title-bar__pagination .segmented .btn:hover, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:hover {
            color: #212b36
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn:active, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:active, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:active, .fresh-ui .ui-title-bar__pagination .segmented .btn:focus, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .ui-button--transparent:focus {
            background-color: rgba(33,43,54,0.1)
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:hover, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:hover {
            background-color: inital
        }

        .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:active, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:active, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:active, .fresh-ui .ui-title-bar__pagination .segmented .btn.disabled:focus, .fresh-ui .ui-title-bar__pagination .segmented .action-bar__more--has-many .disabled.ui-button--transparent:focus, .fresh-ui .action-bar__more--has-many .ui-title-bar__pagination .segmented .disabled.ui-button--transparent:focus {
            background-color: initial
        }

.fresh-ui .ui-title-bar__main-group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%
}

.fresh-ui .ui-title-bar__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fresh-ui .ui-title-bar__heading-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: inherit;
    overflow: visible;
    margin-left: 0
}

.fresh-ui .ui-title-bar__icon {
    display: none
}

.fresh-ui .ui-title-bar__title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin-right: 0.8rem;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal
}

@media screen and (min-width: 1024px) {
    .fresh-ui .ui-title-bar__title {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.fresh-ui .ui-title-bar__metadata {
    padding-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 2.5rem
}

.fresh-ui .ui-title-bar__mobile-primary-actions {
    display: none;
    padding-left: 0.8rem
}

@media screen and (max-width: 768px) {
    .fresh-ui .ui-title-bar__actions-group {
        display: none
    }

    .fresh-ui .ui-title-bar__mobile-primary-actions {
        display: block
    }
}

.fresh-ui .ui-title-bar__actions {
    z-index: inherit
}

    .fresh-ui .ui-title-bar__actions .js-btn-loadable {
        display: none
    }

.fresh-ui .action-bar {
    margin-top: 1.6rem;
    margin-left: -0.8rem;
    padding: 0;
    z-index: inherit
}

@media screen and (min-width: 450px) {
    .fresh-ui .action-bar {
        margin-top: 0.8rem
    }
}

.fresh-ui .action-bar__link {
    margin-right: 0.4rem
}

.fresh-ui .action-bar__more {
    margin-left: 0
}

.fresh-ui .action-bar__item {
    margin-top: 0
}

.fresh-ui .action-bar__item--link-container {
    margin-left: 0;
    margin-right: 1.6rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--outline:disabled, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--outline:disabled {
        color: #919eab
    }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--outline:disabled .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--outline:disabled .action-bar__link-icon {
            color: transparent;
            fill: #919eab
        }

    .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent {
        background: transparent;
        padding: 0.8rem;
        margin-right: 0.8rem;
        border-radius: var(--p-border-radius-base, 3px);
        color: #637381;
        will-change: background, color;
        -webkit-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
        transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
        text-decoration: none
    }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent .action-bar__link-icon {
            color: transparent;
            fill: #637381
        }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:hover, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:hover {
            color: #212b36;
            text-decoration: none
        }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:active, .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:focus, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:active, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:focus {
            color: #212b36;
            background-color: rgba(33,43,54,0.1) !important;
            text-decoration: none !important
        }

            .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:active .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:focus .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:active .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:focus .action-bar__link-icon {
                color: transparent;
                fill: #212b36
            }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:disabled, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:disabled {
            color: #919eab
        }

            .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent:disabled .action-bar__link-icon, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent:disabled .action-bar__link-icon {
                color: transparent;
                fill: #919eab
            }

        .fresh-ui .action-bar__item--link-container .action-bar__top-links .ui-button--transparent .next-icon--color-blue, .fresh-ui .action-bar__item--link-container .action-bar__more:not(.action-bar__more--has-many) .ui-button--transparent .next-icon--color-blue {
            color: currentColor
        }

.fresh-ui .action-bar__popover-icon-wrapper .action-bar__popover-icon {
    fill: #212b36
}

.fresh-ui .ui-action-list-action:hover .action-bar__popover-icon-wrapper .action-bar__popover-icon, .fresh-ui .ui-action-list-action:focus .action-bar__popover-icon-wrapper .action-bar__popover-icon {
    fill: white
}

.fresh-ui .ui-action-list-action:disabled, .fresh-ui .ui-action-list-action[aria-disabled] {
    color: #919eab
}

    .fresh-ui .ui-action-list-action:disabled .action-bar__popover-icon-wrapper .action-bar__popover-icon, .fresh-ui .ui-action-list-action[aria-disabled] .action-bar__popover-icon-wrapper .action-bar__popover-icon {
        color: transparent;
        fill: #919eab
    }

.fresh-ui .action-bar__top-links {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.fresh-ui .action-bar__more--has-many {
    margin-left: 0.8rem
}

    .fresh-ui .action-bar__more--has-many .ui-button--transparent:hover, .fresh-ui .action-bar__more--has-many .ui-button--transparent:focus {
        color: #212b36
    }

.fresh-ui .action-bar__popover-wrapper {
    padding: 0.8rem 0
}

    .fresh-ui .action-bar__popover-wrapper .ui-action-list {
        padding: 0
    }

    .fresh-ui .action-bar__popover-wrapper .ui-popover__section:last-child:not(:only-of-type) {
        margin-bottom: -0.8rem
    }

.fresh-ui .action-bar__popover-label {
    padding: 0.8rem 1.6rem
}

.action-bar__label--has-new-feature:before, .action-bar__label--has-new-feature:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #47c1bf;
    position: absolute;
    right: -0.4rem;
    top: -0.4rem
}

.action-bar__label--has-new-feature:before {
    z-index: 1;
    -webkit-animation: bounce 5s ease infinite;
    animation: bounce 5s ease infinite
}

.action-bar__label--has-new-feature:after {
    right: -0.4rem;
    top: -0.4rem;
    -webkit-animation: pulse 5s ease infinite;
    animation: pulse 5s ease infinite
}

.action-bar__label--has-new-feature--mobile:before, .action-bar__label--has-new-feature--mobile:after {
    visibility: hidden
}

@media all and (max-width: 500px) {
    .action-bar__label--has-new-feature--mobile:before, .action-bar__label--has-new-feature--mobile:after {
        visibility: visible
    }
}

.action-bar__new-label {
    font-size: 1.1rem;
    color: white;
    padding: 0 0.8rem;
    background: #47c1bf;
    display: inline-block;
    border-radius: 1rem;
    margin-left: 1.6rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@keyframes bounce {
    from,65%,85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }

    82.5% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes pulse {
    from,75% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1
    }

    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

.action-bar__item--visually-hidden {
    visibility: hidden
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

    table.no-hover tr:hover td {
        background-color: transparent;
        border-color: #ececec
    }

    table.no-hover tr.summary:hover td {
        background: #f9f9f9;
        border-color: #ececec
    }

    table.no-hover tr:hover td.table-dropdown {
        background-color: #f9f9f9;
        border-color: #dcdcdc;
        border-top-color: #ccc
    }

    table.border-bottom tr:last-child td {
        border-bottom: 1px solid #ebeef0
    }

        table.border-bottom tr:last-child td.table-dropdown {
            border: 1px solid #dcdcdc
        }

    table.border-top th {
        border: 0
    }

    table.border-top td {
        border-bottom: 0;
        border-top: 1px solid #ececec
    }

    table.border-top tr.no-border td {
        border-top: 0
    }

    table.border-left td, table .border-left {
        border-left: solid 1px #d3dbe2
    }

    table.expanded td {
        padding-top: 8px;
        padding-bottom: 8px
    }

tr.selected:hover td, tr.selected td, tr.selected td:hover {
    background-color: #fffbe9
}

tr:last-child > td {
    border-bottom: none
}

th {
    font-weight: 400;
    text-align: left;
    color: #31373d;
    padding: 8px 10px;
    border-bottom: 1px solid #ebeef0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    th.is-sortable {
        cursor: pointer
    }

        th.is-sortable:hover {
            background: #ebf5fa;
            color: #006fbb
        }

            th.is-sortable:hover > span::before {
                background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20xmlns:sketch=%22http://www.bohemiancoding.com/sketch/ns%22%20width=%229px%22%20height=%224px%22%20viewBox=%220%200%209%204%22%20version=%221.1%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(0,%20111,%20187)%20!important;%20%7D%3C/style%3E%3Ctitle%3Edisclosure-icon%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg%20id=%22Page-1%22%20stroke=%22none%22%20stroke-width=%221%22%20fill=%22none%22%20fill-rule=%22evenodd%22%20sketch:type=%22MSPage%22%3E%3Cpolygon%20id=%22disclosure-icon%22%20fill=%22%23929292%22%20sketch:type=%22MSShapeGroup%22%20transform=%22translate(4.500000,%202.000000)%20scale(1,%20-1)%20translate(-4.500000,%20-2.000000)%20%22%20points=%224.5%200%209%204%200%204%20%22/%3E%3C/g%3E%3C/svg%3E") !important
            }

    th.sorted-desc > span, th.sorted-asc > span {
        padding-right: 16px;
        position: relative
    }

        th.sorted-desc > span::before, th.sorted-asc > span::before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 10px;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20xmlns:sketch=%22http://www.bohemiancoding.com/sketch/ns%22%20width=%229px%22%20height=%224px%22%20viewBox=%220%200%209%204%22%20version=%221.1%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(69,%2078,%2087)%20!important;%20%7D%3C/style%3E%3Ctitle%3Edisclosure-icon%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg%20id=%22Page-1%22%20stroke=%22none%22%20stroke-width=%221%22%20fill=%22none%22%20fill-rule=%22evenodd%22%20sketch:type=%22MSPage%22%3E%3Cpolygon%20id=%22disclosure-icon%22%20fill=%22%23929292%22%20sketch:type=%22MSShapeGroup%22%20transform=%22translate(4.500000,%202.000000)%20scale(1,%20-1)%20translate(-4.500000,%20-2.000000)%20%22%20points=%224.5%200%209%204%200%204%20%22/%3E%3C/g%3E%3C/svg%3E");
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center
        }

        th.sorted-desc > span::before {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        th.sorted-asc > span::before {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    th.right-aligned {
        text-align: right
    }

        th.right-aligned > span {
            padding-right: 0;
            padding-left: 16px
        }

        th.right-aligned.sorted-desc > span::before {
            right: auto;
            left: 0
        }

        th.right-aligned.sorted-asc > span::before {
            right: auto;
            left: 0
        }

    th.select {
        width: 32px;
        max-width: 32px;
        z-index: 7
    }

        th.select input[type=checkbox] {
            position: relative;
            z-index: 20
        }

    th > span {
        display: inline-block
    }

td {
    border-bottom: 1px solid #ebeef0;
    padding: 6px 10px;
    background: transparent
}

    td.key {
        width: 15%;
        text-align: right
    }

    td.value {
        width: 85%
    }

    td.border-right {
        border-right: solid 1px #d3dbe2
    }

    td.select {
        width: 18px;
        max-width: 18px
    }

    td img {
        display: block
    }

label.disabled {
    color: #a6a6a6
}

th.drag-handle, td.drag-handle {
    padding-right: 0;
    padding-left: 0;
    width: 21px
}

th.link-name, td.link-name {
    padding-left: 0;
    padding-right: 0
}

th.link-value, td.link-value {
    width: 100%;
    padding-right: 0
}

th.link-remove, td.link-remove {
    text-align: right;
    padding-right: 0
}

th.customer, td.customer {
    width: 250px
}

th.section, td.section {
    width: 20%
}

th.language, td.language {
    width: 200px
}

th.theme_language-actions, td.theme_language-actions {
    width: 180px
}

th.remove, td.remove {
    width: 34px
}

th.select, td.select {
    padding-right: 7px !important;
    padding-left: 7px !important
}

th.draggable, td.draggable {
    width: 21px;
    padding-right: 5px
}

th.border-bottom-none, td.border-bottom-none {
    border-bottom: none !important
}

tfoot, tfoot td {
    text-align: right
}

    tfoot td {
        border: none
    }

.table-hover tr:hover td {
    background: #ebf5fa;
    cursor: pointer
}

.table-hover .table-blank-slate tr:hover td {
    background: transparent
}

.summary td {
    background: #fafbfc
}

td a.subdued, td .dropdown li a.subdued, .dropdown li td a.subdued {
    text-decoration: none
}

    td a.subdued:hover {
        text-decoration: underline
    }

.is-archived td {
    color: var(--p-text-subdued, #637381)
}

    .is-archived td > a {
        color: var(--p-text-subdued, #637381)
    }

        .is-archived td > a:hover {
            color: #212b36
        }

.is-cancelled td {
    color: #d83e3e
}

    .is-cancelled td > a {
        color: #d83e3e
    }

    .is-cancelled td.total {
        text-decoration: line-through
    }

.is-abandoned td {
    color: #e06b0c
}

    .is-abandoned td > a {
        color: #e06b0c
    }

.data-table-th {
    border-right: 1px solid #ececec;
    background: #fafafa
}

.data-table-td {
    border-right: 1px solid #ececec;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
}

.table-label {
    background: #fafafa;
    border-right: 1px solid #e6e6e6;
    padding-left: 20px;
    padding-top: 8px;
    min-width: 220px;
    vertical-align: top
}

.table-label-copy {
    color: #444444;
    margin-top: 10px
}

.column-type {
    background: #fafafa
}

.column-type-ignored {
    color: #444444;
    text-decoration: line-through
}

.is-selected > td, .is-selected:hover > td {
    background-color: #fffbe9;
    border-color: #ebebda
}

.first-row td {
    padding-top: 15px
}

.last-row td {
    color: #333;
    border-top: 1px solid #ececec
}

.summary-total td {
    padding: 0
}

    .summary-total td span {
        display: block;
        margin-top: 14px;
        padding: 6px 10px;
        border-top: 1px solid #ececec;
        font-weight: bold;
        background: #f6f6f6
    }

.select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .select input[type=checkbox] {
        margin: 0;
        height: auto
    }

.image {
    width: 50px;
    padding-right: 5px
}

    .image img {
        max-width: 50px;
        margin: 0 auto;
        border-radius: 4px
    }

    .image.thumb {
        height: 50px
    }

.table-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.sortable-placeholder {
    display: block
}

.table-fixed {
    table-layout: fixed
}

    .table-fixed td {
        word-wrap: break-word;
        word-break: break-word
    }

.table--no-border {
    border: none
}

    .table--no-border tbody {
        border: none
    }

    .table--no-border thead {
        border: none
    }

    .table--no-border tr {
        border: none
    }

    .table--no-border tfoot {
        border: none
    }

    .table--no-border th {
        border: none
    }

    .table--no-border td {
        border: none
    }

.table__row--no-border td {
    border: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.table-dropdown {
    position: relative;
    background: #f9f9f9;
    padding: 25px 28px !important;
    border: 1px solid #dcdcdc;
    margin-top: -1px
}

    .table-dropdown .heading {
        width: 100%;
        position: relative;
        left: -4px
    }

    .table-dropdown .buttons {
        position: relative;
        width: 100%;
        padding: 10px 10px 10px 46px;
        top: 25px;
        left: -28px;
        background: #fafafa;
        border-top: 1px solid #e6e6e6;
        border-bottom: none
    }

        .table-dropdown .buttons p {
            line-height: 32px
        }

    .table-dropdown table {
        border: none
    }

        .table-dropdown table th {
            cursor: default;
            border-top: none !important
        }

        .table-dropdown table th, .table-dropdown table tr:hover td, .table-dropdown table td {
            background: transparent !important
        }

        .table-dropdown table td {
            border-bottom: 1px solid #e6e6e6
        }

            .table-dropdown table th:first-child, .table-dropdown table td:first-child {
                padding-left: 0
            }

            .table-dropdown table th:last-child, .table-dropdown table td:last-child {
                padding-right: 0
            }

.fulfillment-table th:first-child {
    width: 250px
}

.fulfillment-table th:last-child {
    width: 140px
}

.number-of-items {
    width: 90px
}

.table--no-side-padding th:first-child, .table--no-side-padding td:first-child {
    padding-left: 0
}

.table--no-side-padding th:last-child, .table--no-side-padding td:last-child {
    padding-right: 0
}

.table--nested td:first-child {
    padding-left: 0
}

.table--nested td:last-child {
    padding-right: 0
}

.table--nested tr:first-child td {
    padding-top: 0 !important
}

.table--extra-expanded td {
    padding-top: 10px;
    padding-bottom: 10px
}

.table--rounded-border {
    border: 1px solid #ebeef0;
    border-radius: 4px
}

.table--no-horizontal-padding td:first-child {
    padding-left: 0
}

.table--no-horizontal-padding td:last-child {
    padding-right: 0
}

.table-wrapper {
    width: 1px;
    max-width: 100%;
    min-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table--divided {
    border-collapse: collapse
}

    .table--divided tr {
        border-top: 1px solid #ebeef0
    }

        .table--divided tr:first-child {
            border-top: 0
        }

    .table--divided td {
        border: 0
    }

.table-cell--no-left-padding {
    padding-left: 0
}

.table-cell--no-right-padding {
    padding-right: 0
}

.table-cell--no-wrap {
    white-space: nowrap
}

.ui-sortable-helper > tr > td {
    background: #ffffff
}

.table-wrapper-sticky {
    position: relative
}

.table-wrapper-sticky--is-sticky td, .table-wrapper-sticky--is-sticky th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table-wrapper-sticky--is-sticky .table__cell--sticky {
    background-color: #ffffff;
    position: absolute;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .table-wrapper-sticky--is-sticky .table__cell--sticky:first-child {
        left: 0;
        -webkit-box-shadow: 4px 0 3px -1px rgba(69,78,87,0.05);
        box-shadow: 4px 0 3px -1px rgba(69,78,87,0.05);
        border-right: solid 1px #d3dbe2
    }

    .table-wrapper-sticky--is-sticky .table__cell--sticky:last-child {
        right: 0;
        -webkit-box-shadow: -4px 0 3px -1px rgba(69,78,87,0.05);
        box-shadow: -4px 0 3px -1px rgba(69,78,87,0.05);
        border-left: solid 1px #d3dbe2
    }

.selected .table__cell--sticky {
    background-color: #fffbe9
}

.table-wrapper-sticky--supports-position-sticky .table__cell--sticky {
    display: table-cell
}

.table-wrapper-sticky--is-sticky .table__cell--sticky--bulk-selection-active:first-child {
    width: 100% !important;
    border-left: none;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    position: absolute;
    z-index: 6
}

.table-wrapper-sticky--is-sticky.table-wrapper-sticky--is-resizing .table__cell--sticky--bulk-selection-active {
    width: auto !important
}

.fresh-ui th {
    color: #212b36;
    font-weight: 500
}

    .fresh-ui th.is-sortable:hover {
        color: #5c6ac4;
        background-color: transparent
    }

        .fresh-ui th.is-sortable:hover > span::before {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(33,%2043,%2054)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M6.28%209.28l3.366%203.366c.196.196.512.196.708%200L13.72%209.28c.293-.293.293-.767%200-1.06-.14-.14-.332-.22-.53-.22H6.81c-.414%200-.75.336-.75.75%200%20.2.08.39.22.53z%22/%3E%3C/svg%3E") !important
        }

    .fresh-ui th.sorted-desc > span::before, .fresh-ui th.sorted-asc > span::before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,ellipse,line,path,polygon,polyline,rect,text%7Bfill:rgb(33,%2043,%2054)%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M6.28%209.28l3.366%203.366c.196.196.512.196.708%200L13.72%209.28c.293-.293.293-.767%200-1.06-.14-.14-.332-.22-.53-.22H6.81c-.414%200-.75.336-.75.75%200%20.2.08.39.22.53z%22/%3E%3C/svg%3E");
        width: 20px;
        right: -0.4rem
    }

.fresh-ui .table-hover tr:hover td {
    background-color: #f9fafb
}

.fresh-ui .table-hover a:hover {
    text-decoration: none;
    color: #006fbb
}

.fresh-ui .table-hover .is-archived td > a:hover {
    color: var(--p-text-subdued, #637381)
}

.fresh-ui table tr.selected td, .fresh-ui table tr.selected:hover td {
    background-color: #f4f5fa
}

.ui-data-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .ui-data-table * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

.ui-data-table__wrapper {
    position: relative;
    overflow: hidden
}

.ui-data-table__cell {
    border-bottom: none;
    padding: 12px;
    white-space: normal;
    word-wrap: break-word
}

    .ui-data-table__cell img {
        max-width: inherit
    }

.ui-data-table__row--expand-last .ui-data-table__cell:last-child {
    width: 100%
}

.ui-data-table__cell--header {
    background: #ffffff
}

.ui-data-table__header .ui-data-table__cell--header {
    padding: 16px;
    border-bottom: 1px solid #d3dbe2
}

.ui-data-table__body .ui-data-table__cell--header {
    border-right: 1px solid #d3dbe2
}

.ui-data-table__cell:first-of-type, .ui-data-table__cell--header:first-of-type {
    padding-left: 20px
}

.ui-data-table__cell:last-of-type, .ui-data-table__cell--header:last-of-type {
    padding-right: 20px
}

.ui-data-table__cell--alignment-left {
    text-align: left
}

.ui-data-table__cell--alignment-right {
    text-align: right
}

.ui-data-table__cell--single-line {
    white-space: nowrap
}

    .ui-data-table__cell--single-line .btn--link {
        white-space: nowrap
    }

.ui-data-table--scroll .ui-data-table__row:nth-child(even) {
    background: #ffffff
}

.ui-data-table--scroll .ui-data-table__row:nth-child(odd) {
    background: #fafbfc
}

.ui-data-table__footer .ui-data-table__cell {
    border-top: 1px solid #ebeef0;
    background: #f5f6f7;
    font-weight: bold;
    font-size: 14px
}

.ui-data-table__scroll-wrapper {
    -webkit-overflow-scrolling: touch
}

.ui-data-table__fixed-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.ui-data-table--fixed {
    opacity: 0
}

    .ui-data-table--fixed .ui-data-table__cell:not(:first-child) {
        visibility: hidden
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table__cell:first-child {
    min-width: 145px;
    max-width: 145px
}

@media screen and (min-width: 1024px) {
    .ui-data-table__wrapper--is-collapsed .ui-data-table__cell:first-child {
        width: auto;
        max-width: 100%
    }
}

.ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header {
    padding-top: 48px
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .btn, .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .fresh-ui .action-bar__more--has-many .ui-button--transparent, .fresh-ui .action-bar__more--has-many .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .ui-button--transparent, .ui-data-table__wrapper--is-collapsed .ui-data-table__cell--header:first-child .btn--link {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table--fixed {
    opacity: 1
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__cell:first-child {
        pointer-events: all;
        -webkit-box-shadow: 2px 0 4px -1px rgba(0,0,0,0.1);
        box-shadow: 2px 0 4px -1px rgba(0,0,0,0.1)
    }

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__row:nth-child(even) .ui-data-table__cell {
        background: #ffffff
    }

    .ui-data-table__wrapper--is-collapsed .ui-data-table--fixed .ui-data-table__row:nth-child(odd) .ui-data-table__cell {
        background: #fafbfc
    }

.ui-data-table__wrapper--is-collapsed .ui-data-table__scroll-wrapper {
    overflow-x: scroll;
    margin-left: 145px
}

.ui-data-table__wrapper--is-collapsed .ui-data-table--scroll {
    margin-left: -145px;
    width: calc(100% + 145px)
}

    .ui-data-table__wrapper--is-collapsed .ui-data-table--scroll .ui-data-table__cell:first-child {
        color: transparent
    }

.ui-data-table__navigation {
    position: absolute;
    top: 8px;
    right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.ui-data-table__wrapper--is-hiding-navigation .ui-data-table__navigation {
    display: none
}

.ui-data-table__navigation-pip {
    text-indent: -9999px;
    background: #454e57;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    border: 0;
    padding: 0;
    margin-right: 5px
}

.ui-data-table__navigation-button--is-not-visible {
    background: #c4cdd5
}

.ui-data-table__next-button {
    margin-left: -5px;
    margin-right: -15px
}

.next-heading {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 0 0 20px
}

@media screen and (max-width: 640px) {
    .next-heading {
        font-size: 1.6rem
    }
}

.next-heading--1 {
    font-size: 22px
}

.next-heading--2 {
    font-size: 20px
}

.next-heading--3 {
    font-size: 18px
}

.next-heading--tiny {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial
}

@media screen and (max-width: 640px) {
    .next-heading--tiny {
        font-size: 1.4rem
    }
}

.next-heading--small {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .next-heading--small {
        font-size: 1.2rem
    }
}

.next-heading--large {
    font-size: 24px
}

.next-heading--xl {
    font-size: 32px
}

.next-heading--light-weight {
    font-weight: 300
}

.next-heading--semi-bold {
    font-weight: 500
}

.next-heading--subdued {
    color: var(--p-text-subdued, #637381)
}

.next-heading--callout {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase;
    color: #c3cfd8
}

@media screen and (max-width: 640px) {
    .next-heading--callout {
        font-size: 1.2rem
    }
}

.next-heading--callout a.subdued, .next-heading--callout .dropdown li a.subdued, .dropdown li .next-heading--callout a.subdued {
    text-decoration: none
}

    .next-heading--callout a.subdued:hover {
        text-decoration: underline
    }

.next-heading--truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.next-heading--callout--darker {
    color: #798c9c
}

.next-heading--micro-uppercase-bordered {
    color: #798c9c;
    padding: 5px 20px;
    padding-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: solid 1px #ebeef0;
    margin: 0
}

.next-heading--no-margin {
    margin: 0
}

.next-heading--half-margin {
    margin: 0 0 10px
}

.next-heading--quarter-margin {
    margin: 0 0 5px
}

.next-tab__list {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #f5f6f7;
    overflow: visible;
    border-radius: 3px 3px 0 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .next-tab__list::after {
        content: '';
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 1px solid #ebeef0
    }

    .next-tab__list > li {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .next-tab__list .next-tab__list__disclosure-item {
        display: none
    }

        .next-tab__list .next-tab__list__disclosure-item .next-tab {
            border-top-right-radius: 3px
        }

    .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 3px
    }

.next-tab__list--non-rounded {
    border-radius: 0
}

    .next-tab__list--non-rounded .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .next-tab__list--non-rounded > li:first-child .next-tab {
        border-top-left-radius: 0
    }

.next-tab__list--full::after {
    display: none
}

.next-tab__list--full > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .next-tab__list--full > li:last-of-type > .next-tab {
        border-right: none
    }

.next-tab__list--full .next-tab__list__disclosure-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.next-tab__list--fitted::after {
    display: none
}

.next-tab__list--fitted > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

    .next-tab__list--fitted > li:last-of-type > .next-tab {
        border-right: 0
    }

.next-tab__list--fitted .next-tab__list__disclosure-item {
    display: none
}

.next-tab__list--vertical {
    display: block;
    background: transparent;
    padding: 7px 0
}

    .next-tab__list--vertical::after {
        display: none
    }

    .next-tab__list--vertical .next-tab {
        border: none;
        padding: 8px 20px;
        text-align: left
    }

        .next-tab__list--vertical .next-tab:hover, .next-tab__list--vertical .next-tab:focus {
            background: transparent
        }

        .next-tab__list--vertical .next-tab:hover {
            color: #006fbb
        }

        .next-tab__list--vertical .next-tab:focus {
            color: black
        }

.next-tab__list--page-navigation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .next-tab__list--page-navigation {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .next-tab__list--page-navigation {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.next-tab {
    color: var(--p-text-subdued, #637381);
    padding: 15px 20px;
    text-decoration: none;
    border-right: 1px solid #ebeef0;
    border-bottom: 1px solid #ebeef0;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .next-tab:focus, .next-tab:hover {
        outline: none;
        background-color: #fafbfc;
        color: #006fbb;
        text-decoration: none
    }

    .next-tab.next-tab--is-active {
        font-weight: 400;
        color: var(--p-text, #212b36);
        background-color: #ffffff;
        border-bottom-color: #ffffff;
        cursor: default;
        text-decoration: none
    }

.next-tab--disclosure {
    padding: 0 20px
}

    .next-tab--disclosure .helper-hidden {
        display: none
    }

    .next-tab--disclosure .next-tab {
        display: inline-block
    }

.next-tab__panel {
    display: none
}

    .next-tab__panel.next-tab__panel--is-active {
        display: block
    }

    .next-tab__panel > *:first-child:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.fresh-ui .next-tab__container--full-width {
    border-bottom: 1px solid var(--p-border, #c4cdd5);
    border-top: 1px solid var(--p-border, #c4cdd5);
    width: 100%;
    margin-top: 1.6rem
}

    .fresh-ui .next-tab__container--full-width .next-tab__list {
        border: 0
    }

.fresh-ui .next-tab__list {
    background-color: transparent;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    border-radius: 0
}

    .fresh-ui .next-tab__list::after {
        display: none
    }

    .fresh-ui .next-tab__list .next-tab__list__disclosure-item .next-tab {
        border-top-right-radius: 0
    }

    .fresh-ui .next-tab__list > li:first-child .next-tab {
        border-top-left-radius: 0;
        margin-left: 1.6rem
    }

    .fresh-ui .next-tab__list .next-tab {
        color: #637381
    }

        .fresh-ui .next-tab__list .next-tab:focus, .fresh-ui .next-tab__list .next-tab:hover {
            color: #212b36
        }

    .fresh-ui .next-tab__list > li > .next-tab {
        border-right: 0;
        border-bottom: 3px solid transparent;
        margin-right: 1.6rem;
        padding: 1.6rem 0;
        min-width: 5rem
    }

        .fresh-ui .next-tab__list > li > .next-tab:focus, .fresh-ui .next-tab__list > li > .next-tab:hover {
            background-color: transparent;
            border-bottom-color: #c4cdd5
        }

        .fresh-ui .next-tab__list > li > .next-tab.next-tab--is-active {
            background-color: transparent;
            border-bottom-color: #5c6ac4;
            color: #212b36
        }

.fresh-ui .next-tab__list--fitted > li:first-of-type > .next-tab {
    margin-left: 0
}

.fresh-ui .next-tab__list--fitted > li > .next-tab {
    margin-right: 0
}

.fresh-ui .next-tab__list--page-navigation > li:first-child .next-tab {
    margin-left: 0
}

pre {
    font-family: inherit;
    font-size: 100%;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.pb-loose {
    padding-bottom: 2rem
}

.pv-extra-loose {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem
}

.bg-white {
    background-color: white
}

.border-top {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.visually-hidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .visually-hidden a, .body:hover .visually-hidden input, .body:hover .visually-hidden button {
    display: none !important
}

.hidden, .next-input-wrapper.hidden, #hyperwallet-drop-in-transfer-method-ui .hidden.hw-form-group, #hyperwallet-drop-in-verification-ui .hidden.hw-form-group {
    display: none
}

.link-text {
    color: #006fbb;
    cursor: pointer
}

#nprogress {
    position: fixed;
    width: 100%;
    height: 3px;
    top: 5.6rem;
    left: 0;
    z-index: 504;
    background-color: #c4cdd5;
    pointer-events: none
}

    #nprogress .bar {
        position: fixed;
        width: 100%;
        height: 3px;
        top: 5.6rem;
        left: 0;
        z-index: 505;
        background-color: #47c1bf
    }

.error-page {
    padding-top: 5.6rem
}

.error-page--permissions-required ul {
    margin-top: 1.6rem;
    display: inline-block
}

.slide-left-exit {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .slide-left-exit.slide-left-exit-active {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: opacity 150ms linear, -webkit-transform 150ms ease-out;
        transition: opacity 150ms linear, -webkit-transform 150ms ease-out;
        transition: opacity 150ms linear, transform 150ms ease-out;
        transition: opacity 150ms linear, transform 150ms ease-out, -webkit-transform 150ms ease-out
    }

.slide-left-enter {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
}

    .slide-left-enter.slide-left-enter-active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 100ms linear 150ms, -webkit-transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, -webkit-transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, transform 100ms linear 150ms, -webkit-transform 100ms linear 150ms
    }

.slide-right-exit {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .slide-right-exit.slide-right-exit-active {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-transition: opacity 150ms linear, -webkit-transform 150ms ease-out;
        transition: opacity 150ms linear, -webkit-transform 150ms ease-out;
        transition: opacity 150ms linear, transform 150ms ease-out;
        transition: opacity 150ms linear, transform 150ms ease-out, -webkit-transform 150ms ease-out
    }

.slide-right-enter {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
}

    .slide-right-enter.slide-right-enter-active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 100ms linear 150ms, -webkit-transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, -webkit-transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, transform 100ms linear 150ms;
        transition: opacity 100ms linear 150ms, transform 100ms linear 150ms, -webkit-transform 100ms linear 150ms
    }

.ui-annotated-section__layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-annotated-section__layout-area--primary {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1 100%;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%
}

.ui-annotated-section__layout-area--secondary {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 16rem;
    -ms-flex: 1 0 16rem;
    flex: 1 0 16rem;
    margin-left: 2rem
}

.app-credentials .app-credentials__secrets {
    padding-bottom: 0
}

.app-credentials .app-credentials__legend {
    margin-bottom: 0.4rem
}

.app-credentials .app-credentials__actions {
    margin-top: 0
}

.app-credentials .app-credentials__secret-wrapper.hide + .app-credentials__secret-wrapper {
    margin-top: 0
}

.app-credentials--no-delete .app-credentials__secret-delete {
    display: none
}

.app-credentials--no-delete .next-field__connected-wrapper > .ui-button:nth-last-child(2), .app-credentials--no-delete #hyperwallet-drop-in-transfer-method-ui .next-field__connected-wrapper > .hw-button:nth-last-child(2), #hyperwallet-drop-in-transfer-method-ui .app-credentials--no-delete .next-field__connected-wrapper > .hw-button:nth-last-child(2), .app-credentials--no-delete #hyperwallet-drop-in-verification-ui .next-field__connected-wrapper > .hw-button:nth-last-child(2), #hyperwallet-drop-in-verification-ui .app-credentials--no-delete .next-field__connected-wrapper > .hw-button:nth-last-child(2) {
    border-top-right-radius: var(--p-border-radius-base, 3px);
    border-bottom-right-radius: var(--p-border-radius-base, 3px)
}

.ui-avatar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: transparent;
    overflow: hidden
}

.ui-avatar__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.ui-avatar__initials {
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    text-transform: uppercase
}

.ui-avatar.ui-avatar--notification {
    background-color: #454f5b
}

.ui-avatar--style-1 {
    background-color: #47c1bf
}

.ui-avatar--style-2 {
    background-color: #de3618
}

.ui-avatar--style-3 {
    background-color: #f49342
}

.ui-avatar--style-4 {
    background-color: #50b83c
}

.ui-avatar--style-5 {
    background-color: #006fbb
}

.ui-avatar--style-6 {
    background-color: #9c6ade
}

.ui-avatar--size-small {
    width: 2rem;
    height: 2rem
}

    .ui-avatar--size-small .ui-avatar__initials {
        font-size: 1rem
    }

.ui-avatar--size-big {
    width: 4.4rem;
    height: 4.4rem
}

    .ui-avatar--size-big .ui-avatar__initials {
        font-size: 1.8rem
    }

.ui-avatar--size-bigger {
    width: 6.4rem;
    height: 6.4rem
}

    .ui-avatar--size-bigger .ui-avatar__initials {
        font-size: 2.2rem
    }

.ui-avatar--size-biggest {
    width: 8rem;
    height: 8rem
}

    .ui-avatar--size-biggest .ui-avatar__initials {
        font-size: 2.6rem
    }

.page--signup .ui-avatar {
    width: 32px;
    height: 32px
}

.page--signup .ui-avatar__initials {
    font-size: 14px
}

.page--signup .ui-avatar--size-small {
    width: 20px;
    height: 20px
}

    .page--signup .ui-avatar--size-small .ui-avatar__initials {
        font-size: 10px
    }

.page--signup .ui-avatar--size-big {
    width: 44px;
    height: 44px
}

    .page--signup .ui-avatar--size-big .ui-avatar__initials {
        font-size: 18px
    }

.page--signup .ui-avatar--size-bigger {
    width: 64px;
    height: 64px
}

    .page--signup .ui-avatar--size-bigger .ui-avatar__initials {
        font-size: 22px
    }

.page--signup .ui-avatar--size-biggest {
    width: 80px;
    height: 80px
}

    .page--signup .ui-avatar--size-biggest .ui-avatar__initials {
        font-size: 26px
    }

.card-table__head {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .card-table__head a, .body:hover .card-table__head input, .body:hover .card-table__head button {
    display: none !important
}

.card-table__cell {
    border-bottom: 0;
    padding: 1.6rem 0 0
}

.card-table__row:first-child .card-table__cell {
    padding-top: 0
}

.card-table__cell--value {
    text-align: right
}

.characters-remaining {
    float: right;
    color: var(--p-text-subdued, #637381)
}

.certification__header header {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.certification__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.certification__single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

    .certification__single:nth-child(2n+1) {
        border-right: 1px solid var(--p-border-subdued, #dfe3e8)
    }

    .certification__single:last-child + .certification__single:nth-last-child(2) {
        border-bottom: 0
    }

    .certification__single.certification__single--center-vertically {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.certification__single-image {
    margin-right: 2rem
}

.certification__single-image--expired {
    opacity: 0.3
}

.app-metrics__heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app-metrics__heading {
    margin-bottom: 1.6rem
}

.date-range-picker__wrapper {
    width: 506px
}

.date-range-picker__activator-skeleton {
    width: 100px
}

.date-range-picker__date-inputs > div {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width: 568px) {
    .date-range-picker--open .date-range-picker__month-container > div > div:nth-child(2) {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.partners-empty-state__image {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

    .partners-empty-state__image img {
        display: block;
        position: relative;
        width: 166%;
        max-width: none;
        left: -66%
    }

@media screen and (min-width: 1024px) {
    .partners-empty-state__image img {
        width: 100%;
        position: static
    }
}

.ui-empty-state--spot-illustration .ui-heading, .ui-empty-state--spot-illustration #hyperwallet-drop-in-transfer-method-ui .hw-group legend, #hyperwallet-drop-in-transfer-method-ui .hw-group .ui-empty-state--spot-illustration legend, .ui-empty-state--spot-illustration #hyperwallet-drop-in-verification-ui .hw-group legend, #hyperwallet-drop-in-verification-ui .hw-group .ui-empty-state--spot-illustration legend, .ui-empty-state--spot-illustration #hyperwallet-drop-in-transfer-method-ui .hw-field-headers, #hyperwallet-drop-in-transfer-method-ui .ui-empty-state--spot-illustration .hw-field-headers, .ui-empty-state--spot-illustration #hyperwallet-drop-in-verification-ui .hw-field-headers, #hyperwallet-drop-in-verification-ui .ui-empty-state--spot-illustration .hw-field-headers {
    text-align: center;
    width: 100%
}

.partners-empty-state__spot-illustration {
    height: 17rem
}

@media (min-width: 1150px) {
    .partners-empty-state__spot-illustration {
        height: 27rem
    }
}

.partners-empty-state__spot-illustration img {
    margin: auto 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.ui-empty-state__title--subdued {
    color: #637381
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
    .collapsible-cards-empty-state .ui-empty-state__section {
        left: 0;
        width: 95%
    }
}

.collapsible-cards-empty-state .ui-empty-state__subsection__foreground {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.collapsible-cards-empty-state .ui-empty-state__subsection__background {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media screen and (max-width: 1024px) {
    .collapsible-cards-empty-state .ui-empty-state__subsection__background {
        display: none
    }
}

.collapsible-cards-empty-state .ui-empty-state__details {
    max-width: none
}

.file-upload__flex-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.file-upload--is-selected .file-upload__title::after {
    content: ':'
}

.file-upload--is-error .next-input__help-text, .file-upload--is-error #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-transfer-method-ui .file-upload--is-error .hw-error-message, .file-upload--is-error #hyperwallet-drop-in-verification-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .file-upload--is-error .hw-error-message {
    color: #bf0711
}

.file-upload__preview-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f6f8;
    border-radius: var(--p-border-radius-base, 3px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 6rem;
    -ms-flex: 0 1 6rem;
    flex: 0 1 6rem;
    height: 6rem;
    margin: 0.8rem 0;
    overflow: hidden;
    width: 6rem
}

.file-upload--large .file-upload__preview-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: auto;
    min-width: 100%;
    padding: 1.6rem;
    width: 100%
}

.file-upload__preview {
    display: inline-block;
    margin: 0 auto;
    max-height: 6rem;
    max-width: 6rem;
    width: auto
}

.file-upload--large .file-upload__preview {
    max-height: none;
    max-width: 100%
}

.file-upload__preview svg, .file-upload__preview img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.file-upload--sidebar .file-upload__preview {
    fill: #798c9c;
    height: 1.6rem;
    width: 1.6rem
}

.file-upload__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin: 0.8rem 1.6rem;
    min-width: 15rem
}

    .file-upload__description:first-child, .file-upload--large .file-upload__description {
        margin: 0 1.6rem 0 0
    }

.file-upload__data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 568px) {
    .file-upload__data {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.file-upload__title {
    margin-right: 0.8rem
}

.file-upload__filename {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-upload__cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0.8rem 0
}

.file-upload__cta--focus .ui-button, .file-upload__cta--focus #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .file-upload__cta--focus .hw-button, .file-upload__cta--focus #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .file-upload__cta--focus .hw-button {
    border-color: #5c6ac4;
    -webkit-box-shadow: 0 1px 0 0 rgba(22,29,37,0.05),0 0 0 1px #5c6ac4;
    box-shadow: 0 1px 0 0 rgba(22,29,37,0.05),0 0 0 1px #5c6ac4
}

.helper--worse-visually-hidden {
    height: 1px !important;
    opacity: 0.1 !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important
}

.ui-invoice .ui-invoice__section {
    padding: 2rem
}

    .ui-invoice .ui-invoice__section > *:not(.hide) + * {
        margin-top: 1.6rem
    }

@media screen and (min-width: 568px) {
    .ui-invoice .ui-invoice__section {
        padding: 3.2rem
    }

        .ui-invoice .ui-invoice__section:first-child {
            border-radius: var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px) 0 0
        }

        .ui-invoice .ui-invoice__section:last-child {
            border-radius: 0 0 var(--p-border-radius-base, 3px) var(--p-border-radius-base, 3px)
        }
}

.ui-invoice .ui-invoice__line-items {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

    .ui-invoice .ui-invoice__line-items th {
        padding: 0.8rem 1.6rem
    }

    .ui-invoice .ui-invoice__line-items td {
        padding: 1.6rem
    }

    .ui-invoice .ui-invoice__line-items .ui-invoice__line-items--multiplier, .ui-invoice .ui-invoice__line-items .ui-invoice__line-items--multiplier {
        padding-left: 0;
        padding-right: 0
    }

    .ui-invoice .ui-invoice__line-items .ui-invoice__line-items--total {
        min-width: 7rem;
        white-space: nowrap
    }

.ui-invoice .ui-invoice__totals {
    min-width: 22.5rem
}

@media screen and (min-width: 568px) {
    .ui-stack > .ui-card--kpi-card {
        margin-top: 1.6rem
    }
}

@media screen and (max-width: 568px) {
    .ui-stack--kpi-cards > .ui-card--kpi-card {
        margin-top: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 100vw;
        -ms-flex-preferred-size: 100vw;
        flex-basis: 100vw
    }
}

.kpi-card__heading-container {
    min-height: 36px
}

.metric-cards__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .metric-cards__wrapper > div {
        width: calc(50% - 1.2rem)
    }

@media screen and (max-width: 1024px) {
    .metric-cards__wrapper > div {
        width: 100%
    }

        .metric-cards__wrapper > div:not(:last-child) {
            margin-bottom: 1.6rem
        }
}

.metric-card__percent-change {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.8rem
}

.metric-card__percent-change--increase {
    color: #50b83c
}

.metric-card__percent-change--decrease {
    color: #de3618
}

.metric-card__skeleton-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.metric-card__skeleton-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100px
}

    .metric-card__skeleton-content:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .metric-card__skeleton-content:last-child > div {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.ui-popover-switcher-button-interior {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.ui-popover-switcher-button-avatar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3.2rem;
    -ms-flex: 0 0 3.2rem;
    flex: 0 0 3.2rem
}

.ui-popover-switcher-button-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 0.8rem;
    max-width: 17.2rem
}

@media screen and (max-width: 768px) {
    .ui-popover-switcher-button-label {
        display: none
    }
}

.ui-popover-switcher-button-label__heading, .ui-popover-switcher-button-label__subheading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #c4cad1
}

.ui-popover-switcher-button-label__heading {
    font-weight: 500;
    color: white
}

.ui-popover-switcher__org-pane {
    border-bottom-left-radius: 0
}

.ui-popover-switcher__section {
    list-style-type: none;
    width: 26rem;
    margin: 0;
    padding: 0
}

.ui-popover-switcher__section--type-subdued .ui-popover-switcher-action {
    background: #f9fafb
}

.ui-popover-switcher-action {
    width: 100%;
    background: white;
    border: 0
}

    .ui-popover-switcher-action a:not([data-polaris-unstyled]) {
        display: block;
        padding: 1rem 2rem;
        position: relative;
        font-size: 1.4rem;
        -webkit-transition: color 200ms linear;
        transition: color 200ms linear;
        color: #31373d
    }

        .ui-popover-switcher-action a:hover, .ui-popover-switcher-action a:not([data-polaris-unstyled]):not(.ui-button):hover, .ui-popover-switcher-action a:focus {
            text-decoration: none;
            color: #5c6ac4
        }

            .ui-popover-switcher-action a:hover .next-icon, .ui-popover-switcher-action a:hover .next-icon__text, .ui-popover-switcher-action a:not([data-polaris-unstyled]):not(.ui-button):hover .next-icon, .ui-popover-switcher-action a:focus .next-icon, .ui-popover-switcher-action a:focus .next-icon__text {
                fill: #5c6ac4
            }

.ui-popover-switcher-action--selected a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 100%;
    background-color: #5c6ac4
}

.ui-popover-switcher-action--selected .ui-popover-switcher-item-label__text {
    color: #5c6ac4
}

.ui-popover-switcher-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-popover-switcher-item-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem
}

    .ui-popover-switcher-item-icon .next-icon, .ui-popover-switcher-item-icon .next-icon__text {
        fill: #454e57;
        color: white;
        -webkit-transition: fill 200ms linear;
        transition: fill 200ms linear
    }

.ui-popover-switcher-item-icon--avatar {
    -webkit-flex-basis: 2.4rem;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem)
}

    .ui-popover-switcher-item-icon--avatar .ui-avatar {
        width: 2.4rem;
        height: 2.4rem
    }

    .ui-popover-switcher-item-icon--avatar .ui-avatar__initials {
        font-size: 1rem
    }

.ui-popover-switcher-item-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
    width: 18.8rem
}

.ui-popover-switcher-item-label__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

@media screen and (min-width: 769px) {
    .ui-popover-switcher {
        max-width: 26rem
    }
}

.ui-popover-switcher .ui-popover__content-wrapper {
    overflow: hidden
}

.ui-popover-switcher .ui-popover__content {
    width: 26rem !important
}

.ui-popover-switcher .ui-popover__pane--fixed {
    padding: 0
}

.ui-popover-switcher .ui-button--transparent {
    text-decoration: none;
    text-align: left;
    width: 100%;
    padding: 0 2rem;
    height: 5.6rem
}

@media screen and (max-width: 450px) {
    .ui-popover-switcher .ui-button--transparent {
        padding: 0 1.3333333333rem
    }
}

.page-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .page-layout > * {
        min-width: 0;
        max-width: 100%
    }

.page-layout__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px
}

@media screen and (max-width: 768px) {
    .page-layout__nav {
        display: none
    }
}

.page-layout__nav > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-app-frame__aside-open {
    position: fixed;
    top: 4px;
    z-index: 219
}

.ui-app-frame__aside-close > .ui-button, #hyperwallet-drop-in-transfer-method-ui .ui-app-frame__aside-close > .hw-button, #hyperwallet-drop-in-verification-ui .ui-app-frame__aside-close > .hw-button {
    color: white
}

.fresh-ui .ui-app-frame__aside-open > .ui-button, .fresh-ui #hyperwallet-drop-in-transfer-method-ui .ui-app-frame__aside-open > .hw-button, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .ui-app-frame__aside-open > .hw-button, .fresh-ui #hyperwallet-drop-in-verification-ui .ui-app-frame__aside-open > .hw-button, #hyperwallet-drop-in-verification-ui .fresh-ui .ui-app-frame__aside-open > .hw-button {
    color: white
}

.fresh-ui .ui-app-frame__aside-open .next-icon, .fresh-ui .ui-app-frame__aside-open .next-icon__text {
    color: white;
    fill: white
}

.ui-nav__item--child-selected > .ui-nav__link--parent > .ui-nav__badge {
    display: none
}

.quick-search__container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.quick-search__box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 66.2rem
}

.quick-search-overlay {
    display: none
}

.quick-search__box--active .quick-search-overlay {
    display: block;
    position: fixed;
    top: 5.6rem;
    bottom: 0;
    right: 0;
    left: 0
}

.quick-search__category {
    padding: 0 0.8rem;
    padding-top: 0.8rem
}

    .quick-search__category:first-child {
        padding-top: 1.6rem
    }

    .quick-search__category:last-child {
        padding-bottom: 0.8rem
    }

.quick-search__category-header {
    padding-bottom: 0.4rem;
    margin: 0 0.8rem;
    margin-bottom: 0.4rem;
    width: 100%;
    color: #798c9c;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.quick-search__category-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block
}

.quick-search__input-wrapper .next-input__add-on {
    color: #c8cdd4
}

.quick-search__input-wrapper .next-input--stylized {
    -webkit-transition: all 200ms;
    transition: all 200ms;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255,255,255,0.2);
    color: white
}

    .quick-search__input-wrapper .next-input--stylized input {
        border: 0;
        background-color: transparent
    }

@media screen and (max-width: 450px) {
    .quick-search__input-wrapper .next-input--stylized input {
        width: 100%
    }
}

.quick-search__input-wrapper .next-input--stylized input::-webkit-input-placeholder {
    color: #c8cdd4
}

.quick-search__input-wrapper .next-input--stylized input:-ms-input-placeholder {
    color: #c8cdd4
}

.quick-search__input-wrapper .next-input--stylized input::-ms-input-placeholder {
    color: #c8cdd4
}

.quick-search__input-wrapper .next-input--stylized input::placeholder {
    color: #c8cdd4
}

.quick-search__input-wrapper .next-input--is-focused {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: white;
    color: #212b36
}

    .quick-search__input-wrapper .next-input--is-focused input::-webkit-input-placeholder {
        color: #919eab
    }

    .quick-search__input-wrapper .next-input--is-focused input:-ms-input-placeholder {
        color: #919eab
    }

    .quick-search__input-wrapper .next-input--is-focused input::-ms-input-placeholder {
        color: #919eab
    }

    .quick-search__input-wrapper .next-input--is-focused input::placeholder {
        color: #919eab
    }

.quick-search__instructions-banner {
    display: none;
    color: #454e57;
    padding: 0.8rem 1.6rem;
    background-color: #ebf5fa
}

@media screen and (min-width: 769px) {
    .quick-search__instructions-banner--is-visible {
        display: block
    }
}

.quick-search__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: black;
    padding: 0.8rem;
    border-radius: var(--p-border-radius-base, 3px);
    cursor: pointer;
    overflow: hidden
}

    .quick-search__item:hover {
        text-decoration: none
    }

.quick-search__item--is-active {
    background-color: #5c6ac4;
    color: white;
    text-decoration: none
}

    .quick-search__item--is-active .quick-search__item-text {
        color: white
    }

    .quick-search__item--is-active .quick-search__item-description {
        color: #f4f5fa
    }

    .quick-search__item--is-active .quick-search__item-thumb {
        background-color: #202e78;
        border-color: #202e78
    }

        .quick-search__item--is-active .quick-search__item-thumb svg {
            fill: white;
            color: #202e78
        }

.quick-search__item-thumb {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 34px;
    -ms-flex: 0 0 34px;
    flex: 0 0 34px;
    height: 34px;
    text-align: center;
    border: 1px solid var(--p-border-subdued, #dfe3e8);
    background: #dfe3e8;
    border-radius: var(--p-border-radius-base, 3px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    margin-right: 0.8rem;
    overflow: hidden
}

    .quick-search__item-thumb svg, .quick-search__item-thumb img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .quick-search__item-thumb svg {
        fill: #798c9c;
        color: white;
        width: 16px
    }

    .quick-search__item-thumb img {
        width: 100%;
        min-height: 100%
    }

    .quick-search__item-thumb .quick-search__item-thumb--error, .quick-search__item-thumb .quick-search__item-thumb--loading {
        visibility: hidden
    }

.quick-search__item-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #31373d;
    display: block;
    position: relative;
    top: -1px;
    overflow: hidden;
    line-height: 1.4em
}

.quick-search__item-text--center {
    line-height: 36px
}

.quick-search__item-description {
    color: #798c9c;
    display: block
}

.quick-search__item--user .quick-search__item-thumb {
    border-radius: 100%
}

.quick-search__item--more .quick-search__item-thumb {
    height: 20px;
    line-height: 22px;
    border-color: transparent;
    background-color: transparent
}

.quick-search__item--more .quick-search__item-text {
    top: 0
}

.quick-search__item--more .quick-search__item-title {
    color: #006fbb
}

.quick-search__item--more.quick-search__item--is-active .quick-search__item-title {
    color: white
}

.quick-search__item--more .quick-search__item-description {
    display: none
}

.quick-search__results {
    overflow: hidden
}

    .quick-search__results ul {
        list-style: none
    }

.quick-search__results-wrapper {
    max-height: calc(100vh - 5.6rem);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

@media screen and (min-width: 769px) {
    .quick-search__results-wrapper {
        max-height: 60vh
    }
}

.quick-search__error-state, .quick-search__empty-state {
    color: #454e57;
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 2rem 0
}

    .quick-search__error-state h1, .quick-search__empty-state h1 {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin-bottom: 0.8rem
    }

.quick-search__endpoint-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    display: none;
    width: 100%;
    margin-top: 0.4rem;
    border-radius: var(--p-border-radius-base, 3px);
    background-color: white;
    -webkit-box-shadow: 0 0 0 1px rgba(6,44,82,0.1),0 2px 16px rgba(33,43,54,0.08);
    box-shadow: 0 0 0 1px rgba(6,44,82,0.1),0 2px 16px rgba(33,43,54,0.08)
}

@media screen and (max-width: 768px) {
    .quick-search__endpoint-wrapper {
        position: fixed;
        top: 5.6rem;
        left: 0;
        bottom: 0;
        max-height: none;
        margin-top: 0;
        border-radius: 0;
        overflow: initial
    }
}

.quick-search__box--active .quick-search__endpoint-wrapper {
    display: block
}

.quick-search__spinner {
    width: 100%;
    padding: 0.8rem 0;
    text-align: center;
    display: none
}

    .quick-search__spinner svg {
        display: block;
        height: 50px;
        width: 50px;
        margin: 0 auto
    }

.quick-search__spinner--is-visible {
    display: block
}

.quick-search__spinner--full-page {
    padding: 4.65rem 0
}

.ui-reviews__rating-group {
    padding-bottom: 2rem
}

    .ui-reviews__rating-group .next-input-wrapper, .ui-reviews__rating-group #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-reviews__rating-group .hw-form-group, .ui-reviews__rating-group #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-reviews__rating-group .hw-form-group {
        padding-bottom: 0
    }

    .ui-reviews__rating-group .next-input__help-text, .ui-reviews__rating-group #hyperwallet-drop-in-transfer-method-ui .hw-error-message, #hyperwallet-drop-in-transfer-method-ui .ui-reviews__rating-group .hw-error-message, .ui-reviews__rating-group #hyperwallet-drop-in-verification-ui .hw-error-message, #hyperwallet-drop-in-verification-ui .ui-reviews__rating-group .hw-error-message {
        min-height: 2rem
    }

.ui-review__reply {
    padding: 1.6rem;
    background-color: #f4f6f8;
    border-radius: var(--p-border-radius-base, 3px)
}

.ui-form__section .next-input-wrapper.help-text, .ui-form__section #hyperwallet-drop-in-transfer-method-ui .help-text.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__section .help-text.hw-form-group, .ui-form__section #hyperwallet-drop-in-verification-ui .help-text.hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__section .help-text.hw-form-group, #hyperwallet-drop-in-transfer-method-ui .hw-group .next-input-wrapper.help-text, #hyperwallet-drop-in-transfer-method-ui .hw-group .help-text.hw-form-group, #hyperwallet-drop-in-verification-ui .hw-group .next-input-wrapper.help-text, #hyperwallet-drop-in-verification-ui .hw-group .help-text.hw-form-group {
    margin-top: -1.2rem
}

.ui-proposal-form__input--small {
    width: 100%;
    max-width: 220px
}

.ui-proposal-form__collapsible-trigger {
    margin-top: -1.6rem;
    margin-left: -0.8rem
}

    .ui-proposal-form__collapsible-trigger[aria-expanded="true"] {
        display: none
    }

.ui-proposal-form__actions {
    margin-top: 1.6rem
}

.ui-proposal-card__view-link {
    margin-top: -0.2rem;
    margin-left: -0.8rem
}

.ui-empty-state__subheading {
    padding-top: 3.6rem
}

.next-spinner__box {
    border: 1px solid #ebeef0;
    background: #f5f6f7;
    padding: 2rem
}

@-webkit-keyframes next-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes next-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.next-spinner {
    display: inline-block;
    -webkit-animation: next-spinner-rotate 600ms linear infinite;
    animation: next-spinner-rotate 600ms linear infinite;
    position: relative
}

    .next-spinner > .next-icon, .next-spinner > .next-icon__text {
        position: static
    }

    .next-spinner > .next-spinner__status {
        position: absolute
    }

.next-spinner--full-page {
    margin-top: 50vh
}

.next-spinner--is-hidden {
    display: none
}

.next-spinner__ring {
    stroke: #47c1bf;
    stroke-dasharray: 100%;
    stroke-width: 2px;
    stroke-linecap: round;
    fill: none
}

.next-spinner__status {
    top: 0;
    left: 0;
    -webkit-transition: 0s linear;
    transition: 0s linear;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.next-spinner__status__background {
    fill: none
}

.next-spinner__status--successful > .next-spinner__status__background {
    fill: #96bf48
}

.next-spinner__status--failed > .next-spinner__status__background {
    fill: #d83e3e
}

.next-spinner__status__icon {
    stroke: #ffffff;
    stroke-width: 2px
}

.next-spinner--is-successful, .next-spinner--is-failed {
    -webkit-animation: none;
    animation: none
}

    .next-spinner--is-successful .next-spinner__ring, .next-spinner--is-failed .next-spinner__ring {
        opacity: 0
    }

    .next-spinner--is-successful > .next-spinner__status, .next-spinner--is-failed > .next-spinner__status {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 200ms linear;
        transition: 200ms linear;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    .next-spinner--is-successful > .next-spinner__status--failed {
        display: none
    }

    .next-spinner--is-failed > .next-spinner__status--successful {
        display: none
    }

.star-rating {
    margin: 0;
    padding: 0;
    border: 0
}

    .star-rating legend {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        text-transform: initial;
        letter-spacing: initial;
        display: block;
        margin: 0 0 0.4rem;
        padding: 0
    }

@media screen and (max-width: 640px) {
    .star-rating legend {
        font-size: 1.4rem
    }
}

.star-rating--read-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .star-rating--read-only > * + * {
        margin-left: 0.4rem
    }

.star-rating__input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.star-rating__input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

    .star-rating__input-group:hover svg path {
        fill: #eec200
    }

.star-rating__input {
    position: relative
}

    .star-rating__input label {
        display: block;
        padding-right: 0.4rem;
        cursor: pointer
    }

    .star-rating__input:hover ~ .star-rating__input svg path {
        fill: #dfe3e8
    }

.star-rating__input__control input {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .star-rating__input__control input a, .body:hover .star-rating__input__control input input, .body:hover .star-rating__input__control input button {
    display: none !important
}

.star-rating__input__label {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .star-rating__input__label a, .body:hover .star-rating__input__label input, .body:hover .star-rating__input__label button {
    display: none !important
}

.star-rating__star {
    color: #dfe3e8;
    fill: #dfe3e8
}

.star-rating__star--filled {
    color: #eec200;
    fill: #eec200
}

.star-rating__star__icon {
    display: block;
    height: 2rem;
    width: 2rem
}

    .star-rating__star__icon.star-rating__star__icon-size-20 {
        height: 2.4rem;
        width: 2.4rem
    }

    .star-rating__star__icon.star-rating__star__icon-size-24 {
        height: 2.4rem;
        width: 2.4rem
    }

    .star-rating__star__icon .stop1, .star-rating__star__icon .stop2 {
        stop-color: #eec200
    }

    .star-rating__star__icon .stop3, .star-rating__star__icon .stop4 {
        stop-color: #dfe3e8
    }

.star-rating-aggregate__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .star-rating-aggregate__item + .star-rating-aggregate__item {
        margin-top: 0.4rem
    }

    .star-rating-aggregate__item button {
        margin: 0;
        padding: 0;
        min-width: 0;
        min-height: 0
    }

.partners-ui .ui-top-bar {
    background: #3b4f66
}

    .partners-ui .ui-top-bar .top-bar__text--subdued {
        color: #c4cad1
    }

    .partners-ui .ui-top-bar .top-bar__text {
        color: white
    }

.partners-ui .ui-top-bar__branding {
    background: #34485f;
    border-right: 0
}

.ui-blank-state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 2rem
}

.ui-blank-state__heading {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem;
    font-family: var(--main-font)
}

.ui-blank-state__description {
    max-width: 33rem;
    margin-top: 0.8rem;
    margin-bottom: 0;
    color: var(--p-text-subdued, #637381)
}

.ui-blank-state__image {
    height: 150px;
    margin-bottom: 0.8rem
}

.ui-blank-state--card .ui-blank-state__heading {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    font-family: var(--main-font)
}

@media screen and (max-width: 640px) {
    .ui-blank-state--card .ui-blank-state__heading {
        font-size: 1.6rem
    }
}

.ui-blank-state--card .ui-blank-state__description {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: initial;
    letter-spacing: initial;
    color: initial
}

@media screen and (max-width: 640px) {
    .ui-blank-state--card .ui-blank-state__description {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 768px) {
    .ui-blank-state--card .ui-blank-state__description {
        max-width: 80%
    }
}

@media screen and (max-width: 568px) {
    .ui-blank-state--card .ui-blank-state__description {
        max-width: 100%
    }
}

.ui-card__header--collapsible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.6rem
}

.ui-collapsible--accordion .ui-collapsible__activator {
    cursor: pointer;
    position: relative;
    text-align: center
}

    .ui-collapsible--accordion .ui-collapsible__activator:hover {
        background: #f9fafb
    }

.ui-collapsible--accordion .ui-button, .ui-collapsible--accordion #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-collapsible--accordion .hw-button, .ui-collapsible--accordion #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-collapsible--accordion .hw-button {
    display: block;
    padding: 1.6rem;
    margin: 0;
    width: 100%
}

    .ui-collapsible--accordion .ui-button:hover, .ui-collapsible--accordion #hyperwallet-drop-in-transfer-method-ui .hw-button:hover, #hyperwallet-drop-in-transfer-method-ui .ui-collapsible--accordion .hw-button:hover, .ui-collapsible--accordion #hyperwallet-drop-in-verification-ui .hw-button:hover, #hyperwallet-drop-in-verification-ui .ui-collapsible--accordion .hw-button:hover {
        text-decoration: none
    }

        .ui-collapsible--accordion .ui-button:hover span, .ui-collapsible--accordion #hyperwallet-drop-in-transfer-method-ui .hw-button:hover span, #hyperwallet-drop-in-transfer-method-ui .ui-collapsible--accordion .hw-button:hover span, .ui-collapsible--accordion #hyperwallet-drop-in-verification-ui .hw-button:hover span, #hyperwallet-drop-in-verification-ui .ui-collapsible--accordion .hw-button:hover span {
            color: #006fbb
        }

    .ui-collapsible--accordion .ui-button:focus, .ui-collapsible--accordion #hyperwallet-drop-in-transfer-method-ui .hw-button:focus, #hyperwallet-drop-in-transfer-method-ui .ui-collapsible--accordion .hw-button:focus, .ui-collapsible--accordion #hyperwallet-drop-in-verification-ui .hw-button:focus, #hyperwallet-drop-in-verification-ui .ui-collapsible--accordion .hw-button:focus {
        background: none
    }

.ui-collapsible--accordion .next-icon, .ui-collapsible--accordion .next-icon__text {
    -webkit-transition: 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition: 200ms cubic-bezier(0.64, 0, 0.35, 1)
}

.ui-collapsible--accordion [aria-expanded="true"] .next-icon, .ui-collapsible--accordion [aria-expanded="true"] .next-icon__text {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-collapsible--accordion .ui-collapsible__panel .ui-card__section {
    padding-top: 3.2rem
}

.ui-english-link-wrapper > a {
    margin-right: 0.8rem
}

.ui-english-badge {
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: 1.2rem
}

.label-tooltip__icon {
    color: white;
    fill: #637381;
    margin-bottom: -0.2rem
}

.ui-layout__section--secondary .ui-card * {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.ui-setting-toggle__checkbox:focus ~ .ui-setting-toggle__label {
    border-color: #5c6ac4;
    -webkit-box-shadow: 0 1px 0 0 #5c6ac4;
    box-shadow: 0 1px 0 0 #5c6ac4
}

.ui-tertiary-navigation {
    margin-top: 1.6rem;
    border-bottom: 1px solid var(--p-border, #c4cdd5);
    border-top: 1px solid var(--p-border, #c4cdd5)
}

    .ui-tertiary-navigation.ui-tertiary-navigation--page-navigation {
        margin-top: 0;
        border-top: 0
    }

.ui-tertiary-navigation__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-tertiary-navigation__container {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-tertiary-navigation__container {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (min-width: 768px) {
    .ui-tertiary-navigation__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .ui-tertiary-navigation__container {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

.ui-tertiary-navigation__linklist {
    list-style: none;
    background-color: #f4f6f8;
    overflow: visible;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .ui-tertiary-navigation__linklist > .ui-tertiary-navigation__linklist-item {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .ui-tertiary-navigation__linklist .ui-tertiary-navigation__linklist-item--dropdown {
        display: none;
        margin-right: 0
    }

.ui-tertiary-navigation__linklist--collapsed .ui-tertiary-navigation__linklist-item--dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-tertiary-navigation__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.6rem;
    border-right: 0;
    border-bottom: 3px solid transparent;
    padding: 1.6rem 0;
    color: #637381;
    color: var(--p-text-subdued, #637381);
    text-decoration: none;
    text-align: center;
    line-height: 1;
    cursor: pointer
}

    .ui-tertiary-navigation__link:focus, .ui-tertiary-navigation__link:hover {
        background-color: transparent;
        border-bottom-color: #c4cdd5;
        color: #212b36;
        text-decoration: none
    }

    .ui-tertiary-navigation__link.ui-tertiary-navigation__link--is-active {
        background-color: transparent;
        border-bottom-color: #5c6ac4;
        color: #212b36;
        text-decoration: none
    }

.ui-tertiary-navigation__dropdown-toggle {
    margin: 0;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background-color: transparent;
    color: #637381;
    cursor: pointer
}

    .ui-tertiary-navigation__dropdown-toggle:focus, .ui-tertiary-navigation__dropdown-toggle:active, .ui-tertiary-navigation__dropdown-toggle:hover {
        border-bottom: 3px solid #c4cdd5;
        color: #212b36
    }

.ui-tertiary-navigation__dropdown {
    display: none;
    position: absolute;
    z-index: 197;
    top: 115%;
    right: 0.8rem;
    min-width: 17.5rem;
    border: 1px solid var(--p-border, #c4cdd5);
    border-radius: var(--p-border-radius-base, 3px);
    padding: 0.8rem 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    list-style-type: none;
    line-height: 0.8rem;
    text-align: left;
    font-size: 0
}

    .ui-tertiary-navigation__dropdown .ui-tertiary-navigation__linklist-item {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        list-style-type: none
    }

    .ui-tertiary-navigation__dropdown::after, .ui-tertiary-navigation__dropdown::before {
        position: absolute;
        right: 0.8rem;
        content: '';
        width: 0;
        height: 0;
        border-top: 0;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }

    .ui-tertiary-navigation__dropdown::before {
        top: -7px;
        border-bottom: 7px solid #c4cdd5
    }

    .ui-tertiary-navigation__dropdown::after {
        top: -6px;
        border-bottom: 7px solid #ffffff
    }

.ui-tertiary-navigation__dropdown--visible {
    display: block;
    font-size: 14px
}

.ui-tertiary-navigation__link--is-in-dropdown {
    display: block;
    margin-right: 0;
    border: 0;
    padding: 0.8rem 1.6rem;
    text-align: left;
    line-height: 2rem
}

    .ui-tertiary-navigation__link--is-in-dropdown:hover, .ui-tertiary-navigation__link--is-in-dropdown:focus, .ui-tertiary-navigation__link--is-in-dropdown:active {
        text-decoration: none;
        color: #ffffff;
        background: #5c6ac4
    }

.ui-tertiary-navigation__skip-link:focus {
    left: 0;
    top: -6.4rem;
    padding: 1.6rem
}

.ui-text-area--small {
    height: 5.8rem
}

.ui-time-line__header {
    position: relative;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 2rem;
    background: #f4f6f8;
    z-index: 1
}

.ui-time-line__input--container {
    position: relative
}

    .ui-time-line__input--container .ui-time-line__input {
        padding-left: 6rem;
        margin-top: 0
    }

    .ui-time-line__input--container .textarea {
        margin: 0
    }

    .ui-time-line__input--container .ui-card__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.ui-time-line__container {
    position: relative;
    z-index: 1
}

.ui-time-line__attachment-label {
    display: inline;
    margin-right: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ui-time-line__attachment-label > * + * {
        margin-left: 0.8rem
    }

.ui-time-line__card--preview-attachments {
    margin-top: 1.6rem
}

    .ui-time-line__card--preview-attachments h4 {
        font-weight: bold
    }

.ui-time-line__attachment-spinner {
    margin-right: 1.6rem
}

.ui-time-line__drop-zone {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0.8rem;
    color: #31373d;
    background: white;
    border: 2px dashed #798c9c;
    opacity: 0.8;
    z-index: 550
}

.drag-active .ui-time-line__drop-zone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-time-line__file-remove {
    margin-left: 0.8rem;
    color: black;
    position: relative;
    top: 0.1rem
}

.ui-time-line__comment-attachments {
    margin-top: 1.6rem
}

.ui-time-line .ui-card {
    position: relative;
    z-index: 2
}

    .ui-time-line .ui-card .ui-banner {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .ui-time-line .ui-card .ui-banner__ribbon {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.ui-time-line__container::after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 2rem;
    left: 3.6rem;
    width: 0.3rem;
    background: #dfe3e8
}

@media screen and (min-width: 568px) {
    .ui-time-line__container::after {
        left: 4rem
    }
}

.ui-time-line__event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #637381;
    margin-bottom: 0.8rem;
    padding: 1.6rem 1.2rem 1.6rem 2.8rem;
    position: relative;
    z-index: 1
}

    .ui-time-line__event + .ui-time-line__event {
        padding-top: 0
    }

.ui-time-line__separator + .ui-time-line__event {
    padding-top: 0
}

.ui-time-line__event--marker {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 1.6rem;
    border-radius: 50%;
    border: 0.3rem solid #f4f6f8;
    background-color: #c4cdd5
}

    .ui-time-line__event--marker.ui-time-line__event--marker-icon {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 2.8rem;
        height: 2.8rem;
        margin-left: -0.7rem;
        margin-right: 0.8rem;
        background-color: #dfe3e8;
        color: white
    }

        .ui-time-line__event--marker.ui-time-line__event--marker-icon > svg {
            fill: #637381;
            top: 0
        }

@media screen and (min-width: 568px) {
    .ui-time-line__event--marker {
        margin-right: 1.3rem
    }

        .ui-time-line__event--marker.ui-time-line__event--marker-icon {
            margin-right: 0.5rem
        }
}

.ui-time-line__event--status-info .ui-time-line__event--marker {
    background-color: #b4e1fa
}

.ui-time-line__event--status-success .ui-time-line__event--marker {
    background-color: #bbe5b3
}

.ui-time-line__event--status-warning .ui-time-line__event--marker {
    background-color: #ffc58b
}

.ui-time-line__event--status-critical .ui-time-line__event--marker {
    background-color: #fead9a
}

.ui-time-line__event--content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui-time-line__card--avatar {
    position: absolute;
    top: 1rem;
    left: 1.2rem
}

@media screen and (min-width: 568px) {
    .ui-time-line__card--avatar {
        left: 2rem
    }
}

.ui-time-line__card--title-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    overflow-wrap: break-word;
    word-break: break-word;
    padding-left: 6rem
}

@media screen and (min-width: 568px) {
    .ui-time-line__card--title-group {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ui-time-line__card-anchor {
    position: relative;
    top: -7.6rem
}

.ui-time-line__card--title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.8rem
}

.ui-time-line__card--timestamp {
    color: #637381
}

.ui-time-line__card--timestamp, .ui-time-line__event--timestamp {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.2rem;
    font-weight: 500
}

.ui-time-line__card {
    position: relative;
    z-index: 2;
    margin-bottom: 0.8rem
}

    .ui-time-line__card .ui-card__section {
        padding: 2rem 1.2rem
    }

    .ui-time-line__card .ui-card__footer {
        padding: 0 1.2rem 1.2rem
    }

        .ui-time-line__card .ui-card__footer img {
            margin: 0 auto
        }

.ui-time-line__card--content {
    padding: 0.8rem 0;
    margin-top: 1.6rem
}

    .ui-time-line__card--content pre {
        margin: 0
    }

.ui-time-line__separator {
    margin: 3.2rem 3.2rem 1.6rem
}

    .ui-time-line__separator .ui-time-line__separator--date {
        padding-left: 3.2rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #637381;
        text-transform: uppercase
    }

@media screen and (min-width: 568px) {
    .ui-time-line__card .ui-card__section {
        padding: 2rem 1.6rem
    }

    .ui-time-line__card .ui-card__footer {
        padding: 0 1.6rem 2rem
    }

    .ui-time-line__card--avatar {
        top: 2rem;
        left: 1.6rem
    }

    .ui-time-line__card--content {
        padding-left: 6rem
    }

    .ui-time-line__container::after {
        bottom: 0.8rem
    }

    .ui-time-line__event {
        padding: 1.6rem 1.6rem 0 3.2rem;
        margin-bottom: 2rem
    }

    .ui-time-line__card--message--hidden .ui-time-line__card--message {
        display: none
    }
}

.ui-rating-aggregate__stars-wrapper {
    margin-top: 0.8rem
}

.ui-rating-aggregate__star-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.8rem
}

.ui-rating-aggregate__count {
    margin-top: 1.2rem
}

.ui-rating-aggregate__progress-wrapper {
    padding-right: 1.6rem
}

.resource-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -0.8rem -1.6rem
}

    .resource-list__item > div {
        padding: 1.6rem
    }

        .resource-list__item > div + div {
            padding-left: 0
        }

.resource-list__item--spaced {
    margin-top: 0.8rem
}

.resource-list__cell--fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.resource-list__align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-card__section + .ui-resource-list-section {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-resource-list-tools__filter .next-label, .ui-resource-list-tools__filter #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-resource-list-tools__filter .hw-label, .ui-resource-list-tools__filter #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-resource-list-tools__filter .hw-label {
    display: block
}

.invoice-item {
    width: 100%;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem
}

@media (min-width: 768px) {
    .invoice-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.invoice-item__cell + .invoice-item__cell {
    padding-top: 0.8rem
}

@media (min-width: 768px) {
    .invoice-item__cell + .invoice-item__cell {
        padding-top: 0;
        padding-left: 2rem
    }
}

.lead-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    color: #212b36
}

@media screen and (min-width: 568px) {
    .lead-item {
        font-size: 1.35rem
    }
}

.lead-item__data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lead-item__shop {
    -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (min-width: 568px) {
    .lead-item__shop {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding-bottom: 0.4rem
    }
}

.lead-item__updated {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    text-align: right;
    font-size: 95%;
    color: #919eab
}

@media screen and (min-width: 568px) {
    .lead-item__updated {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.lead-item__job {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .lead-item__job {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }
}

.lead-item__job-title {
    -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #637381
}

@media screen and (min-width: 768px) {
    .lead-item__job-title {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 55%
    }
}

@media screen and (min-width: 1024px) {
    .lead-item__job-title {
        max-width: 70%
    }
}

.lead-item__job-status {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    text-align: right
}

@media screen and (min-width: 768px) {
    .lead-item__job-status {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-left: 0.8rem
    }
}

.lead-item__job-status .ui-badge {
    margin: 0;
    font-weight: inherit;
    font-size: 90%;
    border-radius: 1.75rem;
    line-height: 1.75rem;
    padding: 0 0.8rem
}

@media screen and (min-width: 568px) {
    .lead-item__job-status .ui-badge {
        border-radius: 2rem;
        line-height: 2rem;
        padding: 0 1rem
    }
}

.lead-item__job-assignees {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    text-align: right;
    padding-top: 0.4rem
}

@media screen and (min-width: 768px) {
    .lead-item__job-assignees {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-top: 0;
        padding-left: 0.8rem
    }
}

.lead-item__job-assignees .ui-avatar:nth-child(2) {
    -webkit-transform: translate3d(-0.4rem, 0, 0);
    transform: translate3d(-0.4rem, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease
}

.ui-resource-list-item:hover .lead-item__job-assignees .ui-avatar:nth-child(2) {
    -webkit-transform: translate3d(0.4rem, 0, 0);
    transform: translate3d(0.4rem, 0, 0)
}

.lead-item__job-assignees .ui-avatar:nth-child(3) {
    -webkit-transform: translate3d(-0.8rem, 0, 0);
    transform: translate3d(-0.8rem, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease
}

.ui-resource-list-item:hover .lead-item__job-assignees .ui-avatar:nth-child(3) {
    -webkit-transform: translate3d(0.8rem, 0, 0);
    transform: translate3d(0.8rem, 0, 0)
}

.lead-item__job-assignees .ui-avatar:nth-child(4) {
    -webkit-transform: translate3d(-1.2rem, 0, 0);
    transform: translate3d(-1.2rem, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease
}

.ui-resource-list-item:hover .lead-item__job-assignees .ui-avatar:nth-child(4) {
    -webkit-transform: translate3d(1.2rem, 0, 0);
    transform: translate3d(1.2rem, 0, 0)
}

.lead-item__job-assignees .ui-avatar:nth-child(5) {
    -webkit-transform: translate3d(-1.6rem, 0, 0);
    transform: translate3d(-1.6rem, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease
}

.ui-resource-list-item:hover .lead-item__job-assignees .ui-avatar:nth-child(5) {
    -webkit-transform: translate3d(1.6rem, 0, 0);
    transform: translate3d(1.6rem, 0, 0)
}

.lead-item__invoice-status {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 0.4rem;
    font-size: 95%;
    color: #637381
}

@media screen and (min-width: 768px) {
    .lead-item__invoice-status {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        text-align: right
    }
}

th.sorting-desc > span, th.sorting-asc > span {
    position: relative
}

    th.sorting-desc > span::after {
        content: ' ?'
    }

    th.sorting-asc > span::after {
        content: ' ?'
    }

th > span {
    display: inline-block
}

@media screen and (max-width: 568px) {
    .ui-stack--wrap-mobile {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ui-star-input[data-value='1'] .ui-star-input__icon:nth-child(-n+1) svg, .ui-star-input[data-value='2'] .ui-star-input__icon:nth-child(-n+2) svg, .ui-star-input[data-value='3'] .ui-star-input__icon:nth-child(-n+3) svg, .ui-star-input[data-value='4'] .ui-star-input__icon:nth-child(-n+4) svg, .ui-star-input[data-value='5'] .ui-star-input__icon:nth-child(-n+5) svg {
    fill: #eec200
}

.ui-star-input--read-only .next-label, .ui-star-input--read-only #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .ui-star-input--read-only .hw-label, .ui-star-input--read-only #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .ui-star-input--read-only .hw-label {
    cursor: default
}

.ui-star-input--read-only .ui-star-input__icons-wrapper {
    margin-top: 0
}

.ui-star-input__icons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -0.4rem
}

.ui-star-input__icons {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: -0.4rem
}

    .ui-star-input__icons .ui-button--link:hover ~ .ui-button--link {
        color: #dfe3e8
    }

        .ui-star-input__icons .ui-button--link:hover ~ .ui-button--link svg {
            fill: #dfe3e8
        }

    .ui-star-input__icons:hover .ui-button--link {
        color: #eec200
    }

        .ui-star-input__icons:hover .ui-button--link svg {
            fill: #eec200
        }

.ui-star-input__icon {
    padding: 0.4rem
}

    .ui-star-input__icon svg {
        fill: #dfe3e8
    }

    .ui-star-input__icon.ui-button--link:hover, .ui-star-input__icon.ui-button--link:active, .ui-star-input__icon.ui-button--link:focus {
        background: none;
        color: #eec200
    }

        .ui-star-input__icon.ui-button--link:hover svg, .ui-star-input__icon.ui-button--link:active svg, .ui-star-input__icon.ui-button--link:focus svg {
            fill: #eec200
        }

    .ui-star-input__icon.ui-button--link::after {
        padding: 0.2rem 0;
        top: 0;
        left: 0
    }

.js-validated-input--hidden {
    display: none
}

.js-validated-input--valid {
    color: #50b83c;
    fill: #50b83c
}

.js-validated-input--invalid {
    color: #de3618;
    fill: #bf0711
}

.validation-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.4rem
}

.validation-error__icon {
    height: 2rem
}

    .validation-error__icon svg {
        height: 2rem;
        width: 2rem;
        fill: #de3618;
        margin-right: 0.4rem
    }

.validation-error__message {
    color: #bf0711
}

.fresh-ui .next-input-wrapper--is-error .next-label, .fresh-ui .next-input-wrapper--is-error #hyperwallet-drop-in-transfer-method-ui .hw-label, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .next-input-wrapper--is-error .hw-label, .fresh-ui .next-input-wrapper--is-error #hyperwallet-drop-in-verification-ui .hw-label, #hyperwallet-drop-in-verification-ui .fresh-ui .next-input-wrapper--is-error .hw-label {
    color: #212b36
}

.fresh-ui .next-input-wrapper--is-error .next-input--stylized input, .fresh-ui .next-input-wrapper--is-error .next-input--stylized input:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.js-visibility-toggle--visible {
    display: block
}

.js-visibility-toggle--hidden {
    display: none
}

p[tabindex='-1']:not(.ui-flash__message), label[tabindex='-1'], h1[tabindex='-1'], h2[tabindex='-1'], h3[tabindex='-1'], h4[tabindex='-1'], h5[tabindex='-1'], h6[tabindex='-1'] {
    position: relative
}

    p[tabindex='-1']:not(.ui-flash__message)::after, label[tabindex='-1']::after, h1[tabindex='-1']::after, h2[tabindex='-1']::after, h3[tabindex='-1']::after, h4[tabindex='-1']::after, h5[tabindex='-1']::after, h6[tabindex='-1']::after {
        content: '';
        position: absolute;
        display: block;
        width: 0.2rem;
        height: 100%;
        top: 0;
        left: -0.8rem;
        opacity: 0;
        background: #5c6ac4;
        -webkit-transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
        transition: opacity 200ms cubic-bezier(0.64, 0, 0.35, 1)
    }

    p[tabindex='-1']:not(.ui-flash__message):focus::after, label[tabindex='-1']:focus::after, h1[tabindex='-1']:focus::after, h2[tabindex='-1']:focus::after, h3[tabindex='-1']:focus::after, h4[tabindex='-1']:focus::after, h5[tabindex='-1']:focus::after, h6[tabindex='-1']:focus::after {
        opacity: 1
    }

.app-proxy__remove-button {
    color: #bf0711
}

.submit-referral__icon {
    width: 26px;
    height: 26px
}

.fresh-ui .field-with-errors-fix__checkbox ~ .next-checkbox--styled .next-icon.checkmark, .fresh-ui .field-with-errors-fix__checkbox ~ .next-checkbox--styled .checkmark.next-icon__text {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fresh-ui .field_with_errors input[type='checkbox'], .fresh-ui .field_with_errors + .next-checkbox--styled {
    border-color: #bf0711;
    background: #fbeae5
}

.fresh-ui .field_with_errors label {
    color: #bf0711;
    border-color: #bf0711
}

.fresh-ui .next-tab__container--full-width {
    border-bottom: 1px solid #c4cdd5;
    border-top: 1px solid #c4cdd5;
    width: 100%;
    margin-top: 1.6rem
}

    .fresh-ui .next-tab__container--full-width .next-tab__list {
        border: 0;
        max-width: 1028px;
        margin: 0 auto
    }

.modal--learnmore {
    margin-top: 10px;
    margin-right: auto;
    padding-left: 10px;
    -webkit-align-content: left;
    -ms-flex-line-pack: left;
    align-content: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.fresh-ui .ui-button:hover, .fresh-ui #hyperwallet-drop-in-transfer-method-ui .hw-button:hover, #hyperwallet-drop-in-transfer-method-ui .fresh-ui .hw-button:hover, .fresh-ui #hyperwallet-drop-in-verification-ui .hw-button:hover, #hyperwallet-drop-in-verification-ui .fresh-ui .hw-button:hover {
    color: #212b36
}

.fresh-ui .ui-button--primary:hover {
    color: white
}

.fresh-ui .ui-button--destructive:hover {
    color: white
}

.fresh-ui .ui-nav__label--parent {
    font-weight: 500
}

.fresh-ui .ui-title-bar__actions {
    z-index: 23
}

.ui-nav__group + .ui-nav__group {
    margin-top: 2.4rem
}

.partners-ui .ui-app-frame__header {
    background: #3b4f66;
    border-bottom: 0
}

.ui-popover-switcher .ui-popover__container > .ui-button:hover, .ui-popover-switcher #hyperwallet-drop-in-transfer-method-ui .ui-popover__container > .hw-button:hover, #hyperwallet-drop-in-transfer-method-ui .ui-popover-switcher .ui-popover__container > .hw-button:hover, .ui-popover-switcher #hyperwallet-drop-in-verification-ui .ui-popover__container > .hw-button:hover, #hyperwallet-drop-in-verification-ui .ui-popover-switcher .ui-popover__container > .hw-button:hover, .ui-popover-switcher .ui-popover__container > .ui-button:focus, .ui-popover-switcher #hyperwallet-drop-in-transfer-method-ui .ui-popover__container > .hw-button:focus, #hyperwallet-drop-in-transfer-method-ui .ui-popover-switcher .ui-popover__container > .hw-button:focus, .ui-popover-switcher #hyperwallet-drop-in-verification-ui .ui-popover__container > .hw-button:focus, #hyperwallet-drop-in-verification-ui .ui-popover-switcher .ui-popover__container > .hw-button:focus, .ui-popover-switcher .ui-popover__container--contains-active-popover {
    background-color: #34485f !important
}

@media screen and (max-width: 768px) {
    .ui-app-frame__aside {
        z-index: 504
    }
}

@media screen and (min-width: 769px) {
    .ui-top-bar__item.ui-app-frame__aside-opener {
        display: none
    }
}

.fresh-ui .ui-context-bar__branding svg, .fresh-ui .ui-top-bar__branding svg {
    width: auto;
    height: 2.8rem
}

.ui-data-table__cell {
    padding-left: 16px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.ui-data-table__header .ui-data-table__cell--alignment-right {
    padding-right: 12px
}

.ui-data-table__cell--no-wrap, .ui-data-table__cell .ui-button, .ui-data-table__cell #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-data-table__cell .hw-button, .ui-data-table__cell #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-data-table__cell .hw-button {
    white-space: nowrap
}

.ui-card__header--with-popover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.6rem
}

.ui-card__header-popover {
    margin-left: 0.4rem
}

    .ui-card__header-popover .ui-button, .ui-card__header-popover #hyperwallet-drop-in-transfer-method-ui .hw-button, #hyperwallet-drop-in-transfer-method-ui .ui-card__header-popover .hw-button, .ui-card__header-popover #hyperwallet-drop-in-verification-ui .hw-button, #hyperwallet-drop-in-verification-ui .ui-card__header-popover .hw-button {
        padding: 0.8rem
    }

.ui-card--bottom-margin {
    margin-bottom: 3.2rem
}

.ui-badge-group .ui-badge {
    margin-left: 0;
    margin-bottom: 0.8rem
}

[data-collapsible-state='collapsed'] {
    overflow: hidden
}

.next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized {
    overflow: visible;
    margin-bottom: 3.2rem
}

    .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized .next-input, .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized #hyperwallet-drop-in-transfer-method-ui .hw-input, #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized .hw-input, .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized #hyperwallet-drop-in-verification-ui .hw-input, #hyperwallet-drop-in-verification-ui .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized .hw-input, .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized .next-input--stylized {
        width: 100%
    }

    .next-input-wrapper--is-error:not(.next-input-wrapper--no-patch) .next-input--stylized .validation-error {
        position: absolute;
        top: 3.2rem;
        left: 0
    }

.ui-layout--mobile-padding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: white
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .ui-layout--mobile-padding {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .ui-layout--mobile-padding {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

.ui-text-area.ui-text-area--resize-vertical::-webkit-input-placeholder {
    color: #919eab
}

.ui-text-area.ui-text-area--resize-vertical:-ms-input-placeholder {
    color: #919eab
}

.ui-text-area.ui-text-area--resize-vertical::-ms-input-placeholder {
    color: #919eab
}

.ui-text-area.ui-text-area--resize-vertical::placeholder {
    color: #919eab
}

.ui-data-table .ui-banner__ribbon {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ui-form__group .next-input-wrapper + .next-input-wrapper, .ui-form__group #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-transfer-method-ui .ui-form__group .hw-form-group + .next-input-wrapper, .ui-form__group #hyperwallet-drop-in-verification-ui .hw-form-group + .next-input-wrapper, #hyperwallet-drop-in-verification-ui .ui-form__group .hw-form-group + .next-input-wrapper, .ui-form__group #hyperwallet-drop-in-transfer-method-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__group .next-input-wrapper + .hw-form-group, .ui-form__group #hyperwallet-drop-in-transfer-method-ui .hw-form-group + .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .ui-form__group .hw-form-group + .hw-form-group, .ui-form__group #hyperwallet-drop-in-verification-ui .next-input-wrapper + .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group .next-input-wrapper + .hw-form-group, .ui-form__group #hyperwallet-drop-in-verification-ui .hw-form-group + .hw-form-group, #hyperwallet-drop-in-verification-ui .ui-form__group .hw-form-group + .hw-form-group {
    margin-top: 0
}

.next-icon, .next-icon__text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#peek {
    position: fixed;
    z-index: 999;
    width: 100%;
    bottom: 0;
    background-color: black !important;
    height: 35px;
    line-height: 35px;
    color: #999;
    text-shadow: 0 1px 1px rgba(0,0,0,0.75)
}

    #peek .hidden {
        display: none;
        visibility: visible
    }

    #peek.disabled {
        display: none
    }

    #peek.production {
        background-color: #222
    }

    #peek.staging {
        background-color: #291430
    }

    #peek.development {
        background-color: #4c1210
    }

    #peek .wrapper {
        width: 800px;
        margin: 0 auto
    }

    #peek .bucket {
        background: #111;
        display: inline-block;
        padding: 4px 6px;
        font-family: Consolas, "Liberation Mono", Courier, monospace;
        line-height: 1;
        color: #ccc;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2),inset 0 1px 2px rgba(0,0,0,0.25);
        box-shadow: 0 1px 0 rgba(255,255,255,0.2),inset 0 1px 2px rgba(0,0,0,0.25)
    }

        #peek .bucket .hidden {
            display: none
        }

        #peek .bucket:hover .hidden {
            display: inline
        }

    #peek strong {
        color: #fff
    }

    #peek .view {
        margin-right: 15px;
        float: left
    }

        #peek .view:last-child {
            margin-right: 0
        }

    #peek .css-truncate.css-truncate-target, #peek .css-truncate .css-truncate-target {
        display: inline-block;
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top
    }

    #peek .css-truncate.expandable:hover .css-truncate-target, #peek .css-truncate.expandable.css-truncate-target:hover {
        max-width: 10000px !important
    }

.react-hot-loader-error-overlay {
    z-index: 502
}

    .react-hot-loader-error-overlay div:first-child {
        top: 5.6rem !important
    }

.app-empty-state--with-divider {
    border-bottom: 1px solid var(--p-border, #c4cdd5)
}

.app-creation-wizard__section, .collapsible-card__section {
    padding: 0
}

.app-creation-wizard__toggle, .collapsible-card__toggle {
    margin: 0;
    padding: 1.6rem 2rem;
    white-space: normal;
    border-radius: 0
}

    .app-creation-wizard__toggle:hover, .app-creation-wizard__toggle:focus, .collapsible-card__toggle:hover, .collapsible-card__toggle:focus {
        text-decoration: none;
        border-radius: 0
    }

    .app-creation-wizard__toggle:focus, .collapsible-card__toggle:focus {
        background: transparent;
        outline: 0.2rem solid #202e78
    }

    .app-creation-wizard__toggle:hover, .app-creation-wizard__toggle:active, .collapsible-card__toggle:hover, .collapsible-card__toggle:active {
        background: rgba(33,43,54,0.05)
    }

.collapsible-card__toggle {
    color: black;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.app-creation-wizard__title {
    text-align: left;
    color: black;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .app-creation-wizard__title .app-creation-wizard__title-heading {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .app-creation-wizard__title .app-creation-wizard__title-icon {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        position: relative;
        top: 0.4rem
    }

.app-creation-wizard__section-details {
    color: #637381
}

.app-credentials__secrets {
    padding-bottom: 0
}

.app-creation-wizard__resource-list {
    list-style: none
}

.app-creation-wizard__resource-link {
    padding: 1.6rem 2rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.ui-title-bar--app-creation {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8)
}

.collapsible-card__heading {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .collapsible-card__heading .collapsible-card__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .collapsible-card__heading .collapsible-card__title .collapsible-card__configured-icon {
            padding-left: 0.8rem;
            position: relative;
            top: -1px
        }

        .collapsible-card__heading .collapsible-card__title .collapsible-card__icon-svg {
            margin: 0
        }

    .collapsible-card__heading .collapsible-card__description--deprecated {
        color: grey
    }

    .collapsible-card__heading .collapsible-card__description {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        text-transform: initial;
        letter-spacing: initial
    }

@media screen and (max-width: 640px) {
    .collapsible-card__heading .collapsible-card__description {
        font-size: 1.4rem
    }
}

.collapsible-card__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.collapsible-card__icon--deprecated {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: grey
}

.extension-list__item--left {
    padding-left: 2rem
}

.extension-list__text {
    max-width: 100px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 568px) {
    .extension-list__text {
        max-width: 200px
    }
}

@media screen and (min-width: 1024px) {
    .extension-list__text {
        max-width: 300px
    }
}

.extension-list__item--right {
    padding-right: 1.6rem;
    text-align: right
}

.visually-hidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.body:hover .visually-hidden a, .body:hover .visually-hidden input, .body:hover .visually-hidden button {
    display: none !important
}

.app-setup__ui-annotated-section {
    margin-top: 0;
    padding-top: 1.6rem;
    border-top: 1px solid #dfe3e8
}

.app-actions__options {
    margin-top: 0
}

.app-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-metrics {
    width: 100%;
    position: relative;
    padding-bottom: 2rem
}

    .app-metrics::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: -1.6rem;
        height: 1px;
        border-bottom: 1px solid var(--p-border, #c4cdd5)
    }

@media screen and (max-width: 568px) {
    .app-metrics::after {
        right: 0
    }
}

.chart-section {
    width: 100%
}

@media screen and (max-width: 568px) {
    .app-analytics__header {
        padding: 0 1.6rem
    }
}

.app-analytics__skeleton-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.app-analytics__skeleton-header-display-text {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.app-analytics__skeleton-header-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.app-analytics__skeleton-header-action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .app-analytics__skeleton-header-action:not(:first-child) {
        margin-left: 1.6rem
    }

    .app-analytics__skeleton-header-action > div {
        max-width: 100%
    }

.metric-cards__wrapper > div {
    margin-bottom: 1.6rem
}

.app-metrics__feedback-form .ui-modal__section {
    padding: 0
}

.app-metrics__feedback-form iframe {
    height: 545px;
    width: 100%
}

.request-scopes__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .request-scopes__wrapper > * {
        margin-top: 1.6rem
    }

    .request-scopes__wrapper .request-scopes-description {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .request-scopes__wrapper .request-scopes-button {
        margin-left: 1.6rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

@media screen and (max-width: 568px) {
    .request-scopes__wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .request-scopes__wrapper .request-scopes-button {
            margin-left: 0
        }
}

.protected-scopes__scope-description {
    padding-left: 2.4rem;
    margin-bottom: 1.6rem;
    margin-top: 0.8rem
}

    .protected-scopes__scope-description:last-child {
        margin-bottom: 0
    }

.app-callout-card__link {
    display: inline-block;
    padding: 0.8rem 0
}

.app-setup__export-control-classification-number {
    margin-left: 2.5rem;
    margin-top: 0.5rem
}

.apps-next-nav-title {
    padding-left: 1.6rem;
    margin: 0.8rem 0
}

.apps-next-nav-wrapper .ui-nav__link--parent.ui-nav__link--parent {
    color: var(--p-text-subdued, #637381)
}

    .apps-next-nav-wrapper .ui-nav__link--parent.ui-nav__link--parent:hover {
        color: var(--p-text, #5C5F62)
    }

.apps-next-nav-wrapper .ui-nav__item--selected > .ui-nav__link--parent.ui-nav__link--parent {
    color: var(--p-text, #212B36);
    background: var(--p-background-selected, #fff);
    border-radius: 4px
}

.app-extensions__config textarea {
    background-color: #000639;
    color: white
}

.app-extensions__table th, .app-extensions__table td {
    padding-left: 0
}

.app-extensions__table .app-extensions__table-header {
    font-weight: 600;
    border: 0;
    font-size: 1.5rem
}

.flow-extensions__select-options {
    list-style-type: none
}

    .flow-extensions__select-options li {
        margin-bottom: 1.6rem
    }

.flow-extensions__select-option-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flow-extensions__select-option-fields {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.flow-extensions__preview-signature {
    text-align: center
}

    .flow-extensions__preview-signature span {
        display: block;
        padding-bottom: 0.8rem
    }

        .flow-extensions__preview-signature span a {
            padding-left: 0.4rem
        }

@-webkit-keyframes fadeInOut {
    0%,100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    5%,95% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInOut {
    0%,100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    5%,95% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.flow-components__flash-message {
    -webkit-animation: fadeInOut 5s linear forwards;
    animation: fadeInOut 5s linear forwards;
    position: fixed;
    z-index: 552;
    right: 0;
    bottom: 16px;
    left: 0;
    text-align: center
}

.flow-components__content {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 40rem;
    padding: 0.8rem 1.6rem;
    border-radius: var(--p-border-radius-base, 3px);
    background: rgba(0,0,0,0.88);
    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
    color: white
}

@media (max-width: 640px) {
    .flow-components__content {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

@media screen and (min-width: em(640px)) {
    .flow-components__content {
        padding: 1.6rem
    }
}

.flow-components__error {
    background: rgba(191,7,17,0.88)
}

.flow-components__close-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -0.8rem -1.6rem -0.8rem 0;
    padding: 1.2rem 1.6rem 0.8rem;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    fill: white;
    cursor: pointer
}

    .flow-components__close-button:focus {
        outline: none
    }

.surface-area-introduction {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 99.8rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    padding-top: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 175px
}

@media (max-width: 769px) and (min-width: 490px),(min-width: 730px) {
    .surface-area-introduction {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (max-width: 769px) and (min-width: 744px),(min-width: 984px) {
    .surface-area-introduction {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media screen and (max-width: 568px) {
    .surface-area-introduction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.surface-area-introduction__text, .surface-area-introduction__illustration-wrapper {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.surface-area-introduction__illustration-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 568px) {
    .surface-area-introduction__illustration-wrapper {
        display: block;
        margin-bottom: 1.6rem
    }
}

.surface-area-introduction__illustration {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 300px
}

.extension-page-actions {
    padding-top: 2rem
}

.extensions-page__banner {
    padding-bottom: 1.6rem
}

.ui-card__section .argo-extensions-card {
    margin-top: 0
}

.marketing-activities__choice-list-delete {
    margin-left: 1.6rem
}

.draggable-source--is-dragging .divider-skeleton {
    display: none
}

.sortable-cards__children > *:first-child {
    padding-top: 0
}

.sortable-cards__handle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.sortable-cards__handle__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.8rem
}

.sortable-cards__field {
    margin-top: 2rem
}

.sortable-cards__field--mirror {
    background: white;
    z-index: 23;
    opacity: 0.9;
    border-radius: var(--p-border-radius-base, 3px)
}

.form-builder__section {
    margin-top: 2rem
}

.form-builder__field-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2rem 0
}

.form-builder__field-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.form-builder__field-link + .form-builder__field-link {
    padding-left: 1.6rem
}

.admin-links-preview {
    text-align: center;
    height: 15vh
}

.admin-links-preview__popover-activator, .bulk-action-preview__checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .bulk-action-preview__checkbox label {
        padding: 0;
        margin-bottom: 0;
        margin-right: 0.8rem
    }

.bulk-action-links-config .bulk-action-preview__checkbox-label {
    white-space: nowrap
}

.bulk-action-links-config > div > div:nth-child(2) {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.navigation-section {
    margin-top: 2rem
}

.navigation-section__error-wrapper {
    padding: 1.6rem
}

.navigation-section__upload-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .navigation-section__upload-wrapper .navigation-section__content {
        margin: 0.8rem 1.6rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 16rem;
        -ms-flex: 1 1 16rem;
        flex: 1 1 16rem;
        min-width: 15rem
    }

    .navigation-section__upload-wrapper .navigation-section__button {
        margin: 0.8rem 0
    }

.sales-channel__nav-preview {
    list-style: none
}

.sales-channel__nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sales-channel__configuration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media all and (max-width: 568px) {
    .sales-channel__configuration {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.sales-channel__configuration--secondary {
    margin-left: 2rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 16rem;
    -ms-flex: 1 1 16rem;
    flex: 1 1 16rem
}

@media all and (max-width: 568px) {
    .sales-channel__configuration--secondary {
        margin-left: 0;
        margin-top: 2rem
    }
}

.sales-channel__configuration--secondary .ui-nav__link--child.ui-nav__link--child {
    padding-left: 2rem
}

@media screen and (max-width: 768px) {
    .sales-channel__configuration--secondary .ui-nav__link--child.ui-nav__link--child {
        padding-left: 1.6rem
    }
}

.navigation-section__icon-wrapper {
    margin: 0 auto
}

.icon-svg--upload {
    display: inline-block;
    width: 2rem;
    height: 2rem
}

.icon-svg--preview {
    display: inline-block;
    width: 2rem;
    height: 2rem
}

.nav-label {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3.4rem;
    padding: 0 0.8rem;
    white-space: nowrap
}

.modal-text-field input {
    border: 0
}

.subnav {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

.subnav-list {
    list-style: none
}

.subnav-list__button {
    padding: 0.8rem 1.6rem
}

.subnav-list__item {
    background-color: white;
    position: relative;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 0.8rem 1.6rem 0.8rem 0.8rem
}

.dragging-item {
    list-style: none;
    background-color: white;
    border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 0.8rem 1.6rem 0.8rem 0.8rem
}

.subnav__label {
    width: 90%;
    margin-left: 0.8rem
}

.subnav-preview {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.item-placeholder * {
    visibility: hidden
}

.draggable-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.8rem 0;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.subnav-list__item--mirror::before, .subnav-list__item.draggable-source--placed::before, .subnav-list__item::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px
}

.subnav-list__item::after {
    background-color: transparent;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s
}

.subnav-list__item:hover::after {
    background-color: #919eab
}

.subnav-list__item--mirror::before, .subnav-list__item.draggable-source--placed::before, .subnav-list__item:focus::after, .subnav-list__item--sorted::after, .subnav-list__item--sorted:hover::after {
    background-color: #5c6ac4
}

.subnav-list__item--mirror {
    background: white;
    z-index: 23;
    opacity: 0.9;
    border-radius: var(--p-border-radius-base, 3px)
}

.app-navigation__empty-state {
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

    .app-navigation__empty-state p {
        text-align: center;
        padding: 30px 0
    }

.drop-zone-wrapper {
    cursor: pointer
}

.error-message-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .error-message-wrapper .error-message-icon {
        margin-right: 0.4rem
    }

.file-name-wrapper {
    max-width: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navigation-file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pos-links-table {
    padding-top: 2rem;
    padding-bottom: 2rem
}

    .pos-links-table th, .pos-links-table td {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .pos-links-table th {
        padding-top: 0;
        padding-bottom: 0.8rem
    }

    .pos-links-table td {
        padding-top: 0.8rem
    }

    .pos-links-table tr:last-child td {
        padding-bottom: 0
    }

.pos-links-table__row td:first-child {
    width: 35%
}

.pos-links__actions {
    padding: 2rem;
    padding-top: 0.8rem
}

.embedded-pos-app__success {
    margin-bottom: 1.6rem
}

.pos-cart-promotion-sample-code-container code {
    font-size: 0.85em;
    width: 100%;
    padding: 1.6rem
}

.pos-product-recommendations-sample-code-container code {
    font-size: 0.85em;
    width: 100%;
    padding: 1.6rem
}

.app-proxy__subpath-fields {
    padding-bottom: 0
}

.app-proxy__subpath-fields-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media all and (max-width: 568px) {
    .app-proxy__subpath-fields-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.app-proxy__prefix-field {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.6rem
}

@media all and (max-width: 568px) {
    .app-proxy__prefix-field {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-right: 0;
        margin-bottom: 1.6rem
    }
}

.app-proxy__subpath-field {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.extensions-empty-state img {
    margin: 0 !important
}

@media screen and (max-width: 568px) {
    .extensions-empty-state img {
        padding: 2rem;
        max-width: 100% !important
    }
}

.payment-icon {
    display: inline-block;
    width: 38px;
    height: 24px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.3, 0, 0, 1);
    transition: opacity 0.5s cubic-bezier(0.3, 0, 0, 1);
    -webkit-backface-visibility: hidden
}

.blank-slate .payment-icon {
    vertical-align: middle
}

.payment-icon--acima-leasing {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/acima_leasing-6f5664c1870ec4198ca8bd0cf66559a1e75899d26692c954531a26d36c01aba6.svg),none
}

.payment-icon--addi {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/addi-e07833a0c6813f57c40508c1f88dbb2220bb8c1f78c210509c3371ddbfa8344e.svg),none
}

.payment-icon--affinbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/affinbank-ad8593d7e13abf4a86192347cd843a0d3e6cd67a7e808c14ace412719dfe1f39.svg),none
}

.payment-icon--affirm {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/affirm-b44fe2ebf16977cf928fb6ca4f806171a8b6329709ba8b58f990d01a555f577e.svg),none
}

.payment-icon--afterpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/afterpay-c59f218a2c3959281b53aa894438ac2ef84c1086c1e4743fd9eeacc544ba5380.svg),none
}

.payment-icon--afterpay-paynl-version {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/afterpay_paynl_version-5cadabca197eb3b906188f63b2be20c298fbaeaa7074e584ebc795c0f5fc4fc2.svg),none
}

.payment-icon--airtel-money {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/airtel_money-5a1018a79e5d691fc0af3efca44a3e4d1add6632b6d1a2ee8e6360e1863559df.svg),none
}

.payment-icon--airteltigo-mobile-money {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/airteltigo_mobile_money-5b5812bb347900d4452a5a232d0a0b3c9a9401184588c0373568a3f3313cc1ce.svg),none
}

.payment-icon--aktia {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/aktia-773dc6be318e44854cfaeb2232dca43f57a7dcc42c6c3bdc46edc854f3c282db.svg),none
}

.payment-icon--akulaku {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/akulaku-64801ba8aff6b5f4227090d58325cb8b19f4a4c1eee2fff51d8f645fd9e08f06.svg),none
}

.payment-icon--alandsbanken {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alandsbanken-9159b8ba7f97673ee777a56f5808c86be2ed8c353b85ac720a59da32b27777c0.svg),none
}

.payment-icon--alfamart {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alfamart-e5953234bb588ed712769ec3a02070eb03134b9eab6bc72d282dc92b569039ce.svg),none
}

.payment-icon--alfamidi {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alfamidi-b842447ff86d291a5a9fd3feeabbbfc0bfabe803208420eaa3311d58b30f29db.svg),none
}

.payment-icon--alipay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alipay-e6d5d720c62af99dc0b1af2a93b2980ab8c708dc364b363b04cf97bfde886715.svg),none
}

.payment-icon--alipay-hk {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alipay_hk-a1b0c5002d4119f6b1440ea2b85f6e84898c8abf786b29b9fc4fb0d78b636331.svg),none
}

.payment-icon--alliancebank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/alliancebank-8ed881f752414b96b0c393fa131781f726b2d2e6232487446649b3b0f393b6d3.svg),none
}

.payment-icon--amazon {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/amazon-c24b14c46be7cf8e9e625eba6ccca0c0cd61f9c8e9da6e2934db3afc37a39965.svg),none
}

.payment-icon--ambank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ambank-e2b7594f6a78b40736bbb2119618481a99a8d1bb93d2264e0cc6851e85e4a604.svg),none
}

.payment-icon--american-express {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/american_express-a3802d34a98b3aa4a7020daa363f186077f94305b9df28b9c0fdf8656243b1bc.svg),none
}

.payment-icon--anyday {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/anyday-19a30d99a63b5995472a48705a006fc64c58f5cb1468895f9034a731eb613f48.svg),none
}

.payment-icon--apple-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/apple_pay-12d1f5814aac444bb22c1d95235ed1bd263c69cd9f850507c5de8153a4f3f43d.svg),none
}

.payment-icon--arhaus {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/arhaus-b4b375a5fe7088e5a0273f0eea8b95503d79d71d0b184a2866eeebfa2108dbc8.svg),none
}

.payment-icon--arvato {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/arvato-429c57afab9dbe59771a2a8eac5986c709c89dca7360b4d37abddc5c069a90f4.svg),none
}

.payment-icon--ask {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ask-ba45813c8d1b39a17b387d070f80a665e66d971e67c2c95140b0c27e8dd08d75.svg),none
}

.payment-icon--atmbersama {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/atmbersama-06e6cc81f3e4b2be4789b3123bcba93c09dca9854ad065cdad7e4a2cf106fb9b.svg),none
}

.payment-icon--atobaraidotcom {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/atobaraidotcom-7d4a41e0feb587d8439190008603a3390affb3b32da386635bd41ae3f8dd4bd2.svg),none
}

.payment-icon--atone {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/atone-83790cbc1c1733bac2a01fd9ae409bfddf61e7ffb952a83e378fce6f74acda8e.svg),none
}

.payment-icon--au-kantan-kessai {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/au_kantan_kessai-7545f2862bbf2709b900ec312544baed5137042e47b131b2bc1a8b40f6474c96.svg),none
}

.payment-icon--axs {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/axs-57e8ad4659c3047aefbfdc472e0629a47a7bbea55514e46346531aa3149997e5.svg),none
}

.payment-icon--bancnet {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bancnet-5737a3ae05174b8c709c0a33d2078e9453c546ffebf791f420d9560a2a043bcf.svg),none
}

.payment-icon--bancontact {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bancontact-1291fb4b1a3c3b4fdf05f65a9531b7d9fa77d79f0dff5ffd838ac691352213fb.svg),none
}

.payment-icon--bangkokbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bangkokbank-e7bf0157892202536966985924ab06c1c726350647b23c5994c038e6eba3b4d8.svg),none
}

.payment-icon--bankislam {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bankislam-a06f65f6a5eb79d90defef612d2656986fb340da3cb3cfbf6b853b9bf8728781.svg),none
}

.payment-icon--bankmuamalat {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bankmuamalat-c1d91386d3ec4503fcc5432e86bfc17ce5f160d7b9d10d6e511f950ea326fb56.svg),none
}

.payment-icon--bankrakyat {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bankrakyat-0f5fc24abcaf5adb75eca95c21a2ba5d2a1865778ca6386ad84e71dab8fa24b3.svg),none
}

.payment-icon--bc-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bc_card-63fc25abfc69cefc4873b22fbd983eace6fc89bfbc6d60e377b2c2755ed6740e.svg),none
}

.payment-icon--bca {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bca-46771dccfd82b29dc11794308ff8dea866b072ec94e896b9ae2bd038aaaed2a1.svg),none
}

.payment-icon--bcaklikpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bcaklikpay-ff2af863b6dd7de0ffd3e5356eda7cedd4346bfadd6ee2e1464fe8deaa4cc840.svg),none
}

.payment-icon--bdo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bdo-7f78a24ad709edba468fed8253922eab439fb486e3f50d729e2a2355ba2377b4.svg),none
}

.payment-icon--belfius {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/belfius-f3fa41d3feaafa27d2ebe8792db8c07770378a82fe3bcd4bbe1716b78aec4eff.svg),none
}

.payment-icon--benefit {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/benefit-d6e66bfd2f18ee948e46e3f3b8a828b7419bac6d6a77d4fb099c72601c86063b.svg),none
}

.payment-icon--bigc {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bigc-27f73d131080b820967edd25a7677739f3c97fbe310584976a3806bf6a6e3b96.svg),none
}

.payment-icon--billease {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/billease-8e47cae465020aeae59f13bcd4a02183e1884d16033cf85a28dfb1bd129d7cab.svg),none
}

.payment-icon--billink {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/billink-92209f2305aaca2a0b6b9e12d70fdfe8cdb5a34eec6596e048908021227d1506.svg),none
}

.payment-icon--bitcoin {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bitcoin-4d70918ab50876923329b34209fc93b13fa0ad68733a782a5ec7654604f7f049.svg),none
}

.payment-icon--bitcoin-cash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bitcoin_cash-1a88ec4b95cda5e17d97cc30348ab9f506d6eb79e2b71419ec63b3ce8c75718a.svg),none
}

.payment-icon--blik {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/blik-d2ac52e165eac20ea98f5e2b9b5bed4eb48d82971024c9785a12e6dfe74e5522.svg),none
}

.payment-icon--bni {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bni-cf7e64475acba0c7af30d348f4d177e192ac88894747e603f62328ed461ae021.svg),none
}

.payment-icon--bogus {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bogus-dccb2c7bfdb04368c1935bfe18933e7843a8f2aea99aa4b25b4c2f992e53630f.svg),none
}

.payment-icon--bogus-app-coin {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bogus_app_coin-95cb6789dcfdb3ff1be5b7028b501c569a440627b4478483126453cdedbdff09.svg),none
}

.payment-icon--boleto {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/boleto-dcd5f6382bb98972783a7972ac769546960c48abd6ff324d5bf4abbb670c8a68.svg),none
}

.payment-icon--boost {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/boost-4e9ba4c0394ff41e5b5eb759eb6f639297b0fcfe363d173c2ef8e69d5046d2ae.svg),none
}

.payment-icon--bpi {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bpi-ad158d2ce7eb492cb51bec8248620b0f2edb7af6f7fc1be7884bb864065bc5e1.svg),none
}

.payment-icon--bread {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bread-31fd2638e3a0e92a495aca13d9b7d1dd7fe19bb5cff07c2f2afe3de4c540a24a.svg),none
}

.payment-icon--bri {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bri-b6aefb165e359ac66163ec882d173a5e7dc6f83073fd98fa8d8111296e5f42bc.svg),none
}

.payment-icon--bri-direct-debit {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bri_direct_debit-4a843b25504f1506f74e022923c8ec270f7c4ed04cc44ac75ca5bc7c4deb17f9.svg),none
}

.payment-icon--brimo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/brimo-46f6ab318d10dcd2cfac1c29b7b52e9bf119fba89ce2f2f5e139d85c9e3cc2cd.svg),none
}

.payment-icon--bsn {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/bsn-2588f48193df0721269a19daaa93b7c466b76bb0f91506de6df63beaf99bc97e.svg),none
}

.payment-icon--cartes-bancaires {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/cartes_bancaires-9d5d1b310f13ef1d058e9021bca6d92a6ebdc76e06d13f874706022afef61149.svg),none
}

.payment-icon--cash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/cash-340c078a337994e14e47d4bc4bc47d72087fe6445351bbd031fc1b957581e7a1.svg),none
}

.payment-icon--checkout-finance {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/checkout_finance-6d52893b888f31298d62492aa7d103e3733faf11efb405ef3027765d81cdb662.svg),none
}

.payment-icon--cimb {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/cimb-04956ccd28480bd5735f8f47a1b47f7a1a4798157e747a3b2fd23201f55a4704.svg),none
}

.payment-icon--cimbclicks {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/cimbclicks-2712d910de0f64aa9aa13c85a9b808781a827e45abc42e73b4d77ff86f62a047.svg),none
}

.payment-icon--circlek {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/circlek-d28ce8d26f245bcd42866986a87c69f29624eaa7178d7b208fc3a4318d466016.svg),none
}

.payment-icon--citadele {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/citadele-527ad5b9a3dafd42ce5bcbba208a6fd8526053992cecf6331f0efe5da1ea95be.svg),none
}

.payment-icon--clearpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/clearpay-3fb025fa2662a7057bdb78b5be5ee5048f99e42440811bd376d422080ffae0e7.svg),none
}

.payment-icon--cleverpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/cleverpay-10e6e9074d7b2cc88ad9fb4cd4540812c5d0a664efee16ca6b7f620425f7b004.svg),none
}

.payment-icon--coinsph {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/coinsph-f02061d5eafd53eef364df425833a4ee19f93b744ad86cf1118d5db6caaa894b.svg),none
}

.payment-icon--collector-bank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/collector_bank-ae86b7abe1863201b2d83947302f540a6bfc5b8cfbfb6e08951a0544f9db0351.svg),none
}

.payment-icon--coop {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/coop-220802dad5604e41f3192f17103ee5cf72f03416490a228d5952936fdf53beb7.svg),none
}

.payment-icon--d-barai {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/d_barai-397cdb99bc638a471bfaf7b91b6874b4a34caaef228fc1e238a453b87d3eb9f2.svg),none
}

.payment-icon--dai {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dai-3727ced7af4865a585ef2546f5c65a6ef716a0b5c9c27eb7779ff90846d7adf9.svg),none
}

.payment-icon--dailyyamazaki {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dailyyamazaki-0054fbf6afff81a365e8170174c8de29353baed67257a47f3eedf3670c9b6751.svg),none
}

.payment-icon--dana {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dana-6eb58c0aeb4d1fa6f9339d9dc9a5130b82242c981cbc639ada0296e1670dc636.svg),none
}

.payment-icon--danamononline {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/danamononline-a71a5185543abba3443ef619be8e4096e271773ca4eb714cd357493ae2922b37.svg),none
}

.payment-icon--dandan {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dandan-15104ca6e7c07150cb941e9956aa737bd7bbab857a5be18d260e3b02edf4eb03.svg),none
}

.payment-icon--dankort {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dankort-148840da83ae0f396b0f7c6b9472461d2beca346325e4c2638968fcdec8a76d6.svg),none
}

.payment-icon--danske-bank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/danske_bank-5a6c0bb1c895b836dbec1fee49dd77527fee21ccf0772c50dfd702095ce1169b.svg),none
}

.payment-icon--dash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dash-be565214020a81c94dbfd20a600e4dc1ac494ebaa8aa1bb812647ff31249d152.svg),none
}

.payment-icon--deutschebank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/deutschebank-b123bf93155d622842cfb24ab40e2e11216f8e69b14c8f212ddbb24a2f5a54c6.svg),none
}

.payment-icon--diners-club {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/diners_club-7c2fdae7f87f519658449f0113bb418ed8e71b79fdee81d559567a0a4d457fed.svg),none
}

.payment-icon--directpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/directpay-d47945f10fd5a34485192f39fedb82aff08cf514b00b55dc9ecc26bccddda5f5.svg),none
}

.payment-icon--discover {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/discover-4b85b8953768a4744af90314c710c6a9bd66bbb3e8d49326f9fae0abe62ac784.svg),none
}

.payment-icon--dnb {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dnb-36afb7a46c460eb970f4219e74ce029880ea6b74918b21e97b4f96d0e8f26765.svg),none
}

.payment-icon--docomo-barai {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/docomo_barai-6ec9134f20c27b8f9c91e7d686bb5825abbdf47aa77f83108ac2e8740e01ece6.svg),none
}

.payment-icon--dogecoin {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dogecoin-4b8e578bf67eac394f70d2711d30a28bdc1e6fde7660967c09aff1be72441795.svg),none
}

.payment-icon--dwolla {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/dwolla-e41cbea4f2d9c7e8e8fec8a20b387e8e1f1f3276ed0cec62f647a9f5caf50c4a.svg),none
}

.payment-icon--ebucks {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ebucks-bc94a92c80f1f583e8337f50b291c2ee65a77f38a0f81535b87a4b53e485756b.svg),none
}

.payment-icon--echelon-financing {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/echelon_financing-d96074f4dcacb42d4c83117ac140d7d73b55ccf0600528ee705e66b6d5bec037.svg),none
}

.payment-icon--ecpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ecpay-47e94a65cca662022a02feb15fafadb6c27346eb489e047efe4e24b1462a92c2.svg),none
}

.payment-icon--eft-secure {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/eft_secure-ac78290763269cf610a1eca4ba8dae62724f7f55d1d0373506b27a6872a6fa8b.svg),none
}

.payment-icon--eghl {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/eghl-4cbbd81f841597cdda61705ee6bc772462eb43b197bb83f3a114bc5af28cd1f7.svg),none
}

.payment-icon--elo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/elo-be244e57090a8751687e03dcc75d8894e27fb8d35cdc57a0946a36f92d697344.svg),none
}

.payment-icon--elv {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/elv-b997c0422d5a5dcd51359fadb885cba5ad118208afda67ac2030c289f994613c.svg),none
}

.payment-icon--enets {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/enets-5e44e02bb039368cd11513034ff0c0b5d6203893de74a97d9b50600c43ca93a8.svg),none
}

.payment-icon--eos {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/eos-e64d5a174e7cb98150aea541d1b774a7d4ac5a5b2b47f8cc56dc6854d23db296.svg),none
}

.payment-icon--epayments {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/epayments-63de67917e4e406d3739955023a99106ce8ee3508cd0648965e66d4e9528c066.svg),none
}

.payment-icon--epospay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/epospay-e32ffd390ecaa938d093d178ef2608a0587b4b4ad50a96a3d4a2c6c22e6ce11e.svg),none
}

.payment-icon--eps {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/eps-771834a8ffe1cbd60db3da7fb1477de48a9947b9108df6280cb76bccb4e406ec.svg),none
}

.payment-icon--esr-paymentslip-switzerland {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/esr_paymentslip_switzerland-275658cf6b5a1d8e4e12f98a817ff95c7a82c0341457fd26117523e8393bf215.svg),none
}

.payment-icon--ethereum {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ethereum-299a8014e3d09f7b0cd003ad814b14c424fa7626a97354a28de9776dc4d2344c.svg),none
}

.payment-icon--facebook-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/facebook_pay-c760e2f276bff20e5420bef518991a78725b2941c53c106f654bb0c1d2338cb9.svg),none
}

.payment-icon--familymart {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/familymart-9ed95e46e5d3c2a990764349a1bb3f3ef46db8577e4e1203360c29f3033b467d.svg),none
}

.payment-icon--farmlands {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/farmlands-aa40180077254b630c296a082b50120998cbe5f73db6565bb19485b24f9ac51d.svg),none
}

.payment-icon--fashioncheque {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/fashioncheque-fed829c12e447b1d7cb3fc6d729c432bb8474219121f1f178b29ae8625a58a14.svg),none
}

.payment-icon--flexiti {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/flexiti-0cd6e432ea0c58c72296f05443e4f2529d7cd6f17861566e67dd92a2859a8ee0.svg),none
}

.payment-icon--forbrugsforeningen {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/forbrugsforeningen-3ce0baae05ba2158c7876bbe851ad26f73337065c6d4a5961bc577e825a7b134.svg),none
}

.payment-icon--fps {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/fps-35f7f513611e4d4c120474b4e0bf541799952c08add13f34defe6d4a2110928c.svg),none
}

.payment-icon--fpx {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/fpx-be0862cafe75f0aafec0d034fb1675fe2f79ebecd6109b45ed49d9a2faa00229.svg),none
}

.payment-icon--freecharge {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/freecharge-d9b431cf8ca52be727f49882887dff656451a9b415087f15859ee508f1282e06.svg),none
}

.payment-icon--gcash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/gcash-81d459685751cdbeebbc1b836208f18f25fc54894ddf969c69d8b3aad0eaaf31.svg),none
}

.payment-icon--generalfinancing {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/generalfinancing-43370cacf110315613b41cd15fab4790d6bda5bb72860eed08b97fd76a9b9aab.svg),none
}

.payment-icon--generic {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/generic-35a2b1e2dabb30d6f0bbe86d4fe1baca6f5df5baba21ca65f497275b46c3a10c.svg),none
}

.payment-icon--genoapay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/genoapay-6ed572aa4043f0934c747c284414c41f1a779be7cd0157f579205e2729f7928e.svg),none
}

.payment-icon--gift-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/gift-card-fa82f99c0f583993760cec9fbff8a86e3ad373f3d856ae9bdc3df507b976d672.svg),none
}

.payment-icon--giropay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/giropay-786615eb54500e278b60d93918f2e37d753142d69f54fb58ada863ceac780f84.svg),none
}

.payment-icon--givacard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/givacard-d647f8eeb9a19df965163970724a1a55dc3b3c1a86edaceff1a46ff36324bb28.svg),none
}

.payment-icon--gmo-postpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/gmo-postpay-f5fcdbfe2c9a2abc8d386736822bcf7e728689081c222e1e986e773417e4f603.svg),none
}

.payment-icon--google-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/google_pay-19d071198246f24ae4bd4d85404906672574742ad1d8b577be247a1cb77e73c9.svg),none
}

.payment-icon--google-wallet {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/google_wallet-73d6b406cfaa280140b0a5b64e3ae99fd1d7d06963b995dd8b4d5117881bc2b4.svg),none
}

.payment-icon--gopay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/gopay-4290309273e89a60504da674174e8887fb5982d6feeeb3edc76f99d7c7a973dd.svg),none
}

.payment-icon--grabpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/grabpay-968c5113c0d82fcd0b9b7713bd876d62b92d2f8e7a4da43245b54b4537030a33.svg),none
}

.payment-icon--hana-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hana_card-4c7b5a62aaf8d7431b99184fef05d8e309708c87aad34d7c8640ca79118bc495.svg),none
}

.payment-icon--handelsbanken {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/handelsbanken-84250941cc09b850c8976189ef536467100a9a5db75ac9ce72d8d19a7573780d.svg),none
}

.payment-icon--hongleongbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hongleongbank-81d8675cfe515c017dd7a6c843efe7885eb9ed64af8016b64e224b2eac5a6dfa.svg),none
}

.payment-icon--hongleongconnect {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hongleongconnect-b090476c805605344432c1a83438f37ab07d90fac82479811ac7852fb9e863ba.svg),none
}

.payment-icon--hsbc {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hsbc-93b3259279a322ac8138958087d7517d7a60077375b44d72ce88c98f5c1fbf56.svg),none
}

.payment-icon--hyper {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hyper-75f01e00f697bee77b0676ea571491821cdac17f00398bcbf53198af2f5d1260.svg),none
}

.payment-icon--hypercard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hypercard-5694c239b715dec9313dd32606410447149b6017dd2ad3fb1db860bc7c419bd2.svg),none
}

.payment-icon--hyundai-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/hyundai_card-05479a774953ba91ea897092818102b47d5ba5b01ec67a6aa50ef441b390415e.svg),none
}

.payment-icon--ideal {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ideal-97346a8367c3aff9305d7f474df0b3906675991ab7c32a07bedf872e07362a99.svg),none
}

.payment-icon--in3 {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/in3-f1ff0a36766a68b662c5f9692b0990f76a7fc09c7570611d260322ea3c154fa5.svg),none
}

.payment-icon--indomaret {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/indomaret-f9ace66e4e9d95a3c39cb6c2c14d40a04e981a82210b5ff916516257a8817c79.svg),none
}

.payment-icon--ing-homepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ing_homepay-ac5494308eba943eb37657428b0423f944a28eeb12290fd84b69a98583ddc4f9.svg),none
}

.payment-icon--interac {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/interac-0474ae5749261b0c64531ac99068141a0596e5adf999097362804d2b76cee936.svg),none
}

.payment-icon--jcb {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/jcb-dd92f7576a6ebfabd8c8dee863e53948433ea0766f287b271f2918b3f1554e89.svg),none
}

.payment-icon--jousto {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/jousto-ff17d6445ab5950669e2131ed7cbf4dc839fee7647ffa964adada455c992cb41.svg),none
}

.payment-icon--kakao-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kakao_pay-f9bd41c8fe25ceb13385e1da718476c455699d2fed315a665ec54d7a25ee25c5.svg),none
}

.payment-icon--kasikornbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kasikornbank-503f3fe332ca83a9024c2c6c805e66c870aefc29d547637013ca09c294d1f910.svg),none
}

.payment-icon--kb-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kb_card-2a65e10c0462838cc5278f611a4b9d5d05da957ed6a44d39a4d7bcdc44ae837d.svg),none
}

.payment-icon--kbc-cbc {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kbc_cbc-29d90f4854ed023601f80aea2260585ded87eec6773a6dc37d3852c4fde57e50.svg),none
}

.payment-icon--kfast {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kfast-430c30f2b20afd189f07fe0858474d0385e0343e4351f21bb1299dca5fc5e99f.svg),none
}

.payment-icon--klarna-pay-later {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/klarna-pay-later-847af519fc8e10739999cf339746e1afa75b5b9d081903628792425bd693c6c4.svg),none
}

.payment-icon--klarna-pay-now {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/klarna-pay-now-c823f6dd0067154c90ec50a6410cbbf473da6a75434e0a4548699120c5299eaf.svg),none
}

.payment-icon--klarna-slice-it {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/klarna-slice-it-47c76948a580706dab809875feacdc44c9850f1c7315362efd8bd3f543b60428.svg),none
}

.payment-icon--klarna {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/klarna-80a04b545d37a56b8f8fe44cc9549b2e1862ecbc2855fb6b0d046d7cab6ff81a.svg),none
}

.payment-icon--knet {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/knet-080b8aaf019b44f0e18838fea6dc3bb6fcae2ba4c79b92a9eb492ecadb13ae96.svg),none
}

.payment-icon--krediidipank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/krediidipank-1b8b6df866818b43ed5b183af7fd14ca686c9054107b137e26918b6685d7a4c9.svg),none
}

.payment-icon--krungsri {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/krungsri-bec03a8745115b5ab1f9bdc7820b17b0af3a933098595381865a58628d35125f.svg),none
}

.payment-icon--krungthaibank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/krungthaibank-71bd3b69cdc31b315c8b45577612d9320fe9ab648407bb7efde475fa868fb2b6.svg),none
}

.payment-icon--kueskipay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kueskipay-4396e0c5a45dc1f5c39080c4f0e29772007afb3b4b8c9b34df00266c834acde7.svg),none
}

.payment-icon--kunstencultuurcadeaukaart {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kunstencultuurcadeaukaart-a804187fd79d447dd68f8f7cf0848607ae2fdb59a1edfe05a70d0ec09a0faf8d.svg),none
}

.payment-icon--kuwaitfinancehouse {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/kuwaitfinancehouse-1f01dfa1c9a98ad946c576a704023509bf6c0094f5305157717d7ee07d74c0ed.svg),none
}

.payment-icon--laser {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/laser-b709b3a26d2e60ad41a3cc8d07dc7e5ba0689273dbbfc7ddbf73722ae2e41880.svg),none
}

.payment-icon--latitude-creditline-au {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/latitude_creditline_au-6edf182beee31a010fc6f665c95f555e6a3c933698b01784f58f64b0ca1d01a7.svg),none
}

.payment-icon--latitude-gem-au {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/latitude_gem_au-8b8856b7146c2d84539a2d9e541ea649488a3f69e6eee730c16ebf5cd1cd5d24.svg),none
}

.payment-icon--latitude-gem-nz {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/latitude_gem_nz-7173ff79bfa25906321912f6af414ea120324419e34d854273bdf11a42b46c64.svg),none
}

.payment-icon--latitude-go-au {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/latitude_go_au-3efeb6837242267966f2a70c9c61fd82b6c7709031bb890d967995bdc156cd75.svg),none
}

.payment-icon--latitudepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/latitudepay-52ed156763d36df1c6e23fef140d020ff52995a9d29a50a302fbad2ed1a54067.svg),none
}

.payment-icon--lawson {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/lawson-c4c58b04bf678d18aa5bdc2f978cd142bcda349e0988d1a592d6b2a28e5ff31d.svg),none
}

.payment-icon--laybuy {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/laybuy-ab069f8f22f1446f21dccb92ae1a4a5659e2ad41c980d131fad98e0dee4d2d15.svg),none
}

.payment-icon--lhv {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/lhv-401f973a359f22da0a88c4e177b57a80d3a0eabaa0b63b6a80d5bce61721e781.svg),none
}

.payment-icon--line-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/line_pay-fd0f9580128078ac2734c30e53286fddd470fbf54b2334ff476124df6711819d.svg),none
}

.payment-icon--linkaja {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/linkaja-64589f3d8c10f40aeda020bba6b35722759524f16d15a43c963139bc537c7c14.svg),none
}

.payment-icon--litecoin {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/litecoin-2a57fe683dccde3c16d941867329be2505dc35de4ad3efcf05173e837b0052bb.svg),none
}

.payment-icon--lku {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/lku-6333781571d04f5795adfa6d11f154880e9e12b26948b9245543b0ab9af07bc2.svg),none
}

.payment-icon--lotte-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/lotte_card-4eb8ee245be7465a356069c3f875fbe12221eaccba4c5cf6225c5481daa3328d.svg),none
}

.payment-icon--luminor {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/luminor-a72d0fc7b83f8dc28ee3933fd87c3f81b680e5476d3cd95780a213336ab70f04.svg),none
}

.payment-icon--mada {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mada-c7554ddb2cec3917f4ac3662070db0f968b91c984dac0635ed62fb74e23e7029.svg),none
}

.payment-icon--maestro {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/maestro-b3e12832be9586fb9a485bcb64ac22dccbd187f579611ab3354003c2e4cfb05b.svg),none
}

.payment-icon--mandiri {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mandiri-6a9649c0354c10f53eca66ae789786990ebcf2d504cd2ca1214f224feb6df406.svg),none
}

.payment-icon--mash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mash-d26068467c6673af8da0a8b3cd746be1f347acb00e5153eaba9cb11988287fef.svg),none
}

.payment-icon--master {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/master-3b312debfa878e8ede663dab662b89ed42afc514eddf32c21346198c89cdded8.svg),none
}

.payment-icon--masterpass {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/masterpass-31b9e48c39f4202c1b02ca9442e8615ddfe50ecf3134912302d738df8a2e25f3.svg),none
}

.payment-icon--maxima {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/maxima-3332e6b29ba91eaee5f393b5b66fcd8872abb4b272e78cfbc7e0db63d394014a.svg),none
}

.payment-icon--maybank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/maybank-34753bf2caa0a604000c709c22d7e8d51c784105ec4d7279297c3d914b494c0c.svg),none
}

.payment-icon--maybankm2u {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/maybankm2u-8b6df84fa46cd4b1ef6c76644044162df6f97556a722d862402fd5c007505221.svg),none
}

.payment-icon--maybankqrpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/maybankqrpay-e53c7df9caa060ca00162005609e52a85400c1f7546d0ad4428fac4d733d414e.svg),none
}

.payment-icon--mb {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mb-600f39c9c230d1aa02ba71777fc1c910b0c600e92e0972a24188634afee7eefc.svg),none
}

.payment-icon--mbway {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mbway-ac87d92f9fe9bb0e199a2b1728006193bcadd38930bc7210259f3163841c003e.svg),none
}

.payment-icon--mcash {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mcash-feeab9cf617273ee88c4e2c083acf21406e800ea5069475b530e1e4bb9141e4f.svg),none
}

.payment-icon--merpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/merpay-9501829831489a8ab67a4a3795a49dddd2441f51b3512222e33b929c2b8c80bc.svg),none
}

.payment-icon--ministop {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ministop-56d2003ff2bceb705fd671a594c4c09ec55373dc45699d173acd79cc2d6167f9.svg),none
}

.payment-icon--mobicred {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mobicred-2e406988094e203661084596fa4f0d771d81b7c82d4c0520cd1ad1a1f3580f94.svg),none
}

.payment-icon--mobikwik {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mobikwik-c0b739c1744d9af65a54c7ebb75321fc4ff3db9b52cd30f00a54532668e03814.svg),none
}

.payment-icon--mobilepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mobilepay-4f96b9e61a579a7a7de782361706b42fc649c8baac4ce696346787252d139657.svg),none
}

.payment-icon--mode {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mode-36ff3154535ebcc75df04d6cb4f8baae7ada98c1e04e55ae35c18bd6984a6d54.svg),none
}

.payment-icon--mondido {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mondido-8f3bb345e769872bd4ebb3d08308f5ba126b05109080abfa0a8e9d5fcbd60981.svg),none
}

.payment-icon--monero {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/monero-487095ebf95afd930d4d2fbe6f5bfab5c42a0f20333eb427cc4a57124ed1cd82.svg),none
}

.payment-icon--mpesa {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mpesa-379fed1a207960a77a40e1880ad95820f5e1bff934e0f7a5e59c9b349a28565f.svg),none
}

.payment-icon--mtn-mobile-money {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/mtn_mobile_money-6eb7b04decfafe5ea83df685d6dd6496599e4703972361a13c5fdee6e4497220.svg),none
}

.payment-icon--n26 {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/n26-351c2b41ac1be45683e2573d30ca0a35816809cec3591f6190b1d916b9fd75ee.svg),none
}

.payment-icon--naps {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/naps-957b57689fac42493a9910222ed15da7a1145d92459128a4b1c83582d777a8d1.svg),none
}

.payment-icon--nationalebioscoopbon {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/nationalebioscoopbon-d835f0009b2e76ee43167deaa34d279b77ffe63aace6df65da54047ab124eb75.svg),none
}

.payment-icon--nationaleentertainmentcard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/nationaleentertainmentcard-8cd8d2f04e8dfe92c36653932efd8fe0ec57d6f774beab66247fb5cc995f580b.svg),none
}

.payment-icon--naver-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/naver_pay-901da67f0b43e68e3e0f3f5d21c0a6ad2a1e524ba88f318354072b15aa679e36.svg),none
}

.payment-icon--nelo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/nelo-31c07eb1716b35d75d08f8c82599a8235384e776610896d7ec1b91dc7ae98693.svg),none
}

.payment-icon--netbanking {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/netbanking-ab363a9034d26198237bc5230e31534192bd8f7e0d5eac5a5006078e69df35ea.svg),none
}

.payment-icon--nh-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/nh_card-8b17e98410033ecc3426df57b93c2fe8ae7320ba78c279f0039219cbd5ae9dca.svg),none
}

.payment-icon--nordea {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/nordea-b033ea752703676c8ff89a5333faf85c7d9253228773fdc6f2c4c37289decbcc.svg),none
}

.payment-icon--ocbcbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ocbcbank-e7a74df2156a43f9e07e7b3f79fa7c96aa3860c48cc3d3f18bc92c6c353fe75d.svg),none
}

.payment-icon--octoclicks {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/octoclicks-36b31d88c47416d53a2a2a39ccdddfc13cfc64268a6f7c55205010fde30ac972.svg),none
}

.payment-icon--ola-money {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ola_money-9b96d442eb3910ae5ae7177a47eb3fc940a50397e5efe1aacda616173aaf4a67.svg),none
}

.payment-icon--omasp {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/omasp-54de0976cf5efb6526f7f9e6a19256849ee0e23420218211ade4b01120022eab.svg),none
}

.payment-icon--op {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/op-add5c0da26dbb5acc643be3dc6a34218e196b03cd612c4f82ff9fe29ae3ffb7c.svg),none
}

.payment-icon--opay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/opay-4e18c1a294bb70ee9eb4ac321c6f56d44c5f8f7f6ecb9a2cda0c1c8b437b3b79.svg),none
}

.payment-icon--ovo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ovo-9dd45715a3d1d9ca94d9b24386101d1610acb600c31231fcd2c6b38edad6b794.svg),none
}

.payment-icon--ozow {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ozow-2e0239b3d5c789400913e9de5854b8bb81fc7aff8bc3805a3eb4ec24a1d15803.svg),none
}

.payment-icon--pagoefectivo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pagoefectivo-4a223a8a3d80207fbe9c1f29a29a43318bbd9c1485a7125d92cd21afc0fb4049.svg),none
}

.payment-icon--paidy {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paidy-4199b311777f1bd9aaaa43cf466bfcd904a280a0d86f9158063a4baf11bb83c3.svg),none
}

.payment-icon--pay-easy {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pay_easy-bc75670134e596103ece4fd6bad7ec76acd5edd381ffd8c0f9b6f99d06653ed3.svg),none
}

.payment-icon--pay-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pay_pay-b67d918ca2002fe5ac919647ae39a37c77d50affc260d90224c84b0652811aa0.svg),none
}

.payment-icon--paybylink {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paybylink-c63f4d9ed739d02fa01f4522db1702dae6a304d2f05c0728d7145203ae2a59d5.svg),none
}

.payment-icon--payco {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payco-cbd960d99667424d30279f9b4b9b30755807585dab8ffd135ad723e6077992c4.svg),none
}

.payment-icon--payconiq {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payconiq-d73fc67c59383462d5d9dd832cb1f40511327ae1f54113b922493d8bcf6bff1e.svg),none
}

.payment-icon--payd {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payd-d50659fa7c28f5906a6f85859c84134c4afe7fb53c84960727ed6ff660e1909d.svg),none
}

.payment-icon--payfast-instant-eft {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payfast_instant_eft-9cbbd6d7a96a619a01a03b597d4ad99626210ab9198ce1c87db147a09c774862.svg),none
}

.payment-icon--payflex {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payflex-a678e92b3915ef1bff3f8da3efb3a7326869cecbdf3faacdc2e269c4231b25f3.svg),none
}

.payment-icon--payid {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payid-c0848aef60e2c9ce979af77afba52d1935e4fafe7a47432cdbc1363180a66ae9.svg),none
}

.payment-icon--paymark-online-eftpos {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paymark_online_eftpos-7b904c49d1f19a795c6f4c7bf53e106af628ddfcd11b7a3bf0ae8d8b945e382e.svg),none
}

.payment-icon--paymaya {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paymaya-191367727fe553ea48817060f2c3e5c95c3a4d70031686ef0197ff0c3c7c76ca.svg),none
}

.payment-icon--payme {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payme-b485d69e5361d42de08e4a3fe2219e503ecb7e3a73dba18b2c454b597f165075.svg),none
}

.payment-icon--paynow {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paynow-babbf98b01a14cbd1e20c1179322e9498e47013a4cc399d6041f952e78478cb4.svg),none
}

.payment-icon--paypal {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paypal-fa289d481c65e7a8fdef63b7302553a13c5187ee15964cd6c65bc82a9aaa86b3.svg),none
}

.payment-icon--paysafecard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paysafecard-8afe14bea1008b487495eb8d075bdea9fa7fd736348c3da50e47d6c1a47284f4.svg),none
}

.payment-icon--paysera {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paysera-cd610ad1d8a10e0237610879292afe1bd4a0d6c52ab4ae6a4266bffdb5c6f2fe.svg),none
}

.payment-icon--paytm {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/paytm-41269da151346d2a2b650afc714416ed4d6702b394d93cd491d8c19971fd4adf.svg),none
}

.payment-icon--payu {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payu-87b202ca959c3a811684abc572280cbf6f5bbc111a990f883e76bf844f3dac2b.svg),none
}

.payment-icon--payzapp {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/payzapp-c4b290ca7416b032d5eeaf947e0497303c663759c3ff75a0f64bbf267eedd683.svg),none
}

.payment-icon--perlasfinance {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/perlasfinance-2c5b8dff2bc6f14536fc737dd16c676e558d56ed2e0fdc9e612db6e6884a89db.svg),none
}

.payment-icon--permata {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/permata-f4940cf03a42b47906f0c95ebcb0fc545542de74013ee6901e64e5d86b77fc11.svg),none
}

.payment-icon--pivo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pivo-eebb27b18d3268a09222b6e418c98ef5c6892473f72e23b55eb12b8a57c01ec4.svg),none
}

.payment-icon--pix {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pix-0ef954274a3061a3acfef3c4f7f26aa64f274c0e0d67363ac4858a72af4865d2.svg),none
}

.payment-icon--podiumcadeaukaart {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/podiumcadeaukaart-6366b3259fb8a74cffbeed480150531b3d142e0e1042fdc18ae39250c1aae2f9.svg),none
}

.payment-icon--poli {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/poli-0c5e1b9938e39e47d359ed57cd63dcaa00620d7d08817c7d7e8eaa025c0c54e6.svg),none
}

.payment-icon--pop-pankki {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/pop-pankki-d4e5f73a33e4efef8ff56d45bdcad243326887bb90a29a96c0f077a9db76840d.svg),none
}

.payment-icon--postfinance-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/postfinance_card-3095b6f5f53383d6faffe40351290b8c9a9862ad35a00ef51fee57780c06492c.svg),none
}

.payment-icon--postfinance-efinance {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/postfinance_efinance-e18dfe81ae97dfa8b668b116932d822a598baaa042c3a61db85661d195f5fbf2.svg),none
}

.payment-icon--prepaysolutions {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/prepaysolutions-5b35a5b29335e464592400edefa21f2db6a6dc43109abc6b40c0cb4aa1fc84b7.svg),none
}

.payment-icon--przelew24 {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/przelew24-8ed5f080453978195a3e41be05cb432d281f706238b0ba49de57de572e0dccb8.svg),none
}

.payment-icon--publicbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/publicbank-38506df0fde095f0e9e75bcac93bbf878dfe83501fbc390936829b8972315c3b.svg),none
}

.payment-icon--publicbank-pbe {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/publicbank_pbe-802068bfc949a9697d72a53779ad3f682af59d7a20c2c2e43ad341dad04e4f86.svg),none
}

.payment-icon--qr-promptpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/qr_promptpay-f308d3beb72a5327bc051630f3e2a836bdd44a199e21306a30443f660ad55595.svg),none
}

.payment-icon--qris {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/qris-e7158be2117a1a388a86254a51b4e535f11bfc0951bb77160a664a46bac9dea2.svg),none
}

.payment-icon--qrph {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/qrph-86aa65e87be7bbf57faccb62bfd48eedca8adcbfa006c1a93b1263defbbdb2ea.svg),none
}

.payment-icon--rabbitlinepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rabbitlinepay-2f69eaf06f57769172037f2d5e2a030eb407d1b26a546420fd7682bc520ac947.svg),none
}

.payment-icon--rakuten-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rakuten_pay-edabaa6078c9bcfde40c78e9065445018be75ebc636310983dfacedf57a87dd5.svg),none
}

.payment-icon--ratepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ratepay-e62e97de87a06134b66e3e7b549a25269d9ef7ae706226770b73f9abc25cc3e2.svg),none
}

.payment-icon--rcs {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rcs-557b8638ee61011fb48a2e863fe0c4b9d0dc679226a1dbcf8e76aac298a1aa66.svg),none
}

.payment-icon--revolut {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/revolut-5748c60faf42715835dc49dfb777d6ab0be865c7b84c31a528f9807c5611d1c0.svg),none
}

.payment-icon--rhbbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rhbbank-8e9b6cc0e5dad9793f9f127873c203105ce313b84c83c52fd4f7ff55026977f7.svg),none
}

.payment-icon--rhbnow {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rhbnow-90256cef7e3f576800aa75d68e5300dca50ebf84e3091f8d1b6b20348c0655d6.svg),none
}

.payment-icon--rupay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/rupay-175913fa0357515f6046223c21229f9bb2d550aa9ee357fa1ec31f5fe0358f64.svg),none
}

.payment-icon--s-pankki {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/s-pankki-934cd51888eb56bbae1c438ef1b7b9d7294d9583d2c3808fd8e2ef41f4fe717f.svg),none
}

.payment-icon--saastopankki {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/saastopankki-8594448d021f5df59abc8f227ce9203c8be839352ee682322ed5f7a61d412122.svg),none
}

.payment-icon--sadad {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sadad-1928efbb382bf7cd36795762bfb7fddcd401a62316c8704972c7050ac873da5c.svg),none
}

.payment-icon--sam {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sam-63658ff7259942a271a912b969fc4da17fe105f0e0f0eba54b23fd42689aef0a.svg),none
}

.payment-icon--samsung-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/samsung_card-d98050e8222b90f587984b2781f366ecad3e6c28207573ca7c2e77ed3f9b7200.svg),none
}

.payment-icon--samsung-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/samsung_pay-1a0e67e3a8c5599ae21248eb87642cadcd6318ffa7fb6dca094fafa867187feb.svg),none
}

.payment-icon--santander {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/santander-6291251fa03915c9d0f0163ddcab7cf1bae471ca3f8594c21ae73e692fa29aa4.svg),none
}

.payment-icon--satisfi {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/satisfi-b257dcd3db7d43fe4e5f998b0a32c52731323e0c574ca4da8f25943630e05357.svg),none
}

.payment-icon--satispay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/satispay-aa538faa55521aaaaa0c56971ca2ca1ea3516b0ac16c97ddd47313a2f41f540f.svg),none
}

.payment-icon--scalapay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/scalapay-c1e4d45a1d63e2ec0c361da557fec49f05d805cd7be4fe6837ca2d012554162b.svg),none
}

.payment-icon--seb {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/seb-79bcf80890a7a8da5b23b1d6f411f124007182965598a517579aa0aadb7f3c3b.svg),none
}

.payment-icon--sepa-bank-transfer {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sepa_bank_transfer-f40dc80f26eb8e5bef20706491e27a6b5c1c9e6aad3c86d1b7cbbc61ed3f630f.svg),none
}

.payment-icon--seveneleven {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/seveneleven-8f87bf6fe22eb9f5b3a022ae5e2760b9fb3a161f9db1d311dbf669af0ff2e5e1.svg),none
}

.payment-icon--sezzle {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sezzle-04d111faeed052f10e00f64b015319345cafd5da889371b6a3c91c62feafde4c.svg),none
}

.payment-icon--shinhan-card {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/shinhan_card-496529b96ab955186093a078bd2a9cf226ddb252369769a63f1260191bcc1ed4.svg),none
}

.payment-icon--shopeepay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/shopeepay-447770eeaff38355e7e039c4fd046659e6a5c4b782c50704f71751c10088a26b.svg),none
}

.payment-icon--shopify-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/shopify_pay-56d1cc2a0280349dbcc43b52ecf91ff9ea42fd8aafc9297a1d336ad3cdbc7a31.svg),none
}

.payment-icon--siamcommercial {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/siamcommercial-9b51e59a256649c62b4b8ab2b8febb348e8098ec325c5ed4ff25cc64a4a1ce0d.svg),none
}

.payment-icon--siauliubankas {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/siauliubankas-3060e692d7b1a4e96a405ceeee8d5d802fb59b34d24e5710a617bef46a2a8938.svg),none
}

.payment-icon--siirto {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/siirto-d47a35481df1e584af6acb7fe34bd8d46809eaaab63f659dcd3d3102591d98b9.svg),none
}

.payment-icon--smartpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/smartpay-95c16313ed3690f8cd223ac4caccb79c43ab7a1a8e73ca055bc0c0034f6115f0.svg),none
}

.payment-icon--snap-checkout {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/snap_checkout-b42a9ef0bd9f12a73860eb582430b5edc8f360537868d27449f87196f06fe29b.svg),none
}

.payment-icon--sofort {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sofort-d73012ab94ec1cf2884ab243d2f7eedb9533f8906af6e03215e7d1d532e232c8.svg),none
}

.payment-icon--softbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/softbank-772850744af19fcca7f01b25a15491f33fd583d8a546d00fc11f99e5ff10e3ab.svg),none
}

.payment-icon--solanapay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/solanapay-aa333ce386e90225347cf13942455f095f39a2ee31cb130f032e9d14d6cfdcd8.svg),none
}

.payment-icon--splitit {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/splitit-4cfc3bfcbcb2d8bec1c627d201bad7c6dffa8a5ff0135ef204fc374c1eb64638.svg),none
}

.payment-icon--spraypay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/spraypay-ac9987b1157e500b4de36028953fb1fb633eb5e20036e2b73938653cfb8b32d3.svg),none
}

.payment-icon--standardchartered {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/standardchartered-802f851112c05a1d3b66453cf50d2e5cf24aa63e63bbbe0d35d0ac13176ccd47.svg),none
}

.payment-icon--stcpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/stcpay-aa23639e88e09d0a8b543338f00d76835db1bbf525bfbe9b3652b83c4edea855.svg),none
}

.payment-icon--sunkus {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sunkus-ed272c2ed9e56cd14286a105ed53901ee4841db28038c3eb22bbc0b7f4085f3c.svg),none
}

.payment-icon--sveab2bfaktura {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveab2bfaktura-cb986c51bd7f4fdc81d6f895fd34068a34d0f17edee677b858bdfa11dc1bf593.svg),none
}

.payment-icon--sveab2binvoice {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveab2binvoice-f5a9a4dc6f08cdee05333e86e442956a82eb2980e0c9bc63ac8b28432cc23bbc.svg),none
}

.payment-icon--sveadelbetalning {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveadelbetalning-8f1e329984427809b6a12aebe5d50950bf42641865107f09bf8d14edd85136b0.svg),none
}

.payment-icon--sveaeramaksu {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveaeramaksu-41683cb26afedf0fa812a9b1b4508ebf8c9c1887214f13852cad351fc74455b4.svg),none
}

.payment-icon--sveafaktura {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveafaktura-100b632318fe1234a6fe1c33ac63d0f985fac43da8e2c7f4979a66fe468c1486.svg),none
}

.payment-icon--sveainvoice {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveainvoice-363d528c3236828913a94655956570a7e143bcb67f9771e5ff47d5c387d796cb.svg),none
}

.payment-icon--svealasku {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/svealasku-c7879f38e84ae310810f7403c6491aad91f005555d23e564def4dcb77b933600.svg),none
}

.payment-icon--sveapartpayment {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveapartpayment-27548707e846ea691210dbacf2d4629f9830edf2f83990922e6b24a130ae68e4.svg),none
}

.payment-icon--sveayrityslasku {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/sveayrityslasku-1d86561857589fb389e0d5e8b38408bc73c6e4d9e246df4fd6acc93af801d8d4.svg),none
}

.payment-icon--swedbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/swedbank-c1780faf8cd96e8498f62bb7dd17af8d17b29513166cd16ad86ec43a6c7975e4.svg),none
}

.payment-icon--swish {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/swish-e791d3a6542d16a7c133648d43585e784ffecb430aecbc8f5bcac2e26281f940.svg),none
}

.payment-icon--synchrony {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/synchrony-7bb0533303d5b454d166136b46342b09865286b1d215fda0412e06baa074c832.svg),none
}

.payment-icon--synchrony-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/synchrony_pay-0624231d06c18cc409cb31918d4ccb79b95dbf1c05bc8aef7688e16269a7a8a3.svg),none
}

.payment-icon--tendopay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/tendopay-75103929b6cbd0351486f9c50353f80da9d6c702cd787d384c8417a8a449f2cd.svg),none
}

.payment-icon--tensile {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/tensile-c402f3f40b59b3cef11a307bcfee877ed1eaed3bc60a997e662d6ddecca4380a.svg),none
}

.payment-icon--tescolotus {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/tescolotus-9b268e6760f1e46f288a4b0632b6d895c6fd50f4e9733cefd8739358dd25d368.svg),none
}

.payment-icon--thanachartbank {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/thanachartbank-b0d686173b6a0ef59991f6d838e3dd2010ca836b00f44dae09cca186e61c5cc2.svg),none
}

.payment-icon--toss {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/toss-b9596fe2ebc1740aa93b058210a9e56aaf129a6539cbce96c961a5f18ab38d02.svg),none
}

.payment-icon--touchngo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/touchngo-5533e30c33237a19961cc7ba7e504047d798b91acba90520edc41a34daf15e73.svg),none
}

.payment-icon--truemoney-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/truemoney_pay-18357cdc6fd68c7a0f5380f8cb62ace3bf0934701b23514a5001171d6e6077f9.svg),none
}

.payment-icon--trustly {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/trustly-edcbef5e76618a2b75c20655aa241d6644ea25a2066c8f3acee1ae21e8f01a4b.svg),none
}

.payment-icon--twint {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/twint-0e0c5760e885a7f08b3f4bc53b6db8e57c2a87f7d758bef47e6a47389cd12d25.svg),none
}

.payment-icon--uaevisa {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/uaevisa-da766e218cb6de40b8b8dc01880b6b65c314b0f215db2b88601f389ef563e17e.svg),none
}

.payment-icon--ubp {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ubp-cc4ddf531696c0ccb6b7c703b37d79a588595b7bbd929ed91b168aeddd13b705.svg),none
}

.payment-icon--unionpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/unionpay-02a89223e261ce4cbd3f2d94781d5c12ae2572cb0b041510d312f9b8370c4b34.svg),none
}

.payment-icon--unipay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/unipay-22f8c080f6a8ce99464c05852bfe6a69050e34cca01101de4c2dc87220c59422.svg),none
}

.payment-icon--uob {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/uob-b2a81c70d45c9bf1bab6537c753c01fc3d3d5f27ecfbcb88d4adf8bc11d3a278.svg),none
}

.payment-icon--uobthai {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/uobthai-df05a38ccb420812a2f1416a4433af3a0f9bebf259c37c269c788c4bf8ca4de9.svg),none
}

.payment-icon--usdc {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/usdc-5b12602d7aa914ff2e8c785de57692afb9df35f600b9b2f81666f690e2d2b856.svg),none
}

.payment-icon--v-pay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/v_pay-63769d96c221d07d25c4a0db337c18ac945e1b23796c6dbbc5103d8ee5508134.svg),none
}

.payment-icon--venmo {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/venmo-4c3d5b6baa943731a318095c9bcdd70cbdc5e099c433b894dba4748823c33c32.svg),none
}

.payment-icon--viabill {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/viabill-351024f4930c1228735cfc20e7078811fc5342acf3a5c52560da1cb419f0a22e.svg),none
}

.payment-icon--vipps {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/vipps-7a43817516183f3677f1b16fa46750214eace6ddb9286504d236b7a14da945ef.svg),none
}

.payment-icon--visa {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/visa-78a1758c1dbe15b25aead956115216fa9f2282fc05bfe75b9885cbcc9b581a37.svg),none
}

.payment-icon--visaelectron {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/visaelectron-e433ec7d48fcb1b40a5eb814e67588f9ef46ab2a1ca276659eed19e83fbcac5b.svg),none
}

.payment-icon--vvv-giftcard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/vvv_giftcard-77998cb6ed7e27fca7b08c60641eeb3c1077aa732556c7ddb4a338a07ef45430.svg),none
}

.payment-icon--walley {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/walley-c8f32264a0f79371aa74fb5bf34adf3566277bd7fa5b1b8df2e721668c1d4fee.svg),none
}

.payment-icon--webshopgiftcard {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/webshopgiftcard-26678abd99f52d66546196d827e260be8a6c6652343abec64f4b65414706b208.svg),none
}

.payment-icon--wechatpay {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/wechatpay-0525d0c0082823d4bfc86f140cb0e99fc9ef0dd8fbfa541f1ad0dbfbfedc4772.svg),none
}

.payment-icon--wegetfinancing {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/wegetfinancing-297d34e05b09d47fbda78f8bd8a00b65ad5d6248a7992dd5261a781905939bca.svg),none
}

.payment-icon--ymobile {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/ymobile-646350a91ae50d181b2654e7f37b1a17bad8add2f3dfbcd91aac12ea406dfef1.svg),none
}

.payment-icon--zapper {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/zapper-d0fbbb1c87e7fe4a4ecd93cd4b19c7923726e4e7fdea42dcbefcbf75f43a8771.svg),none
}

.payment-icon--zip {
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/payment_icons/zip-d2e02ea08330d584d6eab79881cf0d0a3743e3d879652a628f04cf0a15e003c1.svg),none
}

.payment-icon--admin {
    background-size: 28px 18px;
    width: 28px;
    height: 18px
}

.next-list.next-list--divided.next-list--divided--top label {
    display: block
}

.urls-with-empty-errors .validation-error__icon {
    display: none
}

.browser-support-page {
    padding: 5% 1.6rem
}

    .browser-support-page .browser-message-container {
        margin: 0 auto;
        max-width: 80rem
    }

    .browser-support-page .spacing-top {
        margin-top: 2rem
    }

    .browser-support-page .spacing-bottom {
        margin-bottom: 2rem
    }

    .browser-support-page p {
        margin-bottom: 1rem;
        font-size: 2rem;
        line-height: 2.8rem
    }

.next-icon--size-20 {
    width: 20px;
    height: 20px
}

.page--signup main {
    background-color: transparent
}

.page--signup .logo {
    padding: 1.6rem 0;
    margin-bottom: 1.6rem;
    background-color: white
}

    .page--signup .logo svg {
        width: 192px;
        height: 36px;
        margin: 0 auto
    }

.bottom-spacing {
    margin-bottom: 3.2rem
}

.bottom-spacing--double {
    margin-bottom: 6.4rem
}

.bottom-spacing--half {
    margin-bottom: 1.6rem
}

.top-spacing {
    margin-top: 3.2rem
}

.top-spacing--half {
    margin-top: 1.6rem
}

.validation-error__message {
    font-size: 14px;
    color: #de3618
}

.validation-error__icon {
    fill: #de3618
}

.identity-layout {
    padding: 1.6rem;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 470px) {
    .identity-layout {
        padding: 1.6rem
    }
}

.identity-layout__section {
    display: block
}

    .identity-layout__section + .identity-layout__section {
        margin-top: 1.6rem
    }

.identity-card {
    display: block;
    background-color: white;
    padding: 1.6rem;
    border-radius: 3px
}

.identity-card--subdued {
    background-color: #dfe3e8
}

.identity-card--clickable {
    -webkit-transition: 150ms background-color ease;
    transition: 150ms background-color ease;
    -webkit-box-shadow: 0 0 0 1px #c4cdd5;
    box-shadow: 0 0 0 1px #c4cdd5;
    color: black
}

    .identity-card--clickable:hover {
        background-color: #f4f6f8;
        text-decoration: none
    }

    .identity-card--clickable.identity-card--subdued:hover {
        background-color: #f4f6f8
    }

    .identity-card--clickable:hover .identity-card--clickable__arrow {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem)
    }

.identity-card--clickable__arrow {
    -webkit-transition: 150ms -webkit-transform ease;
    transition: 150ms -webkit-transform ease;
    transition: 150ms transform ease;
    transition: 150ms transform ease, 150ms -webkit-transform ease
}

.text-with-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.8rem
}

    .text-with-icon > * {
        margin-left: 1.6rem
    }

.text-with-icon__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.text-with-icon__icon {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.ui-select {
    min-height: 3.4rem;
    padding-left: 1.6rem;
    font-size: 1.5rem
}

@media screen and (max-width: 568px) {
    .perks-intro {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.perk-group + .perk-group {
    margin-top: 6.4rem
}

@media screen and (max-width: 568px) {
    .perk-group__header {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.perk-list {
    margin-top: 3.2rem
}

.perk-list__perk {
    padding: 3.2rem 2rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .perk-list__perk .ui-stack {
        display: block
    }
}

@media screen and (max-width: 568px) {
    .perk-list__perk .ui-stack {
        display: block
    }
}

.perk-list__perk__content {
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .perk-list__perk__content {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 568px) {
    .perk-list__perk__content {
        padding-left: 0;
        padding-right: 0
    }
}

.handoff-modal .covid_19_trial_banner {
    margin-bottom: 16px
}

.handoff-modal .ui-content-list--tight.ui-content-list {
    margin-top: 8px
}

.handoff-modal .ui-content-list--tight .ui-content-list__item {
    margin: 0
}

.handoff-modal .ui-stack .next-input-wrapper, .handoff-modal .ui-stack #hyperwallet-drop-in-transfer-method-ui .hw-form-group, #hyperwallet-drop-in-transfer-method-ui .handoff-modal .ui-stack .hw-form-group, .handoff-modal .ui-stack #hyperwallet-drop-in-verification-ui .hw-form-group, #hyperwallet-drop-in-verification-ui .handoff-modal .ui-stack .hw-form-group {
    margin-top: 0
}

.handoff-modal__checkbox-header {
    font-weight: 600;
    padding-bottom: 0.4rem
}

.handoff-modal__checkbox-description {
    color: #454f5b
}

@media screen and (min-width: 768px) {
    .development-store-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .development-store-details__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1;
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .developer-preview--empty-state .ui-empty-state__subsection__foreground > .ui-empty-state__subsection {
        padding-right: 100px
    }
}

.section-header {
    padding-top: 1.6rem
}

@media screen and (max-width: 568px) {
    .section-header {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.onboarding-layout .ui-layout__section:first-child .section-header {
    padding-top: 0
}

.blog-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

@media screen and (min-width: 568px) {
    .blog-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.blog-card__image-container {
    padding: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (max-width: 568px) {
    .blog-card__image-container {
        border-bottom: 1px solid var(--p-border-subdued, #dfe3e8);
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 568px) {
    .blog-card__image-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        padding: 3.2rem;
        border-right: 1px solid var(--p-border-subdued, #dfe3e8);
        background-color: #f9fafb;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.blog-card__image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 5rem;
    height: 4rem;
    overflow: hidden;
    background-image: url(https://cdn.shopify.com/shopifycloud/partners/assets/svg/cards/blog-card-big-3bbb26e0983a4ad761399842ec34b85e78336b6d4e6b7c5fc2c89d82532c3538.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 568px) {
    .blog-card__image {
        margin-right: 1.6rem
    }
}

@media screen and (min-width: 568px) {
    .blog-card__image {
        max-width: 100%;
        height: 4rem;
        margin-bottom: 1.2rem
    }
}

.blog-card__image-label {
    letter-spacing: 0.1rem;
    font-weight: 700;
    text-align: center
}

.blog-card__content-container {
    padding: 2rem 1.6rem
}

@media screen and (min-width: 568px) {
    .blog-card__content-container {
        padding: 2rem
    }
}

.blog-card__caption {
    font-size: 1.3rem;
    margin-bottom: 0.8rem
}

@media screen and (min-width: 568px) {
    .blog-card__caption {
        font-size: 1.2rem
    }
}

.blog-card__reading-time {
    font-size: 1.2rem
}

.list-card__icon {
    padding: 0.8rem 0.4rem
}

@media screen and (max-width: 568px) {
    .list-card__icon {
        display: none
    }
}

.onboarding-card-section {
    padding: 2rem 1.6rem;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8)
}

@media screen and (min-width: 568px) {
    .onboarding-card-section {
        padding: 2rem
    }
}

@media screen and (max-width: 568px) {
    .onboarding-card-image {
        display: none
    }
}

.quick-onboarding__subheading {
    position: relative;
    top: -2.5rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media screen and (min-width: 490px) {
    .quick-onboarding__subheading {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media screen and (min-width: 569px) {
    .quick-onboarding__subheading {
        padding-right: 0;
        padding-left: 0
    }
}

.quick-onboarding__description {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: #637381
}

@media (min-width: 40em) {
    .quick-onboarding__description {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.quick-onboarding__image {
    margin-top: 0
}

@media screen and (max-width: 568px) {
    .quick-onboarding__image {
        display: none
    }
}

.store-list-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 46px
}

.store-list-item__name {
    overflow: hidden;
    text-overflow: ellipsis
}

.store-list-item__plan {
    white-space: nowrap
}

    .store-list-item__plan > p {
        overflow: hidden;
        text-overflow: ellipsis
    }

.store-list-item__date {
    white-space: nowrap;
    display: inline-block
}

.store-list-item__properties {
    padding-top: 4px
}

.store-list-item__type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.store-list-item__status {
    padding-top: 8px;
    white-space: nowrap
}

.store-list-item__badge span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.store-list-item__actions {
    padding-top: 8px;
    pointer-events: initial
}

    .store-list-item__actions .store-list-item__spinner {
        display: inline-block
    }

    .store-list-item__actions .store-list-item__action {
        pointer-events: initial;
        display: inline-block;
        max-width: 100%;
        white-space: nowrap;
        margin-right: 16px
    }

        .store-list-item__actions .store-list-item__action > a, .store-list-item__actions .store-list-item__action > button {
            color: #006fbb
        }

            .store-list-item__actions .store-list-item__action > a:hover, .store-list-item__actions .store-list-item__action > button:hover {
                text-decoration: underline
            }

        .store-list-item__actions .store-list-item__action:last-child {
            margin-right: 0
        }

@media (min-width: 1024px) {
    .store-list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .store-list-item__store {
        max-width: 29%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .store-list-item__properties {
        width: 40%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 0
    }

        .store-list-item__properties .store-list-item__plan {
            width: 49%
        }

        .store-list-item__properties .store-list-item__status {
            padding-top: 0;
            width: 49%
        }

    .store-list-item__date {
        display: block;
        margin-top: 2px
    }

    .store-list-item__actions {
        padding-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 29%;
        text-align: right
    }
}

.store-list-pagination {
    width: 100%;
    text-align: center;
    border-top: 1px solid var(--p-border-subdued, #dfe3e8);
    padding: 2rem
}

.unstyled-button {
    all: unset;
    cursor: pointer;
    color: #006fbb
}

    .unstyled-button:hover {
        text-decoration: underline
    }

.unread-indicator {
    position: absolute;
    top: -0.6rem;
    left: 1.7rem;
    font-size: 12px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    line-height: 1.8rem;
    border-radius: 500px;
    background-color: #de3618;
    color: white;
    min-width: 1.8rem;
    text-align: center
}

.NotificationsBellContainer {
    position: relative;
    top: 0.3rem
}

    .NotificationsBellContainer svg {
        width: 2.8rem;
        height: 2.8rem
    }

.NotificationsBell:hover {
    fill: white
}

.affiliate-form__section-heading {
    padding-top: 6.4rem;
    margin-bottom: 3.2rem
}

.affiliate-form__section-heading--first {
    padding-top: 3.2rem
}

.affiliate-form__page-actions {
    margin-top: 3.2rem
}

:root {
    --outer-gutter-width: 1.6rem
}

@media screen and (min-width: 76.7rem) {
    :root {
        --outer-gutter-width: 3.2rem
    }
}

.LockScroll {
    overflow: hidden
}

@media screen and (max-width: 76.8rem) {
    .LockScrollMobile {
        overflow: hidden
    }
}

.review-request-form__buttongroup {
    float: right;
    margin-top: 2rem
}

.review-request-form__tagStyle {
    display: inline-block;
    margin-right: 0.4rem
}

.review-request-form__card-style {
    margin-top: 2rem
}

.review-request-form__confirmation-page-card-spacing {
    margin-bottom: 2rem
}

.review-request-form__project-detail {
    margin-bottom: 2rem;
    margin-top: 0.8rem
}

.review-request-form__error-banner {
    margin-bottom: 2rem
}

.review-request-form__input {
    word-wrap: break-word
}

#hyperwallet-drop-in-transfer-method-ui div fieldset, #hyperwallet-drop-in-verification-ui div fieldset {
    padding: 0
}

#hyperwallet-drop-in-transfer-method-ui .hw-custom-transfermethodtype-items, #hyperwallet-drop-in-verification-ui .hw-custom-transfermethodtype-items {
    width: 100%
}

#hyperwallet-drop-in-transfer-method-ui .hw-form-transfer-methods-wrapper h2.ui-heading:first-child, #hyperwallet-drop-in-transfer-method-ui .hw-form-transfer-methods-wrapper h2.hw-field-headers:first-child, #hyperwallet-drop-in-verification-ui .hw-form-transfer-methods-wrapper h2.ui-heading:first-child, #hyperwallet-drop-in-verification-ui .hw-form-transfer-methods-wrapper h2.hw-field-headers:first-child {
    border-bottom: 1px solid #dfe3e8;
    padding-bottom: 20px
}

#hyperwallet-drop-in-transfer-method-ui .hw-fields, #hyperwallet-drop-in-verification-ui .hw-fields {
    margin-top: 1.6rem
}

    #hyperwallet-drop-in-transfer-method-ui .hw-fields .hw-error-message, #hyperwallet-drop-in-verification-ui .hw-fields .hw-error-message {
        color: var(--p-text-critical, #bf0711)
    }

    #hyperwallet-drop-in-transfer-method-ui .hw-fields.has-error .hw-input, #hyperwallet-drop-in-transfer-method-ui .hw-fields.has-error .hw-select, #hyperwallet-drop-in-verification-ui .hw-fields.has-error .hw-input, #hyperwallet-drop-in-verification-ui .hw-fields.has-error .hw-select {
        border-color: #bf0711;
        background-color: #fbeae5
    }

@media screen and (max-width: 768px) {
    #hyperwallet-drop-in-transfer-method-ui button.hw-custom-transfermethodtype-items div, #hyperwallet-drop-in-verification-ui button.hw-custom-transfermethodtype-items div {
        width: 80%
    }

        #hyperwallet-drop-in-transfer-method-ui button.hw-custom-transfermethodtype-items div.hw-custom-transfermethodtype-images, #hyperwallet-drop-in-verification-ui button.hw-custom-transfermethodtype-items div.hw-custom-transfermethodtype-images {
            width: 15% !important
        }
}

#hyperwallet-drop-in-transfer-method-ui .hw-group-with-template:last-child, #hyperwallet-drop-in-verification-ui .hw-group-with-template:last-child {
    margin-bottom: 0px
}

#hyperwallet-drop-in-transfer-method-ui .hw-fields label, #hyperwallet-drop-in-verification-ui .hw-fields label {
    margin-bottom: 9px
}

#hyperwallet-drop-in-transfer-method-ui .hw-group legend, #hyperwallet-drop-in-verification-ui .hw-group legend {
    padding-left: 8px;
    padding-right: 8px
}

#hyperwallet-drop-in-transfer-method-ui .hw-field-instructions, #hyperwallet-drop-in-verification-ui .hw-field-instructions {
    color: var(--p-text-subdued, #637381);
    margin-top: 0.4rem
}

#hyperwallet-drop-in-transfer-method-ui .hw-select, #hyperwallet-drop-in-transfer-method-ui .hw-date, #hyperwallet-drop-in-verification-ui .hw-select, #hyperwallet-drop-in-verification-ui .hw-date {
    border-color: #c4cdd5;
    border-radius: var(--p-border-radius-base, 3px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    padding: 5px 10px;
    width: 100%
}

#hyperwallet-drop-in-transfer-method-ui .hw-form-transfer-methods-profile-section, #hyperwallet-drop-in-verification-ui .hw-form-transfer-methods-profile-section {
    margin-top: 1.6rem
}

#hyperwallet-drop-in-transfer-method-ui .radiobutton, #hyperwallet-drop-in-verification-ui .radiobutton {
    margin-top: 9px
}

    #hyperwallet-drop-in-transfer-method-ui .radiobutton label, #hyperwallet-drop-in-verification-ui .radiobutton label {
        display: inline
    }

#hyperwallet-drop-in-transfer-method-ui .hw-form-transfer-methods, #hyperwallet-drop-in-verification-ui .hw-form-transfer-methods {
    padding-bottom: 2rem
}

#hyperwallet-drop-in-transfer-method-ui .hw-global-errors, #hyperwallet-drop-in-verification-ui .hw-global-errors {
    display: none
}

#hyperwallet-drop-in-transfer-method-ui .hw-tmc-button-group div, #hyperwallet-drop-in-verification-ui .hw-tmc-button-group div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    #hyperwallet-drop-in-transfer-method-ui .hw-tmc-button-group div div, #hyperwallet-drop-in-verification-ui .hw-tmc-button-group div div {
        margin-right: 0.5rem
    }

#hyperwallet-drop-in-verification-ui .hw-date-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    #hyperwallet-drop-in-verification-ui .hw-parent {
        display: block !important
    }
}

#hyperwallet-drop-in-verification-ui .hw-parent .hw-breadcrumb-container {
    padding: 1rem
}

    #hyperwallet-drop-in-verification-ui .hw-parent .hw-breadcrumb-container .hw-breadcrumb-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem
    }

        #hyperwallet-drop-in-verification-ui .hw-parent .hw-breadcrumb-container .hw-breadcrumb-items .hw-breadcrumb-link-icons {
            width: 10px;
            height: 30px
        }

        #hyperwallet-drop-in-verification-ui .hw-parent .hw-breadcrumb-container .hw-breadcrumb-items .hw-breadcrumb-links {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: inline;
            text-align: inherit;
            padding: 0;
            background: none;
            border: 0;
            font-size: inherit;
            color: var(--p-interactive, #006fbb);
            text-decoration: none;
            cursor: pointer;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            #hyperwallet-drop-in-verification-ui .hw-parent .hw-breadcrumb-container .hw-breadcrumb-items .hw-breadcrumb-links:hover {
                color: #084e8a
            }

.empty-state__description {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    max-width: 560px
}

@media screen and (max-width: 568px) {
    .empty-state-card-image {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .empty-state-card-grid {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ui-card__footer a:not([data-polaris-unstyled]), .ui-banner__content-button a:not([data-polaris-unstyled]) {
    color: #212b36
}

a.ui-action-list-action:not([data-polaris-unstyled]) {
    color: #212b36
}

    a.ui-action-list-action:not([data-polaris-unstyled]):hover, a.ui-action-list-action:not([data-polaris-unstyled]):focus, a.ui-action-list-action:not([data-polaris-unstyled]):active {
        color: white
    }

/*input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus {
    border: 0 !important
}*/

select {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.Polaris-Icon {
    display: block;
    height: 2rem;
    width: 2rem;
    max-height: 100%;
    max-width: 100%;
    margin: auto
}

.Polaris-Icon--hasBackdrop_1anyy {
    position: relative;
    display: flex;
    align-items: center;
    margin: .4rem
}

    .Polaris-Icon--hasBackdrop_1anyy:before {
        content: "";
        position: absolute;
        top: -.4rem;
        bottom: -.4rem;
        left: -.4rem;
        right: -.4rem;
        border-radius: 50%
    }

.Polaris-Icon--isColored_uhqnf {
    color: var(--p-surface,#fff)
}

.Polaris-Icon--colorWhite_bnvg7 {
    color: transparent
}

    .Polaris-Icon--colorWhite_bnvg7 svg {
        fill: #fff
    }

    .Polaris-Icon--colorWhite_bnvg7 img {
        filter: brightness(0) saturate(100%) invert(100%)
    }

    .Polaris-Icon--colorWhite_bnvg7.Polaris-Icon--newDesignLanguage svg {
        fill: var(--p-icon-subdued)
    }

.Polaris-Icon--colorBlack_1swz6 svg {
    fill: #000
}

.Polaris-Icon--colorBlack_1swz6 img {
    filter: brightness(0) saturate(100%)
}

.Polaris-Icon--colorBlack_1swz6.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorSkyLighter_znatw svg {
    fill: #f9fafb
}

.Polaris-Icon--colorSkyLighter_znatw img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%)
}

.Polaris-Icon--colorSkyLighter_znatw.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-subdued)
}

.Polaris-Icon--colorSkyLight_1yg9q svg {
    fill: #f4f6f8
}

.Polaris-Icon--colorSkyLight_1yg9q img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%)
}

.Polaris-Icon--colorSkyLight_1yg9q.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-subdued)
}

.Polaris-Icon--colorSky_1112z svg {
    fill: #dfe3e8
}

.Polaris-Icon--colorSky_1112z img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%)
}

.Polaris-Icon--colorSky_1112z.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-subdued)
}

.Polaris-Icon--colorSkyDark_1kpf3 svg {
    fill: #c4cdd5
}

.Polaris-Icon--colorSkyDark_1kpf3 img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)
}

.Polaris-Icon--colorSkyDark_1kpf3.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-subdued)
}

.Polaris-Icon--colorInkLightest_1awo8 svg {
    fill: #919eab
}

.Polaris-Icon--colorInkLightest_1awo8 img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%)
}

.Polaris-Icon--colorInkLightest_1awo8.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorInkLighter_2s08r svg {
    fill: #637381
}

.Polaris-Icon--colorInkLighter_2s08r img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)
}

.Polaris-Icon--colorInkLighter_2s08r:before {
    background-color: var(--p-surface,#dfe3e8)
}

.Polaris-Icon--colorInkLighter_2s08r.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorInkLight_w62ca svg {
    fill: #454f5b
}

.Polaris-Icon--colorInkLight_w62ca img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%)
}

.Polaris-Icon--colorInkLight_w62ca.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorInk_xnlrc svg {
    fill: #212b36
}

.Polaris-Icon--colorInk_xnlrc img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)
}

.Polaris-Icon--colorInk_xnlrc:before {
    background-color: var(--p-surface,#dfe3e8)
}

.Polaris-Icon--colorInk_xnlrc.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorBlueLighter_1r40m svg {
    fill: #ebf5fa
}

.Polaris-Icon--colorBlueLighter_1r40m img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)
}

.Polaris-Icon--colorBlueLighter_1r40m.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorBlueLight_9f4da svg {
    fill: #b4e1fa
}

.Polaris-Icon--colorBlueLight_9f4da img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)
}

.Polaris-Icon--colorBlueLight_9f4da.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorBlue_4k1wc svg {
    fill: #006fbb
}

.Polaris-Icon--colorBlue_4k1wc img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%)
}

.Polaris-Icon--colorBlue_4k1wc.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorBlueDark_uk4ju svg {
    fill: #084e8a
}

.Polaris-Icon--colorBlueDark_uk4ju img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)
}

.Polaris-Icon--colorBlueDark_uk4ju:before {
    background-color: var(--p-surface-highlight,#b4e1fa)
}

.Polaris-Icon--colorBlueDark_uk4ju.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorBlueDarker_jrpg0 svg {
    fill: #001429
}

.Polaris-Icon--colorBlueDarker_jrpg0 img {
    filter: brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)
}

.Polaris-Icon--colorBlueDarker_jrpg0.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorIndigoLighter_grn7x svg {
    fill: #f4f5fa
}

.Polaris-Icon--colorIndigoLighter_grn7x img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%)
}

.Polaris-Icon--colorIndigoLighter_grn7x.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon--colorIndigoLight_1luox svg {
    fill: #b3bcf5
}

.Polaris-Icon--colorIndigoLight_1luox img {
    filter: brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%)
}

.Polaris-Icon--colorIndigoLight_1luox.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon--colorIndigo_19ycr svg {
    fill: #5c6ac4
}

.Polaris-Icon--colorIndigo_19ycr img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)
}

.Polaris-Icon--colorIndigo_19ycr.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon--colorIndigoDark_yhldv svg {
    fill: #202e78
}

.Polaris-Icon--colorIndigoDark_yhldv img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%)
}

.Polaris-Icon--colorIndigoDark_yhldv.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon--colorIndigoDarker_www0x svg {
    fill: #000639
}

.Polaris-Icon--colorIndigoDarker_www0x img {
    filter: brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%)
}

.Polaris-Icon--colorIndigoDarker_www0x.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon--colorTealLighter_11a3o svg {
    fill: #e0f5f5
}

.Polaris-Icon--colorTealLighter_11a3o img {
    filter: brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%)
}

.Polaris-Icon--colorTealLighter_11a3o.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorTealLight_qzpwm svg {
    fill: #b7ecec
}

.Polaris-Icon--colorTealLight_qzpwm img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%)
}

.Polaris-Icon--colorTealLight_qzpwm.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorTeal_1nkfh svg {
    fill: #47c1bf
}

.Polaris-Icon--colorTeal_1nkfh img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)
}

.Polaris-Icon--colorTeal_1nkfh:before {
    background-color: var(--p-surface-highlight,#fff)
}

.Polaris-Icon--colorTeal_1nkfh.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorTealDark_1ryko svg {
    fill: #00848e
}

.Polaris-Icon--colorTealDark_1ryko img {
    filter: brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%)
}

.Polaris-Icon--colorTealDark_1ryko:before {
    background-color: var(--p-surface-highlight,#b7ecec)
}

.Polaris-Icon--colorTealDark_1ryko.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorTealDarker_1tt2d svg {
    fill: #003135
}

.Polaris-Icon--colorTealDarker_1tt2d img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%)
}

.Polaris-Icon--colorTealDarker_1tt2d.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorGreenLighter_cu5ub svg {
    fill: #e3f1df
}

.Polaris-Icon--colorGreenLighter_cu5ub img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)
}

.Polaris-Icon--colorGreenLighter_cu5ub.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-success)
}

.Polaris-Icon--colorGreen_16l00 svg {
    fill: #50b83c
}

.Polaris-Icon--colorGreen_16l00 img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)
}

.Polaris-Icon--colorGreen_16l00:before {
    background-color: var(--p-surface-success,#e3f1df)
}

.Polaris-Icon--colorGreen_16l00.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-success)
}

.Polaris-Icon--colorGreenDark_1cz3u svg {
    fill: #108043
}

.Polaris-Icon--colorGreenDark_1cz3u img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%)
}

.Polaris-Icon--colorGreenDark_1cz3u:before {
    background-color: var(--p-surface-success,#bbe5b3)
}

.Polaris-Icon--colorGreenDark_1cz3u.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-success)
}

.Polaris-Icon--colorYellowLighter_1k6sd svg {
    fill: #fcf1cd
}

.Polaris-Icon--colorYellowLighter_1k6sd img {
    filter: brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)
}

.Polaris-Icon--colorYellowLighter_1k6sd.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorYellow_10c88 svg {
    fill: #eec200
}

.Polaris-Icon--colorYellow_10c88 img {
    filter: brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)
}

.Polaris-Icon--colorYellow_10c88.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorYellowDark_1owr0 svg {
    fill: #8a6116
}

.Polaris-Icon--colorYellowDark_1owr0 img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%)
}

.Polaris-Icon--colorYellowDark_1owr0:before {
    background-color: var(--p-surface-warning,#ffea8a)
}

.Polaris-Icon--colorYellowDark_1owr0.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorOrange_1jbgb svg {
    fill: #f49342
}

.Polaris-Icon--colorOrange_1jbgb img {
    filter: brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%)
}

.Polaris-Icon--colorOrange_1jbgb.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorOrangeDark_5b2ty svg {
    fill: #c05717
}

.Polaris-Icon--colorOrangeDark_5b2ty img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%)
}

.Polaris-Icon--colorOrangeDark_5b2ty.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorRedLighter_1m848 svg {
    fill: #fbeae5
}

.Polaris-Icon--colorRedLighter_1m848 img {
    filter: brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%)
}

.Polaris-Icon--colorRedLighter_1m848.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-critical)
}

.Polaris-Icon--colorRed_91id7 svg {
    fill: #de3618
}

.Polaris-Icon--colorRed_91id7 img {
    filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)
}

.Polaris-Icon--colorRed_91id7.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-critical)
}

.Polaris-Icon--colorRedDark_exknp svg {
    fill: #bf0711
}

.Polaris-Icon--colorRedDark_exknp img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)
}

.Polaris-Icon--colorRedDark_exknp:before {
    background-color: var(--p-surface-critical,#fead9a)
}

.Polaris-Icon--colorRedDark_exknp.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-critical)
}

.Polaris-Icon--colorPurple_slv30 svg {
    fill: #9c6ade
}

.Polaris-Icon--colorPurple_slv30 img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%)
}

.Polaris-Icon--colorPurple_slv30.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorBase_nqlaq svg {
    fill: #212b36
}

.Polaris-Icon--colorBase_nqlaq img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)
}

.Polaris-Icon--colorBase_nqlaq:before {
    background-color: var(--p-surface-neutral)
}

.Polaris-Icon--colorBase_nqlaq.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon)
}

.Polaris-Icon--colorSubdued_113xs svg {
    fill: #c4cdd5
}

.Polaris-Icon--colorSubdued_113xs img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)
}

.Polaris-Icon--colorSubdued_113xs.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-subdued)
}

.Polaris-Icon--colorCritical_glskc svg {
    fill: #de3618
}

.Polaris-Icon--colorCritical_glskc img {
    filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)
}

.Polaris-Icon--colorCritical_glskc:before {
    background-color: var(--p-surface-critical,#fead9a)
}

.Polaris-Icon--colorCritical_glskc.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-critical)
}

.Polaris-Icon--colorWarning_14tqz svg {
    fill: #eec200
}

.Polaris-Icon--colorWarning_14tqz img {
    filter: brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)
}

.Polaris-Icon--colorWarning_14tqz:before {
    background-color: var(--p-surface-warning,#ffea8a)
}

.Polaris-Icon--colorWarning_14tqz.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-warning)
}

.Polaris-Icon--colorHighlight_2qv4t svg {
    fill: #47c1bf
}

.Polaris-Icon--colorHighlight_2qv4t img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)
}

.Polaris-Icon--colorHighlight_2qv4t:before {
    background-color: var(--p-surface-highlight,#b7ecec)
}

.Polaris-Icon--colorHighlight_2qv4t.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-highlight)
}

.Polaris-Icon--colorSuccess_k0sue svg {
    fill: #50b83c
}

.Polaris-Icon--colorSuccess_k0sue img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)
}

.Polaris-Icon--colorSuccess_k0sue:before {
    background-color: var(--p-surface-success,#bbe5b3)
}

.Polaris-Icon--colorSuccess_k0sue.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-icon-success)
}

.Polaris-Icon--colorPrimary_4ruww svg {
    fill: #5c6ac4
}

.Polaris-Icon--colorPrimary_4ruww img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)
}

.Polaris-Icon--colorPrimary_4ruww.Polaris-Icon--newDesignLanguage svg {
    fill: var(--p-action-primary)
}

.Polaris-Icon__Img_375hq, .Polaris-Icon__Svg_375hu {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.Polaris-Icon__Placeholder_w9ga3 {
    padding-bottom: 100%;
    background: currentColor
}

@keyframes Polaris-Spinner--loading {
    to {
        transform: rotate(1turn)
    }
}

.Polaris-Spinner {
    color: transparent
}

.Polaris-Spinner--sizeSmall svg {
    height: 2rem;
    width: 2rem
}

.Polaris-Spinner--sizeLarge svg {
    height: 4.4rem;
    width: 4.4rem
}

.Polaris-Spinner--colorWhite_bnvg7 svg {
    animation: Polaris-Spinner--loading .5s linear infinite;
    fill: var(--p-border-highlight,#fff)
}

.Polaris-Spinner--colorHighlight_2qv4t svg, .Polaris-Spinner--colorTeal_1nkfh svg {
    animation: Polaris-Spinner--loading .5s linear infinite;
    fill: var(--p-border-highlight,#47c1bf)
}

.Polaris-Spinner--colorInkLightest_1awo8 svg {
    animation: Polaris-Spinner--loading .5s linear infinite;
    fill: var(--p-border-highlight,#919eab)
}

.Polaris-VisuallyHidden_yrtt5 {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-Stack_32wu2 {
    margin-top: -1.6rem;
    margin-left: -1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

    .Polaris-Stack_32wu2 > .Polaris-Stack__Item {
        margin-top: 1.6rem;
        margin-left: 1.6rem;
        max-width: 100%
    }

.Polaris-Stack--noWrap_vecks {
    flex-wrap: nowrap
}

.Polaris-Stack--spacingNone_1b3d3 {
    margin-top: 0;
    margin-left: 0
}

    .Polaris-Stack--spacingNone_1b3d3 > .Polaris-Stack__Item {
        margin-top: 0;
        margin-left: 0;
        max-width: 100%
    }

.Polaris-Stack--spacingExtraTight_gv6hw {
    margin-top: -.4rem;
    margin-left: -.4rem
}

    .Polaris-Stack--spacingExtraTight_gv6hw > .Polaris-Stack__Item {
        margin-top: .4rem;
        margin-left: .4rem;
        max-width: 100%
    }

.Polaris-Stack--spacingTight_1o4d6 {
    margin-top: -.8rem;
    margin-left: -.8rem
}

    .Polaris-Stack--spacingTight_1o4d6 > .Polaris-Stack__Item {
        margin-top: .8rem;
        margin-left: .8rem;
        max-width: 100%
    }

.Polaris-Stack--spacingLoose_yte7q {
    margin-top: -2rem;
    margin-left: -2rem
}

    .Polaris-Stack--spacingLoose_yte7q > .Polaris-Stack__Item {
        margin-top: 2rem;
        margin-left: 2rem;
        max-width: 100%
    }

.Polaris-Stack--spacingExtraLoose_1ptvt {
    margin-top: -3.2rem;
    margin-left: -3.2rem
}

    .Polaris-Stack--spacingExtraLoose_1ptvt > .Polaris-Stack__Item {
        margin-top: 3.2rem;
        margin-left: 3.2rem;
        max-width: 100%
    }

.Polaris-Stack--distributionLeading_rudtn {
    justify-content: flex-start
}

.Polaris-Stack--distributionTrailing_z5d5z {
    justify-content: flex-end
}

.Polaris-Stack--distributionCenter_60gbr {
    justify-content: center
}

.Polaris-Stack--distributionEqualSpacing_x9cqm {
    justify-content: space-between
}

.Polaris-Stack--distributionFill_1c1lq > .Polaris-Stack__Item {
    flex: 1 1 auto
}

.Polaris-Stack--distributionFillEvenly_aehjo > .Polaris-Stack__Item {
    flex: 1 1 auto
}

@supports ((min-width:-webkit-fit-content) or (min-width:-moz-fit-content) or (min-width:fit-content)) {
    .Polaris-Stack--distributionFillEvenly_aehjo > .Polaris-Stack__Item {
        flex: 1 0;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.Polaris-Stack--alignmentLeading_1pu7t {
    align-items: flex-start
}

.Polaris-Stack--alignmentTrailing_cp27m {
    align-items: flex-end
}

.Polaris-Stack--alignmentCenter_1rtaw {
    align-items: center
}

.Polaris-Stack--alignmentFill_m3d4l {
    align-items: stretch
}

.Polaris-Stack--alignmentBaseline_aupj5 {
    align-items: baseline
}

.Polaris-Stack--vertical_uiuuj {
    flex-direction: column;
    margin-left: 0
}

    .Polaris-Stack--vertical_uiuuj > .Polaris-Stack__Item {
        margin-left: 0
    }

.Polaris-Stack__Item {
    flex: 0 0 auto;
    min-width: 0
}

.Polaris-Stack__Item--fill_vpuzt {
    flex: 1 1 auto
}

.Polaris-TextStyle--variationPositive_wlv2n {
    color: var(--p-text-success,#108043)
}

.Polaris-TextStyle--variationNegative_19crm {
    color: var(--p-text-critical,#bf0711)
}

.Polaris-TextStyle--variationCode_zrni6 {
    position: relative;
    padding: 0 .4rem;
    border-radius: 3px;
    background-color: var(--p-surface-subdued,#f4f6f8);
    display: inline-block;
    font-size: 1.15em;
    box-shadow: inset 0 0 0 1px var(--p-border-subdued,#dfe3e8)
}

    .Polaris-TextStyle--variationCode_zrni6:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid transparent
    }

.Polaris-TextStyle--variationStrong_rpyvj {
    font-weight: 600
}

.Polaris-TextStyle--variationSubdued_1segu {
    color: var(--p-text-subdued,#637381)
}

[data-lock-scrolling] {
    overflow-y: scroll;
    margin: 0
}

    [data-lock-scrolling] [data-lock-scrolling-wrapper] {
        overflow: hidden;
        height: 100%
    }

.Polaris-Backdrop {
    position: fixed;
    z-index: 518;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--p-backdrop,rgba(33,43,54,.4));
    animation: Polaris-Backdrop__fade--in_1b5b2 .2s 1 forwards;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity
}

.Polaris-Backdrop--transparent_19sk8 {
    background-color: transparent
}

.Polaris-Backdrop--belowNavigation_1y5t0 {
    z-index: 515
}

@keyframes Polaris-Backdrop__fade--in_1b5b2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Polaris-Button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.6rem;
    min-width: 3.6rem;
    margin: 0;
    padding: .7rem 1.6rem;
    background: linear-gradient(180deg,#fff,#f9fafb);
    border: .1rem solid var(--p-border,#c4cdd5);
    box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
    border-radius: 3px;
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

    .Polaris-Button svg {
        fill: #637381
    }

    .Polaris-Button:hover {
        background:gray; /*linear-gradient(180deg,#f9fafb,#f4f6f8);*/
        border-color: #c4cdd5
    }

    .Polaris-Button:focus {
        border-color: #5c6ac4;
        outline: 0;
        box-shadow: 0 0 0 1px #5c6ac4
    }

@media (-ms-high-contrast:active) {
    .Polaris-Button:focus {
        outline: 2px dotted
    }
}

.Polaris-Button:active {
    background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
    border-color: #c4cdd5;
    box-shadow: 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.2)
}

.Polaris-Button.Polaris-Button--newDesignLanguage {
    position: relative;
    background: var(--p-surface);
    box-shadow: var(--p-button-drop-shadow);
    border-radius: var(--p-border-radius-base);
    color: var(--p-text);
    border: 1px solid var(--p-border-neutral-subdued);
    border-top-color: var(--p-border-subdued);
    border-bottom-color: var(--p-border-shadow-subdued)
}

    .Polaris-Button.Polaris-Button--newDesignLanguage svg {
        fill: var(--p-icon)
    }

    .Polaris-Button.Polaris-Button--newDesignLanguage:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-Button.Polaris-Button--newDesignLanguage:hover {
        background: var(--p-action-secondary-hovered);
        outline: .1rem solid transparent
    }

    .Polaris-Button.Polaris-Button--newDesignLanguage:focus {
        box-shadow: var(--p-button-drop-shadow);
        border-color: var(--p-border-neutral-subdued)
    }

        .Polaris-Button.Polaris-Button--newDesignLanguage:focus:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

    .Polaris-Button.Polaris-Button--newDesignLanguage:active {
        background: var(--p-action-secondary-pressed);
        box-shadow: var(--p-button-drop-shadow)
    }

        .Polaris-Button.Polaris-Button--newDesignLanguage:active:after {
            border: none;
            box-shadow: none
        }

    .Polaris-Button.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
        background: var(--p-action-secondary-depressed);
        box-shadow: var(--p-button-pressed-inner-shadow);
        color: var(--p-text-on-primary);
        border-color: var(--p-border-depressed)
    }

        .Polaris-Button.Polaris-Button--newDesignLanguage.Polaris-Button--pressed svg {
            fill: currentColor
        }

@media (-ms-high-contrast:active) {
    .Polaris-Button.Polaris-Button--newDesignLanguage {
        border: 1px solid windowText
    }
}

.Polaris-Button.Polaris-Button--disabled {
    background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
    color: #919eab
}

    .Polaris-Button.Polaris-Button--disabled svg {
        fill: #919eab
    }

    .Polaris-Button.Polaris-Button--disabled.Polaris-Button--newDesignLanguage {
        box-shadow: none;
        border-color: var(--p-border-disabled);
        background: var(--p-surface-disabled);
        color: var(--p-text-disabled)
    }

        .Polaris-Button.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg {
            fill: var(--p-icon-disabled)
        }

.Polaris-Button.Polaris-Button--connectedDisclosure {
    z-index: 10;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .Polaris-Button.Polaris-Button--connectedDisclosure:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .Polaris-Button.Polaris-Button--connectedDisclosure:focus {
        z-index: 20
    }

.Polaris-Button__Content {
    font-size: 1.5rem;
    font-weight: var(--p-button-font-weight,400);
    line-height: 1.6rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1px;
    min-height: 1px
}

@media (min-width:40em) {
    .Polaris-Button__Content {
        font-size: 1.4rem
    }
}

.Polaris-Button:not(.Polaris-Button--plain) .Polaris-Button__Content {
    width: 100%
}

.Polaris-Button--textAlignLeft_1yjwh {
    justify-content: flex-start;
    text-align: left
}

    .Polaris-Button--textAlignLeft_1yjwh .Polaris-Button__Content {
        justify-content: flex-start
    }

.Polaris-Button--textAlignCenter_1kere {
    justify-content: center;
    text-align: center
}

.Polaris-Button--textAlignRight_1nn4o {
    justify-content: flex-end;
    text-align: right
}

    .Polaris-Button--textAlignRight_1nn4o .Polaris-Button__Content {
        justify-content: flex-end
    }

.Polaris-Button--stretchContent_79gpp > .Polaris-Button__Content {
    justify-content: space-between
}

.Polaris-Button__Icon {
    margin-left: -.4rem
}

    .Polaris-Button__Icon:last-child {
        margin-right: -.8rem;
        margin-left: .4rem
    }

.Polaris-Button--fullWidth.Polaris-Button--textAlignLeft_1yjwh .Polaris-Button__Icon:last-child:not(:only-child) {
    margin-left: auto
}

.Polaris-Button__Icon + :not(.Polaris-Button__Icon) {
    margin-left: .4rem
}

.Polaris-Button--hidden {
    visibility: hidden
}

.Polaris-Button__Spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1rem;
    margin-left: -1rem
}

.Polaris-Button--primary {
    --p-button-color: var(--p-action-primary);
    --p-button-text: var(--p-text-on-primary);
    --p-button-color-hover: var(--p-action-primary-hovered);
    --p-button-color-active: var(--p-action-primary-pressed);
    --p-button-color-depressed: var(--p-action-primary-depressed);
    background: linear-gradient(180deg,var(--send-blue),var(--send-blue));
    border-color: #3f4eae;
    box-shadow: inset 0 1px 0 0 #6774c8,0 1px 0 0 rgba(22,29,37,.05),0 0 0 0 transparent;
    color: #fff
}

    .Polaris-Button--primary:hover {
        background: linear-gradient(180deg,#5c6ac4,#4959bd);
        border-color: #3f4eae;
        color: #fff
    }

    .Polaris-Button--primary:focus {
        border-color: #202e78;
        box-shadow: inset 0 1px 0 0 var(--send-blue),0 1px 0 0 rgba(22,29,37,.05),0 0 0 1px #202e78
    }

    .Polaris-Button--primary:active {
        background: linear-gradient(180deg,#3f4eae,#3f4eae);
        border-color: #38469b;
        box-shadow: inset 0 0 0 0 transparent,0 1px 0 0 rgba(22,29,37,.05),0 0 1px 0 #38469b
    }

    .Polaris-Button--primary.Polaris-Button--newDesignLanguage {
        background: var(--p-button-color);
        box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow);
        color: var(--p-button-text);
        position: relative;
        border: none
    }

        .Polaris-Button--primary.Polaris-Button--newDesignLanguage:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.1rem;
            right: -.1rem;
            bottom: -.1rem;
            left: -.1rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }

        .Polaris-Button--primary.Polaris-Button--newDesignLanguage:hover {
            background: var(--p-button-color-hover);
            color: var(--p-button-text)
        }

        .Polaris-Button--primary.Polaris-Button--newDesignLanguage:focus {
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

        .Polaris-Button--primary.Polaris-Button--newDesignLanguage:active {
            background: var(--p-button-color-active);
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

        .Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
            color: var(--p-button-text);
            background: var(--p-button-color-depressed);
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

            .Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:focus, .Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:hover {
                background: var(--p-button-color-depressed);
                box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
            }

    .Polaris-Button--primary svg {
        fill: #fff
    }

    .Polaris-Button--primary.Polaris-Button--newDesignLanguage svg {
        fill: var(--p-icon-on-primary)
    }

    .Polaris-Button--primary.Polaris-Button--disabled {
        background: linear-gradient(180deg,#bac0e6,#bac0e6);
        border-color: #a7aedf;
        box-shadow: none;
        color: #fff
    }

        .Polaris-Button--primary.Polaris-Button--disabled svg {
            fill: #fff
        }

        .Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--newDesignLanguage {
            background: var(--p-action-primary-disabled);
            color: var(--p-text-disabled);
            border-color: transparent
        }

            .Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg {
                fill: var(--p-icon-disabled)
            }

    .Polaris-Button--primary.Polaris-Button--pressed {
        background: linear-gradient(180deg,#3f4eae,#3f4eae);
        border-color: #10173c;
        box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #10173c
    }

        .Polaris-Button--primary.Polaris-Button--pressed:focus, .Polaris-Button--primary.Polaris-Button--pressed:hover {
            background: linear-gradient(180deg,#3c4ba7,#3c4ba7);
            border-color: #10173c;
            box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #10173c
        }

        .Polaris-Button--primary.Polaris-Button--pressed:active {
            background: linear-gradient(180deg,#3f4eae,#3f4eae);
            border-color: #10173c;
            box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #0b0f27
        }

.Polaris-Button--destructive {
    --p-button-color: var(--p-action-critical);
    --p-button-text: var(--p-text-on-critical);
    --p-button-color-hover: var(--p-action-critical-hovered);
    --p-button-color-active: var(--p-action-critical-pressed);
    --p-button-color-depressed: var(--p-action-critical-depressed);
    background: linear-gradient(180deg,#e6391a,#d53417);
    border-color: #b02b13;
    box-shadow: inset 0 1px 0 0 #e73d1f,0 1px 0 0 rgba(22,29,37,.05),0 0 0 0 transparent;
    color: #fff
}

    .Polaris-Button--destructive:hover {
        background: linear-gradient(180deg,#de3618,#c73016);
        border-color: #b02b13;
        color: #fff
    }

    .Polaris-Button--destructive:focus {
        border-color: #bf0711;
        box-shadow: inset 0 1px 0 0 #e84528,0 1px 0 0 rgba(22,29,37,.05),0 0 0 1px #bf0711
    }

    .Polaris-Button--destructive:active {
        background: linear-gradient(180deg,#b02b13,#b02b13);
        border-color: #992511;
        box-shadow: inset 0 0 0 0 transparent,0 1px 0 0 rgba(22,29,37,.05),0 0 1px 0 #992511
    }

    .Polaris-Button--destructive.Polaris-Button--newDesignLanguage {
        background: var(--p-button-color);
        box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow);
        color: var(--p-button-text);
        position: relative;
        border: none
    }

        .Polaris-Button--destructive.Polaris-Button--newDesignLanguage:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.1rem;
            right: -.1rem;
            bottom: -.1rem;
            left: -.1rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }

        .Polaris-Button--destructive.Polaris-Button--newDesignLanguage:hover {
            background: var(--p-button-color-hover);
            color: var(--p-button-text)
        }

        .Polaris-Button--destructive.Polaris-Button--newDesignLanguage:focus {
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

        .Polaris-Button--destructive.Polaris-Button--newDesignLanguage:active {
            background: var(--p-button-color-active);
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

        .Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
            color: var(--p-button-text);
            background: var(--p-button-color-depressed);
            box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
        }

            .Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:focus, .Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:hover {
                background: var(--p-button-color-depressed);
                box-shadow: var(--p-button-drop-shadow),var(--p-button-inner-shadow)
            }

    .Polaris-Button--destructive svg {
        fill: #fff
    }

    .Polaris-Button--destructive.Polaris-Button--disabled {
        background: linear-gradient(180deg,#f29484,#f29484);
        border-color: #ef816d;
        box-shadow: none;
        color: #fff
    }

        .Polaris-Button--destructive.Polaris-Button--disabled svg {
            fill: #fff
        }

        .Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--newDesignLanguage {
            background: var(--p-action-critical-disabled);
            color: var(--p-text-disabled);
            border-color: transparent
        }

            .Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg {
                fill: var(--p-icon-disabled)
            }

    .Polaris-Button--destructive.Polaris-Button--pressed {
        background: linear-gradient(180deg,#b02b13,#b02b13);
        border-color: #75040a;
        box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #75040a
    }

        .Polaris-Button--destructive.Polaris-Button--pressed:focus, .Polaris-Button--destructive.Polaris-Button--pressed:hover {
            background: linear-gradient(180deg,#a72912,#a72912);
            border-color: #75040a;
            box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #75040a
        }

        .Polaris-Button--destructive.Polaris-Button--pressed:active {
            background: linear-gradient(180deg,#b02b13,#b02b13);
            border-color: #75040a;
            box-shadow: inset 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(22,29,37,.05),inset 0 0 3px 0 #5d0308
        }

    .Polaris-Button--destructive.Polaris-Button--newDesignLanguage svg {
        fill: var(--p-icon-on-critical)
    }

.Polaris-Button--outline {
    background: transparent;
    border-color: rgba(99,115,129,.4);
    box-shadow: none;
    color: #374047
}

    .Polaris-Button--outline svg {
        fill: #374047
    }

    .Polaris-Button--outline:hover {
        /*background: rgba(99,115,129,.05);*/
        background: gray; /*linear-gradient(180deg,#f9fafb,#f4f6f8);*/
        border-color: rgba(99,115,129,.4)
    }

    .Polaris-Button--outline:focus {
        border-color: rgba(99,115,129,.8);
        box-shadow: 0 0 0 1px rgba(99,115,129,.8)
    }

    .Polaris-Button--outline:active {
        background: rgba(99,115,129,.1);
        box-shadow: none
    }

    .Polaris-Button--outline.Polaris-Button--newDesignLanguage {
        background: transparent;
        border: .1rem solid var(--p-border);
        box-shadow: none;
        color: var(--p-text)
    }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage:hover {
            border: .1rem solid var(--p-border);
            box-shadow: none;
            background: var(--p-surface-hovered)
        }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus {
            border: .1rem solid var(--p-border);
            box-shadow: none
        }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus:after {
                box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
                outline: .1rem solid transparent
            }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage:active {
            border: .1rem solid var(--p-border);
            box-shadow: none;
            background: var(--p-surface-pressed)
        }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage:active:after {
                box-shadow: none
            }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
            background: var(--p-action-secondary-pressed);
            border: .1rem solid var(--p-border);
            box-shadow: none;
            color: var(--p-button-text)
        }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--disabled {
            border: .1rem solid var(--p-border-disabled);
            box-shadow: none;
            background: transparent;
            color: var(--p-text-disabled)
        }

        .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive {
            background: transparent;
            border: .1rem solid var(--p-border-critical);
            box-shadow: none;
            color: var(--p-interactive-critical)
        }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive svg {
                fill: var(--p-icon-critical)
            }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:hover {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none;
                background: var(--p-surface-critical-subdued)
            }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:focus {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none
            }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:active {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none;
                background: var(--p-surface-critical-subdued)
            }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--disabled {
                border: .1rem solid var(--p-border-critical-disabled);
                box-shadow: none;
                background: transparent;
                color: var(--p-interactive-critical-disabled)
            }

            .Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--pressed {
                background: var(--p-surface-critical-subdued);
                box-shadow: .1rem solid var(--p-border-critical);
                box-shadow: none;
                color: var(--p-interactive-critical)
            }

    .Polaris-Button--outline.Polaris-Button--disabled {
        background: transparent;
        border-color: rgba(99,115,129,.25);
        box-shadow: none;
        color: #919eab
    }

        .Polaris-Button--outline.Polaris-Button--disabled svg {
            fill: #919eab
        }

.Polaris-Button--destructive.Polaris-Button--outline {
    background: transparent;
    border-color: rgba(222,54,24,.4);
    box-shadow: none;
    color: #82200e
}

    .Polaris-Button--destructive.Polaris-Button--outline svg {
        fill: #82200e
    }

    .Polaris-Button--destructive.Polaris-Button--outline:hover {
        background: rgba(222,54,24,.05);
        border-color: rgba(222,54,24,.4)
    }

    .Polaris-Button--destructive.Polaris-Button--outline:focus {
        border-color: rgba(222,54,24,.8);
        box-shadow: 0 0 0 1px rgba(222,54,24,.8)
    }

    .Polaris-Button--destructive.Polaris-Button--outline:active {
        background: rgba(222,54,24,.1);
        box-shadow: none
    }

    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage {
        background: transparent;
        border: .1rem solid var(--p-border);
        box-shadow: none;
        color: var(--p-text)
    }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage:hover {
            border: .1rem solid var(--p-border);
            box-shadow: none;
            background: var(--p-surface-hovered)
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus {
            border: .1rem solid var(--p-border);
            box-shadow: none
        }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus:after {
                box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
                outline: .1rem solid transparent
            }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active {
            border: .1rem solid var(--p-border);
            box-shadow: none;
            background: var(--p-surface-pressed)
        }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active:after {
                box-shadow: none
            }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
            background: var(--p-action-secondary-pressed);
            border: .1rem solid var(--p-border);
            box-shadow: none;
            color: var(--p-button-text)
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--disabled {
            border: .1rem solid var(--p-border-disabled);
            box-shadow: none;
            background: transparent;
            color: var(--p-text-disabled)
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive {
            background: transparent;
            border: .1rem solid var(--p-border-critical);
            box-shadow: none;
            color: var(--p-interactive-critical)
        }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive svg {
                fill: var(--p-icon-critical)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:hover {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none;
                background: var(--p-surface-critical-subdued)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:focus {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:active {
                border: .1rem solid var(--p-border-critical);
                box-shadow: none;
                background: var(--p-surface-critical-subdued)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--disabled {
                border: .1rem solid var(--p-border-critical-disabled);
                box-shadow: none;
                background: transparent;
                color: var(--p-interactive-critical-disabled)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--pressed {
                background: var(--p-surface-critical-subdued);
                box-shadow: .1rem solid var(--p-border-critical);
                box-shadow: none;
                color: var(--p-interactive-critical)
            }

    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed {
        background: rgba(191,7,17,.03);
        border-color: rgba(191,7,17,.4);
        box-shadow: none;
        color: #5d0308
    }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed svg {
            fill: #5d0308
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:hover {
            background: rgba(191,7,17,.05);
            border-color: rgba(191,7,17,.4)
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:focus {
            border-color: rgba(191,7,17,.8);
            box-shadow: 0 0 0 1px rgba(191,7,17,.8)
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:active {
            background: rgba(191,7,17,.1);
            box-shadow: none
        }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage {
            background: transparent;
            border: .1rem solid var(--p-border);
            box-shadow: none;
            color: var(--p-text)
        }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage:hover {
                border: .1rem solid var(--p-border);
                box-shadow: none;
                background: var(--p-surface-hovered)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage:focus {
                border: .1rem solid var(--p-border);
                box-shadow: none
            }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage:focus:after {
                    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
                    outline: .1rem solid transparent
                }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage:active {
                border: .1rem solid var(--p-border);
                box-shadow: none;
                background: var(--p-surface-pressed)
            }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage:active:after {
                    box-shadow: none
                }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
                background: var(--p-action-secondary-pressed);
                border: .1rem solid var(--p-border);
                box-shadow: none;
                color: var(--p-button-text)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--disabled {
                border: .1rem solid var(--p-border-disabled);
                box-shadow: none;
                background: transparent;
                color: var(--p-text-disabled)
            }

            .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive {
                background: transparent;
                border: .1rem solid var(--p-border-critical);
                box-shadow: none;
                color: var(--p-interactive-critical)
            }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive svg {
                    fill: var(--p-icon-critical)
                }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:hover {
                    border: .1rem solid var(--p-border-critical);
                    box-shadow: none;
                    background: var(--p-surface-critical-subdued)
                }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:focus {
                    border: .1rem solid var(--p-border-critical);
                    box-shadow: none
                }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:active {
                    border: .1rem solid var(--p-border-critical);
                    box-shadow: none;
                    background: var(--p-surface-critical-subdued)
                }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--disabled {
                    border: .1rem solid var(--p-border-critical-disabled);
                    box-shadow: none;
                    background: transparent;
                    color: var(--p-interactive-critical-disabled)
                }

                .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--pressed {
                    background: var(--p-surface-critical-subdued);
                    box-shadow: .1rem solid var(--p-border-critical);
                    box-shadow: none;
                    color: var(--p-interactive-critical)
                }

        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed svg {
            fill: #330101
        }

.Polaris-Button--disabled {
    cursor: default;
    pointer-events: none
}

@keyframes Polaris-Button--loading {
    to {
        transform: rotate(1turn)
    }
}

.Polaris-Button--loading, .Polaris-Button--newDesignLanguage.Polaris-Button--loading {
    position: relative
}

    .Polaris-Button--loading, .Polaris-Button--loading.Polaris-Button--disabled, .Polaris-Button--loading:hover, .Polaris-Button--newDesignLanguage.Polaris-Button--loading, .Polaris-Button--newDesignLanguage.Polaris-Button--loading.Polaris-Button--disabled, .Polaris-Button--newDesignLanguage.Polaris-Button--loading:hover {
        color: transparent
    }

        .Polaris-Button--newDesignLanguage.Polaris-Button--loading.Polaris-Button--disabled svg {
            fill: var(--p-icon-subdued)
        }

.Polaris-Button--pressed {
    background: #dfe3e8;
    border-color: #b8c3cd;
    box-shadow: 0 0 0 1px transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.1)
}

    .Polaris-Button--pressed:hover {
        background: #d9dee4;
        border-color: #b8c3cd;
        box-shadow: 0 0 0 1px transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.1)
    }

    .Polaris-Button--pressed:focus {
        border-color: #5c6ac4;
        box-shadow: 0 0 0 1px #5c6ac4,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.1)
    }

    .Polaris-Button--pressed:active {
        background: #d3d9df;
        border-color: #b8c3cd;
        box-shadow: 0 0 0 1px transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.1)
    }

@media (-ms-high-contrast:active) {
    .Polaris-Button--pressed {
        color: buttonText;
        background: buttonFace
    }
}

.Polaris-Button--plain {
    margin: -.7rem -.8rem;
    padding-left: .8rem;
    padding-right: .8rem;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #006fbb
}

    .Polaris-Button--plain svg {
        fill: #006fbb
    }

    .Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:active, .Polaris-Button--plain:focus, .Polaris-Button--plain:hover {
        background: transparent;
        border: 0;
        box-shadow: none;
        color: #084e8a;
        text-decoration: underline
    }

        .Polaris-Button--plain.Polaris-Button--pressed svg, .Polaris-Button--plain:active svg, .Polaris-Button--plain:focus svg, .Polaris-Button--plain:hover svg {
            fill: #084e8a
        }

@media (-ms-high-contrast:active) {
    .Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:focus {
        outline: none
    }
}

@media (-ms-high-contrast:active) {
    .Polaris-Button--plain:focus > .Polaris-Button__Content {
        outline: 2px dotted
    }
}

.Polaris-Button--plain.Polaris-Button--pressed > .Polaris-Button__Content {
    padding: 2px 5px;
    margin: -2px -5px;
    background: rgba(99,115,129,.1);
    border-radius: 3px
}

.Polaris-Button--plain.Polaris-Button--pressed:active:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content, .Polaris-Button--plain.Polaris-Button--pressed:hover:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content, .Polaris-Button--plain:focus:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content {
    padding: 2px 5px;
    margin: -2px -5px;
    background: rgba(33,43,54,.1);
    border-radius: 3px
}

.Polaris-Button--plain.Polaris-Button--fullWidth {
    margin-left: 0;
    margin-right: 0
}

.Polaris-Button--plain.Polaris-Button--destructive {
    color: var(--p-action-critical,#bf0711)
}

    .Polaris-Button--plain.Polaris-Button--destructive svg {
        fill: #bf0711
    }

    .Polaris-Button--plain.Polaris-Button--destructive:active, .Polaris-Button--plain.Polaris-Button--destructive:focus {
        color: var(--p-action-critical-pressed,#330101)
    }

.Polaris-Button--plain.Polaris-Button--disabled {
    background: none
}

.Polaris-Button--plain.Polaris-Button--sizeSlim {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.Polaris-Button--plain.Polaris-Button--sizeLarge {
    margin: -1.1rem -2rem
}

.Polaris-Button--plain.Polaris-Button--iconOnly {
    margin: -.8rem
}

    .Polaris-Button--plain.Polaris-Button--iconOnly svg {
        fill: #637381
    }

    .Polaris-Button--plain.Polaris-Button--iconOnly:active, .Polaris-Button--plain.Polaris-Button--iconOnly:focus {
        background: rgba(33,43,54,.1)
    }

        .Polaris-Button--plain.Polaris-Button--iconOnly:active svg, .Polaris-Button--plain.Polaris-Button--iconOnly:focus svg {
            fill: #637381
        }

        .Polaris-Button--plain.Polaris-Button--iconOnly:active svg, .Polaris-Button--plain.Polaris-Button--iconOnly:hover svg {
            fill: #212b36
        }

    .Polaris-Button--plain.Polaris-Button--iconOnly > .Polaris-Button__Content:after {
        display: none
    }

    .Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg {
        fill: #c4cdd5
    }

.Polaris-Button--plain .Polaris-Button__Icon {
    margin-left: 0;
    margin-right: 0
}

.Polaris-Button--plain.Polaris-Button--newDesignLanguage {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--p-interactive)
}

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage svg {
        fill: var(--p-interactive)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:after {
        content: none
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:active, .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus, .Polaris-Button--plain.Polaris-Button--newDesignLanguage:hover {
        background: transparent;
        border: 0;
        box-shadow: none
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage > .Polaris-Button__Content {
        font-weight: 400;
        position: relative
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage > .Polaris-Button__Content:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.1rem;
            right: -.1rem;
            bottom: -.1rem;
            left: -.1rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:hover {
        color: var(--p-interactive-hovered)
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage:hover svg {
            fill: var(--p-interactive-hovered)
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus {
        color: var(--p-interactive)
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus svg {
            fill: var(--p-interactive)
        }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus:after {
            content: none
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:active {
        color: var(--p-interactive-pressed)
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage:active svg {
            fill: var(--p-interactive-pressed)
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus:not(:active) > .Polaris-Button__Content:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
        background: none;
        color: var(--p-interactive-pressed)
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--pressed svg {
            fill: var(--p-interactive-pressed)
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:focus:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content {
        background: none
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage:active:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content {
        padding: 2px 5px;
        margin: -2px -5px;
        background: var(--p-action-secondary);
        border-radius: 3px
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content {
        padding: 2px 5px;
        margin: -2px -5px;
        background: var(--p-action-secondary);
        border-radius: 3px
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive {
        color: var(--p-interactive-critical)
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive svg {
            fill: var(--p-interactive-critical)
        }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:hover {
            color: var(--p-interactive-critical-hovered)
        }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:active {
            color: var(--p-interactive-critical-pressed)
        }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--pressed {
            color: var(--p-interactive-critical-pressed);
            background: transparent
        }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--disabled {
            color: var(--p-interactive-critical-disabled)
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--disabled {
        color: var(--p-text-disabled);
        background: none
    }

        .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--disabled.Polaris-Button--loading {
            color: transparent
        }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--iconOnly svg {
        fill: var(--p-icon)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--iconOnly:hover svg {
        fill: var(--p-icon-hovered)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--iconOnly:focus svg {
        fill: var(--p-icon)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--iconOnly:active svg {
        fill: var(--p-icon-pressed)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--iconOnly.Polaris-Button--disabled svg {
        fill: var(--p-icon-disabled)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--iconOnly svg {
        fill: var(--p-action-critical)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--iconOnly:hover svg {
        fill: var(--p-action-critical-hovered)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--iconOnly:focus svg {
        fill: var(--p-action-critical)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--iconOnly:active svg {
        fill: var(--p-action-critical-pressed)
    }

    .Polaris-Button--plain.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--iconOnly.Polaris-Button--disabled svg {
        fill: var(--p-action-critical-disabled)
    }

.Polaris-Button--sizeSlim {
    min-height: 3rem;
    padding: .4rem 1.2rem
}

    .Polaris-Button--sizeSlim.Polaris-Button--newDesignLanguage {
        min-height: 2.8rem;
        padding: .3rem 1.2rem
    }

.Polaris-Button--sizeLarge {
    min-height: 4.4rem;
    min-width: 4.4rem;
    padding: 1.1rem 2.4rem
}

    .Polaris-Button--sizeLarge .Polaris-Button__Content {
        font-size: 1.7rem;
        font-weight: var(--p-button-font-weight,400);
        line-height: 2rem;
        text-transform: none;
        letter-spacing: normal
    }

@media (min-width:40em) {
    .Polaris-Button--sizeLarge .Polaris-Button__Content {
        font-size: 1.6rem
    }
}

.Polaris-Button--fullWidth {
    display: flex;
    width: 100%
}

.Polaris-Button--iconOnly {
    padding-left: .8rem;
    padding-right: .8rem
}

    .Polaris-Button--iconOnly.Polaris-Button--sizeLarge {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .Polaris-Button--iconOnly .Polaris-Button__Icon:first-child {
        margin-left: 0
    }

    .Polaris-Button--iconOnly .Polaris-Button__Icon:last-child {
        margin-right: -.4rem
    }

    .Polaris-Button--iconOnly .Polaris-Button__Icon:only-child {
        margin-right: 0
    }

.Polaris-Button--monochrome.Polaris-Button--outline, .Polaris-Button--monochrome.Polaris-Button--plain {
    color: currentColor
}

    .Polaris-Button--monochrome.Polaris-Button--outline svg, .Polaris-Button--monochrome.Polaris-Button--plain svg {
        fill: currentColor
    }

    .Polaris-Button--monochrome.Polaris-Button--outline:active, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:hover, .Polaris-Button--monochrome.Polaris-Button--plain:active, .Polaris-Button--monochrome.Polaris-Button--plain:focus, .Polaris-Button--monochrome.Polaris-Button--plain:hover {
        color: currentColor
    }

        .Polaris-Button--monochrome.Polaris-Button--outline:active svg, .Polaris-Button--monochrome.Polaris-Button--outline:focus svg, .Polaris-Button--monochrome.Polaris-Button--outline:hover svg, .Polaris-Button--monochrome.Polaris-Button--plain:active svg, .Polaris-Button--monochrome.Polaris-Button--plain:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain:hover svg {
            fill: currentColor
        }

    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled {
        color: currentColor;
        opacity: .4
    }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly svg {
            fill: currentColor
        }

    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:active svg, .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:active svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:focus svg {
        fill: currentColor
    }

    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg {
        fill: currentColor
    }

    .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--newDesignLanguage {
        color: currentColor
    }

    .Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text {
        text-decoration: underline
    }

.Polaris-Button--monochrome.Polaris-Button--outline {
    position: relative;
    border-color: currentColor
}

    .Polaris-Button--monochrome.Polaris-Button--outline:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: currentColor;
        opacity: 0;
        z-index: 0
    }

    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--pressed {
        background: transparent;
        box-shadow: none
    }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--pressed:before {
            opacity: .05
        }

    .Polaris-Button--monochrome.Polaris-Button--outline:active, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:hover {
        background-color: transparent;
        border-color: currentColor
    }

        .Polaris-Button--monochrome.Polaris-Button--outline:active:before, .Polaris-Button--monochrome.Polaris-Button--outline:focus:before, .Polaris-Button--monochrome.Polaris-Button--outline:hover:before {
            opacity: .07
        }

    .Polaris-Button--monochrome.Polaris-Button--outline:focus {
        box-shadow: 0 0 0 1px currentColor
    }

    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage {
        border-color: currentColor;
        box-shadow: 0 0 0 .1rem currentColor;
        position: relative
    }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.3rem;
            right: -.3rem;
            bottom: -.3rem;
            left: -.3rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.3rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active:after {
            box-shadow: none
        }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active:before, .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage:hover:before {
            opacity: .05
        }

        .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--pressed {
            color: currentColor
        }

            .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:before {
                opacity: .2
            }

.Polaris-Button__ConnectedDisclosureWrapper {
    display: flex
}

.Polaris-Button__ConnectedDisclosure {
    z-index: 10;
    margin-left: -.1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%
}

    .Polaris-Button__ConnectedDisclosure.Polaris-Button--outline:not(:focus) {
        border-left-color: rgba(99,115,129,0)
    }

    .Polaris-Button__ConnectedDisclosure:active, .Polaris-Button__ConnectedDisclosure:focus {
        z-index: 20
    }

    .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

        .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage.Polaris-Button--destructive, .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage.Polaris-Button--primary {
            margin-left: .1rem
        }

            .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage.Polaris-Button--destructive.Polaris-Button--outline, .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage.Polaris-Button--primary.Polaris-Button--outline {
                margin-left: 0;
                border-left: 0
            }

        .Polaris-Button__ConnectedDisclosure.Polaris-Button--newDesignLanguage:after {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

[data-buttongroup-segmented=true] .Polaris-Button, [data-buttongroup-segmented=true] .Polaris-Button:after {
    border-radius: 0
}

[data-buttongroup-segmented=true] > :first-child .Polaris-Button, [data-buttongroup-segmented=true] > :first-child .Polaris-Button:after {
    border-radius: 0;
    border-top-left-radius: var(--p-border-radius-base,3px);
    border-bottom-left-radius: var(--p-border-radius-base,3px)
}

[data-buttongroup-segmented=true] > :last-child .Polaris-Button, [data-buttongroup-segmented=true] > :last-child .Polaris-Button:after {
    border-radius: 0;
    border-top-right-radius: var(--p-border-radius-base,3px);
    border-bottom-right-radius: var(--p-border-radius-base,3px)
}

[data-buttongroup-segmented=true] > :last-child:first-child .Polaris-Button, [data-buttongroup-segmented=true] > :last-child:first-child .Polaris-Button:after {
    border-radius: var(--p-border-radius-base,3px)
}

[data-buttongroup-connected-top=true] > :first-child .Polaris-Button, [data-buttongroup-connected-top=true] > :first-child .Polaris-Button:after {
    border-top-left-radius: 0
}

[data-buttongroup-connected-top=true] > :last-child .Polaris-Button, [data-buttongroup-connected-top=true] > :last-child .Polaris-Button:after {
    border-top-right-radius: 0
}

[data-buttongroup-full-width=true] .Polaris-Button {
    display: flex;
    width: 100%
}

.Polaris-Popover_mj4rb {
    max-width: calc(100vw - 3.2rem);
    margin: .5rem .8rem 1.6rem;
    box-shadow: var(--p-popover-shadow,0 0 0 1px rgba(6,44,82,.1),0 2px 16px rgba(33,43,54,.08));
    border-radius: var(--p-border-radius-wide,3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left,top
}

.Polaris-Popover__PopoverOverlay_emiux {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.36,0,1,1)
}

.Polaris-Popover__PopoverOverlay--entering, .Polaris-Popover__PopoverOverlay--open {
    opacity: 1
}

.Polaris-Popover__PopoverOverlay--exiting {
    opacity: 0;
    transition-timing-function: cubic-bezier(0,0,.42,1)
}

.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting) {
    opacity: 0
}

.Polaris-Popover--fullWidth {
    margin: 0;
    margin-top: .5rem
}

    .Polaris-Popover--fullWidth .Polaris-Popover__Content {
        max-width: none
    }

.Polaris-Popover--positionedAbove {
    margin: 1.6rem .8rem .5rem
}

    .Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth {
        margin: 0 0 .5rem
    }

.Polaris-Popover__Wrapper {
    position: relative;
    overflow: hidden;
    background-color: var(--p-surface,#fff);
    border-radius: var(--p-border-radius-wide,3px);
    outline: 1px solid transparent
}

.Polaris-Popover__Content {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--p-border-radius-base,3px);
    max-width: 40rem;
    max-height: 29.5rem
}

    .Polaris-Popover__Content:focus {
        outline: none
    }

.Polaris-Popover__Content--fullHeight_cka7c {
    max-height: none
}

.Polaris-Popover__Content--fluidContent_141kh {
    max-height: none;
    max-width: none
}

.Polaris-Popover__Pane {
    flex: 1 1;
    max-width: 100%
}

    .Polaris-Popover__Pane + .Polaris-Popover__Pane {
        border-top: .1rem solid var(--p-divider,#dfe3e8)
    }

.Polaris-Popover__Pane--fixed {
    overflow: visible;
    flex: 0 0 auto
}

.Polaris-Popover__Section {
    padding: 1.6rem
}

    .Polaris-Popover__Section + .Polaris-Popover__Section {
        border-top: .1rem solid var(--p-divider,#dfe3e8)
    }

.Polaris-Popover__FocusTracker_1y0x8 {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

@media print {
    .Polaris-Popover__PopoverOverlay--hideOnPrint {
        display: none !important
    }
}

.Polaris-Scrollable {
    -webkit-overflow-scrolling: touch;
    position: relative
}

    .Polaris-Scrollable:focus {
        outline: 2px solid var(--p-focused);
        outline-offset: 2px
    }

.Polaris-Scrollable--horizontal {
    overflow-x: auto
}

.Polaris-Scrollable--vertical_uiuuj {
    overflow-y: auto
}

.Polaris-Scrollable--verticalHasScrolling {
    overflow-y: scroll
}

.Polaris-Scrollable--hasTopShadow {
    box-shadow: inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light,rgba(0,0,0,.1))
}

.Polaris-Scrollable--hasBottomShadow {
    box-shadow: inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light,rgba(0,0,0,.1))
}

.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow {
    box-shadow: inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light,rgba(0,0,0,.1)),inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light,rgba(0,0,0,.1))
}

.Polaris-PositionedOverlay {
    position: absolute;
    z-index: 400
}

.Polaris-PositionedOverlay--fixed {
    position: fixed
}

.Polaris-PositionedOverlay--calculating {
    visibility: hidden
}

.Polaris-PositionedOverlay--preventInteraction {
    pointer-events: none
}

.Polaris-ActionList {
    list-style: none;
    margin: 0;
    padding: .8rem 0
}

.Polaris-ActionList__Section--withoutTitle:not(:first-child) {
    border-top: .1rem solid var(--p-divider,#dfe3e8);
    margin-top: .8rem;
    padding-top: .8rem
}

.Polaris-ActionList__Actions {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: .1rem solid var(--p-divider,#dfe3e8)
}

    .Polaris-ActionList__Actions.Polaris-ActionList--newDesignLanguage {
        padding: 0 .8rem;
        border-color: var(--p-surface-neutral)
    }

.Polaris-ActionList__Title + .Polaris-ActionList__Actions.Polaris-ActionList--newDesignLanguage {
    padding-top: .8rem
}

.Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions, .Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions {
    border-top: none
}

.Polaris-ActionList__Title {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;
    text-transform: uppercase;
    padding: 1.2rem 1.6rem
}

@media (min-width:40em) {
    .Polaris-ActionList__Title {
        font-size: 1.2rem
    }
}

.Polaris-ActionList__Item {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    min-height: 4rem;
    padding: 1rem 1.6rem;
    text-align: left;
    cursor: pointer;
    border-radius: 0
}

    .Polaris-ActionList__Item:focus {
        outline: none
    }

    .Polaris-ActionList__Item:visited {
        color: inherit
    }

    .Polaris-ActionList__Item.Polaris-ActionList--active {
        background-image: linear-gradient(rgba(179,188,245,.1),rgba(179,188,245,.1))
    }

    .Polaris-ActionList__Item:active {
        background-image: linear-gradient(rgba(179,188,245,.1),rgba(179,188,245,.1))
    }

        .Polaris-ActionList__Item:active:hover {
            background-image: linear-gradient(rgba(179,188,245,.1),rgba(179,188,245,.1)),linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))
        }

            .Polaris-ActionList__Item:active:hover:focus {
                box-shadow: inset .2rem 0 0 #5c6ac4;
                background-image: linear-gradient(rgba(179,188,245,.1),rgba(179,188,245,.1)),linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3)),linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))
            }

    .Polaris-ActionList__Item:hover {
        background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))
    }

        .Polaris-ActionList__Item:hover:focus {
            box-shadow: inset .2rem 0 0 #5c6ac4;
            background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3)),linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))
        }

    .Polaris-ActionList__Item:focus {
        box-shadow: inset .2rem 0 0 #5c6ac4;
        background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))
    }

    .Polaris-ActionList__Item.Polaris-ActionList--destructive {
        color: #bf0711
    }

        .Polaris-ActionList__Item.Polaris-ActionList--destructive svg {
            fill: #bf0711
        }

        .Polaris-ActionList__Item.Polaris-ActionList--destructive:active {
            background-image: linear-gradient(rgba(220,56,37,.03),rgba(220,56,37,.03))
        }

            .Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover {
                background-image: linear-gradient(rgba(220,56,37,.03),rgba(220,56,37,.03)),linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4))
            }

                .Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover:focus {
                    box-shadow: inset .2rem 0 0 #de3618;
                    background-image: linear-gradient(rgba(220,56,37,.03),rgba(220,56,37,.03)),linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4)),linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4))
                }

        .Polaris-ActionList__Item.Polaris-ActionList--destructive:hover {
            background-image: linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4))
        }

            .Polaris-ActionList__Item.Polaris-ActionList--destructive:hover:focus {
                box-shadow: inset .2rem 0 0 #de3618;
                background-image: linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4)),linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4))
            }

        .Polaris-ActionList__Item.Polaris-ActionList--destructive:focus {
            box-shadow: inset .2rem 0 0 #de3618;
            background-image: linear-gradient(rgba(251,234,229,.4),rgba(251,234,229,.4))
        }

    .Polaris-ActionList__Item.Polaris-ActionList--disabled {
        background-image: linear-gradient(#f9fafb,#f9fafb);
        color: #919eab;
        pointer-events: none
    }

        .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg {
            fill: #919eab;
            color: #fff
        }

    .Polaris-ActionList__Item::-moz-focus-inner {
        border: none
    }

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage {
        padding: 1rem .8rem;
        border-radius: var(--p-border-radius-base);
        border-top: 1px solid var(--p-surface);
        position: relative
    }

        .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover {
            background-image: none;
            background-color: var(--p-surface-hovered);
            color: inherit;
            text-decoration: none
        }

@media (-ms-high-contrast:active) {
    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover {
        outline: 1px solid windowText
    }
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active {
    background-image: none
}

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active svg, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active svg {
        fill: var(--p-interactive)
    }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active {
    background-color: var(--p-surface-pressed)
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active {
    background-color: var(--p-surface-selected)
}

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active:before {
        content: "";
        background-color: var(--p-interactive);
        position: absolute;
        top: 0;
        left: -.8rem;
        height: 100%;
        display: block;
        width: .3rem;
        border-top-right-radius: var(--p-border-radius-base);
        border-bottom-right-radius: var(--p-border-radius-base)
    }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active:hover:focus {
    box-shadow: none;
    background-image: none
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover:focus {
    box-shadow: none;
    background-image: none
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:focus {
    box-shadow: none;
    background-image: none
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:focus:not(:active):after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive {
    color: var(--p-interactive-critical)
}

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive svg {
        fill: var(--p-icon-critical)
    }

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:hover {
        background-image: none;
        background-color: var(--p-surface-critical-subdued-hovered)
    }

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive.Polaris-ActionList--active, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:active {
        background-image: none;
        background-color: var(--p-surface-critical-subdued-pressed)
    }

        .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:active:hover:focus {
            box-shadow: none;
            background-image: none
        }

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:hover:focus {
        box-shadow: none;
        background-image: none
    }

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:focus {
        box-shadow: none;
        background-image: none
    }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled {
    background-image: none;
    color: var(--p-text-disabled)
}

    .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg {
        fill: var(--p-icon-disabled)
    }

.Polaris-ActionList__Content {
    display: flex;
    align-items: center
}

.Polaris-ActionList__Prefix {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 2rem;
    border-radius: 3px;
    margin: -1rem 1.6rem -1rem 0;
    background-size: cover;
    background-position: 50%
}

    .Polaris-ActionList__Prefix svg {
        fill: #454f5b;
        color: #fff
    }

    .Polaris-ActionList__Prefix.Polaris-ActionList--newDesignLanguage svg {
        fill: var(--p-icon)
    }

.Polaris-ActionList__Suffix {
    margin-left: 1.6rem
}

    .Polaris-ActionList__Suffix svg {
        fill: #454f5b;
        color: #fff
    }

    .Polaris-ActionList__Suffix.Polaris-ActionList--newDesignLanguage svg {
        fill: var(--p-icon)
    }

.Polaris-ActionList__Text {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.Polaris-Badge {
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    background-color: var(--p-surface-neutral,#dfe3e8);
    border: var(--p-override-zero,.2rem) solid #fff;
    border-radius: 2rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--p-text,#454f5b);
    font-weight: var(--p-badge-font-weight,400)
}

    .Polaris-Badge .Polaris-Badge__Pip {
        color: var(--p-icon,#919eab)
    }

@media print {
    .Polaris-Badge {
        border: solid .01rem var(--p-border,#454f5b);
        border-radius: 2rem
    }
}

.Polaris-Badge--sizeSmall {
    font-size: 1.2rem;
    line-height: 1.8rem
}

.Polaris-Badge--statusSuccess {
    background-color: var(--p-surface-success,#bbe5b3);
    color: var(--p-text,#414f3e)
}

    .Polaris-Badge--statusSuccess .Polaris-Badge__Pip {
        color: var(--p-icon-success,#108043)
    }

.Polaris-Badge--statusInfo {
    background-color: var(--p-surface-highlight,#b4e1fa);
    color: var(--p-text,#3e4e57)
}

    .Polaris-Badge--statusInfo .Polaris-Badge__Pip {
        color: var(--p-icon-highlight,#084e8a)
    }

.Polaris-Badge--statusAttention {
    background-color: #ffea8a;
    color: var(--p-text,#595130)
}

    .Polaris-Badge--statusAttention .Polaris-Badge__Pip {
        color: #8a6116
    }

.Polaris-Badge--statusWarning {
    background-color: var(--p-surface-warning,#ffc58b);
    color: var(--p-text,#594430)
}

    .Polaris-Badge--statusWarning .Polaris-Badge__Pip {
        color: var(--p-icon-warning,#c05717)
    }

.Polaris-Badge--statusCritical {
    background-color: var(--p-surface-critical,#fead9a);
    color: var(--p-text,#583c35)
}

    .Polaris-Badge--statusCritical .Polaris-Badge__Pip {
        color: var(--p-icon-critical,#bf0711)
    }

.Polaris-Badge--statusNew {
    background-color: var(--p-surface-neutral,#dfe3e8);
    color: var(--p-text,#212b36);
    font-weight: 500;
    border: none
}

.Polaris-Badge__Pip {
    height: 1rem;
    width: 1rem;
    margin: 0 .4rem 0 -.3rem;
    border: .2rem solid currentColor;
    border-radius: 50%;
    flex-shrink: 0
}

.Polaris-Badge--progressIncomplete .Polaris-Badge__Pip {
    background: transparent
}

.Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip {
    background: linear-gradient(0deg,currentColor,currentColor 50%,transparent 0,transparent)
}

@media print {
    .Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip {
        position: relative;
        overflow: hidden
    }

        .Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 50%;
            transform: translateY(100%);
            box-shadow: inset 0 0 0 1rem currentColor
        }
}

.Polaris-Badge--progressComplete .Polaris-Badge__Pip {
    background: linear-gradient(0deg,currentColor,currentColor 50%,currentColor 0)
}

@media print {
    .Polaris-Badge--progressComplete .Polaris-Badge__Pip {
        box-shadow: inset 0 0 0 1rem currentColor
    }
}

.Polaris-Badge--withinFilter {
    border-radius: var(--p-border-radius-base,2rem)
}

.Polaris-ButtonGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -.8rem;
    margin-left: -.8rem
}

.Polaris-ButtonGroup__Item {
    margin-top: .8rem;
    margin-left: .8rem
}

.Polaris-ButtonGroup__Item--plain_1lavi:not(:first-child) {
    margin-left: 1.6rem
}

.Polaris-ButtonGroup__Item--plain_1lavi:not(:last-child) {
    margin-right: .8rem
}

.Polaris-ButtonGroup--segmented {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0;
    margin-left: 0
}

    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item {
        position: relative;
        z-index: 10;
        margin-top: 0;
        margin-left: 0
    }

        .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:not(:first-child) {
            margin-left: -.1rem
        }

    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused {
        z-index: 20
    }

.Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item {
    flex: 1 1 auto
}

.Polaris-ButtonGroup--extraTight {
    margin-top: -.4rem;
    margin-left: -.4rem
}

    .Polaris-ButtonGroup--extraTight .Polaris-ButtonGroup__Item {
        margin-top: .4rem;
        margin-left: .4rem
    }

.Polaris-ButtonGroup--tight {
    margin-top: -.8rem;
    margin-left: -.8rem
}

    .Polaris-ButtonGroup--tight .Polaris-ButtonGroup__Item {
        margin-top: .8rem;
        margin-left: .8rem
    }

.Polaris-ButtonGroup--loose {
    margin-top: -2rem;
    margin-left: -2rem
}

    .Polaris-ButtonGroup--loose .Polaris-ButtonGroup__Item {
        margin-top: 2rem;
        margin-left: 2rem
    }

.Polaris-Modal-Footer {
    display: flex;
    align-self: flex-end;
    align-items: center;
    width: 100%;
    min-height: 6.4rem;
    padding: 1.6rem;
    border-top: .1rem solid var(--p-divider,#dfe3e8)
}

.Polaris-Modal-Footer__FooterContent {
    width: 100%
}

.Polaris-Modal-Section {
    flex: 0 0 auto;
    padding: 2rem
}

    .Polaris-Modal-Section:not(:last-of-type) {
        border-bottom: .1rem solid var(--p-border-subdued,#dfe3e8)
    }

    .Polaris-Modal-Section.Polaris-Modal-Section--subdued {
        background: var(--p-surface-subdued,#f4f6f8)
    }

    .Polaris-Modal-Section.Polaris-Modal-Section--flush {
        padding: 0
    }

.Polaris-Modal__BodyWrapper {
    display: flex;
    flex-grow: 1;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.Polaris-Modal__Body {
    width: 100%
}

.Polaris-Modal__IFrame {
    display: block;
    width: 62rem;
    max-width: 100vw;
    border: none
}

@media (min-width:48.0625em) {
    .Polaris-Modal__IFrame {
        max-width: 62rem
    }
}

.Polaris-Modal__Spinner {
    margin: 1.6rem;
    text-align: center
}

.Polaris-Modal-Dialog__Container {
    position: fixed;
    z-index: 519;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width:48.0625em) {
    .Polaris-Modal-Dialog__Container {
        justify-content: center
    }
}

.Polaris-Modal-Dialog:focus {
    outline: 0
}

.Polaris-Modal-Dialog__Modal {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100vh - 60px);
    background: var(--p-surface,#fff);
    box-shadow: var(--p-modal-shadow,0 31px 41px 0 rgba(32,42,53,.2),0 2px 16px 0 rgba(32,42,54,.08))
}

@media (-ms-high-contrast:active) {
    .Polaris-Modal-Dialog__Modal {
        border: 1px solid windowText
    }
}

@media (max-width:48.0525em) {
    .Polaris-Modal-Dialog__Modal {
        bottom: 0;
        max-height: 100%
    }
}

@media (min-width:48.0625em) {
    .Polaris-Modal-Dialog__Modal {
        position: relative;
        max-width: 62rem;
        margin: 0 auto;
        border-radius: var(--p-border-radius-wide,6px)
    }
}

@media (min-width:48.0625em) and (min-height:660px) {
    .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--limitHeight_1hum8 {
        max-height: 600px
    }
}

@media (min-width:48.0625em) {
    .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge {
        max-width: calc(100% - 6.4rem)
    }
}

@media (min-width:65.25em) {
    .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge {
        max-width: 98rem
    }
}

.Polaris-Modal-Dialog--animateFadeUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,opacity;
    opacity: 1;
    transform: translateY(0);
    transition: transform .2s cubic-bezier(.64,0,.35,1),opacity .2s cubic-bezier(.64,0,.35,1)
}

    .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entering_dwhxg, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exited_ijm9z, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exiting_1brpc {
        opacity: 0;
        transform: translateY(20rem)
    }

    .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entered_17x8x {
        opacity: 1;
        transform: translateY(0)
    }

.Polaris-Card {
    background-color: var(--p-surface,#fff);
    box-shadow: var(--p-card-shadow,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    outline: .1rem solid transparent
}

    .Polaris-Card + .Polaris-Card {
        margin-top: 2rem
    }

    .Polaris-Card.Polaris-Card--newDesignLanguage + .Polaris-Card {
        margin-top: 1.6rem
    }

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card {
        border-radius: var(--p-border-radius-wide,3px)
    }
}

@media (min-width:30.625em) {
    .Polaris-Card {
        border-radius: var(--p-border-radius-wide,3px)
    }
}

.Polaris-Card--subdued {
    background-color: var(--p-surface-subdued,#f9fafb)
}

.Polaris-Card__Header {
    padding: 1.6rem 1.6rem 0
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Header {
        padding: 2rem 2rem 0
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Header {
        padding: 2rem 2rem 0
    }
}

.Polaris-Card__Section {
    padding: 1.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Section {
        padding: 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Section {
        padding: 2rem
    }
}

.Polaris-Card__Section + .Polaris-Card__Section {
    border-top: .1rem solid var(--p-divider,#dfe3e8)
}

.Polaris-Card__Section:first-child {
    border-top-left-radius: var(--p-border-radius-wide,3px);
    border-top-right-radius: var(--p-border-radius-wide,3px)
}

.Polaris-Card__Section:last-child {
    border-bottom-left-radius: var(--p-border-radius-wide,3px);
    border-bottom-right-radius: var(--p-border-radius-wide,3px)
}

.Polaris-Card__Section--fullWidth {
    padding: 1.6rem 0
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Section--fullWidth {
        padding: 2rem 0
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Section--fullWidth {
        padding: 2rem 0
    }
}

.Polaris-Card__Section--flush_1tjqa {
    padding: 0
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Section--flush_1tjqa {
        padding: 0
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Section--flush_1tjqa {
        padding: 0
    }
}

.Polaris-Card__Section--subdued {
    background-color: var(--p-surface-subdued,#f9fafb)
}

@media (-ms-high-contrast:active) {
    .Polaris-Card__Section--subdued {
        background-color: transparent
    }
}

.Polaris-Card__Header + .Polaris-Card__Section--subdued {
    border-top: .1rem solid var(--p-divider,#dfe3e8);
    margin-top: 2rem
}

.Polaris-Card__SectionHeader {
    padding-bottom: .8rem
}

.Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.Polaris-Card__Subsection + .Polaris-Card__Subsection {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: .1rem solid var(--p-divider,#dfe3e8)
}

.Polaris-Card__Footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 1.6rem 1.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Card__Footer {
        padding: 0 2rem 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Card__Footer {
        padding: 0 2rem 2rem
    }
}

.Polaris-Card__Footer.Polaris-Card__LeftJustified {
    justify-content: flex-start
}

.Polaris-Card__Section--subdued + .Polaris-Card__Footer {
    border-top: .1rem solid var(--p-divider,#dfe3e8);
    padding: 2rem
}

.Polaris-Heading {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 0
}

@media (min-width:40em) {
    .Polaris-Heading {
        font-size: 1.6rem
    }
}

.Polaris-Modal-Header {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    padding: 1.6rem 2rem;
    border-bottom: .1rem solid var(--p-divider,#dfe3e8)
}

.Polaris-Modal-Header--titleHidden {
    position: absolute;
    right: .8rem;
    z-index: 1
}

    .Polaris-Modal-Header--titleHidden .Polaris-Modal-Header__Title {
        display: none
    }

.Polaris-Modal-Header__Title {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 1 1;
    margin-top: .4rem
}

.Polaris-DisplayText {
    margin: 0
}

.Polaris-DisplayText--sizeSmall {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (min-width:40em) {
    .Polaris-DisplayText--sizeSmall {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.Polaris-DisplayText--sizeMedium {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.8rem
}

@media (min-width:40em) {
    .Polaris-DisplayText--sizeMedium {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.Polaris-DisplayText--sizeLarge {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.8rem
}

@media (min-width:40em) {
    .Polaris-DisplayText--sizeLarge {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.Polaris-DisplayText--sizeExtraLarge {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 3.6rem
}

@media (min-width:40em) {
    .Polaris-DisplayText--sizeExtraLarge {
        font-size: 4.2rem;
        line-height: 4.4rem
    }
}

:root {
    --polaris-version-number: "5.15.1";
    --polaris-animation-skeleton-shimmer: polaris-SkeletonShimmerAnimation
}



body, button, html {
    font-family: var(--main-font)
}



@media print {
}

*, :after, :before {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-size: 1em;
    font-weight: 400
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none
}

@keyframes polaris-SkeletonShimmerAnimation {
    0% {
        opacity: .45
    }

    to {
        opacity: .9
    }
}

.Polaris-InlineError {
    display: flex;
    color: var(--p-text-critical,#bf0711);
    fill: var(--p-icon-critical,#bf0711)
}

.Polaris-InlineError__Icon {
    fill: currentColor;
    margin-left: -.2rem;
    margin-right: .6rem
}

.Polaris-TextField {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    display: flex;
    align-items: center;
    color: #637381;
    cursor: text
}

@media (min-width:40em) {
    .Polaris-TextField {
        font-size: 1.4rem
    }
}

.Polaris-TextField svg {
    fill: #637381
}

.Polaris-TextField--multiline {
    padding: 0;
    flex-wrap: wrap
}

    .Polaris-TextField--multiline > .Polaris-TextField__Input {
        overflow: auto;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        resize: none
    }

.Polaris-TextField--hasValue {
    color: #637381
}

.Polaris-TextField--focus > .Polaris-TextField__Input, .Polaris-TextField__Input:focus {
    outline: none;
    border: .1rem solid transparent
}

    .Polaris-TextField--focus > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop:after, .Polaris-TextField__Input:focus ~ .Polaris-TextField__Backdrop:after {
        opacity: 1
    }

.Polaris-TextField--error .Polaris-TextField__Input::-webkit-input-placeholder {
    color: #9c9798
}

.Polaris-TextField--error .Polaris-TextField__Input::placeholder {
    color: #9c9798
}

.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop {
    background-color: #fbeae5;
    border-color: #bf0711
}

    .Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop:after {
        border-color: #bf0711
    }

.Polaris-TextField--readOnly > .Polaris-TextField__Backdrop {
    background-color: #f9fafb
}

.Polaris-TextField--disabled {
    color: #919eab;
    cursor: auto
}

    .Polaris-TextField--disabled > .Polaris-TextField__Backdrop {
        background-color: #f9fafb;
        box-shadow: none
    }

    .Polaris-TextField--disabled svg {
        fill: #919eab
    }

.Polaris-TextField__Input {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    z-index: 20;
    display: block;
    flex: 1 1;
    width: 100%;
    min-width: 0;
    min-height: 3.6rem;
    margin: 0;
    padding: .5rem 1.2rem;
    background: none;
    border: .1rem solid transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
    appearance: none
}

@media (min-width:40em) {
    .Polaris-TextField__Input {
        font-size: 1.4rem
    }
}

.Polaris-TextField__Prefix + .Polaris-TextField__Input {
    padding-left: 0
}

.Polaris-TextField__Input:disabled {
    background: none;
    border: .1rem solid transparent;
    color: currentColor;
    opacity: 1;
    -webkit-text-fill-color: currentColor
}

.Polaris-TextField__Input:invalid {
    box-shadow: none
}

.Polaris-TextField__Input::-webkit-input-placeholder {
    color: #919eab
}

.Polaris-TextField__Input::placeholder {
    color: #919eab
}

.Polaris-TextField__Input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield
}

    .Polaris-TextField__Input[type=number]::-webkit-inner-spin-button, .Polaris-TextField__Input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0
    }

.Polaris-TextField__Input:-webkit-autofill {
    border-radius: var(--p-border-radius-base,3px)
}

    .Polaris-TextField__Input:-webkit-autofill:focus ~ .Polaris-TextField__Backdrop, .Polaris-TextField__Input:-webkit-autofill:hover ~ .Polaris-TextField__Backdrop, .Polaris-TextField__Input:-webkit-autofill ~ .Polaris-TextField__Backdrop {
        box-shadow: 0 0 0 .1rem #dfe3e8
    }

.Polaris-TextField__Input--hasClearButton_15k6h[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.Polaris-TextField__Input--suffixed {
    padding-right: 0
}

.Polaris-TextField__Input--alignRight {
    text-align: right
}

.Polaris-TextField__Input--alignLeft {
    text-align: left
}

.Polaris-TextField__Input--alignCenter {
    text-align: center
}

.Polaris-TextField__Backdrop {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: .1rem solid var(--p-border,#c4cdd5);
    border-radius: var(--p-border-radius-base,3px);
    box-shadow: inset 0 1px 0 0 rgba(99,115,129,.05);
    pointer-events: none
}

    .Polaris-TextField__Backdrop:after {
        content: "";
        position: absolute;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        border: var(--p-override-none,.2rem solid #5c6ac4);
        border-radius: inherit;
        opacity: 0;
        transition: opacity .2s cubic-bezier(.64,0,.35,1);
        pointer-events: none
    }

.Polaris-TextField__Prefix, .Polaris-TextField__Suffix {
    position: relative;
    z-index: 20;
    flex: 0 0 auto;
    color: var(--p-text-subdued,currentColor);
    -webkit-user-select: none;
    user-select: none
}

.Polaris-TextField__Prefix {
    margin-left: 1.2rem;
    margin-right: .8rem
}

.Polaris-TextField__Suffix {
    margin-left: .25em;
    margin-right: 1.2rem
}

.Polaris-TextField__CharacterCount {
    color: var(--p-text-subdued,#637381);
    z-index: 20;
    margin: 0 1.2rem 0 .25em;
    pointer-events: none;
    text-align: right
}

.Polaris-TextField__AlignFieldBottom {
    align-self: flex-end;
    width: 100%;
    padding-bottom: .8rem
}

.Polaris-TextField__ClearButton {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    z-index: 20;
    margin: 0 1.2rem 0 .25em
}

    .Polaris-TextField__ClearButton:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.1rem;
        right: -.1rem;
        bottom: -.1rem;
        left: -.1rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-TextField__ClearButton:focus {
        outline: none
    }

        .Polaris-TextField__ClearButton:focus:enabled svg, .Polaris-TextField__ClearButton:hover:enabled svg {
            fill: #637381
        }

        .Polaris-TextField__ClearButton:focus:enabled img, .Polaris-TextField__ClearButton:hover:enabled img {
            filter: brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)
        }

        .Polaris-TextField__ClearButton:focus:enabled:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

    .Polaris-TextField__ClearButton:disabled {
        cursor: default
    }

    .Polaris-TextField__ClearButton.Polaris-TextField__ClearButton--hidden {
        position: absolute !important;
        top: 0;
        clip: rect(1px,1px,1px,1px) !important;
        overflow: hidden !important;
        height: 1px !important;
        width: 1px !important;
        padding: 0 !important;
        border: 0 !important
    }

.Polaris-TextField__Spinner {
    z-index: 20;
    display: flex;
    align-self: stretch;
    flex-direction: column;
    width: 2.2rem;
    margin: 1px;
    color: #212b36;
    cursor: pointer
}

.Polaris-TextField__SpinnerIcon {
    height: 1.2rem;
    width: 1.2rem
}

.Polaris-TextField__Resizer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.Polaris-TextField__DummyInput {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    padding: .5rem 1.2rem;
    border: .1rem solid transparent;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

@media (min-width:40em) {
    .Polaris-TextField__DummyInput {
        font-size: 1.4rem
    }
}

.Polaris-TextField__Segment {
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(180deg,#fff,#f9fafb);
    border: none;
    border-left: .1rem solid var(--p-border,#c4cdd5);
    transition: background .1s cubic-bezier(.64,0,.35,1),box-shadow .1s cubic-bezier(.64,0,.35,1)
}

    .Polaris-TextField__Segment:focus {
        outline: none
    }

    .Polaris-TextField__Segment:active {
        background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
        box-shadow: inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.2)
    }

    .Polaris-TextField__Segment:not(:first-child) {
        margin-top: -1px;
        border-top: .1rem solid var(--p-border,#c4cdd5)
    }

    .Polaris-TextField__Segment:first-child {
        border-top-right-radius: 3px
    }

    .Polaris-TextField__Segment:last-child {
        border-bottom-right-radius: 3px
    }

.Polaris-TextField--newDesignLanguage.Polaris-TextField {
    color: var(--p-text)
}

    .Polaris-TextField--newDesignLanguage.Polaris-TextField svg {
        fill: var(--p-icon)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField--hasValue {
        color: var(--p-text)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop {
        background-color: var(--p-surface-critical-subdued);
        border-color: var(--p-border-critical)
    }

        .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop:after {
            border-color: var(--p-focused)
        }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--readOnly > .Polaris-TextField__Backdrop {
        background-color: var(--p-action-secondary-disabled)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--disabled .Polaris-TextField__Input {
        color: var(--p-text-disabled)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--disabled > .Polaris-TextField__Backdrop {
        background-color: var(--p-surface-disabled);
        border-top-color: var(--p-border-disabled)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField.Polaris-TextField--disabled svg {
        fill: var(--p-icon-disabled)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Input {
        caret-color: var(--p-text);
        color: var(--p-text)
    }

.Polaris-TextField--hasValue .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Input {
    color: var(--p-text)
}

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Input::-webkit-input-placeholder {
    color: var(--p-text-subdued)
}

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Input::placeholder {
    color: var(--p-text-subdued)
}

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Input:focus ~ .Polaris-TextField__Backdrop:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Backdrop {
    position: relative;
    background-color: var(--p-surface);
    position: absolute;
    border: 1px solid var(--p-border-subdued);
    border-top-color: var(--p-border-shadow);
    box-shadow: none
}

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Backdrop:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Backdrop:after {
        opacity: 1
    }

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Spinner {
    --p-text-field-spinner-offset-large: calc(var(--p-text-field-spinner-offset) + 0.1rem);
    margin: var(--p-text-field-spinner-offset-large);
    color: var(--p-icon)
}

.Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment {
    --p-text-field-spinner-border-radius: calc(var(--p-border-radius-base) - var(--p-text-field-spinner-offset));
    background: var(--p-surface-neutral);
    border-radius: var(--p-text-field-spinner-border-radius);
    border-left: var(--p-override-none)
}

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment:hover {
        background: var(--p-surface-neutral-hovered)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment:active {
        background: var(--p-surface-neutral-pressed);
        box-shadow: none
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment:not(:first-child) {
        margin-top: none;
        border-top: none
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment:first-child {
        border-top-right-radius: var(--p-text-field-spinner-border-radius) !important;
        margin-bottom: var(--p-text-field-spinner-offset)
    }

    .Polaris-TextField--newDesignLanguage.Polaris-TextField .Polaris-TextField__Segment:last-child {
        border-bottom-right-radius: var(--p-text-field-spinner-border-radius) !important
    }

.Polaris-Labelled--hidden > .Polaris-Labelled__LabelWrapper {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-Labelled__LabelWrapper {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: .4rem
}

.Polaris-Labelled__HelpText {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    color: var(--p-text-subdued,#637381);
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: .4rem
}

@media (min-width:40em) {
    .Polaris-Labelled__HelpText {
        font-size: 1.4rem
    }
}

.Polaris-Labelled__Error {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: .4rem
}

.Polaris-Labelled__Action {
    flex: 0 0 auto
}

.Polaris-Label {
    -webkit-tap-highlight-color: transparent
}

.Polaris-Label--hidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-Label__Text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    flex: 1 1 auto;
    color: currentColor;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:40em) {
    .Polaris-Label__Text {
        font-size: 1.4rem
    }
}

.Polaris-Modal-CloseButton {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    position: relative;
    margin-left: 2rem;
    margin-right: -.8rem;
    padding: .8rem;
    border-radius: 6px
}

    .Polaris-Modal-CloseButton:focus {
        outline: none
    }

    .Polaris-Modal-CloseButton:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.1rem;
        right: -.1rem;
        bottom: -.1rem;
        left: -.1rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-Modal-CloseButton:hover {
        background: var(--p-surface-hovered,transparent)
    }

        .Polaris-Modal-CloseButton:hover svg {
            fill: var(--p-icon-hovered,#637381)
        }

    .Polaris-Modal-CloseButton:focus {
        background: var(--p-override-transparent,rgba(33,43,54,.1))
    }

    .Polaris-Modal-CloseButton:active {
        background: var(--p-surface-pressed,rgba(33,43,54,.1))
    }

    .Polaris-Modal-CloseButton:focus:not(:active):after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner {
    --p-rgb-text: 33,43,54;
    position: relative;
    display: flex
}

.Polaris-Banner__ContentWrapper {
    flex: 1 1 auto
}

.Polaris-Banner--withinContentContainer {
    padding: .8rem 1.2rem;
    --p-banner-background: var(--p-background);
    --p-banner-border: var(--p-banner-border-default);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: var(--p-banner-border,none);
    border-radius: var(--p-border-radius-base,3px);
    position: relative;
    background-color: var(--p-banner-background,#f4f6f8)
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--newDesignLanguage {
        padding: 1.6rem 1.6rem 1.4rem
    }

        .Polaris-Banner--withinContentContainer.Polaris-Banner--newDesignLanguage .Polaris-Banner__ContentWrapper {
            margin-top: -.2rem
        }

        .Polaris-Banner--withinContentContainer.Polaris-Banner--newDesignLanguage .Polaris-Banner__Dismiss {
            top: 1.6rem
        }

        .Polaris-Banner--withinContentContainer.Polaris-Banner--newDesignLanguage .Polaris-Banner__Ribbon {
            padding-right: 1.6rem
        }

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinContentContainer {
        outline: 1px solid
    }
}

.Polaris-Banner--withinContentContainer:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner--withinContentContainer:focus {
    outline: none
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-border,#637381),inset 0 0 0 3px var(--p-border,#637381),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess {
    --p-banner-background: var(--p-surface-success-subdued);
    --p-banner-border: var(--p-banner-border-success);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: var(--p-banner-border,none);
    border-radius: var(--p-border-radius-base,3px);
    position: relative;
    background-color: var(--p-banner-background,#eff7ed)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess {
        outline: 1px solid
    }
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess:focus {
    outline: none
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#50b83c),inset 0 0 0 3px var(--p-override-none,#50b83c),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo {
    --p-banner-background: var(--p-surface-highlight-subdued);
    --p-banner-border: var(--p-banner-border-highlight);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: var(--p-banner-border,none);
    border-radius: var(--p-border-radius-base,3px);
    position: relative;
    background-color: var(--p-banner-background,#eef9f9)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo {
        outline: 1px solid
    }
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo:focus {
    outline: none
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#47c1bf),inset 0 0 0 3px var(--p-override-none,#47c1bf),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning {
    --p-banner-background: var(--p-surface-warning-subdued);
    --p-banner-border: var(--p-banner-border-warning);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: var(--p-banner-border,none);
    border-radius: var(--p-border-radius-base,3px);
    position: relative;
    background-color: var(--p-banner-background,#fdf7e3)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning {
        outline: 1px solid
    }
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning:focus {
    outline: none
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#eec200),inset 0 0 0 3px var(--p-override-none,#eec200),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical {
    --p-banner-background: var(--p-surface-critical-subdued);
    --p-banner-border: var(--p-banner-border-critical);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    box-shadow: var(--p-banner-border,none);
    border-radius: var(--p-border-radius-base,3px);
    position: relative;
    background-color: var(--p-banner-background,#fdf3f0)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical {
        outline: 1px solid
    }
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical:focus {
    outline: none
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#de3618),inset 0 0 0 3px var(--p-override-none,#de3618),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinContentContainer + .Polaris-Banner {
    margin-top: .8rem
}

.Polaris-Banner--withinContentContainer .Polaris-Banner__Ribbon {
    padding-right: 1.2rem
}

.Polaris-Banner--withinContentContainer .Polaris-Banner__Actions {
    padding: 1.2rem 0 .4rem 0
}

.Polaris-Banner--withinContentContainer .Polaris-Banner__Dismiss {
    right: 1.2rem;
    top: 1.2rem;
    position: absolute
}

.Polaris-Banner--withinPage {
    border-radius: 0 0 3px 3px;
    padding: 1.6rem;
    --p-banner-background: var(--p-background);
    --p-banner-border: var(--p-banner-border-default);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    border-radius: var(--p-border-radius-wide,0 0 3px 3px);
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-border,#637381),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    position: relative;
    background-color: var(--p-banner-background,#f4f6f8)
}

    .Polaris-Banner--withinPage.Polaris-Banner--newDesignLanguage {
        padding: 2rem 2rem 1.8rem
    }

        .Polaris-Banner--withinPage.Polaris-Banner--newDesignLanguage .Polaris-Banner__ContentWrapper {
            margin-top: -.2rem
        }

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinPage {
        outline: 1px solid
    }
}

.Polaris-Banner--withinPage:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-wide) + .1rem)
}

.Polaris-Banner--withinPage:focus {
    outline: none
}

.Polaris-Banner--withinPage.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-border,#637381),inset 0 0 0 3px var(--p-border,#637381),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinPage.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess {
    --p-banner-background: var(--p-surface-success-subdued);
    --p-banner-border: var(--p-banner-border-success);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    border-radius: var(--p-border-radius-wide,0 0 3px 3px);
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#50b83c),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    position: relative;
    background-color: var(--p-banner-background,#eff7ed)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinPage.Polaris-Banner--statusSuccess {
        outline: 1px solid
    }
}

.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-wide) + .1rem)
}

.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess:focus {
    outline: none
}

.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#50b83c),inset 0 0 0 3px var(--p-override-none,#50b83c),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinPage.Polaris-Banner--statusSuccess.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinPage.Polaris-Banner--statusInfo {
    --p-banner-background: var(--p-surface-highlight-subdued);
    --p-banner-border: var(--p-banner-border-highlight);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    border-radius: var(--p-border-radius-wide,0 0 3px 3px);
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#47c1bf),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    position: relative;
    background-color: var(--p-banner-background,#eef9f9)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinPage.Polaris-Banner--statusInfo {
        outline: 1px solid
    }
}

.Polaris-Banner--withinPage.Polaris-Banner--statusInfo:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-wide) + .1rem)
}

.Polaris-Banner--withinPage.Polaris-Banner--statusInfo:focus {
    outline: none
}

.Polaris-Banner--withinPage.Polaris-Banner--statusInfo.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#47c1bf),inset 0 0 0 3px var(--p-override-none,#47c1bf),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinPage.Polaris-Banner--statusInfo.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinPage.Polaris-Banner--statusWarning {
    --p-banner-background: var(--p-surface-warning-subdued);
    --p-banner-border: var(--p-banner-border-warning);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    border-radius: var(--p-border-radius-wide,0 0 3px 3px);
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#eec200),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    position: relative;
    background-color: var(--p-banner-background,#fdf7e3)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinPage.Polaris-Banner--statusWarning {
        outline: 1px solid
    }
}

.Polaris-Banner--withinPage.Polaris-Banner--statusWarning:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-wide) + .1rem)
}

.Polaris-Banner--withinPage.Polaris-Banner--statusWarning:focus {
    outline: none
}

.Polaris-Banner--withinPage.Polaris-Banner--statusWarning.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#eec200),inset 0 0 0 3px var(--p-override-none,#eec200),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinPage.Polaris-Banner--statusWarning.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinPage.Polaris-Banner--statusCritical {
    --p-banner-background: var(--p-surface-critical-subdued);
    --p-banner-border: var(--p-banner-border-critical);
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1);
    transition-delay: .1s;
    border-radius: var(--p-border-radius-wide,0 0 3px 3px);
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#de3618),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    position: relative;
    background-color: var(--p-banner-background,#fdf3f0)
}

@media (-ms-high-contrast:active) {
    .Polaris-Banner--withinPage.Polaris-Banner--statusCritical {
        outline: 1px solid
    }
}

.Polaris-Banner--withinPage.Polaris-Banner--statusCritical:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-wide) + .1rem)
}

.Polaris-Banner--withinPage.Polaris-Banner--statusCritical:focus {
    outline: none
}

.Polaris-Banner--withinPage.Polaris-Banner--statusCritical.Polaris-Banner--keyFocused {
    box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-override-none,#de3618),inset 0 0 0 3px var(--p-override-none,#de3618),0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15))
}

    .Polaris-Banner--withinPage.Polaris-Banner--statusCritical.Polaris-Banner--keyFocused:after {
        box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
        outline: .1rem solid transparent
    }

.Polaris-Banner--withinPage + .Polaris-Banner {
    margin-top: 2rem
}

.Polaris-Banner--withinPage .Polaris-Banner__Ribbon {
    padding-right: 1.6rem
}

.Polaris-Banner--newDesignLanguage .Polaris-Banner--withinPage .Polaris-Banner__Ribbon {
    padding-right: 2rem
}

.Polaris-Banner--withinPage .Polaris-Banner__Actions {
    padding-top: 1.6rem
}

.Polaris-Banner--withinPage .Polaris-Banner__Dismiss {
    right: 1.6rem;
    top: 2rem;
    position: absolute
}

.Polaris-Banner--hasDismiss {
    padding-right: 5.6rem
}

    .Polaris-Banner--hasDismiss.Polaris-Banner--newDesignLanguage {
        padding-right: calc(3.2rem + var(--p-icon-size))
    }

.Polaris-Banner__Heading {
    padding-top: var(--p-override-none,.2rem);
    word-break: break-word
}

.Polaris-Banner__Content {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: .4rem 0
}

.Polaris-Banner--newDesignLanguage .Polaris-Banner__Content {
    padding: .2rem 0
}

.Polaris-Banner__Ribbon {
    flex: 0 0 3.2rem
}

.Polaris-Banner__PrimaryAction {
    margin-right: .6rem
}

.Polaris-Banner__SecondaryAction {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    display: inline-block;
    text-align: left;
    margin: -.8rem -.6rem;
    padding: .8rem 1.2rem;
    color: var(--p-text,#212b36);
    padding-left: .6rem
}

    .Polaris-Banner__SecondaryAction:focus {
        outline: none
    }

    .Polaris-Banner__SecondaryAction:visited {
        color: inherit
    }

    .Polaris-Banner__SecondaryAction:hover > .Polaris-Banner__Text {
        box-shadow: 0 -2px 0 0 rgba(var(--p-rgb-text),.75) inset
    }

    .Polaris-Banner__SecondaryAction:active > .Polaris-Banner__Text {
        box-shadow: 0 -2px 0 0 rgba(var(--p-rgb-text),0) inset
    }

    .Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text {
        padding: 2px 5px;
        margin: -2px -5px;
        background: rgba(33,43,54,.1);
        border-radius: 3px;
        box-shadow: none
    }

@media (-ms-high-contrast:active) {
    .Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text {
        outline: 2px dotted
    }
}

.Polaris-Banner__Text {
    box-shadow: 0 -2px 0 0 rgba(var(--p-rgb-text),.25) inset;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.64,0,.35,1)
}

.Polaris-Banner__Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.6rem;
    min-width: 3.6rem;
    margin: 0;
    padding: .7rem 1.6rem;
    background: linear-gradient(180deg,#fff,#f9fafb);
    border: .1rem solid var(--p-border,#c4cdd5);
    box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
    border-radius: 3px;
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 1.5rem;
    font-weight: var(--p-button-font-weight,400);
    line-height: 1.6rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    color: var(--p-text)
}

    .Polaris-Banner__Button svg {
        fill: #637381
    }

    .Polaris-Banner__Button:hover {
        background: linear-gradient(180deg,#f9fafb,#f4f6f8);
        border-color: #c4cdd5
    }

    .Polaris-Banner__Button:focus {
        border-color: #5c6ac4;
        outline: 0;
        box-shadow: 0 0 0 1px #5c6ac4
    }

@media (-ms-high-contrast:active) {
    .Polaris-Banner__Button:focus {
        outline: 2px dotted
    }
}

.Polaris-Banner__Button:active {
    background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
    border-color: #c4cdd5;
    box-shadow: 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.2)
}

.Polaris-Banner__Button.Polaris-Banner--newDesignLanguage {
    position: relative;
    background: var(--p-surface);
    box-shadow: var(--p-button-drop-shadow);
    border-radius: var(--p-border-radius-base);
    color: var(--p-text);
    border: 1px solid var(--p-border-neutral-subdued);
    border-top-color: var(--p-border-subdued);
    border-bottom-color: var(--p-border-shadow-subdued)
}

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage svg {
        fill: var(--p-icon)
    }

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:hover {
        background: var(--p-action-secondary-hovered);
        outline: .1rem solid transparent
    }

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:focus {
        box-shadow: var(--p-button-drop-shadow);
        border-color: var(--p-border-neutral-subdued)
    }

        .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:focus:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:active {
        background: var(--p-action-secondary-pressed);
        box-shadow: var(--p-button-drop-shadow)
    }

        .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage:active:after {
            border: none;
            box-shadow: none
        }

    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage.Polaris-Banner--pressed {
        background: var(--p-action-secondary-depressed);
        box-shadow: var(--p-button-pressed-inner-shadow);
        color: var(--p-text-on-primary);
        border-color: var(--p-border-depressed)
    }

        .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage.Polaris-Banner--pressed svg {
            fill: currentColor
        }

@media (-ms-high-contrast:active) {
    .Polaris-Banner__Button.Polaris-Banner--newDesignLanguage {
        border: 1px solid windowText
    }
}

@media (min-width:40em) {
    .Polaris-Banner__Button {
        font-size: 1.4rem
    }
}

.Polaris-Banner__Button:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.3rem;
    right: -.3rem;
    bottom: -.3rem;
    left: -.3rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.3rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Banner__Button:focus:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-Banner--newDesignLanguage.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button {
    border-color: var(--p-border-critical-subdued);
    background: var(--p-surface-critical-subdued)
}

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover {
        border-color: var(--p-border-critical-subdued);
        background: var(--p-surface-critical-subdued-hovered)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active {
        border-color: var(--p-border-critical-subdued);
        background: var(--p-surface-critical-subdued-pressed)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active) {
        border-color: var(--p-border-critical-subdued);
        background: var(--p-surface-critical-subdued)
    }

.Polaris-Banner--newDesignLanguage.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button {
    border-color: var(--p-border-warning-subdued);
    background: var(--p-surface-warning-subdued)
}

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover {
        border-color: var(--p-border-warning-subdued);
        background: var(--p-surface-warning-subdued-hovered)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active {
        border-color: var(--p-border-warning-subdued);
        background: var(--p-surface-warning-subdued-pressed)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active) {
        border-color: var(--p-border-warning-subdued);
        background: var(--p-surface-warning-subdued)
    }

.Polaris-Banner--newDesignLanguage.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button {
    border-color: var(--p-border-highlight-subdued);
    background: var(--p-surface-highlight-subdued)
}

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover {
        border-color: var(--p-border-highlight-subdued);
        background: var(--p-surface-highlight-subdued-hovered)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active {
        border-color: var(--p-border-highlight-subdued);
        background: var(--p-surface-highlight-subdued-pressed)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active) {
        border-color: var(--p-border-highlight-subdued);
        background: var(--p-surface-highlight-subdued)
    }

.Polaris-Banner--newDesignLanguage.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button {
    border-color: var(--p-border-success-subdued);
    background: var(--p-surface-success-subdued)
}

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover {
        border-color: var(--p-border-success-subdued);
        background: var(--p-surface-success-subdued-hovered)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active {
        border-color: var(--p-border-success-subdued);
        background: var(--p-surface-success-subdued-pressed)
    }

    .Polaris-Banner--newDesignLanguage.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active) {
        border-color: var(--p-border-success-subdued);
        background: var(--p-surface-success-subdued)
    }

.Polaris-Connected_wopc9 {
    position: relative;
    display: flex
}

.Polaris-Connected__Item {
    position: relative;
    z-index: 10;
    flex: 0 0 auto
}

    .Polaris-Connected__Item:not(:first-child) {
        margin-left: -1px
    }

.Polaris-Connected__Item--primary {
    z-index: 20;
    flex: 1 1 auto
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--primary:not(:first-child) * {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--primary:not(:last-child) * {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--connection:first-child * {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--connection:first-child :after {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--connection:last-child * {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.Polaris-Connected_wopc9:not(.Polaris-Connected--newDesignLanguage) .Polaris-Connected__Item--connection:last-child :after {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.Polaris-Connected__Item--focused {
    z-index: 30
}

.Polaris-Connected--newDesignLanguage .Polaris-Connected__Item:not(:first-child) {
    margin-left: .4rem
}

.Polaris-Subheading_syouu {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;
    text-transform: uppercase;
    margin: 0
}

@media (min-width:40em) {
    .Polaris-Subheading_syouu {
        font-size: 1.2rem
    }
}

.Polaris-FormLayout_1wntl {
    margin-top: -1.6rem;
    margin-left: -2rem
}

.Polaris-FormLayout__Title {
    margin-bottom: -.8rem;
    padding: 1.6rem 2rem 0
}

.Polaris-FormLayout__Items_38lvu {
    display: flex;
    flex-wrap: wrap
}

.Polaris-FormLayout__HelpText {
    color: var(--p-text-subdued,#637381);
    padding: .8rem 2rem 0
}

.Polaris-FormLayout__Item {
    flex: 1 1 22rem;
    margin-top: 1.6rem;
    margin-left: 2rem;
    max-width: calc(100% - 2rem)
}

.Polaris-FormLayout--grouped_17srt .Polaris-FormLayout__Item {
    min-width: 22rem
}

.Polaris-FormLayout--condensed_b60cb .Polaris-FormLayout__Item {
    flex-basis: 11rem;
    min-width: 11rem
}

.Polaris-Select {
    position: relative
}

    .Polaris-Select select::-ms-expand {
        display: none
    }

.Polaris-Select--disabled .Polaris-Select__Content {
    color: var(--p-text-disabled,#919eab)
}

.Polaris-Select--disabled .Polaris-Select__InlineLabel {
    color: inherit
}

.Polaris-Select--disabled .Polaris-Select__Icon {
    opacity: var(--p-override-one,.4)
}

    .Polaris-Select--disabled .Polaris-Select__Icon svg {
        fill: var(--p-icon-disabled,#637381)
    }

.Polaris-Select--disabled.Polaris-Select--newDesignLanguage .Polaris-Select__Backdrop {
    border-color: var(--p-border-disabled)
}

    .Polaris-Select--disabled.Polaris-Select--newDesignLanguage .Polaris-Select__Backdrop:before {
        background-color: var(--p-action-secondary-disabled)
    }

    .Polaris-Select--disabled.Polaris-Select--newDesignLanguage .Polaris-Select__Backdrop:hover {
        cursor: default
    }

.Polaris-Select--placeholder_w9ga2.Polaris-Select--error .Polaris-Select__Input {
    color: #9c9798
}

    .Polaris-Select--placeholder_w9ga2.Polaris-Select--error .Polaris-Select__Input:-moz-focusring {
        color: transparent;
        text-shadow: var(--p-override-none,0 0 0 #212b36)
    }

.Polaris-Select__Content {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 3.6rem;
    padding: .5rem .8rem .5rem 1.2rem
}

@media (min-width:40em) {
    .Polaris-Select__Content {
        font-size: 1.4rem
    }
}

.Polaris-Select__InlineLabel {
    color: var(--p-text-subdued,#637381);
    margin-right: .4rem;
    white-space: nowrap;
    overflow: hidden
}

.Polaris-Select__SelectedOption_azu52 {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Polaris-Select__Prefix {
    padding-right: .8rem
}

.Polaris-Select__Icon svg {
    fill: var(--p-icon,#637381)
}

.Polaris-Select__Input {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: absolute;
    text-rendering: auto;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: .001;
    -webkit-appearance: none;
    appearance: none
}

@media (min-width:40em) {
    .Polaris-Select__Input {
        font-size: 1.4rem
    }
}

.Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Backdrop {
    background-color: #c4cdd5;
    border: .1rem solid transparent;
    box-shadow: 0 0 0 1px transparent,0 1px 0 0 rgba(22,29,37,.05);
    border-radius: 3px;
    transition-property: box-shadow,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.64,0,.35,1);
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    .Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Backdrop:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: linear-gradient(180deg,#fff,#f9fafb);
        border-radius: 2px
    }

@media (-ms-high-contrast:active) {
    .Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Backdrop {
        background: transparent;
        border: 2px solid buttonText;
        transition: none;
        color: rgba(223,227,232,.3)
    }

        .Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Backdrop:after {
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            background: none;
            border-radius: 4px
        }
}

.Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--error .Polaris-Select__Backdrop {
    background: #bf0711;
    box-shadow: 0 0 0 1px transparent
}

    .Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--error .Polaris-Select__Backdrop:after {
        background: #fbeae5
    }

.Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop {
    background: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4
}

    .Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop:after {
        background: #fbeae5
    }

.Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--disabled .Polaris-Select__Backdrop {
    background: #dfe3e8;
    box-shadow: none
}

    .Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--disabled .Polaris-Select__Backdrop:after {
        background: #f9fafb
    }

@media (-ms-high-contrast:active) {
    .Polaris-Select:not(.Polaris-Select--newDesignLanguage).Polaris-Select--disabled .Polaris-Select__Backdrop {
        color: grayText
    }
}

.Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop {
    background: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4,0 0 0 0 transparent;
    border-color: transparent
}

    .Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop:after {
        background: #fff
    }

@media (-ms-high-contrast:active) {
    .Polaris-Select:not(.Polaris-Select--newDesignLanguage) .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop:after {
        border: 1px dashed buttonText
    }
}

.Polaris-Select--newDesignLanguage .Polaris-Select__Backdrop {
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: .1rem solid var(--p-border-subdued);
    border-bottom-color: var(--p-border-shadow-subdued);
    border-radius: var(--p-border-radius-base);
    background-color: var(--p-surface);
    box-shadow: var(--p-button-drop-shadow);
    position: relative;
    position: absolute
}

    .Polaris-Select--newDesignLanguage .Polaris-Select__Backdrop:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

.Polaris-Select--newDesignLanguage.Polaris-Select--error .Polaris-Select__Backdrop {
    border-color: var(--p-border-critical);
    background-color: var(--p-surface-critical)
}

    .Polaris-Select--newDesignLanguage.Polaris-Select--error .Polaris-Select__Backdrop.Polaris-Select--hover_37sww, .Polaris-Select--newDesignLanguage.Polaris-Select--error .Polaris-Select__Backdrop:hover {
        border-color: var(--p-border-critical)
    }

.Polaris-Select--newDesignLanguage.Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-Select--newDesignLanguage .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

@media (-ms-high-contrast:active) {
    .Polaris-Select__Content {
        color: windowText;
        -ms-high-contrast-adjust: none
    }

    .Polaris-Select__InlineLabel {
        color: inherit
    }

        .Polaris-Select__InlineLabel:after {
            content: ":"
        }

    .Polaris-Select__SelectedOption_azu52 {
        color: inherit
    }

    .Polaris-Select__Icon svg {
        fill: buttonText
    }

    .Polaris-Select__Backdrop:after {
        display: none
    }

    .Polaris-Select__Input:focus ~ .Polaris-Select__Content {
        color: highlightText
    }

    .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop {
        background-color: highlight
    }

    .Polaris-Select--disabled .Polaris-Select__Content {
        color: grayText
    }

    .Polaris-Select--disabled .Polaris-Select__Icon {
        opacity: 1
    }

        .Polaris-Select--disabled .Polaris-Select__Icon svg {
            fill: grayText
        }
}

.Polaris-DatePicker {
    position: relative
}

.Polaris-DatePicker__MonthLayout {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.6rem;
    margin-left: -1.6rem
}

.Polaris-DatePicker__MonthContainer {
    flex: 1 1 23rem;
    margin-top: 1.6rem;
    margin-left: 1.6rem;
    max-width: calc(100% - 1.6rem);
    min-width: 23rem
}

.Polaris-DatePicker__Month {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    border-spacing: 0
}

.Polaris-DatePicker__Month--current {
    font-weight: 700
}

.Polaris-DatePicker__DayCell {
    width: 14.28571%;
    background: transparent;
    margin: 0;
    padding: 0;
    border: .1rem solid var(--p-border-subdued,#dfe3e8);
    border-radius: 0
}

.Polaris-DatePicker__DayCell--inRange {
    border: .1rem solid #9ca6de
}

.Polaris-DatePicker__DayCell--selected {
    border: .1rem solid #5c6ac4
}

.Polaris-DatePicker__Day {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: .8rem;
    background: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer
}

    .Polaris-DatePicker__Day:hover {
        background: #dfe3e8
    }

    .Polaris-DatePicker__Day:focus {
        box-shadow: inset 0 0 0 2px #5c6ac4
    }

.Polaris-DatePicker__Day--today {
    font-weight: 700
}

.Polaris-DatePicker__Day--inRange {
    background: #b3bcf5
}

    .Polaris-DatePicker__Day--inRange:hover {
        background: #9ca8f2
    }

@media screen and (-ms-high-contrast:active) {
    .Polaris-DatePicker__Day--inRange {
        background: highlight
    }
}

.Polaris-DatePicker__Day--selected {
    background: #5c6ac4;
    color: #fff
}

    .Polaris-DatePicker__Day--selected:hover {
        background: #4959bd
    }

    .Polaris-DatePicker__Day--selected:focus {
        box-shadow: inset 0 0 0 2px #202e78
    }

@media screen and (-ms-high-contrast:active) {
    .Polaris-DatePicker__Day--selected {
        background: highlight
    }
}

.Polaris-DatePicker__Day--disabled {
    background-color: #f9fafb;
    color: #c4cdd5;
    cursor: default
}

    .Polaris-DatePicker__Day--disabled:hover {
        background-color: #f9fafb
    }

    .Polaris-DatePicker__Day--disabled:focus {
        box-shadow: none
    }

.Polaris-DatePicker__EmptyDayCell {
    width: 14.28571%;
    margin: 0;
    padding: 0;
    border: .1rem solid var(--p-border-subdued,#dfe3e8)
}

.Polaris-DatePicker__Weekday {
    padding: .8rem;
    background: transparent;
    font-size: 1.2rem;
    font-weight: 400;
    color: #637381;
    text-align: center
}

.Polaris-DatePicker__Weekday--current {
    font-weight: 700;
    color: #000
}

.Polaris-DatePicker__Header {
    position: absolute;
    top: 1.6rem;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Polaris-DatePicker__Title {
    flex: 1 1 auto;
    margin-top: .2rem;
    padding-bottom: .4rem;
    text-align: center
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__DayCell {
    border: none;
    border-radius: var(--p-border-radius-base)
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__DayCell--selected {
    border: none
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__DayCell--inRange {
    border-radius: 0
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day {
    box-shadow: none;
    border: 0;
    border-radius: var(--p-border-radius-base);
    color: var(--p-text);
    position: relative
}

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day:hover {
        background: var(--p-interactive-hovered);
        color: var(--p-text-on-interactive);
        outline: .1rem solid transparent
    }

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.1rem;
        right: -.1rem;
        bottom: -.1rem;
        left: -.1rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day:focus:not(:active) {
        box-shadow: none
    }

        .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day:focus:not(:active):after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

@media (-ms-high-contrast:active) {
    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day:focus:not(:active):after {
        box-shadow: none
    }
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--inRange {
    border-radius: 0;
    background: var(--p-surface-selected)
}

@media (-ms-high-contrast:active) {
    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--inRange {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

        .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--inRange:hover {
            background-color: HighlightText;
            color: Highlight;
            outline: 2px solid Highlight
        }
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--selected {
    background: var(--p-interactive);
    color: var(--p-text-on-interactive)
}

@media (-ms-high-contrast:active) {
    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--selected {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

        .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--selected:hover {
            background-color: HighlightText;
            color: Highlight;
            outline: 2px solid Highlight
        }
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--firstInRange_sp8p9 {
    border-radius: var(--p-border-radius-base)
}

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hasRange_742b2, .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hoverRight_1549s {
        border-radius: 3rem 0 0 3rem
    }

        .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hasRange_742b2:after, .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hoverRight_1549s:after {
            border-radius: 3rem 0 0 3rem
        }

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--lastInRange_1jdh1 {
    border-radius: 0 3rem 3rem 0
}

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--lastInRange_1jdh1:after {
        border-radius: 0 3rem 3rem 0
    }

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Week_yj63l {
    margin-bottom: .2rem
}

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Week_yj63l > .Polaris-DatePicker__Day--inRange:first-child:not(.Polaris-DatePicker__Day--firstInRange_sp8p9):not(.Polaris-DatePicker__Day--lastInRange_1jdh1) {
        border-radius: var(--p-border-radius-base) 0 0 var(--p-border-radius-base)
    }

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Week_yj63l > .Polaris-DatePicker__Day--inRange:last-child:not(.Polaris-DatePicker__Day--firstInRange_sp8p9):not(.Polaris-DatePicker__Day--lastInRange_1jdh1) {
        border-radius: 0 var(--p-border-radius-base) var(--p-border-radius-base) 0
    }

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__DayCell, .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__EmptyDayCell {
    border: none
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--disabled {
    background-color: transparent;
    color: var(--p-text-disabled)
}

    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--disabled:hover {
        background-color: transparent;
        color: var(--p-text-disabled)
    }

@media (-ms-high-contrast) {
    .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--disabled {
        -ms-high-contrast-adjust: none;
        color: grayText
    }

        .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--disabled:hover {
            color: grayText;
            outline: none
        }
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--disabled:focus:after {
    content: none
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Weekday {
    color: var(--p-text-subdued)
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Weekday--current {
    color: var(--p-text)
}

.Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--inRange:after, .Polaris-DatePicker--newDesignLanguage .Polaris-DatePicker__Day--inRange:not(:hover) + .Polaris-DatePicker__Day:after {
    border-radius: 0 3rem 3rem 0
}

.Polaris-SkeletonDisplayText__DisplayText {
    max-width: 12rem;
    animation: var(--polaris-animation-skeleton-shimmer) .8s linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    position: relative
}

    .Polaris-SkeletonDisplayText__DisplayText:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #dfe3e8;
        border-radius: 3px
    }

@media screen and (-ms-high-contrast:active) {
    .Polaris-SkeletonDisplayText__DisplayText:after {
        background-color: grayText
    }
}

.Polaris-SkeletonDisplayText--sizeSmall {
    height: 2.4rem
}

@media (min-width:40em) {
    .Polaris-SkeletonDisplayText--sizeSmall {
        height: 2.8rem
    }
}

.Polaris-SkeletonDisplayText--sizeMedium {
    height: 2.8rem
}

@media (min-width:40em) {
    .Polaris-SkeletonDisplayText--sizeMedium {
        height: 3.2rem
    }
}

.Polaris-SkeletonDisplayText--sizeLarge {
    height: 2.8rem
}

@media (min-width:40em) {
    .Polaris-SkeletonDisplayText--sizeLarge {
        height: 3.2rem
    }
}

.Polaris-SkeletonDisplayText--sizeExtraLarge {
    height: 3.6rem
}

@media (min-width:40em) {
    .Polaris-SkeletonDisplayText--sizeExtraLarge {
        height: 4.4rem
    }
}

.Polaris-CalloutCard {
    display: flex;
    align-items: center
}

.Polaris-CalloutCard__Image {
    display: none;
    flex: 0 0 auto;
    width: 10rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-CalloutCard__Image {
        display: block;
        margin-left: 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-CalloutCard__Image {
        display: block;
        margin-left: 2rem
    }
}

.Polaris-CalloutCard__DismissImage {
    margin-right: 2rem
}

.Polaris-CalloutCard__Content {
    flex: 1 1 auto
}

.Polaris-CalloutCard__Title {
    margin-bottom: 2rem
}

.Polaris-CalloutCard__Buttons {
    margin-top: 2rem
}

.Polaris-CalloutCard__Container {
    position: relative
}

.Polaris-CalloutCard__Dismiss {
    right: 1.6rem;
    top: 1.6rem;
    position: absolute
}

.Polaris-TextContainer_szg8b > :not(:first-child) {
    margin-top: 1.6rem
}

.Polaris-TextContainer--spacingTight_1o4d6 > :not(:first-child) {
    margin-top: .8rem
}

.Polaris-TextContainer--spacingLoose_yte7q > :not(:first-child) {
    margin-top: 2rem
}

.Polaris-Link {
    -webkit-appearance: none;
    appearance: none;
    display: inline;
    text-align: inherit;
    padding: 0;
    background: none;
    border: 0;
    font-size: inherit;
    color: var(--p-interactive,#006fbb);
    text-decoration: none;
    cursor: pointer
}

    .Polaris-Link:hover {
        color: var(--p-interactive-hovered,#084e8a);
        text-decoration: underline
    }

    .Polaris-Link:focus {
        outline: var(--p-override-none,rgba(0,103,244,.247) auto .45rem);
        text-decoration: underline
    }

        .Polaris-Link:focus:not(:active) {
            outline: var(--p-focused) auto 1px
        }

    .Polaris-Link:active {
        position: relative;
        color: var(--p-interactive-pressed,#084e8a);
        text-decoration: underline
    }

        .Polaris-Link:active:before {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: -1;
            top: -.2rem;
            right: -.5rem;
            bottom: -.2rem;
            left: -.5rem;
            display: block;
            border-radius: 3px
        }

.Polaris-Link__IconLockup {
    display: inline;
    white-space: nowrap
}

    .Polaris-Link__IconLockup svg {
        fill: currentColor
    }

    .Polaris-Link__IconLockup:before {
        content: "\2060"
    }

.Polaris-Link__IconLayout_1wnv2 {
    display: inline-flex
}

    .Polaris-Link__IconLayout_1wnv2:before {
        content: "\2060"
    }

.Polaris-Link--monochrome {
    color: inherit;
    text-decoration: underline
}

    .Polaris-Link--monochrome:active, .Polaris-Link--monochrome:focus, .Polaris-Link--monochrome:hover {
        color: inherit
    }

.Polaris-SkeletonBodyText__SkeletonBodyTextContainer_alhvc {
    animation: var(--polaris-animation-skeleton-shimmer) .8s linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity
}

.Polaris-SkeletonBodyText {
    height: .8rem;
    position: relative
}

    .Polaris-SkeletonBodyText:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #dfe3e8;
        border-radius: 3px
    }

@media screen and (-ms-high-contrast:active) {
    .Polaris-SkeletonBodyText:after {
        background-color: grayText
    }
}

.Polaris-SkeletonBodyText:last-child:not(:first-child) {
    width: 80%
}

.Polaris-SkeletonBodyText + .Polaris-SkeletonBodyText {
    margin-top: 1.2rem
}

.Polaris-EmptyState {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 2rem auto 0 auto;
    padding: 2rem 0;
    max-width: 99.8rem
}

.Polaris-EmptyState__Section {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-EmptyState__Section {
        left: 2rem;
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:46.5em) {
    .Polaris-EmptyState__Section {
        left: 2rem;
        flex-direction: row;
        align-items: center
    }
}

.Polaris-EmptyState__DetailsContainer, .Polaris-EmptyState__ImageContainer {
    flex: 1 1 auto;
    padding: 0;
    margin: 0
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-EmptyState__DetailsContainer, [data-has-navigation] .Polaris-EmptyState__ImageContainer {
        flex-basis: 50%
    }
}

@media (min-width:46.5em) {
    .Polaris-EmptyState__DetailsContainer, .Polaris-EmptyState__ImageContainer {
        flex-basis: 50%
    }
}

@media (max-width:30.625em),(min-width:48.0625em) and (max-width:47.125em) {
    [data-has-navigation] .Polaris-EmptyState__DetailsContainer, [data-has-navigation] .Polaris-EmptyState__ImageContainer {
        overflow-x: hidden
    }
}

@media (max-width:30.625em) {
    .Polaris-EmptyState__DetailsContainer, .Polaris-EmptyState__ImageContainer {
        overflow-x: hidden
    }
}

.Polaris-EmptyState--newDesignLanguage, .Polaris-EmptyState--withinContentContainer {
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 6rem
}

    .Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Section, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Section {
        position: unset;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Details, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details {
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center
    }

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Details, [data-has-navigation] .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details {
        max-width: 40rem
    }
}

@media (min-width:30.625em) {
    .Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Details, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details {
        max-width: 40rem
    }
}

.Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Image, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Image {
    margin: 0;
    width: auto
}

.Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Content, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Content {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    padding-bottom: .8rem
}

@media (min-width:40em) {
    .Polaris-EmptyState--newDesignLanguage .Polaris-EmptyState__Content, .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Content {
        font-size: 1.4rem
    }
}

.Polaris-EmptyState--withinPage .Polaris-EmptyState__Details {
    position: relative;
    z-index: 10;
    padding: 0 1.6rem;
    width: 33.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-EmptyState--withinPage .Polaris-EmptyState__Details {
        padding: 0
    }
}

@media (min-width:30.625em) {
    .Polaris-EmptyState--withinPage .Polaris-EmptyState__Details {
        padding: 0
    }
}

.Polaris-EmptyState--withinPage .Polaris-EmptyState__Image {
    position: relative;
    z-index: 0;
    margin-top: -2rem;
    margin-left: -70%;
    width: 190%;
    max-width: none
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-EmptyState--withinPage .Polaris-EmptyState__Image {
        margin-left: 0;
        width: 100%
    }
}

@media (min-width:30.625em) {
    .Polaris-EmptyState--withinPage .Polaris-EmptyState__Image {
        margin-left: 0;
        width: 100%
    }
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-EmptyState--withinPage .Polaris-EmptyState__Image {
        margin-top: 0;
        margin-left: -70%;
        width: 170%
    }
}

@media (min-width:46.5em) {
    .Polaris-EmptyState--withinPage .Polaris-EmptyState__Image {
        margin-top: 0;
        margin-left: -70%;
        width: 170%
    }
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-EmptyState--imageContained .Polaris-EmptyState__Image {
        position: static;
        width: 100%
    }
}

@media (min-width:46.5em) {
    .Polaris-EmptyState--imageContained .Polaris-EmptyState__Image {
        position: static;
        width: 100%
    }
}

.Polaris-EmptyState--fullWidth .Polaris-EmptyState__Details {
    max-width: 100%
}

.Polaris-EmptyState__Content {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--p-text-subdued,#637381)
}

@media (min-width:40em) {
    .Polaris-EmptyState__Content {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.Polaris-EmptyState__Actions {
    margin-top: 1.6rem
}

.Polaris-EmptyState__FooterContent {
    color: var(--p-text-subdued,#637381);
    margin-top: 1.6rem
}

.Polaris-Frame-Loading {
    overflow: hidden;
    height: .3rem;
    background-color: var(--p-surface,#dfe3e8);
    opacity: 1
}

.Polaris-Frame-Loading__Level_2vddd {
    width: 100%;
    height: 100%;
    transform-origin: 0;
    background-color: var(--p-icon-success,#47c1bf);
    transition: transform .5s linear
}

@media screen and (-ms-high-contrast:active) {
    .Polaris-Frame-Loading__Level_2vddd {
        background-color: highlight
    }
}

.Polaris-Frame {
    width: 100%;
    min-height: 100vh;
    display: flex;
    background-color: var(--p-background,#f4f6f8)
}

@media print {
    .Polaris-Frame {
        background-color: transparent
    }
}

@media (min-width:48.0625em) {
    .Polaris-Frame {
        width: calc(100% - var(--p-frame-offset));
        margin-left: var(--p-frame-offset)
    }
}

.Polaris-Frame__Navigation {
    position: fixed;
    z-index: 516;
    top: 0;
    left: 0;
    display: none;
    flex: 0 0 auto;
    align-items: stretch;
    height: 100%;
    outline: none;
    transform: translateX(0)
}

@media print {
    .Polaris-Frame__Navigation {
        display: none !important
    }
}

@media (min-width:48.0625em) {
    .Polaris-Frame__Navigation {
        z-index: 1;
        left: var(--p-frame-offset);
        display: flex
    }

    .Polaris-Frame--hasTopBar .Polaris-Frame__Navigation {
        top: 5.6rem;
        height: calc(100% - 5.6rem)
    }
}

.Polaris-Frame__Navigation:focus {
    outline: none
}

.Polaris-Frame__Navigation--enter, .Polaris-Frame__Navigation--enterActive_sj3gh, .Polaris-Frame__Navigation--exit, .Polaris-Frame__Navigation--exitActive {
    display: flex
}

.Polaris-Frame__Navigation--enter {
    transform: translateX(-100%)
}

.Polaris-Frame__Navigation--enterActive_sj3gh {
    transform: translateX(0);
    transition: transform .3s cubic-bezier(0,0,.42,1)
}

.Polaris-Frame__Navigation--exit {
    transform: translateX(0)
}

.Polaris-Frame__Navigation--exitActive {
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(0,0,.42,1)
}

.Polaris-Frame__NavigationDismiss {
    position: absolute;
    top: 0;
    left: 100%;
    width: 3.2rem;
    height: 3.2rem;
    margin: 1.6rem;
    padding: 0;
    border: none;
    background: none;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    cursor: pointer;
    transition: opacity .1s cubic-bezier(.64,0,.35,1)
}

@media print {
    .Polaris-Frame__NavigationDismiss {
        display: none !important
    }
}

.Polaris-Frame__NavigationDismiss svg {
    fill: #fff
}

.Polaris-Frame__Navigation--visible .Polaris-Frame__NavigationDismiss {
    pointer-events: all;
    opacity: 1
}

.Polaris-Frame__NavigationDismiss:focus {
    border-radius: 3px;
    background-color: var(--p-override-transparent,hsla(0,0%,100%,.16));
    outline: none
}

@media (min-width:48.0625em) {
    .Polaris-Frame__NavigationDismiss {
        display: none
    }
}

.Polaris-Frame__Navigation--newDesignLanguage .Polaris-Frame__NavigationDismiss {
    border-radius: 50%
}

    .Polaris-Frame__Navigation--newDesignLanguage .Polaris-Frame__NavigationDismiss:hover {
        background-color: var(--p-overlay)
    }

    .Polaris-Frame__Navigation--newDesignLanguage .Polaris-Frame__NavigationDismiss:focus {
        position: relative;
        position: absolute
    }

        .Polaris-Frame__Navigation--newDesignLanguage .Polaris-Frame__NavigationDismiss:focus:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.1rem;
            right: -.1rem;
            bottom: -.1rem;
            left: -.1rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }

    .Polaris-Frame__Navigation--newDesignLanguage .Polaris-Frame__NavigationDismiss:active {
        background-color: var(--p-overlay)
    }

.Polaris-Frame__TopBar {
    position: fixed;
    z-index: 512;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.6rem
}

@media print {
    .Polaris-Frame__TopBar {
        display: none !important
    }
}

@media (min-width:48.0625em) {
    .Polaris-Frame__TopBar {
        left: var(--p-frame-offset);
        width: calc(100% - var(--p-frame-offset))
    }
}

.Polaris-Frame__ContextualSaveBar {
    position: fixed;
    z-index: 513;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width:48.0625em) {
    .Polaris-Frame__ContextualSaveBar {
        left: var(--p-frame-offset);
        width: calc(100% - var(--p-frame-offset))
    }
}

.Polaris-Frame__Main {
    flex: 1 1;
    display: flex;
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
    padding-right: 0;
    padding-right: calc(constant(safe-area-inset-right));
    padding-right: calc(env(safe-area-inset-right));
    padding-left: 0;
    padding-left: calc(constant(safe-area-inset-left));
    padding-left: calc(env(safe-area-inset-left));
    padding-bottom: 0;
    padding-bottom: calc(constant(safe-area-inset-bottom));
    padding-bottom: calc(env(safe-area-inset-bottom))
}

@media (min-width:48.0625em) {
    .Polaris-Frame--hasNav_wlvjn .Polaris-Frame__Main {
        padding-left: 24rem;
        padding-left: calc(24rem + constant(safe-area-inset-left));
        padding-left: calc(24rem + env(safe-area-inset-left))
    }
}

@media print and (min-width:48.0625em) {
    .Polaris-Frame--hasNav_wlvjn .Polaris-Frame__Main {
        padding-left: 0
    }
}

.Polaris-Frame--hasTopBar .Polaris-Frame__Main {
    padding-top: 5.6rem
}

@media print {
    .Polaris-Frame--hasTopBar .Polaris-Frame__Main--newDesignLanguage, .Polaris-Frame--hasTopBar .Polaris-Frame__Main {
        padding-top: 0
    }
}

@media print and (min-width:48.0625em) {
    .Polaris-Frame--hasNav_wlvjn .Polaris-Frame__Main--newDesignLanguage {
        padding-left: 0
    }
}

.Polaris-Frame__Content {
    position: relative;
    padding-bottom: var(--global-ribbon-height,0);
    flex: 1 1;
    min-width: 0;
    max-width: 100%
}

.Polaris-Frame__GlobalRibbonContainer {
    position: fixed;
    z-index: 510;
    bottom: 0;
    width: 100%
}

@media (min-width:48.0625em) {
    .Polaris-Frame__GlobalRibbonContainer {
        left: var(--p-frame-offset)
    }

    .Polaris-Frame--hasNav_wlvjn .Polaris-Frame__GlobalRibbonContainer {
        left: calc(24rem + var(--p-frame-offset));
        left: calc(24rem + var(--p-frame-offset) + constant(safe-area-inset-left));
        left: calc(24rem + var(--p-frame-offset) + env(safe-area-inset-left));
        width: calc(100% - 24rem - var(--p-frame-offset))
    }
}

.Polaris-Frame__LoadingBar {
    position: fixed;
    z-index: 514;
    top: 0;
    right: 0;
    left: 0
}

@media print {
    .Polaris-Frame__LoadingBar {
        display: none !important
    }
}

@media (min-width:48.0625em) {
    .Polaris-Frame--hasNav_wlvjn .Polaris-Frame__LoadingBar {
        left: var(--p-frame-offset)
    }

    .Polaris-Frame--hasTopBar .Polaris-Frame__LoadingBar {
        top: var(--p-override-zero,5.6rem);
        z-index: var(--p-override-loading-z-index,511)
    }
}

.Polaris-Frame__Skip {
    position: fixed;
    z-index: 517;
    top: 1rem;
    left: calc(.8rem + var(--p-frame-offset));
    opacity: 0;
    pointer-events: none
}

    .Polaris-Frame__Skip.Polaris-Frame--focused {
        pointer-events: all;
        opacity: 1
    }

        .Polaris-Frame__Skip.Polaris-Frame--focused > a:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

    .Polaris-Frame__Skip > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 3.6rem;
        min-width: 3.6rem;
        margin: 0;
        padding: .7rem 1.6rem;
        background: linear-gradient(180deg,#fff,#f9fafb);
        border: .1rem solid var(--p-border,#c4cdd5);
        box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
        border-radius: 3px;
        line-height: 1;
        color: #212b36;
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        font-size: 1.5rem;
        font-weight: var(--p-button-font-weight,400);
        line-height: 1.6rem;
        text-transform: none;
        letter-spacing: normal;
        position: relative;
        color: var(--p-text)
    }

        .Polaris-Frame__Skip > a svg {
            fill: #637381
        }

        .Polaris-Frame__Skip > a:hover {
            background: linear-gradient(180deg,#f9fafb,#f4f6f8);
            border-color: #c4cdd5
        }

        .Polaris-Frame__Skip > a:focus {
            border-color: #5c6ac4;
            outline: 0;
            box-shadow: 0 0 0 1px #5c6ac4
        }

@media (-ms-high-contrast:active) {
    .Polaris-Frame__Skip > a:focus {
        outline: 2px dotted
    }
}

.Polaris-Frame__Skip > a:active {
    background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
    border-color: #c4cdd5;
    box-shadow: 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.2)
}

.Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage {
    position: relative;
    background: var(--p-surface);
    box-shadow: var(--p-button-drop-shadow);
    border-radius: var(--p-border-radius-base);
    color: var(--p-text);
    border: 1px solid var(--p-border-neutral-subdued);
    border-top-color: var(--p-border-subdued);
    border-bottom-color: var(--p-border-shadow-subdued)
}

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage svg {
        fill: var(--p-icon)
    }

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:hover {
        background: var(--p-action-secondary-hovered);
        outline: .1rem solid transparent
    }

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:focus {
        box-shadow: var(--p-button-drop-shadow);
        border-color: var(--p-border-neutral-subdued)
    }

        .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:focus:after {
            box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
            outline: .1rem solid transparent
        }

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:active {
        background: var(--p-action-secondary-pressed);
        box-shadow: var(--p-button-drop-shadow)
    }

        .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage:active:after {
            border: none;
            box-shadow: none
        }

    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage.Polaris-Frame--pressed {
        background: var(--p-action-secondary-depressed);
        box-shadow: var(--p-button-pressed-inner-shadow);
        color: var(--p-text-on-primary);
        border-color: var(--p-border-depressed)
    }

        .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage.Polaris-Frame--pressed svg {
            fill: currentColor
        }

@media (-ms-high-contrast:active) {
    .Polaris-Frame__Skip > a.Polaris-Frame--newDesignLanguage {
        border: 1px solid windowText
    }
}

@media (min-width:40em) {
    .Polaris-Frame__Skip > a {
        font-size: 1.4rem
    }
}

.Polaris-Frame__Skip > a:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: -.2rem;
    right: -.2rem;
    bottom: -.2rem;
    left: -.2rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-Frame__Skip > a:focus {
    border-color: none;
    box-shadow: none
}

.Polaris-Frame-CSSAnimation--startFade_1gu4x {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    transition: opacity .3s cubic-bezier(0,0,.42,1);
    pointer-events: none
}

.Polaris-Frame-CSSAnimation--endFade_1qzoi {
    opacity: 1;
    pointer-events: auto
}

.Polaris-Frame-ContextualSaveBar {
    display: flex;
    height: 5.6rem;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

    .Polaris-Frame-ContextualSaveBar:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        border-bottom: 1px solid transparent
    }

.Polaris-Frame-ContextualSaveBar__LogoContainer {
    display: none
}

@media (min-width:48.0625em) {
    .Polaris-Frame-ContextualSaveBar__LogoContainer {
        display: flex;
        flex: 0 0 24rem;
        align-items: center;
        height: 100%;
        padding: 0 1.6rem;
        border-right: var(--p-override-none,1px solid #ebeef0);
        background-color: var(--p-override-transparent,#fafbfc)
    }
}

.Polaris-Frame-ContextualSaveBar__Contents {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    min-width: 1px;
    max-width: 99.8rem;
    height: 100%;
    margin: 0 auto;
    padding: 0 1.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Frame-ContextualSaveBar__Contents {
        padding: 0 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Frame-ContextualSaveBar__Contents {
        padding: 0 2rem
    }
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-Frame-ContextualSaveBar__Contents {
        padding: 0 3.2rem
    }
}

@media (min-width:46.5em) {
    .Polaris-Frame-ContextualSaveBar__Contents {
        padding: 0 3.2rem
    }
}

.Polaris-Frame-ContextualSaveBar--fullWidth {
    max-width: none;
    padding: 0 1.6rem
}

.Polaris-Frame-ContextualSaveBar__Message {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    color: var(--p-text-subdued,#637381)
}

@media (min-width:40em) {
    .Polaris-Frame-ContextualSaveBar__Message {
        font-size: 1.6rem
    }
}

.Polaris-Frame-ContextualSaveBar__ActionContainer {
    flex-shrink: 0
}

.Polaris-Frame-ContextualSaveBar__Action {
    margin-left: .8rem
}

.Polaris-Frame-ContextualSaveBar__ContextControl {
    display: none
}

@media (min-width:48.0625em) {
    .Polaris-Frame-ContextualSaveBar__ContextControl {
        display: block;
        width: 24rem
    }
}

.Polaris-Frame-ContextualSaveBar--newDesignLanguage {
    background: var(--p-surface)
}

    .Polaris-Frame-ContextualSaveBar--newDesignLanguage:after {
        border-bottom: none
    }

@media (-ms-high-contrast:active) {
    .Polaris-Frame-ContextualSaveBar--newDesignLanguage {
        border: 1px solid windowText
    }
}

.Polaris-Frame-ContextualSaveBar--newDesignLanguage .Polaris-Frame-ContextualSaveBar__LogoContainer {
    border-right: none
}

.Polaris-Frame-ContextualSaveBar--newDesignLanguage .Polaris-Frame-ContextualSaveBar__ContextControl {
    opacity: .3;
    pointer-events: none
}

.Polaris-Frame-ContextualSaveBar--newDesignLanguage .Polaris-Frame-ContextualSaveBar__Message {
    color: var(--p-text)
}

.Polaris-Frame-Toast {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: inline-flex;
    max-width: 50rem;
    padding: .8rem 1.6rem;
    border-radius: var(--p-border-radius-wide,3px);
    background: var(--p-surface,rgba(0,0,0,.88));
    box-shadow: var(--p-override-none,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
    color: var(--p-text,#fff);
    margin-bottom: 2rem
}

@media (min-width:40em) {
    .Polaris-Frame-Toast {
        font-size: 2rem;
        line-height: 2.8rem;
        padding: 1.6rem
    }
}

@media (-ms-high-contrast:active) {
    .Polaris-Frame-Toast {
        border: .2rem solid windowText
    }
}

.Polaris-Frame-Toast__Action {
    margin-left: 3.2rem;
    margin-right: 1.6rem
}

.Polaris-Frame-Toast--error {
    background: var(--p-action-critical,rgba(191,7,17,.88));
    color: var(--p-text-on-critical,#fff)
}

    .Polaris-Frame-Toast--error .Polaris-Frame-Toast__CloseButton {
        fill: var(--p-icon-on-critical,var(--p-text-on-critical,#fff))
    }

.Polaris-Frame-Toast__CloseButton {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin: -.8rem -1.6rem -.8rem 0;
    padding: 1.2rem 1.6rem .8rem;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    color: currentColor;
    cursor: pointer
}

    .Polaris-Frame-Toast__CloseButton svg {
        fill: currentColor
    }

    .Polaris-Frame-Toast__CloseButton:focus {
        outline: none
    }

:root {
    --toast-translate-y-out: 15rem;
    --toast-translate-y-in: 0
}

.Polaris-Frame-ToastManager {
    position: fixed;
    z-index: 520;
    right: 0;
    left: 0;
    text-align: center;
    bottom: var(--global-ribbon-height,0);
    display: flex;
    flex-direction: column;
    align-items: center
}

.Polaris-Frame-ToastManager__ToastWrapper {
    position: absolute;
    display: inline-flex;
    transition: transform .4s ease,opacity .4s ease
}

.Polaris-Frame-ToastManager__ToastWrapper--enter, .Polaris-Frame-ToastManager__ToastWrapper--exit, .Polaris-Frame-ToastManager__ToastWrapper {
    opacity: 0;
    transform: translateY(var(--toast-translate-y-out))
}

.Polaris-Frame-ToastManager--toastWrapperEnterDone {
    transform: translateY(var(--toast-translate-y-in));
    opacity: 1
}

.Polaris-Layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: -2rem;
    margin-left: -2rem
}

    .Polaris-Layout.Polaris-Layout--newDesignLanguage {
        margin-top: -1.6rem
    }

.Polaris-Layout__Section {
    flex: 2 2 48rem;
    min-width: 51%
}

.Polaris-Layout__Section--secondary_1sx8i {
    flex: 1 1 24rem;
    min-width: 0
}

.Polaris-Layout__Section--fullWidth {
    flex: 1 1 100%
}

.Polaris-Layout__Section--oneHalf {
    flex: 1 1 45rem;
    min-width: 0
}

.Polaris-Layout__Section--oneThird {
    flex: 1 1 24rem;
    min-width: 0
}

.Polaris-Layout__AnnotatedSection {
    min-width: 0;
    flex: 1 1 100%
}

.Polaris-Layout__AnnotatedSection, .Polaris-Layout__Section {
    max-width: calc(100% - 2rem);
    margin-top: 2rem;
    margin-left: 2rem
}

.Polaris-Layout--newDesignLanguage .Polaris-Layout__AnnotatedSection, .Polaris-Layout--newDesignLanguage .Polaris-Layout__Section {
    margin-top: 1.6rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection, [data-has-navigation] .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection {
        padding-top: 2rem;
        border-top: .1rem solid var(--p-divider,#dfe3e8)
    }

    .Polaris-Layout--newDesignLanguage [data-has-navigation] .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection, .Polaris-Layout--newDesignLanguage [data-has-navigation] .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection {
        padding-top: 1.6rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection, .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection {
        padding-top: 2rem;
        border-top: .1rem solid var(--p-divider,#dfe3e8)
    }

    .Polaris-Layout--newDesignLanguage .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection, .Polaris-Layout--newDesignLanguage .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection {
        padding-top: 1.6rem
    }
}

.Polaris-Layout__AnnotationWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -2rem;
    margin-left: -2rem
}

.Polaris-Layout--newDesignLanguage .Polaris-Layout__AnnotationWrapper {
    margin-top: -1.6rem
}

.Polaris-Layout__AnnotationContent {
    flex: 2 2 48rem
}

.Polaris-Layout__Annotation {
    flex: 1 1 24rem;
    padding: 1.6rem 2rem 0
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Layout__Annotation {
        padding: 1.6rem 0 0
    }
}

@media (min-width:30.625em) {
    .Polaris-Layout__Annotation {
        padding: 1.6rem 0 0
    }
}

@media (max-width:48.0625em) and (min-width:50em),(min-width:65em) {
    [data-has-navigation] .Polaris-Layout__Annotation {
        padding: 2rem 2rem 2rem 0
    }
}

@media (min-width:50em) {
    .Polaris-Layout__Annotation {
        padding: 2rem 2rem 2rem 0
    }
}

.Polaris-Layout__Annotation, .Polaris-Layout__AnnotationContent {
    min-width: 0;
    max-width: calc(100% - 2rem);
    margin-top: 2rem;
    margin-left: 2rem
}

.Polaris-Layout--newDesignLanguage .Polaris-Layout__Annotation, .Polaris-Layout--newDesignLanguage .Polaris-Layout__AnnotationContent {
    margin-top: 1.6rem
}

.Polaris-Layout__AnnotationDescription {
    color: var(--p-text-subdued,#637381)
}

.Polaris-FooterHelp {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
    width: 100%
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-FooterHelp {
        margin: 2rem;
        width: auto
    }
}

@media (min-width:30.625em) {
    .Polaris-FooterHelp {
        margin: 2rem;
        width: auto
    }
}

.Polaris-FooterHelp__Content {
    display: inline-flex;
    align-items: center;
    padding: 1.6rem 2rem 1.6rem 1.6rem;
    border-top: var(--p-override-none,.1rem solid var(--p-border-subdued,#dfe3e8));
    border-bottom: var(--p-override-none,.1rem solid var(--p-border-subdued,#dfe3e8));
    width: 100%;
    justify-content: center
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-FooterHelp__Content {
        width: auto;
        border: var(--p-override-none,.1rem solid var(--p-border-subdued,#dfe3e8));
        border-radius: var(--p-override-none,999px)
    }
}

@media (min-width:30.625em) {
    .Polaris-FooterHelp__Content {
        width: auto;
        border: var(--p-override-none,.1rem solid var(--p-border-subdued,#dfe3e8));
        border-radius: var(--p-override-none,999px)
    }
}

.Polaris-FooterHelp--newDesignLanguage .Polaris-FooterHelp__Content {
    padding: 2rem 2rem 2rem 1.6rem
}

.Polaris-FooterHelp__Icon {
    margin-right: .8rem
}

.Polaris-FooterHelp__Text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal
}

@media (min-width:40em) {
    .Polaris-FooterHelp__Text {
        font-size: 1.4rem
    }
}


.Polaris-Page {
    margin: 0 auto;
    padding: 0;
    max-width: 99.8rem
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Page {
        padding: 0 2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Page {
        padding: 0 2rem
    }
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-Page {
        padding: 0 3.2rem
    }
}

@media (min-width:46.5em) {
    .Polaris-Page {
        padding: 0 3.2rem
    }
}

.Polaris-Page:after {
    content: "";
    display: table
}

.Polaris-Page--fullWidth {
    max-width: none
}

.Polaris-Page--narrowWidth {
    max-width: 66.2rem
}

.Polaris-Page__Content {
    margin: 2rem 0
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-Page__Content {
        margin-top: 2rem
    }
}

@media (min-width:46.5em) {
    .Polaris-Page__Content {
        margin-top: 2rem
    }
}

.Polaris-Page--newDesignLanguage .Polaris-Page__Content {
    margin: 1.6rem 0
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-Page--newDesignLanguage .Polaris-Page__Content {
        margin-top: 1.6rem
    }
}

@media (min-width:46.5em) {
    .Polaris-Page--newDesignLanguage .Polaris-Page__Content {
        margin-top: 1.6rem
    }
}

.Polaris-Page-Header {
    padding: 2rem 2rem 0;
    position: relative
}

    .Polaris-Page-Header.Polaris-Page-Header--newDesignLanguage {
        padding: 1.6rem 1.6rem 0
    }

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Page-Header {
        padding-left: 0;
        padding-right: 0
    }

        [data-has-navigation] .Polaris-Page-Header.Polaris-Page-Header--newDesignLanguage {
            padding-left: 0;
            padding-right: 0
        }
}

@media (min-width:30.625em) {
    .Polaris-Page-Header, .Polaris-Page-Header.Polaris-Page-Header--newDesignLanguage {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:48.0625em) and (min-width:46.5em),(min-width:61.5em) {
    [data-has-navigation] .Polaris-Page-Header {
        padding-top: 3.2rem
    }

        .Polaris-Page-Header--newDesignLanguage [data-has-navigation] .Polaris-Page-Header, [data-has-navigation] .Polaris-Page-Header.Polaris-Page-Header--newDesignLanguage {
            padding-top: 1.6rem
        }
}

@media (min-width:46.5em) {
    .Polaris-Page-Header {
        padding-top: 3.2rem
    }

        .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header, .Polaris-Page-Header.Polaris-Page-Header--newDesignLanguage {
            padding-top: 1.6rem
        }
}

.Polaris-Page-Header--separator {
    padding-bottom: 1.6rem;
    border-bottom: var(--p-override-none,.1rem solid var(--p-border-subdued,#dfe3e8))
}

.Polaris-Page-Header--titleHidden {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__TitleWrapper {
    grid-area: title;
    margin-top: .4rem;
    align-self: center;
    flex: 1 1 auto
}

@media (min-width:29.25em) {
    .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__TitleWrapper {
        margin-top: 0
    }
}

.Polaris-Page-Header__Navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .4rem
}

.Polaris-Page-Header--hasActionMenu_1wx04.Polaris-Page-Header--mobileView .Polaris-Page-Header__Navigation {
    padding-right: 4rem
}

@media print {
    .Polaris-Page-Header__Navigation {
        display: none !important
    }
}

.Polaris-Page-Header__BreadcrumbWrapper {
    flex: 0 1 auto;
    max-width: 100%
}

    .Polaris-Page-Header__BreadcrumbWrapper.Polaris-Page-Header--newDesignLanguage {
        grid-area: breadcrumbs;
        flex: 0 0 auto;
        margin-right: 1.6rem
    }

@media print {
    .Polaris-Page-Header__BreadcrumbWrapper {
        display: none !important
    }
}

.Polaris-Page-Header__PaginationWrapper {
    flex: 0 0 auto;
    margin-left: auto;
    line-height: 1
}

.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PaginationWrapper {
    display: flex;
    justify-content: flex-end;
    margin-left: .4rem
}

    .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PaginationWrapper button {
        border: 1px solid var(--p-border-neutral-subdued);
        box-shadow: none
    }

        .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PaginationWrapper button:active, .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PaginationWrapper button:focus, .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PaginationWrapper button:hover {
            border: 1px solid var(--p-border-neutral-subdued)
        }

@media print {
    .Polaris-Page-Header__PaginationWrapper {
        display: none !important
    }
}

.Polaris-Page-Header__AdditionalNavigationWrapper {
    flex: 1 0 auto;
    margin: 0 .8rem;
    display: flex;
    justify-content: flex-end
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Page-Header__AdditionalNavigationWrapper {
        margin: 0 3.2rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Page-Header__AdditionalNavigationWrapper {
        margin: 0 3.2rem
    }
}

.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__AdditionalNavigationWrapper {
    margin-right: 0
}

@media print {
    .Polaris-Page-Header__AdditionalNavigationWrapper {
        display: none !important
    }
}

.Polaris-Page-Header:not(.Polaris-Page-Header--mobileView) .Polaris-Page-Header__MainContent {
    display: flex;
    align-items: center
}

.Polaris-Page-Header__TitleActionMenuWrapper {
    flex: 1 1 auto
}

.Polaris-Page-Header:not(.Polaris-Page-Header--mobileView) .Polaris-Page-Header__TitleActionMenuWrapper {
    padding-right: 2rem
}

.Polaris-Page-Header--hasActionMenu_1wx04.Polaris-Page-Header--mobileView:not(.Polaris-Page-Header--hasNavigation) .Polaris-Page-Header__TitleActionMenuWrapper {
    padding-right: 4rem
}

.Polaris-Page-Header__PrimaryActionWrapper {
    flex: 0 0 auto
}

.Polaris-Page-Header--mobileView .Polaris-Page-Header__PrimaryActionWrapper {
    margin-top: 1.6rem
}

.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PrimaryActionWrapper {
    margin-top: 0;
    margin-left: .4rem
}

@media (min-width:48em) {
    .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__PrimaryActionWrapper {
        margin-left: 1.6rem
    }
}

@media print {
    .Polaris-Page-Header__PrimaryActionWrapper {
        display: none !important
    }
}

.Polaris-Page-Header__ActionMenuWrapper {
    margin-top: .8rem
}

.Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper {
    position: absolute;
    top: 2.9rem;
    right: 2rem;
    margin-top: 0
}

@media (max-width:48.0625em) and (min-width:30.625em),(min-width:45.625em) {
    [data-has-navigation] .Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper {
        right: -.8rem
    }
}

@media (min-width:30.625em) {
    .Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper {
        right: -.8rem
    }
}

.Polaris-Page-Header--mobileView.Polaris-Page-Header--hasNavigation .Polaris-Page-Header__ActionMenuWrapper {
    top: 1.8rem
}

@media print {
    .Polaris-Page-Header__ActionMenuWrapper {
        display: none !important
    }
}

.Polaris-Page-Header__ActionMenuWrapper.Polaris-Page-Header--newDesignLanguage {
    margin-top: 0
}

.Polaris-Page-Header__Row {
    display: flex;
    justify-content: space-between
}

    .Polaris-Page-Header__Row + .Polaris-Page-Header__Row {
        margin-top: 1.6rem
    }

.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__Row + .Polaris-Page-Header__Row {
    margin-top: .4rem
}

.Polaris-Page-Header--mobileView .Polaris-Page-Header__Row + .Polaris-Page-Header__Row {
    margin-top: .8rem
}

.Polaris-Page-Header__LeftAlign {
    display: flex;
    align-content: flex-start;
    align-items: center
}

.Polaris-Page-Header__RightAlign {
    display: flex;
    align-content: flex-end;
    align-items: center;
    margin-left: .8rem
}

.Polaris-Page-Header__RowCondensed .Polaris-Page-Header__RightAlign {
    grid-area: actions;
    flex: 1 1 auto;
    align-items: flex-start;
    justify-content: flex-end;
    margin-left: 1.6rem;
    white-space: nowrap
}

@media (max-width:29.25em) {
    .Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RowCondensed .Polaris-Page-Header__RightAlign {
        margin-left: 0
    }
}

@media (min-width:29.25em) {
    .Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__AdditionalMetaData {
        margin-left: 5.2rem
    }
}

.Polaris-Page-Header--noBreadcrumbs.Polaris-Page-Header--newDesignLanguage .Polaris-Page-Header__AdditionalMetaData {
    margin-left: 0
}

@media print {
    .Polaris-Page-Header__AdditionalMetaData {
        margin-left: 0 !important
    }
}

.Polaris-Page-Header__Actions {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    text-align: right
}

@media (max-width:67.5em) {
    .Polaris-Page-Header--longTitle .Polaris-Page-Header__AdditionalMetaData {
        margin-left: 0
    }

    .Polaris-Page-Header--longTitle .Polaris-Page-Header__RowCondensed {
        display: grid;
        gap: .8rem 1.6rem;
        grid-template-columns: auto 1fr;
        grid-template-areas: "breadcrumbs actions" "title title"
    }
}

@media (max-width:53.75em) {
    .Polaris-Page-Header--mediumTitle_bfol6:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__AdditionalMetaData {
        margin-left: 0
    }

    .Polaris-Page-Header--mediumTitle_bfol6:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__RowCondensed {
        display: grid;
        gap: .8rem 1.6rem;
        grid-template-columns: auto 1fr;
        grid-template-areas: "breadcrumbs actions" "title title"
    }
}

.Polaris-Page-Header--mediumTitle_bfol6.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__TitleWrapper {
    margin-top: 0
}

.Polaris-Page-Header--mediumTitle_bfol6.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign {
    margin-bottom: .4rem
}

.Polaris-Page-Header--mediumTitle_bfol6.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RowCondensed {
    flex-wrap: wrap-reverse
}

@media (min-width:48.0625em) {
    .Polaris-Page-Header--mediumTitle_bfol6.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RowCondensed {
        flex-wrap: nowrap
    }
}

.Polaris-Page-Header--isSingleRow .Polaris-Page-Header__RowCondensed {
    gap: 0
}

.Polaris-Breadcrumbs__Breadcrumb {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.6rem;
    margin: -.4rem -.8rem -.4rem -.4rem;
    color: var(--p-text-subdued,#637381);
    text-decoration: none
}

@media (min-width:40em) {
    .Polaris-Breadcrumbs__Breadcrumb {
        font-size: 1.4rem
    }
}

.Polaris-Breadcrumbs__Breadcrumb.Polaris-Breadcrumbs--newDesignLanguage {
    position: relative;
    margin: 0;
    padding: .2rem;
    border-radius: var(--p-border-radius-base);
    border: 1px solid var(--p-border-neutral-subdued)
}

    .Polaris-Breadcrumbs__Breadcrumb.Polaris-Breadcrumbs--newDesignLanguage:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-Breadcrumbs__Breadcrumb.Polaris-Breadcrumbs--newDesignLanguage:hover {
        background-color: var(--p-surface-hovered)
    }

    .Polaris-Breadcrumbs__Breadcrumb.Polaris-Breadcrumbs--newDesignLanguage:active {
        background-color: var(--p-surface-pressed)
    }

.Polaris-Breadcrumbs__Breadcrumb:active, .Polaris-Breadcrumbs__Breadcrumb:hover {
    color: var(--p-text,#212b36);
    text-decoration: none
}

    .Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__Icon svg, .Polaris-Breadcrumbs__Breadcrumb:hover .Polaris-Breadcrumbs__Icon svg {
        fill: var(--p-icon-pressed,#212b36)
    }

.Polaris-Breadcrumbs__Breadcrumb:focus {
    outline: none
}

    .Polaris-Breadcrumbs__Breadcrumb:focus .Polaris-Breadcrumbs__ContentWrapper {
        background: var(--p-override-transparent,rgba(33,43,54,.1))
    }

.Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__ContentWrapper {
    background: var(--p-override-transparent,rgba(33,43,54,.1))
}

.Polaris-Breadcrumbs__Breadcrumb:focus:not(:active):after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-Breadcrumbs__ContentWrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding: .8rem .8rem;
    background: transparent;
    height: 2.8rem;
    border-radius: var(--p-border-radius-wide,3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: background;
    transition: background .2s cubic-bezier(.64,0,.35,1)
}

.Polaris-Breadcrumbs--newDesignLanguage .Polaris-Breadcrumbs__ContentWrapper {
    width: 2.8rem;
    justify-content: center;
    margin-left: 0;
    padding: 0
}

.Polaris-Breadcrumbs__Content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.Polaris-Breadcrumbs__Icon {
    width: 2rem;
    height: 2rem;
    margin: -1rem 0 -1rem -.8rem;
    margin: 0 0 0 -.8rem
}

    .Polaris-Breadcrumbs__Icon svg {
        fill: var(--p-icon,#637381)
    }

.Polaris-Breadcrumbs--newDesignLanguage .Polaris-Breadcrumbs__Icon {
    margin: 0
}

.Polaris-Pagination {
    display: inline-flex
}

@media (max-width:30.625em),(min-width:48.0625em) and (max-width:47.125em) {
    [data-has-navigation] .Polaris-Pagination:not(.Polaris-Pagination--plain) {
        display: flex;
        width: 100%
    }

        [data-has-navigation] .Polaris-Pagination:not(.Polaris-Pagination--plain) .Polaris-Pagination__Button {
            flex: 1 0 auto
        }

        [data-has-navigation] .Polaris-Pagination:not(.Polaris-Pagination--plain) span {
            flex: 1 0 auto
        }

            [data-has-navigation] .Polaris-Pagination:not(.Polaris-Pagination--plain) span .Polaris-Pagination__Button {
                width: 100%
            }
}

@media (max-width:30.625em) {
    .Polaris-Pagination:not(.Polaris-Pagination--plain) {
        display: flex;
        width: 100%
    }

        .Polaris-Pagination:not(.Polaris-Pagination--plain) .Polaris-Pagination__Button {
            flex: 1 0 auto
        }

        .Polaris-Pagination:not(.Polaris-Pagination--plain) span {
            flex: 1 0 auto
        }

            .Polaris-Pagination:not(.Polaris-Pagination--plain) span .Polaris-Pagination__Button {
                width: 100%
            }
}

.Polaris-Pagination--plain .Polaris-Pagination__Button {
    position: relative;
    margin-top: -.4rem;
    margin-bottom: -.4rem;
    padding-top: .8rem;
    padding-bottom: .8rem;
    background: transparent;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none
}

    .Polaris-Pagination--plain .Polaris-Pagination__Button:active, .Polaris-Pagination--plain .Polaris-Pagination__Button:hover {
        background: transparent;
        border: none;
        box-shadow: none
    }

        .Polaris-Pagination--plain .Polaris-Pagination__Button:active svg, .Polaris-Pagination--plain .Polaris-Pagination__Button:hover svg {
            fill: #212b36
        }

    .Polaris-Pagination--plain .Polaris-Pagination__Button:focus {
        border: none;
        box-shadow: none
    }

        .Polaris-Pagination--plain .Polaris-Pagination__Button:focus:after:not(.Polaris-Pagination--newDesignLanguage) {
            background: rgba(33,43,54,.1)
        }

    .Polaris-Pagination--plain .Polaris-Pagination__Button:disabled {
        background: transparent;
        border: none;
        box-shadow: none
    }

        .Polaris-Pagination--plain .Polaris-Pagination__Button:disabled svg {
            fill: #c4cdd5
        }

    .Polaris-Pagination--plain .Polaris-Pagination__Button:after:not(.Polaris-Pagination--newDesignLanguage) {
        content: "";
        position: absolute;
        top: .4rem;
        right: 0;
        left: 0;
        display: block;
        height: 2.8rem;
        border-radius: 3px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: background;
        transition-property: background;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.64,0,.35,1)
    }

.Polaris-Pagination--plain .Polaris-Pagination__PreviousButton {
    margin-left: -.8rem
}

.Polaris-Pagination--plain .Polaris-Pagination__NextButton {
    margin-right: -.8rem;
    margin-left: .2rem
}

.Polaris-Pagination__Button {
    position: relative;
    z-index: 10;
    display: inline-block;
    min-width: 3.6rem;
    margin: 0;
    padding: .7rem .8rem;
    background: var(--p-action-secondary,linear-gradient(180deg,#fff,#f9fafb));
    border: .1rem solid var(--p-border,#c4cdd5);
    border-radius: 3px;
    line-height: 1;
    color: var(--p-text,#212b36);
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    transition-property: color,background,border,box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.64,0,.35,1)
}

    .Polaris-Pagination__Button svg {
        fill: var(--p-icon,#637381)
    }

    .Polaris-Pagination__Button:hover {
        background: linear-gradient(180deg,#f9fafb,#f4f6f8);
        border-color: #c4cdd5
    }

    .Polaris-Pagination__Button:focus {
        z-index: 20;
        border-color: #5c6ac4;
        outline: 0;
        box-shadow: 0 0 0 1px #5c6ac4
    }

    .Polaris-Pagination__Button:active {
        background: linear-gradient(180deg,#f4f6f8,#f4f6f8);
        border-color: #c4cdd5;
        box-shadow: 0 0 0 0 transparent,inset 0 1px 1px 0 rgba(99,115,129,.1),inset 0 1px 4px 0 rgba(99,115,129,.2)
    }

    .Polaris-Pagination__Button:disabled {
        background: #f4f6f8;
        color: #919eab;
        cursor: default;
        box-shadow: none
    }

        .Polaris-Pagination__Button:disabled svg {
            fill: #919eab
        }

.Polaris-Pagination__PreviousButton {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.Polaris-Pagination__NextButton {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.Polaris-Pagination__Label {
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.Polaris-Tooltip {
    margin: .4rem 1.6rem 1.6rem;
    opacity: 1;
    box-shadow: var(--p-popover-shadow,0 0 0 1px rgba(6,44,82,.1),0 2px 16px rgba(33,43,54,.08));
    border-radius: var(--p-border-radius-base,3px);
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity,left,top;
    transition: opacity .2s cubic-bezier(.36,0,1,1) .1s
}

@media screen and (-ms-high-contrast:active) {
    .Polaris-Tooltip {
        border: .2rem solid windowText
    }
}

.Polaris-Tooltip--measuring {
    opacity: 0
}

.Polaris-Tooltip--positionedAbove {
    margin: 1.6rem 1.6rem .4rem
}

.Polaris-Tooltip--light .Polaris-Tooltip__Wrapper {
    background: var(--p-surface,#fff);
    color: var(--p-text,#212b36)
}

.Polaris-Tooltip__Wrapper {
    position: relative;
    display: flex;
    background-color: var(--p-surface,#212b36);
    border-radius: var(--p-border-radius-base,3px);
    color: var(--p-text,#fff)
}

.Polaris-Tooltip__Content {
    position: relative;
    border-radius: 3px;
    max-width: 20rem
}

.Polaris-Tooltip__Label {
    padding: .4rem .8rem;
    word-break: break-word
}

.Polaris-Header-Title {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

.Polaris-Header-Title--newDesignLanguageTitle {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media (min-width:40em) {
    .Polaris-Header-Title--newDesignLanguageTitle {
        font-size: 2rem
    }
}

.Polaris-Header-Title__SubTitle {
    margin-top: .8rem;
    color: var(--p-text-subdued,inherit)
}

.Polaris-Header-Title--hasThumbnail {
    display: grid;
    grid-gap: 1.6rem;
    grid-template-columns: auto 1fr
}

    .Polaris-Header-Title--hasThumbnail .Polaris-Header-Title__TitleAndSubtitleWrapper {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title {
    display: inline;
    margin-right: .8rem
}

    .Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title > * {
        display: inline
    }

.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title__TitleMetadata {
    margin-top: .8rem;
    display: inline-block
}

.Polaris-Header-Title--newDesignLanguage.Polaris-Header-Title__TitleWithMetadataWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .Polaris-Header-Title--newDesignLanguage.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title__TitleMetadata {
        margin-top: 0;
        vertical-align: bottom
    }

.Polaris-ActionMenu {
    width: 100%
}

@media print {
    .Polaris-ActionMenu {
        display: none !important
    }
}

.Polaris-ActionMenu:not(.Polaris-ActionMenu--rollup) {
    margin-left: var(--p-override-zero,-1.2rem)
}

.Polaris-ActionMenu--newDesignLanguage {
    display: flex;
    justify-content: flex-end
}

.Polaris-ActionMenu-RollupActions__RollupActivator button[type=button] {
    margin: 0
}

.Polaris-ActionMenu-RollupActions--newDesignLanguage {
    text-align: right
}

    .Polaris-ActionMenu-RollupActions--newDesignLanguage button[type=button] {
        border: 1px solid var(--p-border-neutral-subdued)
    }

        .Polaris-ActionMenu-RollupActions--newDesignLanguage button[type=button]:active, .Polaris-ActionMenu-RollupActions--newDesignLanguage button[type=button]:focus, .Polaris-ActionMenu-RollupActions--newDesignLanguage button[type=button]:hover {
            border: 1px solid var(--p-border-neutral-subdued)
        }

.Polaris-ActionMenu-Actions__ActionsLayout {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .Polaris-ActionMenu-Actions__ActionsLayout > * {
        flex: 0 0 auto
    }

    .Polaris-ActionMenu-Actions__ActionsLayout.Polaris-ActionMenu-Actions--newDesignLanguage {
        justify-content: flex-end;
        flex: 1 1 auto
    }

.Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button {
    position: relative;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: var(--p-border-radius-base) !important;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

    .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a:after, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.2rem var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

    .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a:hover, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button:hover {
        background: var(--p-background-hovered) !important
    }

    .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a:active, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button:active {
        background: var(--p-background-pressed) !important
    }

@media (min-width:48em) {
    .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button {
        border: none !important;
        position: relative
    }

        .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage a:after, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--newDesignLanguage button:after {
            content: var(--p-non-null-content,none);
            position: absolute;
            z-index: 1;
            top: -.1rem;
            right: -.1rem;
            bottom: -.1rem;
            left: -.1rem;
            display: block;
            pointer-events: none;
            box-shadow: 0 0 0 -.1rem var(--p-focused,#5c6ac4);
            transition: box-shadow .1s var(--p-ease);
            border-radius: calc(var(--p-border-radius-base) + .1rem)
        }
}

.Polaris-ActionMenu-MenuAction {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 1.2rem;
    min-height: 3.6rem;
    text-decoration: none;
    color: var(--p-text,#454f5b)
}

    .Polaris-ActionMenu-MenuAction:focus {
        outline: none
    }

@media (min-width:40em) {
    .Polaris-ActionMenu-MenuAction {
        font-size: 1.4rem
    }
}

.Polaris-ActionMenu-MenuAction:active, .Polaris-ActionMenu-MenuAction:hover {
    color: #212b36
}

    .Polaris-ActionMenu-MenuAction:active .Polaris-ActionMenu-MenuAction__IconWrapper svg, .Polaris-ActionMenu-MenuAction:hover .Polaris-ActionMenu-MenuAction__IconWrapper svg {
        fill: #212b36;
        color: #fff
    }

    .Polaris-ActionMenu-MenuAction:active:after, .Polaris-ActionMenu-MenuAction:focus:after {
        background: rgba(33,43,54,.1)
    }

.Polaris-ActionMenu-MenuAction:after {
    content: "";
    position: absolute;
    top: .4rem;
    right: .4rem;
    left: .4rem;
    display: block;
    height: 2.8rem;
    border-radius: 3px;
    background: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: background;
    transition-property: background;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.64,0,.35,1)
}

.Polaris-ActionMenu-MenuAction.Polaris-ActionMenu-MenuAction--disabled {
    color: #919eab;
    cursor: default;
    pointer-events: none
}

    .Polaris-ActionMenu-MenuAction.Polaris-ActionMenu-MenuAction--disabled .Polaris-ActionMenu-MenuAction__IconWrapper svg {
        fill: #919eab
    }

.Polaris-ActionMenu-MenuAction__ContentWrapper {
    display: flex;
    align-items: center
}

.Polaris-ActionMenu-MenuAction__IconWrapper {
    display: inline-block
}

    .Polaris-ActionMenu-MenuAction__IconWrapper svg {
        fill: var(--p-icon,#637381);
        color: var(--p-override-transparent,#fff)
    }

    .Polaris-ActionMenu-MenuAction__IconWrapper:first-child {
        margin-right: .4rem
    }

    .Polaris-ActionMenu-MenuAction__IconWrapper:last-child {
        margin-left: .4rem;
        margin-right: -3px
    }

    .Polaris-ActionMenu-MenuAction__IconWrapper.Polaris-ActionMenu-MenuAction--disabled svg {
        fill: var(--p-icon-disabled,#919eab)
    }

.Polaris-ActionMenu-MenuGroup__Details {
    margin-top: -1.6rem;
    padding: 1.6rem
}

.Polaris-Choice_j5gzq {
    display: inline-flex;
    justify-content: flex-start;
    padding: .4rem 0;
    cursor: pointer
}

.Polaris-Choice--labelHidden {
    padding: 0
}

    .Polaris-Choice--labelHidden > .Polaris-Choice__Label {
        position: absolute !important;
        top: 0;
        clip: rect(1px,1px,1px,1px) !important;
        overflow: hidden !important;
        height: 1px !important;
        width: 1px !important;
        padding: 0 !important;
        border: 0 !important
    }

    .Polaris-Choice--labelHidden .Polaris-Choice__Control {
        margin-top: 0;
        margin-right: 0
    }

.Polaris-Choice--disabled {
    cursor: default
}

    .Polaris-Choice--disabled > .Polaris-Choice__Label {
        color: #919eab
    }

        .Polaris-Choice--disabled > .Polaris-Choice__Label:hover {
            cursor: default
        }

@media (-ms-high-contrast:active) {
    .Polaris-Choice--disabled > .Polaris-Choice__Label {
        color: grayText
    }
}

.Polaris-Choice__Control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    width: var(--p-choice-size,1.6rem);
    height: var(--p-choice-size,1.6rem);
    margin-top: var(--p-override-none,.2rem);
    margin-right: .8rem
}

    .Polaris-Choice__Control > * {
        width: 100%
    }

.Polaris-Choice__Label {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:40em) {
    .Polaris-Choice__Label {
        font-size: 1.4rem
    }
}

.Polaris-Choice__Label:hover {
    cursor: pointer
}

.Polaris-Choice__Descriptions {
    padding-left: calc(.8rem + var(--p-choice-size, 1.6rem))
}

.Polaris-Choice__HelpText {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: normal;
    color: var(--p-text-subdued,#637381);
    margin-bottom: .4rem
}

@media (min-width:40em) {
    .Polaris-Choice__HelpText {
        font-size: 1.4rem
    }
}

.Polaris-RadioButton_bsatr {
    position: relative;
    margin: var(--p-choice-margin,0)
}

.Polaris-RadioButton__Input {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop {
    background: #5c6ac4
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:checked ~ .Polaris-RadioButton__Icon {
    transform: translate(-50%,-50%) scale(1)
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop {
    background: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4,0 0 0 0 transparent;
    border-color: transparent
}

    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop:after, .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop:after {
        background: #fff
    }

@media (-ms-high-contrast:active) {
    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop:after, .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop:after {
        border: 1px dashed buttonText
    }
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop {
    background: #dfe3e8;
    box-shadow: none
}

    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop:after {
        background: #f9fafb
    }

@media (-ms-high-contrast:active) {
    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop {
        color: grayText
    }
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Input:disabled ~ .Polaris-RadioButton__Icon {
    background-color: #c4cdd5
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Backdrop {
    background-color: #c4cdd5;
    border: .1rem solid transparent;
    box-shadow: 0 0 0 1px transparent,0 1px 0 0 rgba(22,29,37,.05);
    border-radius: 3px;
    transition-property: box-shadow,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.64,0,.35,1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}

    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Backdrop:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: linear-gradient(180deg,#fff,#f9fafb);
        border-radius: 2px
    }

@media (-ms-high-contrast:active) {
    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Backdrop {
        background: transparent;
        border: 2px solid buttonText;
        transition: none;
        color: rgba(223,227,232,.3)
    }

        .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Backdrop:after {
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            background: none;
            border-radius: 4px
        }
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Backdrop:after {
    border-radius: 50%
}

.Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    transform-origin: 50% 50%;
    height: 50%;
    width: 50%;
    background: var(--p-icon-on-interactive,#5c6ac4);
    border-radius: 50%;
    transition: transform .1s cubic-bezier(.36,0,1,1)
}

@media (-ms-high-contrast:active) {
    .Polaris-RadioButton_bsatr:not(.Polaris-RadioButton--newDesignLanguage) .Polaris-RadioButton__Icon {
        background: windowText
    }
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage {
    margin: var(--p-choice-margin,0)
}

    .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop {
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: var(--p-control-border-width) solid var(--p-border);
        border-radius: 50%;
        background-color: var(--p-surface);
        transition: border-color var(--p-duration-1-0-0) var(--p-ease);
        position: relative
    }

        .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            transform: translate(-50%,-50%) scale(.1);
            transform-origin: 50% 50%;
            height: var(--p-icon-size);
            width: var(--p-icon-size);
            background-color: var(--p-interactive);
            border-radius: 50%;
            transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease)
        }

@media (-ms-high-contrast:active) {
    .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop:before {
        border: .5rem solid windowText
    }
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop:after {
    content: var(--p-non-null-content,none);
    position: absolute;
    z-index: 1;
    top: calc(var(--p-control-border-width)*-1 - .1rem);
    right: calc(var(--p-control-border-width)*-1 - .1rem);
    bottom: calc(var(--p-control-border-width)*-1 - .1rem);
    left: calc(var(--p-control-border-width)*-1 - .1rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-control-border-width)*-1 - .1rem) var(--p-focused,#5c6ac4);
    transition: box-shadow .1s var(--p-ease);
    border-radius: calc(var(--p-border-radius-base) + .1rem)
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop:after {
    border-radius: 50%
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop.Polaris-RadioButton--hover_37sww, .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Backdrop:hover {
    cursor: pointer;
    border-color: var(--p-border-hovered)
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input.Polaris-RadioButton--keyFocused + .Polaris-RadioButton__Backdrop:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input.Polaris-RadioButton--keyFocused + .Polaris-RadioButton__Backdrop:after {
    border-radius: 50%
}

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop {
    border-color: var(--p-interactive)
}

    .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop:before {
        transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

.Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop {
    border-color: var(--p-border-disabled)
}

    .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop:before {
        background-color: var(--p-border-disabled)
    }

    .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop.Polaris-RadioButton--hover_37sww, .Polaris-RadioButton_bsatr.Polaris-RadioButton--newDesignLanguage .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop:hover {
        cursor: default
    }

.gAc7M {
    margin-left: 2rem
}

.NUYFt {
    display: inline-block;
    position: relative;
    top: 3px
}

.Polaris-Checkbox {
    position: relative;
    margin: var(--p-choice-margin,0)
}

.Polaris-Checkbox__Input {
    position: absolute !important;
    top: 0;
    clip: rect(1px,1px,1px,1px) !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop {
    background: #5c6ac4
}

    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop:after {
        background: #fff
    }

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon {
    transform: translate(-50%,-50%) scale(1)
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop {
    background: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4,0 0 0 0 transparent;
    border-color: transparent
}

    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop:after {
        background: #fff
    }

@media (-ms-high-contrast:active) {
    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop:after {
        border: 1px dashed buttonText
    }
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop {
    background: #dfe3e8;
    box-shadow: none
}

    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:after {
        background: #f9fafb
    }

@media (-ms-high-contrast:active) {
    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop {
        color: grayText
    }
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:disabled ~ .Polaris-Checkbox__Icon svg {
    fill: #919eab
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background-color: #c4cdd5;
    border: .1rem solid transparent;
    box-shadow: 0 0 0 1px transparent,0 1px 0 0 rgba(22,29,37,.05);
    border-radius: 3px;
    transition-property: box-shadow,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.64,0,.35,1)
}

    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: linear-gradient(180deg,#fff,#f9fafb);
        border-radius: 2px
    }

@media (-ms-high-contrast:active) {
    .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop {
        background: transparent;
        border: 2px solid buttonText;
        transition: none;
        color: rgba(223,227,232,.3)
    }

        .Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop:after {
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            background: none;
            border-radius: 4px
        }
}

.Polaris-Checkbox:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Icon {
    transition: transform .1s cubic-bezier(.36,0,1,1);
    transform: translate(-50%,-50%) scale(0)
}

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox--keyFocused + .Polaris-Checkbox__Backdrop:after {
    box-shadow: 0 0 0 .2rem var(--p-focused,#5c6ac4);
    outline: .1rem solid transparent
}

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop {
    border-color: var(--p-interactive)
}

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop:before {
        opacity: 1;
        transform: scale(1)
    }

@media (-ms-high-contrast:active) {
    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop:before {
        border: 2px solid windowText
    }
}

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:active:not(:disabled) ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon {
    transition: opacity var(--p-duration-1-5-0) var(--p-ease),transform var(--p-duration-1-5-0) var(--p-ease);
    transform: translate(-50%,-50%) scale(1);
    opacity: 1
}

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop {
    border-color: var(--p-border-disabled)
}

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:before {
        background-color: var(--p-action-secondary-disabled)
    }

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:hover {
        cursor: default
    }

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop {
    background: var(--p-border-disabled)
}

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop:before {
        background: var(--p-border-disabled)
    }

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop {
    border: var(--p-control-border-width) solid var(--p-border);
    background-color: var(--p-surface);
    border-radius: var(--p-border-radius-base);
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop:before {
        content: "";
        position: absolute;
        top: calc(var(--p-control-border-width)*-1);
        right: calc(var(--p-control-border-width)*-1);
        bottom: calc(var(--p-control-border-width)*-1);
        left: calc(var(--p-control-border-width)*-1);
        border-radius: var(--p-border-radius-base);
        background-color: var(--p-interactive);
        opacity: 0;
        transform: scale(.25);
        transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease)
    }

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover_37sww, .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop:hover {
        cursor: pointer;
        border-color: var(--p-border-hovered)
    }

    .Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop:after {
        content: var(--p-non-null-content,none);
        position: absolute;
        z-index: 1;
        top: calc(var(--p-control-border-width)*-1 - .1rem);
        right: calc(var(--p-control-border-width)*-1 - .1rem);
        bottom: calc(var(--p-control-border-width)*-1 - .1rem);
        left: calc(var(--p-control-border-width)*-1 - .1rem);
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 calc(var(--p-control-border-width)*-1 - .1rem) var(--p-focused,#5c6ac4);
        transition: box-shadow .1s var(--p-ease);
        border-radius: calc(var(--p-border-radius-base) + .1rem)
    }

.Polaris-Checkbox.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Icon {
    transform: translate(-50%,-50%) scale(.25);
    opacity: 0;
    transition: opacity var(--p-duration-1-0-0) var(--p-ease),transform var(--p-duration-1-0-0) var(--p-ease)
}

.Polaris-Checkbox__Icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    pointer-events: none
}

    .Polaris-Checkbox__Icon svg {
        fill: var(--p-icon-on-interactive,#5c6ac4)
    }

@media (-ms-high-contrast:active) {
    .Polaris-Checkbox__Icon {
        fill: windowText
    }
}

.Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop {
    background: #bf0711;
    box-shadow: 0 0 0 1px transparent
}

    .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop:after {
        background: #fbeae5
    }

.Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop {
    background: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4
}

    .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop:after, .Polaris-Checkbox--error:not(.Polaris-Checkbox--newDesignLanguage) .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop:after {
        background: #fbeae5
    }

.Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop {
    border-color: var(--p-border-critical);
    background-color: var(--p-surface-critical)
}

    .Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover_37sww, .Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop:hover {
        border-color: var(--p-border-critical)
    }

    .Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Backdrop:before {
        background-color: var(--p-border-critical)
    }

.Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate_wtlpx + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop:before, .Polaris-Checkbox--error.Polaris-Checkbox--newDesignLanguage .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop:before {
    background-color: var(--p-border-critical)
}

.Polaris-Checkbox--error .Polaris-Checkbox__Icon svg {
    fill: var(--p-icon-on-critical,#bf0711)
}

.E2o-2 {
    display: block;
    border: .1rem solid var(--p-border-subdued,#dfe3e8);
    border-radius: 3px;
    height: 2.4rem;
    min-width: 3.8rem
}

.L4h3E {
    height: 3rem;
    min-width: 4.8rem
}

.Bl0We {
    height: 1.8rem;
    min-width: unset
}

.uusSy {
    width: 100%;
    height: 100%
}

.izDOJ {
    border: 0
}

    .izDOJ, .izDOJ iframe {
        height: 3.6rem
    }

.njzJF iframe {
    width: 100%
}

.sYj9W {
    margin-bottom: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    word-break: break-word;
    overflow-wrap: break-word
}

.Iypep {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    display: flex;
    align-items: center;
    color: #919eab;
    cursor: text
}

@media (min-width:40em) {
    .Iypep {
        font-size: 1.4rem
    }
}

.EGQw1 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: none;
    letter-spacing: normal;
    position: relative;
    z-index: 20;
    display: block;
    flex: 1 1;
    width: 100%;
    min-width: 0;
    min-height: 3.6rem;
    margin: 0;
    padding: .5rem 1.2rem;
    background: none;
    border: .1rem solid transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:40em) {
    .EGQw1 {
        font-size: 1.4rem
    }
}

.EGQw1::-moz-placeholder {
    color: #919eab
}

.EGQw1:-ms-input-placeholder {
    color: #919eab
}

.EGQw1::placeholder {
    color: #919eab
}

.MPEI7 {
    z-index: 30;
    right: 1.6rem;
    position: absolute
}

.eoIu2 {
    display: flex
}

    .eoIu2 p {
        margin-right: .4rem
    }

.i\+X4Q {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: .1rem solid var(--p-border,#c4cdd5);
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 rgba(99,115,129,.05);
    pointer-events: none
}

    .i\+X4Q:after {
        content: "";
        position: absolute;
        top: -.2rem;
        right: -.2rem;
        bottom: -.2rem;
        left: -.2rem;
        border: .2rem solid #5c6ac4;
        border-radius: inherit;
        opacity: 0;
        transition: opacity .2s cubic-bezier(.64,0,.35,1);
        pointer-events: none
    }

.Polaris-List {
    padding-left: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    list-style: disc outside none
}

    .Polaris-List + .Polaris-List {
        margin-top: 1.6rem
    }

.Polaris-List--typeNumber {
    padding-left: 3.2rem;
    list-style: decimal outside none
}

.Polaris-List__Item {
    margin-bottom: .8rem
}

    .Polaris-List__Item:last-child {
        margin-bottom: 0
    }

    .Polaris-List__Item .Polaris-List:first-child {
        margin-top: .8rem
    }

.IP03r {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:30.625em),(min-width:48.0625em) and (max-width:47.125em) {
    [data-has-navigation] .IP03r {
        padding: 0 1.6rem
    }
}

@media (max-width:30.625em) {
    .IP03r {
        padding: 0 1.6rem
    }
}

@media (max-width:45em),(min-width:48.0625em) and (max-width:61.5em) {
    [data-has-navigation] .IP03r {
        flex-wrap: wrap
    }
}

@media (max-width:46.5em) {
    .IP03r {
        flex-wrap: wrap
    }
}

.kmLv4 {
    width: 45%;
    margin-right: 1.6rem
}

@media (max-width:45em),(min-width:48.0625em) and (max-width:61.5em) {
    [data-has-navigation] .kmLv4 {
        width: 100%;
        margin-bottom: 1.6rem;
        margin-right: 0
    }
}

@media (max-width:46.5em) {
    .kmLv4 {
        width: 100%;
        margin-bottom: 1.6rem;
        margin-right: 0
    }
}

.QLE-T {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    flex: 1 1
}

@media (max-width:45em),(min-width:48.0625em) and (max-width:61.5em) {
    [data-has-navigation] .QLE-T {
        width: 100%;
        margin-bottom: 1.6rem;
        justify-content: flex-start
    }
}

@media (max-width:46.5em) {
    .QLE-T {
        width: 100%;
        margin-bottom: 1.6rem;
        justify-content: flex-start
    }
}

.-KVjo {
    width: auto
}

    .-KVjo:not(:first-child) {
        margin-left: 6.4rem
    }

.kOYms {
    flex: 1 1;
    width: auto
}

    .kOYms > :first-child {
        margin-bottom: .8rem
    }

    .kOYms:not(:first-child) {
        margin-left: 6.4rem
    }

.chart__tooltip {
    padding: .3rem;
    font-size: 1.2rem;
    text-align: center;
    box-sizing: border-box;
    width: 141px
}

.chart__tooltip-date {
    font-weight: 400
}

.chart__tooltip-items {
    text-align: left;
    list-style-type: none;
    margin-top: .3rem;
    margin-bottom: .3rem;
    padding: 0
}

.chart__tooltip-item {
    text-align: center
}

    .chart__tooltip-item:not(first-child) {
        margin-top: .3rem
    }

    .chart__tooltip-item > span {
        vertical-align: middle
    }

.chart__label-marker__metric {
    text-transform: lowercase
}

.chart__label-marker--primary {
    background-color: #00a19f
}

.chart__label-marker--secondary {
    background-color: #919eab
}

.chart--column .chart__label-marker--secondary {
    background-color: #292370
}

.chart__label-marker {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 3px;
    margin-right: .6rem
}

.chart__legend-items {
    list-style-type: none;
    display: flex;
    justify-content: flex-end
}

.chart__legend-item:first-child {
    margin-right: 1.2rem
}

.chart__legend-item > span {
    vertical-align: middle
}

.chart__label-marker--primary {
    background-color: #00a19f
}

.chart__label-marker--secondary {
    background-color: #919eab
}

.chart--column .chart__label-marker--secondary {
    background-color: #292370
}

.chart__label-marker {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 3px;
    margin-right: .6rem
}





.A {
  margin-left: 10px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 8rem;
  text-align: center;
}

.B{
 text-align: left;
 
}

.C {
  margin-left: auto;
  margin-right: 10px;
  text-align: right;
  word-break: keep-all; 
}

.circle {
  width: 20px;
  height: 20px;
  background-color: #666;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 10;
  font-weight: bold;

}

.status.text-white {
 background-color: #7A7A7A;
 width: auto;
 padding: 2px 8px;
 display: inline-block;
 font-size: 1.3rem;
 line-height: normal;
 letter-spacing: 0.2rem;
 font-weight: 500;
 text-transform: uppercase;
 border-radius: 5px;
 border: 1px solid
}

.price::before {
    content: "$";
    font-size: 40%;
    vertical-align: super;
}
.price {
  font-weight: normal;
  font-size: 3.2rem;
  line-height: normal;
  letter-spacing: 0.025rem;
  color: rgba(0, 0, 0, 0.6);
  display: block;
}

.driver-picture {
/*   
  https://cdn.roadie.com/avatars/default_avatar.png
     */
  width: 64px;
  height: 64px;
  object-fit: cover;
  border: 1px solid #fff;
}
.tracking-number{
  font-weight: bold;
  font-size: 26px;
}

.pickup {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #FFFFFF;
}

.reciever-name {
 letter-spacing: 0.01rem;
 font-size:18px ;
 font-weight: 500;
 display: block;
 color: rgb(0, 0, 0);
}

.end-location {
 letter-spacing: 0.01rem;
 font-size:18px ;
 font-weight: 500;
 display: block;
 color: rgba(0, 0, 0, 0.6);
}

.sender-name {
  letter-spacing: 0.01rem;
 font-size:18px ;
 font-weight: 500;
 display: block;
 color: rgb(0, 0, 0);
}

.start-location {
  letter-spacing: 0.01rem;
 font-size:18px ;
 font-weight: 500;
 display: block;
 color: rgba(0, 0, 0, 0.6);
}

.driver-name {
  font-weight: 500;
  font-size: 15px;
  color: #000;
}

.role {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  color: #00000099;
}
.profile-picture {
  width: auto;
  
  object-fit: cover;
  border: 1px solid #fff;
  
}
.toggle-btn {
  
}
   
@media only screen
  and (min-device-width: 375px) /* iPhone X, XS, 11 Pro, 12 Mini and similar */
  and (max-device-width: 812px)
  and (-webkit-device-pixel-ratio: 3), {
    .toggle-btn {
    display: block; /* Show the toggle button */
  }

  .col-md-3.text-left.toggled {
    display: none; /* Hide the .col-md-3.text-left element */
  }

  /* Add more styles for other elements as needed */
}
  
 @media only screen
  and (min-device-width: 414px) /* iPhone 6/7/8 Plus, XR, 11, 11 Pro Max, 12/12 Pro and similar */
  and (max-device-width: 896px)
  and (-webkit-device-pixel-ratio: 2)
 {
     }
  
@media  only screen
  and (min-device-width: 375px) /* iPhone 6/7/8/SE2 and similar */
  and (max-device-width: 667px)
  and (-webkit-device-pixel-ratio: 2)
{
    }
  
 @media only screen
  and (min-device-width: 320px) /* iPhone 5/SE and similar */
  and (max-device-width: 568px)
  and (-webkit-device-pixel-ratio: 2) {
     }
  
  .search-tags {
    /* Adjust styles for search tags on smaller screens */
  }

  /* Add more styles for other elements as needed */


/* Media query for computers of all kinds and sizes */
@media only screen and (min-width: 1024px) {
  .search-tags {
    /* Adjust styles for search tags on larger screens */
  }
  .toggle-btn {
    display: none; 
  }
   .col-md-3.text-left.toggled {
    display: block; /* Hide the .col-md-3.text-left element */
  }
  /* Add more styles for other elements as needed */
}

.delivery-DeliveryFailed{
    color: #000;
    background-color: lightcoral;
    text-transform: none!important
}

.delivery-DeliveryDelivered{
    color: #000;
    background-color: whitesmoke;
    text-transform: none!important
}

.delivery-Failed{
    color: #000;
    background-color: lightcoral;
    text-transform: none!important
}

.delivery-Delivered{
    color: #000;
    background-color: lightgreen;
    text-transform: none!important
}


.delivery-NEW{
    color: #000;
    background-color: lightgray;
    text-transform: none!important
}

.fulstatus-on-hold {
    color: #000;
    background-color: orange;
    text-transform: none!important
}
.fulstatus-fulfilled {
    color: black;
    background-color: whitesmoke;
    text-transform: none!important
}
.fulstatus-unfulfilled {
    color: #000;
    background-color: lightgoldenrodyellow;
    text-transform: none!important
}

.delivery-{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-WithDriver{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-PickArrived{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-PickReceived{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-DeliveryStart{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-DeliveryArrived{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-Start{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}

.delivery-Arrived{
    color: #000;
    background-color: lightblue;
    text-transform: none!important
}
.hide{
    display:none;
}

.fs-sm1
{
    font-size:.9em!important;
}

.fs-sm
{
    font-size:.8em!important;
}

.fs-xsm
{
    font-size:.6em!important;
}

.fs-lg
{
    font-size:1.2em!important;
}

.fs-xlg
{
    font-size:1.4em!important;
}
.stockItem-Stocked{
    color: #000;
    background-color: lightgreen;
    text-transform: none!important
}
.stockItem-Re-Order{
    color: #000;
    background-color: yellow;
    text-transform: none!important
}
.stockItem-Out-Of-Stock{
    color: #000;
    background-color: lightcoral;
    text-transform: none!important
}

.statusItemActive{
    color: #000;
    background-color: lightgreen;
    text-transform: none!important
}
.statusItem{
    color: #000;
    background-color: lightcoral;
    text-transform: none!important
}
.statusItemInActive{
    color: #000;
    background-color: lightcoral;
    text-transform: none!important
}
.hideif0{
    display:none
    }

.retailStatusNEW{
    color: #000;
    background-color: lightcoral;
    color:white;
    text-transform: none!important
}
.btn-sm{
    margin-bottom:.25rem!important;
    --bs-btn-padding-y: .25rem!important;
    --bs-btn-padding-x: 1rem!important;
}

hr{
    margin: .75rem .75rem!important;
    margin-top:.75rem!important;
    margin-bottom:.75rem!important;
}

.qtyBadge{
  --bs-badge-padding-x: 0.55em;
  --bs-badge-padding-y: 0.45em;
  --bs-badge-font-size: 0.65em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.45rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  /*
      font-size: var(--bs-badge-font-size);
  line-height: .7em;

  */
  max-height: 30px;
  font-weight: var(--bs-badge-font-weight);
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1em;
  background-color:gray;
  margin-top: -4px
    }



@media (min-width: 768px) {
    .fd-lg-reverse {
        flex-direction: row!important;
    }
}
@media (min-width: 992px) {
    .fd-lg-reverse {
        flex-direction: row-reverse!important;
    }
    }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .card-lg{
      font-size: .9em;!important
      }


/*!
Simple-DataTables
Github: https://github.com/fiduswriter/Simple-DataTables
*/
.dataTable-wrapper.no-header .dataTable-container {
  border-top: 1px solid #d9d9d9;
}

.dataTable-wrapper.no-footer .dataTable-container {
  border-bottom: 1px solid #d9d9d9;
}

.dataTable-top,
.dataTable-bottom {
  padding: 8px 10px;
}

.dataTable-top>nav:first-child,
.dataTable-top>div:first-child,
.dataTable-bottom>nav:first-child,
.dataTable-bottom>div:first-child {
  float: left;
}

.dataTable-top>nav:last-child,
.dataTable-top>div:last-child,
.dataTable-bottom>nav:last-child,
.dataTable-bottom>div:last-child {
  float: right;
}

.dataTable-selector {
  padding: 6px;
}

.dataTable-input {
  padding: 6px 12px;
}

.dataTable-info {
  margin: 7px 0;
}

/* PAGER */
.dataTable-pagination ul {
  margin: 0;
  padding-left: 0;
}

.dataTable-pagination li {
  list-style: none;
  float: left;
}

.dataTable-pagination a {
  border: 1px solid transparent;
  float: left;
  margin-left: 2px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  color: #333;
}

.dataTable-pagination a:hover {
  background-color: #d9d9d9;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
  background-color: #d9d9d9;
  cursor: default;
}

.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
}

.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
  opacity: 0.4;
}

.dataTable-pagination .pager a {
  font-weight: bold;
}

/* TABLE */
.dataTable-table {
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

.dataTable-table>tbody>tr>td,
.dataTable-table>tbody>tr>th,
.dataTable-table>tfoot>tr>td,
.dataTable-table>tfoot>tr>th,
.dataTable-table>thead>tr>td,
.dataTable-table>thead>tr>th {
  vertical-align: top;
  padding: 8px 10px;
}

.dataTable-table>thead>tr>th {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #d9d9d9;
}

.dataTable-table>tfoot>tr>th {
  vertical-align: bottom;
  text-align: left;
  border-top: 1px solid #d9d9d9;
}

.dataTable-table th {
  vertical-align: bottom;
  text-align: left;
}

.dataTable-table th a {
  text-decoration: none;
  color: inherit;
}

.dataTable-sorter {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

.dataTable-sorter::before,
.dataTable-sorter::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.2;
}

.dataTable-sorter::before {
  border-top: 4px solid #000;
  bottom: 0px;
}

.dataTable-sorter::after {
  border-bottom: 4px solid #000;
  border-top: 4px solid transparent;
  top: 0px;
}

.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
  opacity: 0.6;
}

.dataTables-empty {
  text-align: center;
}

.dataTable-top::after,
.dataTable-bottom::after {
  clear: both;
  content: " ";
  display: table;
}

/*!
Simple-DataTables
Github: https://github.com/fiduswriter/Simple-DataTables
*/
.datatable-wrapper.no-header .datatable-container {
	border-top: 1px solid #d9d9d9;
}

.datatable-wrapper.no-footer .datatable-container {
	border-bottom: 1px solid #d9d9d9;
}

.datatable-top,
.datatable-bottom {
	padding: 8px 10px;
}

.datatable-top > nav:first-child,
.datatable-top > div:first-child,
.datatable-bottom > nav:first-child,
.datatable-bottom > div:first-child {
	float: left;
}

.datatable-top > nav:last-child,
.datatable-top > div:last-child,
.datatable-bottom > nav:last-child,
.datatable-bottom > div:last-child {
	float: right;
}

.datatable-selector {
	padding: 6px;
}

.datatable-input {
	padding: 6px 12px;
}

.datatable-info {
	margin: 7px 0;
}

/* PAGER */
.datatable-pagination ul {
	margin: 0;
	padding-left: 0;
}

.datatable-pagination li {
	list-style: none;
	float: left;
}

.datatable-pagination li.datatable-hidden {
    visibility: hidden;
}

.datatable-pagination a,
.datatable-pagination button {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: #333;
    cursor: pointer;
}

.datatable-pagination a:hover,
.datatable-pagination button:hover {
	background-color: #d9d9d9;
}

.datatable-pagination .datatable-active a,
.datatable-pagination .datatable-active a:focus,
.datatable-pagination .datatable-active a:hover,
.datatable-pagination .datatable-active button,
.datatable-pagination .datatable-active button:focus,
.datatable-pagination .datatable-active button:hover {
	background-color: #d9d9d9;
	cursor: default;
}

.datatable-pagination .datatable-ellipsis a,
.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover,
.datatable-pagination .datatable-ellipsis button,
.datatable-pagination .datatable-disabled button,
.datatable-pagination .datatable-disabled button:focus,
.datatable-pagination .datatable-disabled button:hover {
    pointer-events: none;
    cursor: default;
}

.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover,
.datatable-pagination .datatable-disabled button,
.datatable-pagination .datatable-disabled button:focus,
.datatable-pagination .datatable-disabled button:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.datatable-pagination .datatable-pagination a,
.datatable-pagination .datatable-pagination button {
	font-weight: bold;
}

/* TABLE */
.datatable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.datatable-table > tbody > tr > td,
.datatable-table > tbody > tr > th,
.datatable-table > tfoot > tr > td,
.datatable-table > tfoot > tr > th,
.datatable-table > thead > tr > td,
.datatable-table > thead > tr > th {
	vertical-align: top;
	padding: 8px 10px;
}

.datatable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}

.datatable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}

.datatable-table th {
	vertical-align: bottom;
	text-align: left;
}

.datatable-table th a {
	text-decoration: none;
	color: inherit;
}

.datatable-table th button,
.datatable-pagination-list button {
    color: inherit;
    border: 0;
    background-color: inherit;
    cursor: pointer;
    text-align: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.datatable-sorter, .datatable-filter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}

.datatable-sorter::before,
.datatable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}


.datatable-sorter::before {
	border-top: 4px solid #000;
	bottom: 0px;
}

.datatable-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 0px;
}

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
	opacity: 0.6;
}

.datatable-filter::before {
    content: "";
    position: absolute;
    right: 4px;
    opacity: 0.2;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
	border-radius: 50%;
    border-top: 10px solid #000;
    top: 25%;
}

.datatable-filter-active .datatable-filter::before {
    opacity: 0.6;
}

.datatable-empty {
	text-align: center;
}

.datatable-top::after, .datatable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}

table.datatable-table:focus tr.datatable-cursor > td:first-child {
	border-left: 3px blue solid;
}

table.datatable-table:focus {
	outline: solid 1px black;
    outline-offset: -1px;
}

@media (max-width: 575.98px) {
  .dataTable-top>div:last-child {
    float: left;
    margin-top: 1rem;
  }
}

.w-10{
    width:10%
    }
.w-15{
    width:15%
    }
.w-20{
    width:20%
    }
.w-30{
    width:30%
    }
.w-35{
    width:35%
    }
.w-40{
    width:40%
    }
.w-45{
    width:45%
    }

.rounded {
  border-radius: 0.375rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.25rem !important;
}

.rounded-2 {
  border-radius: 0.375rem !important;
}

.rounded-3 {
  border-radius: 0.75rem !important;
}


.btnc-link {
    color: var(--p-interactive, #006fbb) !important;
    text-decoration: none;
    cursor: pointer
}

.btnc-link:hover {
        color: var(--p-interactive-hovered, #084e8a)  !important;
        text-decoration: underline
    }

    .btnc-link:active {
        color: var(--p-interactive-pressed)  !important
    }

    .btnc-link.is-disabled {
        color: var(--p-text-disabled, #95a7b7)  !important;
        pointer-events: none
    }

    .btnc-link.text-emphasis-subdued {
        color: var(--p-text-subdued, inherit)  !important;
        text-decoration: underline
    }

        .btnc-link.text-emphasis-subdued:hover {
            color: var(--p-text-subdued, #212b36) !important
        }

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .Polaris-Card__Section {
        padding: .2rem !important
    }
    .ship_details_tracking{
            height:52px;
    }
    .Polaris-Card{
            margin-top:4px;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:4px!important;
        }
    .help_question{
        bottom: 10px;right: 10px;
    }
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ 
    .Polaris-Card__Section {
        padding: .2rem !important
    }
    .ship_details_tracking{
            height:52px;
    }
    .Polaris-Card{
            margin-top:4px;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:4px!important;
        }
    .help_question{
        bottom: 10px;right: 10px;
    }

}
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
    .Polaris-Card__Section {
        padding: .4rem !important
    }
    .ship_details_tracking{
            height:64px;
    }
    .Polaris-Card{
            margin-top:10px;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:4px!important;
        }
    .help_question{
        bottom: 20px;right: 20px;
    }

}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .Polaris-Card__Section {
        padding: 1.0rem !important
    }
    .ship_details_tracking{
            height:52px;
    }
    .Polaris-Card{
            margin-top:4px;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:4px!important;
        }
    .help_question{
        bottom: 85px;right: 20px;
    }

}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
    .Polaris-Card__Section {
        padding: 1.6rem !important
    }
    .ship_details_tracking{
            height:78px;
    }
    .Polaris-Card{
            margin-top:20px!important;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:20px;
        }
    .help_question{
        bottom: 85px;right: 20px;
    }

}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
    .Polaris-Card__Section {
        padding: 1.6rem !important
    }
    .ship_details_tracking{
            height:78px;
    }
    .Polaris-Card{
            margin-top:20px;
    }
    .Polaris-Card + .Polaris-Card {
            margin-top:20px!important;
        }
    .help_question{
        bottom: 85px;right: 20px;
    }

}


.onhover-dotted {
    border: dotted 1px black
}

.center-button{
    text-align: center!important;
    margin-top: 22px!important;
}
.break {
  flex-basis: 100%;
  width: 0;
}