.top-nav-container {
 margin-top:1rem
}
.left-nav-container {
 min-width:12.5rem
}
.left-nav-accordion:first-of-type {
 margin-top:0
}
.left-nav-accordion {
 margin-top:.75rem
}
.accordion-head {
 font-size:16px;
 font-weight:400;
 line-height:1.5;
 letter-spacing:normal;
 color:#111820;
 display:flex;
 justify-content:space-between;
 cursor:pointer
}
.accordion-head .accordion-head--label {
 text-decoration:none;
 color:#111820;
 overflow:hidden;
 text-overflow:ellipsis
}
.accordion-head .accordion-head--label:focus {
 outline:none;
 text-decoration:underline
}
.accordion-head .accordion-head--label:hover {
 text-decoration:underline
}
.accordion-head--icon {
 margin-left:.125rem
}
.accordion-head--icon .icon--chevron-down.icon {
 height:12px;
 width:12px
}
.current-view-highlight {
 position:absolute;
 height:0;
 left:1.5rem;
 margin-top:4px;
 width:2px;
 border-left:2px solid #4d5258;
 content:"";
 transition:height .6s cubic-bezier(.42,0,.15,1.4)
}
.not-selected .current-view-highlight {
 height:1rem;
 border-left:2px solid #4d5258
}
.accordion-head.selected .icon.icon--chevron-down {
 transform:rotate(-180deg)
}
.accordion-head.not-selected .icon.icon--chevron-down {
 transform:rotate(0deg)
}
.accordion-head .icon.icon--chevron-down {
 transition:transform .6s cubic-bezier(.42,0,.15,1.4)
}
.accordion-head+.accordion-body {
 transition:transform .6s cubic-bezier(.42,0,.15,1.4),height .6s
}
.accordion-head.not-selected+.accordion-body {
 transform:scaleY(0);
 height:0;
 overflow:hidden;
 display:none
}
.accordion-body {
 font-size:14px;
 color:#111820
}
.accordion-body-link-container {
 padding:10px 10px 10px 20px
}
.accordion-body-link-container .accordion-body-link {
 text-decoration:none;
 color:#111820;
 overflow-wrap:break-word
}
.accordion-body-link-container.selected {
 background-color:#e5e5e5
}
.accordion-body-link-container:hover {
 text-decoration:underline
}
.accordion-body-link-container.selected:hover {
 text-decoration:none
}
.accordion-body-link.selected:focus {
 outline:none;
 text-decoration:none
}
.accordion-body-link:focus {
 outline:none;
 text-decoration:underline
}
.accordion-body-link-container.selected .accordion-body-link {
 pointer-events:none;
 cursor:default
}
.content-wrapper {
 display:flex;
 flex-direction:row
}
.content {
 width:100%;
 margin-bottom:5rem
}
.left-nav-container {
 margin-right:2rem
}
.top-nav-container {
 display:flex;
 align-items:center;
 border-bottom:1px solid #c7c7c7;
 width:100%;
 line-height:1.5
}
.tabs-container {
 display:flex;
 flex:1.5
}
.top-nav--tab {
 display:flex;
 padding:0 1rem;
 box-sizing:border-box;
 min-height:40px;
 font-size:1rem;
 color:#111820;
 line-height:2;
 border-bottom:3px solid transparent;
 min-width:9rem;
 max-width:15rem;
 justify-content:center;
 position:relative;
 top:1px
}
.top-nav--tab.active-tab,
.top-nav--tab:focus-within {
 border-bottom:3px solid #3665f3;
 color:#3665f3
}
.top-nav--tab.active-tab a.top-nav--links {
 pointer-events:none;
 cursor:default
}
.top-nav--tab .tab--content {
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.top-nav--tab:hover {
 border-bottom:3px solid #3665f3;
 color:#3665f3;
 cursor:pointer
}
.top-nav--tab:hover .top-nav--links {
 color:#3665f3
}
.top-nav--tab.active-tab:hover {
 cursor:default
}
.top-nav--tab.active-tab .top-nav--links,
.top-nav--tab.active-tab:hover .top-nav--links {
 cursor:default;
 color:#3665f3
}
.tab--content .top-nav--links {
 text-decoration:none;
 color:#111820
}
.tab--content .top-nav--links:focus {
 outline:none;
 color:#3665f3
}
.user-info-container {
 display:flex;
 font-size:.875rem;
 font-weight:400;
 align-items:right;
 align-content:right;
 text-align:right
}
.user-info-container a {
 text-decoration:none;
 text-align:right;
 outline:none
}
.user-info-container a:focus,
.user-info-container a:hover {
 text-decoration:underline
}
.user-info-icon-container {
 position:relative;
 top:.1875rem;
 padding-left:.75rem
}
#user-name {
 margin-right:.375rem
}
@media only screen and (max-width:40rem) {
 .top-nav-container {
  display:flex;
  flex-direction:column-reverse;
  border-bottom:1px solid #c7c7c7;
  width:100%;
  line-height:1.5
 }
 .tabs-container {
  width:100%;
  display:flex;
  justify-content:space-evenly
 }
 .top-nav--tab {
  min-width:unset;
  flex:1
 }
 .user-info-container {
  display:flex;
  width:100%;
  font-size:.875rem;
  font-weight:400;
  justify-content:flex-end;
  padding-bottom:1rem
 }
}
.breadcrumbs {
 --breadcrumbs-item-foreground-color:#111820;
 --breadcrumbs-item-current-foreground-color:#767676;
 --breadcrumbs-item-hover-foreground-color:#3665f3
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .breadcrumbs {
  --breadcrumbs-item-foreground-color:#dcdcdc;
  --breadcrumbs-item-current-foreground-color:#767676;
  --breadcrumbs-item-hover-foreground-color:#5192ff
 }
}
nav.breadcrumb,
nav.breadcrumbs {
 color:#111820;
 color:var(--breadcrumbs-item-foreground-color,#111820);
 font-size:.75rem;
 height:-webkit-fit-content;
 height:-moz-fit-content;
 height:fit-content;
 margin:8px 0;
 min-height:16px;
 overflow:hidden;
 position:relative;
 white-space:nowrap
}
nav.breadcrumbs ul,
nav.breadcrumb ul {
 display:-webkit-box;
 display:flex;
 list-style-type:none;
 margin:0;
 min-width:100%;
 padding:0;
 position:absolute;
 right:0
}
nav.breadcrumb li svg,
nav.breadcrumbs li svg {
 margin-left:5px;
 margin-right:7px
}
nav.breadcrumb a,
nav.breadcrumbs a {
 text-decoration:none
}
nav.breadcrumb button,
nav.breadcrumbs button {
 background:none;
 border:none;
 font-family:inherit;
 font-size:1em;
 margin:0;
 padding:0
}
nav.breadcrumb a:visited,
nav.breadcrumbs a:visited {
 color:inherit
}
nav.breadcrumb a,
nav.breadcrumb button,
nav.breadcrumbs a,
nav.breadcrumbs button {
 color:inherit;
 outline-offset:-4px
}
nav.breadcrumb a:focus,
nav.breadcrumb a:hover,
nav.breadcrumb button:focus,
nav.breadcrumb button:hover,
nav.breadcrumbs a:focus,
nav.breadcrumbs a:hover,
nav.breadcrumbs button:focus,
nav.breadcrumbs button:hover {
 color:#3665f3;
 color:var(--breadcrumbs-item-hover-foreground-color,#3665f3);
 text-decoration:underline
}
nav.breadcrumb a[aria-current],
nav.breadcrumb button[aria-current],
nav.breadcrumbs a[aria-current],
nav.breadcrumbs button[aria-current] {
 color:#767676;
 color:var(--breadcrumbs-item-current-foreground-color,#767676);
 text-decoration:none
}
@media (min-width:601px) {
 nav.breadcrumb,
 nav.breadcrumbs {
  margin:16px 0
 }
}
.window-notice {
 --window-notice-background-color:#fff;
 --window-notice-main-color:#05823f
}
.page-notice,
.section-notice {
 --page-notice-button-color:#111820;
 --page-notice-attention-background-color:#fff5f8;
 --page-notice-attention-border-color:#e62048;
 --page-notice-confirmation-background-color:#effef0;
 --page-notice-confirmation-border-color:#28a443;
 --page-notice-information-background-color:#f1f8fe;
 --page-notice-information-border-color:#3665f3
}
.section-notice {
 --section-notice-default-background-color:#f5f5f5
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .window-notice {
  --window-notice-background-color:#212121
 }
 .skin-experiment-1 .page-notice,
 .skin-experiment-1 .section-notice {
  --page-notice-attention-background-color:#191f1b;
  --page-notice-confirmation-background-color:#1b2027;
  --page-notice-information-background-color:#2a191c
 }
 .skin-experiment-1 .section-notice {
  --section-notice-default-background-color:#191f1b
 }
}
.window-notice {
 background-color:#fff;
 background-color:var(--window-notice-background-color,#fff);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:16px 0;
 text-align:center;
 width:100%
}
.window-notice--fill {
 display:-webkit-box;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
 height:100%;
 -webkit-box-pack:center;
 justify-content:center;
 margin:0;
 position:relative
}
.window-notice>.btn,
.window-notice>.fake-btn {
 margin-top:28px
}
.window-notice--fill>.btn,
.window-notice--fill>.fake-btn {
 bottom:0;
 left:0;
 position:absolute;
 width:100%
}
.window-notice>h2 {
 margin:0
}
.window-notice__title {
 display:inline-block;
 font-size:1.875rem;
 font-weight:700;
 margin-top:20px
}
.window-notice__content {
 color:#05823f;
 color:var(--window-notice-main-color,#05823f);
 margin:20px 0 0
}
.page-notice,
.section-notice {
 -webkit-box-align:stretch;
 align-items:stretch;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 flex-wrap:wrap;
 font-size:.875rem;
 margin:8px 0
}
.page-notice>a.fake-btn,
.page-notice>button.btn,
.section-notice>a.fake-btn,
.section-notice>button.btn {
 color:#111820;
 color:var(--page-notice-button-color,#111820);
 border-color:currentColor;
 margin:0 16px 16px;
 width:100%
}
.section-notice {
 background-color:#f5f5f5;
 background-color:var(--section-notice-default-background-color,#f5f5f5)
}
div[role=region].page-notice,
div[role=region].section-notice,
section.page-notice,
section.section-notice {
 display:-webkit-box;
 display:flex;
 margin:8px 0
}
span[role=region].page-notice,
span[role=region].section-notice {
 display:-webkit-inline-box;
 display:inline-flex
}
.page-notice__status svg.icon {
 display:-webkit-box;
 display:flex;
 margin:0
}
.window-notice h2 svg.icon {
 display:block;
 font-size:0;
 height:35px;
 margin:0 auto;
 width:35px
}
.page-notice__title {
 font-weight:700
}
.page-notice__content,
.section-notice__content {
 display:-webkit-box;
 display:flex;
 -webkit-box-flex:1;
 flex:1;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
 -webkit-box-pack:center;
 justify-content:center;
 margin:16px;
 width:100%;
 -ms-word-break:break-all;
 word-break:break-all;
 word-break:break-word;
 -webkit-hyphens:auto;
 -ms-hyphens:auto;
 hyphens:auto
}
.page-notice__status,
.section-notice__status {
 -webkit-box-align:center;
 align-items:center;
 -webkit-margin-after:0;
 margin-block-end:0;
 -webkit-margin-before:0;
 margin-block-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 -webkit-margin-start:0;
 margin-inline-start:0;
 padding:16px 0 16px 16px
}
.page-notice__content p,
.section-notice__content p {
 margin:0
}
.page-notice__content {
 font-size:1rem
}
.page-notice__close,
.section-notice__close {
 height:48px;
 width:50px
}
.page-notice--fluid,
.section-notice--fluid {
 width:100%
}
.page-notice--celebration .page-notice__title {
 display:inline-block;
 font-size:1.25rem;
 font-weight:700;
 margin-bottom:4px
}
.page-notice__close,
.section-notice__close,
button.page-notice__close,
button.section-notice__close {
 background:none;
 border:0
}
a.page-notice,
a.section-notice,
button.page-notice,
button.section-notice {
 display:-webkit-box;
 display:flex
}
a.page-notice,
a.section-notice {
 color:inherit;
 text-decoration:none
}
div.inline-notice {
 display:-webkit-box;
 display:flex;
 margin:8px 0
}
span.inline-notice {
 display:-webkit-inline-box;
 display:inline-flex
}
.inline-notice {
 margin:8px 0
}
.inline-notice p {
 margin:4px 0
}
.inline-notice p:first-of-type {
 font-weight:700
}
.inline-notice__status {
 -webkit-box-align:center;
 align-items:center;
 display:-webkit-box;
 display:flex
}
.inline-notice__status span {
 background-repeat:no-repeat;
 background-size:contain;
 display:inline-block;
 height:24px;
 margin-top:1px;
 width:24px
}
.inline-notice__content {
 margin-left:8px
}
.page-notice--celebration,
.page-notice--confirmation,
.section-notice--confirmation {
 background-color:#effef0;
 background-color:var(--page-notice-confirmation-background-color,#effef0);
 border-color:#28a443;
 border-color:var(--page-notice-confirmation-border-color,#28a443)
}
.page-notice--attention,
.section-notice--attention {
 background-color:#fff5f8;
 background-color:var(--page-notice-attention-background-color,#fff5f8);
 border-color:#e62048;
 border-color:var(--page-notice-attention-border-color,#e62048)
}
.page-notice--information,
.section-notice--information {
 background-color:#f1f8fe;
 background-color:var(--page-notice-information-background-color,#f1f8fe);
 border-color:#3665f3;
 border-color:var(--page-notice-information-border-color,#3665f3)
}
.page-notice--attention,
.section-notice--attention,
a.page-notice--attention,
a.section-notice--attention {
 color:currentColor
}
.page-notice--attention,
.page-notice--celebration,
.page-notice--confirmation,
.page-notice--information {
 border-style:solid;
 border-width:1px
}
@media (min-width:601px) {
 div[role=region].page-notice,
 div[role=region].section-notice,
 section.page-notice,
 section.section-notice {
  flex-wrap:nowrap;
  margin:16px 0
 }
 div[role=region].page-notice>a.fake-btn,
 div[role=region].page-notice>button.btn,
 div[role=region].section-notice>a.fake-btn,
 div[role=region].section-notice>button.btn,
 section.page-notice>a.fake-btn,
 section.page-notice>button.btn,
 section.section-notice>a.fake-btn,
 section.section-notice>button.btn {
  margin:auto 16px;
  width:auto
 }
 .page-notice--celebration .page-notice__status {
  -webkit-box-align:center;
  align-items:center;
  display:-webkit-box;
  display:flex;
  padding:24px 0 24px 24px
 }
 .page-notice--celebration .page-notice__title {
  font-size:1.875rem;
  margin-bottom:8px
 }
 .page-notice--celebration .page-notice__content {
  margin:24px
 }
}
.infotip,
.tooltip,
.tourtip {
 --tooltip-background-color:#3665f3;
 --tooltip-foreground-color:#fff
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .infotip,
 .skin-experiment-1 .tooltip,
 .skin-experiment-1 .tourtip {
  --infotip-background-color:#212121;
  --infotip-foreground-color:#dcdcdc
 }
}
.infotip__overlay,
.tooltip__overlay,
.tourtip__overlay {
 font-size:14px;
 max-width:344px;
 min-width:320px;
 z-index:1;
 -webkit-box-shadow:0 -2px 2px hsla(0,0%,78%,.5),2px 0 2px hsla(0,0%,78%,.5),0 2px 2px hsla(0,0%,78%,.5),-2px 0 2px hsla(0,0%,78%,.5);
 box-shadow:0 -2px 2px hsla(0,0%,78%,.5),2px 0 2px hsla(0,0%,78%,.5),0 2px 2px hsla(0,0%,78%,.5),-2px 0 2px hsla(0,0%,78%,.5);
 display:none;
 position:absolute
}
.infotip__mask,
.tooltip__mask,
.tourtip__mask {
 background-color:#fff;
 position:relative;
 z-index:1
}
span.infotip__mask,
span.tooltip__mask,
span.tourtip__mask {
 display:block
}
.infotip__cell,
.tooltip__cell,
.tourtip__cell {
 display:-webkit-box;
 display:flex;
 padding:16px;
 word-break:break-word
}
.infotip__content,
.tooltip__content,
.tourtip__content {
 -webkit-box-flex:1;
 flex-grow:1
}
.infotip__content p,
.tooltip__content p,
.tourtip__content p {
 margin:0
}
.infotip__content p:not(:first-of-type),
.tooltip__content p:not(:first-of-type),
.tourtip__content p:not(:first-of-type) {
 margin-top:4px
}
button.infotip__close,
button.tooltip__close,
button.tourtip__close {
 align-self:flex-start;
 background:none;
 border:0;
 padding:0;
 white-space:nowrap;
 flex-shrink:0;
 height:32px;
 margin:-8px -8px 0 8px;
 width:32px
}
.infotip__pointer,
.tooltip__pointer,
.tourtip__pointer {
 height:16px;
 position:absolute;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 width:16px;
 z-index:0;
 top:-7px;
 background-color:#fff;
 -webkit-box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 left:calc(50% - 8px)
}
.infotip__pointer--top-left,
.tooltip__pointer--top-left,
.tourtip__pointer--top-left {
 top:-7px;
 background-color:#fff;
 -webkit-box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 left:12px
}
.infotip__pointer--top,
.tooltip__pointer--top,
.tourtip__pointer--top {
 top:-7px;
 background-color:#fff;
 -webkit-box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 left:calc(50% - 8px)
}
.infotip__pointer--top-right,
.tooltip__pointer--top-right,
.tourtip__pointer--top-right {
 top:-7px;
 background-color:#fff;
 -webkit-box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px -2px 2px hsla(0,0%,78%,.5);
 left:auto;
 right:12px
}
.infotip__pointer--bottom-left,
.tooltip__pointer--bottom-left,
.tourtip__pointer--bottom-left {
 background-color:#fff;
 bottom:-7px;
 top:auto;
 -webkit-box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 left:12px
}
.infotip__pointer--bottom,
.tooltip__pointer--bottom,
.tourtip__pointer--bottom {
 background-color:#fff;
 bottom:-7px;
 top:auto;
 -webkit-box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 left:calc(50% - 8px)
}
.infotip__pointer--bottom-right,
.tooltip__pointer--bottom-right,
.tourtip__pointer--bottom-right {
 background-color:#fff;
 bottom:-7px;
 top:auto;
 -webkit-box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px 2px 2px hsla(0,0%,78%,.5);
 left:auto;
 right:12px
}
.infotip__pointer--left,
.tooltip__pointer--left,
.tourtip__pointer--left {
 background-color:#fff;
 top:calc(50% - 8px);
 left:-7px;
 -webkit-box-shadow:-2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px 2px 2px hsla(0,0%,78%,.5)
}
.infotip__pointer--left-bottom,
.tooltip__pointer--left-bottom,
.tourtip__pointer--left-bottom {
 background-color:#fff;
 bottom:12px;
 left:-7px;
 top:auto;
 -webkit-box-shadow:-2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px 2px 2px hsla(0,0%,78%,.5)
}
.infotip__pointer--left-top,
.tooltip__pointer--left-top,
.tourtip__pointer--left-top {
 background-color:#fff;
 left:-7px;
 top:12px;
 -webkit-box-shadow:-2px 2px 2px hsla(0,0%,78%,.5);
 box-shadow:-2px 2px 2px hsla(0,0%,78%,.5)
}
.infotip__pointer--right,
.tooltip__pointer--right,
.tourtip__pointer--right {
 background-color:#fff;
 top:calc(50% - 8px);
 left:auto;
 right:-7px;
 -webkit-box-shadow:2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px -2px 2px hsla(0,0%,78%,.5)
}
.infotip__pointer--right-bottom,
.tooltip__pointer--right-bottom,
.tourtip__pointer--right-bottom {
 background-color:#fff;
 bottom:12px;
 left:auto;
 right:-7px;
 top:auto;
 -webkit-box-shadow:2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px -2px 2px hsla(0,0%,78%,.5)
}
.infotip__pointer--right-top,
.tooltip__pointer--right-top,
.tourtip__pointer--right-top {
 background-color:#fff;
 left:auto;
 right:-7px;
 top:12px;
 -webkit-box-shadow:2px -2px 2px hsla(0,0%,78%,.5);
 box-shadow:2px -2px 2px hsla(0,0%,78%,.5)
}
.infotip,
.tooltip,
.tourtip {
 position:relative
}
.infotip__heading,
.tourtip__heading {
 font-size:1em;
 font-weight:700;
 margin:0 0 4px
}
span.infotip__heading,
span.tourtip__heading {
 display:block
}
span.infotip,
span.tooltip,
span.tourtip {
 display:inline-block
}
.infotip__overlay,
.tooltip__overlay {
 left:-10px;
 margin-top:16px
}
.infotip__host[aria-expanded=true]~.infotip__overlay,
.tooltip--expanded .tooltip__overlay,
.tooltip__host[aria-expanded=true]~.tooltip__overlay,
.tourtip--expanded .tourtip__overlay {
 display:block
}
.infotip .icon-btn {
 height:20px;
 overflow:visible;
 width:20px
}
@media (min-width:601px) {
 .infotip__overlay,
 .tooltip__overlay,
 .tourtip__overlay {
  max-width:400px
 }
}
.tooltip__cell a,
.tourtip__cell a {
 color:#fff;
 color:var(--tooltip-foreground-color,#fff)
}
.tooltip__cell a:focus,
.tourtip__cell a:focus {
 outline-color:#fff;
 outline-color:var(--tooltip-foreground-color,#fff);
 outline-style:dashed;
 outline-width:1px
}
.infotip__mask {
 background-color:#fff;
 background-color:var(--infotip-background-color,#fff);
 color:#111820;
 color:var(--infotip-foreground-color,#111820)
}
.tooltip__mask,
.tourtip__mask {
 background-color:#3665f3;
 background-color:var(--tooltip-background-color,#3665f3);
 color:#fff;
 color:var(--tooltip-foreground-color,#fff)
}
.infotip__pointer {
 background-color:#fff;
 background-color:var(--infotip-background-color,#fff)
}
.tooltip__pointer,
.tourtip__pointer {
 background-color:#3665f3;
 background-color:var(--tooltip-background-color,#3665f3)
}
.infotip__overlay {
 background-color:#fff;
 background-color:var(--infotip-background-color,#fff);
 color:#111820;
 color:var(--infotip-foreground-color,#111820)
}
button.tourtip__close,
button.tourtip__close:focus,
button.tourtip__close:hover {
 color:#fff;
 color:var(--tooltip-foreground-color,#fff)
}
button.tourtip__close:focus {
 outline-color:#fff;
 outline-color:var(--tooltip-foreground-color,#fff);
 outline-style:dashed;
 outline-width:1px
}
button.infotip__close {
 color:#111820;
 color:var(--infotip-foreground-color,#111820)
}
button.infotip__close:focus svg,
button.infotip__close:hover svg {
 fill:#3665f3
}
button.infotip__host.icon-btn:active,
button.infotip__host.icon-btn:focus,
button.infotip__host.icon-btn:hover {
 opacity:1
}
button.infotip__host.icon-btn:active svg,
button.infotip__host.icon-btn:focus svg,
button.infotip__host.icon-btn:hover svg {
 fill:#3665f3
}
a.icon-link,
button.icon-btn {
 --actionable-badge-border-color:#fff;
 --actionable-icon-foreground-color:#111820;
 --actionable-icon-active-foreground-color:#111820;
 --actionable-icon-hover-foreground-color:#3665f3;
 --actionable-image-hover-border-color:#767676
}
a.img-link,
button.img-btn {
 --actionable-image-visited-background-color:#e5e5e5;
 --actionable-image-active-border-color:#767676;
 --actionable-image-hover-border-color:#767676
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 a.icon-link,
 .skin-experiment-1 button.icon-btn {
  --actionable-badge-border-color:#171717;
  --actionable-icon-foreground-color:#dcdcdc;
  --actionable-icon-active-foreground-color:#dcdcdc;
  --actionable-icon-hover-foreground-color:#5192ff
 }
 .skin-experiment-1 a.img-link,
 .skin-experiment-1 button.img-btn {
  --actionable-image-visited-background-color:#e5e5e5;
  --actionable-image-hover-border-color:#5192ff;
  --actionable-image-active-border-color:#767676
 }
}
a.icon-link {
 -webkit-box-align:center;
 align-items:center;
 display:-webkit-inline-box;
 display:inline-flex
}
a.icon-link>svg {
 margin:0 auto
}
a.icon-link,
button.icon-btn {
 background-color:transparent;
 border:2px solid transparent;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:40px;
 margin:0;
 padding:0;
 vertical-align:text-bottom;
 width:40px
}
a.icon-link>svg,
button.icon-btn>svg {
 fill:#111820;
 fill:var(--actionable-icon-foreground-color,#111820);
 height:100%;
 max-width:100%;
 position:relative
}
a.icon-link:active>svg,
button.icon-btn:active>svg {
 fill:#111820;
 fill:var(--actionable-icon-active-foreground-color,#111820)
}
a.icon-link:focus>svg,
a.icon-link:hover>svg,
button.icon-btn:focus>svg,
button.icon-btn:hover>svg {
 fill:#3665f3;
 fill:var(--actionable-icon-hover-foreground-color,#3665f3)
}
a:not([href]).icon-link,
a[aria-disabled=true].icon-link,
button[aria-disabled=true].icon-btn,
button[disabled].icon-btn {
 opacity:.5
}
a:not([href]).icon-link>svg,
a[aria-disabled=true].icon-link>svg,
button[aria-disabled=true].icon-btn>svg,
button[disabled].icon-btn>svg {
 background-color:transparent
}
a.icon-link:visited>svg {
 fill:#111820;
 fill:var(--actionable-icon-foreground-color,#111820)
}
a.icon-link:visited:focus>svg,
a.icon-link:visited:hover>svg {
 fill:#3665f3;
 fill:var(--actionable-icon-hover-foreground-color,#3665f3)
}
a.icon-link--badged,
button.icon-btn--badged {
 overflow:visible;
 position:relative
}
a.icon-link--badged .badge,
button.icon-btn--badged .badge {
 border:2px solid #fff;
 border-color:var(--actionable-badge-border-color,#fff);
 display:block;
 height:24px;
 left:16px;
 min-width:24px;
 padding-top:2px;
 pointer-events:none;
 position:absolute;
 text-align:center;
 top:-2px;
 z-index:1
}
a.img-link[href]:focus,
a.img-link[href]:hover {
 border-color:#767676;
 border-color:var(--actionable-image-hover-border-color,#767676)
}
a.img-link[href]:active {
 border-color:#767676
}
a.img-link--visit:visited {
 background-color:#e5e5e5;
 background-color:var(--actionable-image-visited-background-color,#e5e5e5)
}
a.img-link,
button.img-btn {
 border:1px solid transparent;
 display:-webkit-inline-box;
 display:inline-flex
}
button.img-btn {
 background-color:transparent;
 padding:0
}
button.img-btn:not([disabled]):focus,
button.img-btn:not([disabled]):hover {
 border-color:#767676;
 border-color:var(--actionable-image-hover-border-color,#767676)
}
button.img-btn:not([disabled]):active {
 border-color:#767676;
 border-color:var(--actionable-image-active-border-color,#767676)
}
.textbox {
 --textbox-background-color:#fff;
 --textbox-foreground-color:#111820;
 --textbox-border-color:#a2a2a2;
 --textbox-focus-border-color:#3665f3
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .textbox {
  --textbox-background-color:#171717;
  --textbox-focus-border-color:#5192ff;
  --textbox-foreground-color:#fff;
  --textbox-disabled-background-color:#171717
 }
}
.textbox {
 color:#111820;
 color:var(--textbox-foreground-color,#111820);
 font-size:.875rem;
 position:relative
}
.textbox button.icon-btn {
 display:-webkit-inline-box;
 display:inline-flex;
 -webkit-box-pack:center;
 justify-content:center;
 padding:0;
 position:absolute;
 right:0;
 top:0
}
span.textbox {
 display:inline-block
}
textarea.textbox__control {
 min-height:200px;
 overflow:auto;
 padding:16px;
 resize:vertical;
 vertical-align:middle
}
input.textbox__control {
 padding:0 16px
}
input.textbox__control,
textarea.textbox__control {
 background-color:#fff;
 background-color:var(--textbox-background-color,#fff);
 color:#111820;
 color:var(--textbox-foreground-color,#111820);
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0;
 border:1px solid #a2a2a2;
 border-color:var(--textbox-border-color,#a2a2a2);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-family:inherit;
 font-size:1em;
 height:40px;
 margin:0
}
input.textbox__control[disabled],
textarea.textbox__control[disabled] {
 background-color:#fff;
 background-color:var(--textbox-disabled-background-color,#fff);
 color:#c7c7c7;
 color:var(--textbox-disabled-foreground-color,#c7c7c7);
 border-color:#c7c7c7;
 border-width:1px
}
input.textbox__control[disabled]::-webkit-input-placeholder,
textarea.textbox__control[disabled]::-webkit-input-placeholder {
 color:#e5e5e5
}
input.textbox__control[disabled]::-moz-placeholder,
textarea.textbox__control[disabled]::-moz-placeholder {
 color:#e5e5e5
}
input.textbox__control[disabled]:-ms-input-placeholder,
textarea.textbox__control[disabled]:-ms-input-placeholder {
 color:#e5e5e5
}
input.textbox__control[readonly],
textarea.textbox__control[readonly] {
 background-color:#fff;
 border-color:#111820;
 color:#111820
}
input.textbox__control[aria-invalid=true],
textarea.textbox__control[aria-invalid=true] {
 border-color:#e62048
}
input.textbox__control:focus,
textarea.textbox__control:focus {
 border-color:#3665f3;
 border-color:var(--textbox-focus-border-color,#3665f3);
 outline:0
}
input.textbox__control::-webkit-input-placeholder,
textarea.textbox__control::-webkit-input-placeholder {
 color:#767676;
 font-weight:200
}
input.textbox__control::-moz-placeholder,
textarea.textbox__control::-moz-placeholder {
 color:#767676;
 font-weight:200
}
input.textbox__control:-ms-input-placeholder,
textarea.textbox__control:-ms-input-placeholder {
 color:#767676;
 font-weight:200
}
input.textbox__control::-ms-input-placeholder,
textarea.textbox__control::-ms-input-placeholder {
 color:#767676;
 font-weight:200
}
input.textbox__control::placeholder,
textarea.textbox__control::placeholder {
 color:#767676;
 font-weight:200
}
input.textbox__control--underline {
 border:none;
 border-bottom:1px solid #767676;
 border-radius:0;
 font-weight:700;
 height:1.875rem;
 padding:0 0 1px
}
input.textbox__control--underline::-webkit-input-placeholder {
 color:transparent
}
input.textbox__control--underline::-moz-placeholder {
 color:transparent
}
input.textbox__control--underline:-ms-input-placeholder {
 color:transparent
}
input.textbox__control--underline::-ms-input-placeholder {
 color:transparent
}
input.textbox__control--underline::placeholder {
 color:transparent
}
input.textbox__control--underline[disabled]::-webkit-input-placeholder {
 color:transparent
}
input.textbox__control--underline[disabled]::-moz-placeholder {
 color:transparent
}
input.textbox__control--underline[disabled]:-ms-input-placeholder {
 color:transparent
}
input.textbox__control--underline[disabled]::-ms-input-placeholder {
 color:transparent
}
input.textbox__control--underline[disabled]::placeholder {
 color:transparent
}
input.textbox__control--underline:focus::-webkit-input-placeholder {
 color:#767676
}
input.textbox__control--underline:focus::-moz-placeholder {
 color:#767676
}
input.textbox__control--underline:focus:-ms-input-placeholder {
 color:#767676
}
input.textbox__control--underline:focus::-ms-input-placeholder {
 color:#767676
}
input.textbox__control--underline:focus::placeholder {
 color:#767676
}
.textbox .icon-btn>svg,
.textbox>svg {
 color:#c7c7c7;
 display:-webkit-inline-box;
 display:inline-flex;
 fill:#c7c7c7;
 height:100%;
 pointer-events:none;
 position:absolute;
 top:0;
 width:14px
}
.textbox>svg:first-child {
 left:16px
}
.textbox>svg:first-child+input.textbox__control,
.textbox>svg:first-child+textarea.textbox__control {
 padding-left:40px
}
.textbox--icon-end input.textbox__control,
.textbox--icon-end textarea.textbox__control {
 padding-right:40px
}
.textbox--icon-end>svg:last-child {
 right:16px
}
.textbox--large input.textbox__control,
.textbox--large textarea.textbox__control {
 font-size:1.125rem;
 height:48px
}
.textbox__control--fluid {
 width:100%
}
[dir=rtl] .textbox>svg:first-child {
 right:16px
}
[dir=rtl] .textbox>svg:first-child+input.textbox__control,
[dir=rtl] .textbox>svg:first-child+textarea.textbox__control {
 padding-right:40px
}
[dir=rtl] .textbox--icon-end input.textbox__control,
[dir=rtl] .textbox--icon-end textarea.textbox__control {
 padding-left:40px
}
[dir=rtl] .textbox--icon-end button.icon-btn {
 left:0;
 right:auto
}
[dir=rtl] .textbox--icon-end>svg:last-child {
 left:16px;
 right:auto
}
label.floating-label {
 --floating-label-color:#767676;
 --floating-label-disabled-color:#e5e5e5
}
.floating-label {
 margin-top:14px;
 position:relative
}
span.floating-label {
 display:inline-block
}
div.floating-label {
 display:block
}
label.floating-label__label {
 color:#767676;
 color:var(--floating-label-color,#767676);
 display:block;
 left:0;
 pointer-events:none;
 position:absolute;
 -webkit-transform:scale(.75) translateY(-24px);
 transform:scale(.75) translateY(-24px);
 -webkit-transform-origin:left;
 transform-origin:left;
 z-index:1
}
label.floating-label__label--inline {
 bottom:.4375rem;
 font-size:.875rem;
 -webkit-transform:none;
 transform:none
}
label.floating-label__label--animate {
 -webkit-transition:-webkit-transform .3s ease;
 transition:-webkit-transform .3s ease;
 transition:transform .3s ease;
 transition:transform .3s ease,-webkit-transform .3s ease
}
label.floating-label__label--disabled {
 color:#e5e5e5;
 color:var(--floating-label-disabled-color,#e5e5e5);
 left:auto
}
.checkbox {
 --checkbox-checked-color:#3665f3;
 --checkbox-unchecked-color:#111820
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .checkbox {
  --checkbox-checked-color:#5192ff;
  --checkbox-unchecked-color:#dcdcdc
 }
}
.checkbox {
 font-size:1rem;
 position:relative;
 vertical-align:text-bottom
}
.checkbox,
span.checkbox__icon {
 display:-webkit-inline-box;
 display:inline-flex
}
span.checkbox__icon {
 font-size:1em;
 outline-offset:1px
}
span.checkbox__icon[hidden] {
 display:-webkit-inline-box;
 display:inline-flex
}
svg.checkbox__checked,
svg.checkbox__unchecked {
 display:inline-block;
 fill:currentColor;
 pointer-events:none;
 stroke:currentColor;
 stroke-width:0;
 vertical-align:middle
}
svg.checkbox__checked {
 color:#3665f3;
 color:var(--checkbox-checked-color,#3665f3)
}
svg.checkbox__unchecked {
 color:#111820;
 color:var(--checkbox-unchecked-color,#111820)
}
input.checkbox__control[type=checkbox] {
 font-size:100%;
 margin:0;
 opacity:0;
 padding:0;
 position:absolute;
 z-index:1
}
input.checkbox__control[type=checkbox]+span.checkbox__icon svg.checkbox__checked {
 display:none
}
input.checkbox__control[type=checkbox]+span.checkbox__icon svg.checkbox__unchecked,
input.checkbox__control[type=checkbox]:checked+span.checkbox__icon svg.checkbox__checked {
 display:inline-block
}
input.checkbox__control[type=checkbox]:checked+span.checkbox__icon svg.checkbox__unchecked {
 display:none
}
input.checkbox__control[type=checkbox]:focus+span.checkbox__icon {
 outline:1px dotted #767676
}
input.checkbox__control[type=checkbox][disabled]+span.checkbox__icon {
 opacity:.25
}
.checkbox__control[type=checkbox],
.checkbox__icon svg {
 height:24px;
 min-width:24px;
 width:24px
}
@media (min-width:601px) {
 .checkbox__control[type=checkbox],
 .checkbox__icon svg {
  height:18px;
  min-width:18px;
  width:18px
 }
}
svg.icon {
 display:inline-block;
 fill:currentColor;
 pointer-events:none;
 stroke:currentColor;
 stroke-width:0;
 vertical-align:middle
}
svg.icon--disabled {
 color:#c7c7c7;
 fill:currentColor
}
svg.icon--add {
 height:20px;
 width:20px
}
svg.icon--attention,
svg.icon--attention-filled {
 height:24px;
 width:24px
}
svg.icon--back {
 height:18px;
 width:10px
}
svg.icon--breadcrumb {
 height:8px;
 width:8px
}
svg.icon--camera {
 height:20px;
 width:24px
}
svg.icon--carousel-next,
svg.icon--carousel-prev {
 height:14px;
 width:8px
}
svg.icon--cart {
 height:22px;
 width:23px
}
svg.icon--checkbox-checked,
svg.icon--checkbox-unchecked {
 height:18px;
 width:18px
}
svg.icon--chevron-down {
 height:10px;
 width:18px
}
svg.icon--chevron-left,
svg.icon--chevron-right {
 height:18px;
 width:10px
}
svg.icon--chevron-up {
 height:10px;
 width:18px
}
svg.icon--clear {
 height:24px;
 width:24px
}
svg.icon--close {
 height:18px;
 width:18px
}
svg.icon--confirmation,
svg.icon--confirmation-filled {
 height:24px;
 width:24px
}
svg.icon--cta {
 height:21px;
 width:22px
}
svg.icon--download {
 height:22px;
 width:22px
}
svg.icon--dropdown {
 height:5.25px;
 width:9px
}
svg.icon--filter-gallery,
svg.icon--filter-list,
svg.icon--filter-single {
 height:18px;
 width:22px
}
svg.icon--help {
 height:21px;
 width:22px
}
svg.icon--information,
svg.icon--information-filled {
 height:24px;
 width:24px
}
svg.icon--menu {
 height:18px;
 width:20px
}
svg.icon--messages {
 height:18px;
 width:22px
}
svg.icon--notification {
 height:24px;
 width:22px
}
svg.icon--overflow {
 height:18px;
 width:4px
}
svg.icon--pause,
svg.icon--play {
 height:24px;
 width:24px
}
svg.icon--profile {
 height:24px;
 width:22px
}
svg.icon--pagination-next {
 height:15px;
 width:14px
}
svg.icon--pagination-prev {
 height:14px;
 width:14px
}
svg.icon--radio-checked,
svg.icon--radio-unchecked {
 height:18px;
 width:18px
}
svg.icon--search,
svg.icon--selling {
 height:22px;
 width:22px
}
svg.icon--settings {
 height:24px;
 width:24px
}
svg.icon--tick {
 height:10px;
 width:14px
}
svg.icon--window {
 height:25px;
 width:28px
}
[dir=rtl] svg.icon--back,
[dir=rtl] svg.icon--breadcrumb,
[dir=rtl] svg.icon--carousel-next,
[dir=rtl] svg.icon--carousel-prev,
[dir=rtl] svg.icon--chevron-left,
[dir=rtl] svg.icon--chevron-right,
[dir=rtl] svg.icon--cta,
[dir=rtl] svg.icon--pagination-next,
[dir=rtl] svg.icon--pagination-prev {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
svg.icon--arrow-left {
 height:18px;
 width:20px
}
svg.icon--arrow-move {
 height:15px;
 width:15px
}
svg.icon--arrow-right {
 height:18px;
 width:20px
}
svg.icon--arrow-right-bold {
 height:21px;
 width:22px
}
svg.icon--bids {
 height:23px;
 width:23px
}
svg.icon--bank {
 height:22px;
 width:22px
}
svg.icon--bank-large {
 height:58px;
 width:58px
}
svg.icon--calendar {
 height:22px;
 width:22px
}
svg.icon--calendar-large {
 height:60px;
 width:58px
}
svg.icon--calendar-small {
 height:14px;
 width:14px
}
svg.icon--cart-large {
 height:57px;
 width:57px
}
svg.icon--categories {
 height:20px;
 width:20px
}
svg.icon--chat-large {
 height:53px;
 width:58px
}
svg.icon--chevron-down-bold,
svg.icon--chevron-up-bold {
 height:12.58px;
 width:21.6px
}
svg.icon--credit-card {
 height:16px;
 width:22px
}
svg.icon--credit-card-large {
 height:46px;
 width:58px
}
svg.icon--credit-card-small {
 height:12px;
 width:16px
}
svg.icon--deals {
 height:24px;
 width:18px
}
svg.icon--delete {
 height:24px;
 width:22px
}
svg.icon--edit,
svg.icon--event {
 height:22px;
 width:22px
}
svg.icon--event-large {
 height:58px;
 width:58px
}
svg.icon--fast-n-free {
 height:17px;
 width:22px
}
svg.icon--fingerprint-large {
 height:64px;
 width:64px
}
svg.icon--flag {
 height:21.34px;
 width:13.36px
}
svg.icon--following {
 height:22px;
 width:16px
}
svg.icon--home {
 height:22px;
 width:20px
}
svg.icon--tablet-condensed-grid,
svg.icon--tablet-condensed-grid-filled,
svg.icon--tablet-relaxed-grid,
svg.icon--tablet-relaxed-grid-filled,
svg.icon--tablet-vertical-split,
svg.icon--tablet-vertical-split-filled {
 height:22px;
 width:22px
}
svg.icon--location {
 height:22px;
 width:16px
}
svg.icon--location-large {
 height:59px;
 width:42px
}
svg.icon--locked {
 height:22px;
 width:18px
}
svg.icon--locked-small {
 height:14px;
 width:12px
}
svg.icon--messages-large {
 height:48px;
 width:58px
}
svg.icon--mic {
 height:22px;
 width:16px
}
svg.icon--mobile {
 height:22px;
 width:14px
}
svg.icon--mobile-signal {
 height:22px;
 width:22px
}
svg.icon--package {
 height:20px;
 width:22px
}
svg.icon--photo-brightness {
 height:24px;
 width:24px
}
svg.icon--photo-crop {
 height:24px;
 width:20px
}
svg.icon--photo-gallery {
 height:22px;
 width:22px
}
svg.icon--photo-gallery-more {
 height:24px;
 width:22px
}
svg.icon--photo-rotate {
 height:21px;
 width:24px
}
svg.icon--photo-select-all {
 height:22px;
 width:22px
}
svg.icon--photo-select-none {
 height:23px;
 width:23px
}
svg.icon--photo-contrast {
 height:20px;
 width:20px
}
svg.icon--photo-flash {
 height:22px;
 width:16px
}
svg.icon--photo-flip-camera {
 height:20px;
 width:24px
}
svg.icon--photo-sharpen {
 height:20px;
 width:21px
}
svg.icon--clock {
 height:22px;
 width:22px
}
svg.icon--red-laser {
 height:18px;
 width:22px
}
svg.icon--refresh {
 height:19px;
 width:18px
}
svg.icon--save {
 height:20px;
 width:22px
}
svg.icon--save-bold {
 height:21px;
 width:22px
}
svg.icon--save-selected {
 height:20px;
 width:22px
}
svg.icon--search-bold {
 height:21.6px;
 width:21.6px
}
svg.icon--send {
 height:19px;
 width:24px
}
svg.icon--sign-out {
 height:13.5px;
 width:22.5px
}
svg.icon--star-empty,
svg.icon--star-filled,
svg.icon--star-filled-grey,
svg.icon--star-half,
svg.icon--star-undefined {
 height:22px;
 width:22px
}
svg.icon--thumbs-down,
svg.icon--thumbs-down-selected,
svg.icon--thumbs-up,
svg.icon--thumbs-up-selected {
 height:23px;
 width:24px
}
svg.icon--top-seller {
 height:19.96px;
 width:14.7px
}
svg.icon--truck {
 height:17px;
 width:22px
}
svg.icon--user-profile {
 height:22px;
 width:22px
}
svg.icon--purchases {
 height:20px;
 width:22px
}
svg.icon--remove {
 height:2px;
 width:20px
}
svg.icon--share,
svg.icon--share-small {
 height:24px;
 width:24px
}
svg.icon--store {
 height:22px;
 width:22px
}
svg.icon--store-large {
 height:58px;
 width:57px
}
svg.icon--text-messaging-large {
 height:53px;
 width:58px
}
svg.icon--unlocked {
 height:22px;
 width:18px
}
svg.icon--unlocked-small {
 height:14px;
 width:12px
}
svg.icon--watch {
 height:18px;
 width:24px
}
svg.icon--watch-large {
 height:43px;
 width:61px
}
svg.icon--pause-filled {
 height:24px;
 width:24px
}
svg.icon--pause-filled-large {
 height:64px;
 width:64px
}
svg.icon--pause-large {
 height:60px;
 width:60px
}
svg.icon--pause-small {
 height:16px;
 width:16px
}
svg.icon--play-filled {
 height:24px;
 width:24px
}
svg.icon--play-filled-large,
svg.icon--play-large {
 height:60px;
 width:60px
}
svg.icon--play-small {
 height:16px;
 width:16px
}
svg.icon--add-small,
svg.icon--arrow-left-small {
 height:14px;
 width:14px
}
svg.icon--arrow-move-small {
 height:11px;
 width:11px
}
svg.icon--arrow-right-small {
 height:15px;
 width:14px
}
svg.icon--attention-filled-small,
svg.icon--attention-small {
 height:16px;
 width:16px
}
svg.icon--camera-small {
 height:14px;
 width:16px
}
svg.icon--cart-small {
 height:16px;
 width:15px
}
svg.icon--checkbox-checked-small,
svg.icon--checkbox-unchecked-small {
 height:14px;
 width:14px
}
svg.icon--chevron-down-small {
 height:8px;
 width:14px
}
svg.icon--chevron-left-small,
svg.icon--chevron-right-small {
 height:14px;
 width:8px
}
svg.icon--chevron-up-small {
 height:8px;
 width:14px
}
svg.icon--clear-small,
svg.icon--clock-small {
 height:16px;
 width:16px
}
svg.icon--close-small {
 height:15px;
 width:14px
}
svg.icon--confirmation-filled-small,
svg.icon--confirmation-small,
svg.icon--delete-small,
svg.icon--edit-small {
 height:16px;
 width:16px
}
svg.icon--fast-n-free-small {
 height:13px;
 width:16px
}
svg.icon--filter-gallery-small,
svg.icon--filter-list-small,
svg.icon--filter-single-small {
 height:14px;
 width:16px
}
svg.icon--following-small {
 height:16px;
 width:12px
}
svg.icon--information-filled-small,
svg.icon--information-small {
 height:16px;
 width:16px
}
svg.icon--mic-small {
 height:16px;
 width:12px
}
svg.icon--overflow-small {
 height:13px;
 width:3px
}
svg.icon--radio-checked-small {
 height:16px;
 width:16px
}
svg.icon--radio-unchecked-small {
 height:18px;
 width:18px
}
svg.icon--red-laser-small {
 height:12px;
 width:14px
}
svg.icon--save-selected-small,
svg.icon--save-small {
 height:14px;
 width:16px
}
svg.icon--search-small {
 height:14px;
 width:14px
}
svg.icon--search-large {
 height:57px;
 width:57px
}
svg.icon--star-filled-empty-small,
svg.icon--star-filled-small,
svg.icon--star-half-small,
svg.icon--star-small {
 height:15px;
 width:15px
}
svg.icon--thumbs-down-selected-small {
 height:14px;
 width:14px
}
svg.icon--thumbs-down-small {
 height:16px;
 width:16px
}
svg.icon--thumbs-up-selected-small {
 height:14px;
 width:14px
}
svg.icon--thumbs-up-small {
 height:16px;
 width:16px
}
svg.icon--tick-small {
 height:9px;
 width:12px
}
svg.icon--truck-small {
 height:13px;
 width:16px
}
span.field {
 display:inline-block
}
span.field+span.field {
 margin-left:8px
}
.field-group,
div.field {
 margin:16px 0
}
.field-group {
 display:-webkit-box;
 display:flex
}
.field-group>div.field {
 margin:0
}
span.field--table {
 display:inline-table
}
div.field--table {
 display:table
}
.field__label {
 margin-right:8px
}
.field__description {
 font-size:.75rem
}
.field__description--confirmation {
 color:#05823f
}
.field__description--information {
 color:#3665f3
}
.field__description--attention {
 color:#e62048
}
.field__group>.field__description,
.field__group>.field__label {
 align-self:center
}
span.field__group {
 display:-webkit-inline-box;
 display:inline-flex
}
div.field__group {
 display:-webkit-box;
 display:flex
}
.field__control+span.field__description {
 margin-left:8px
}
div.field__description {
 margin-top:8px
}
.field__row {
 display:table-row
}
.field__row>.field__control,
.field__row>.field__description,
.field__row>.field__label {
 display:table-cell
}
.field__row .field__label {
 margin-right:auto;
 padding-right:8px
}
.field__row .field__control+span.field__description {
 margin-left:0;
 padding-left:8px
}
.field__row:first-child>.field__description {
 padding-bottom:8px
}
.field__row:last-child>.field__description {
 padding-top:8px
}
.field__label--end {
 margin-left:4px;
 margin-right:auto
}
.field__label--stacked {
 display:block;
 margin-bottom:8px
}
.field__label--disabled {
 color:#c7c7c7
}
.field--fluid,
.field__control--fluid,
.field__group--fluid {
 width:100%
}
.field--align-top .field__label {
 display:inline-block;
 margin-top:16px
}
.field--align-top .textbox {
 vertical-align:top
}
.field__group--align-top>.field__label {
 align-self:start;
 margin-top:16px
}
.checkbox+.field__label--end,
.radio+.field__label--end {
 vertical-align:middle
}
body {
 background-color:#fff;
 background-color:var(--color-background-default,#fff);
 color:#111820;
 color:var(--color-text-default,#111820);
 font-family:Arial,sans-serif;
 font-size:.875rem;
 -webkit-text-size-adjust:100%
}
a {
 color:#3665f3;
 color:var(--color-link-default,#3665f3)
}
a:visited {
 color:#82187c;
 color:var(--color-link-visited,#82187c)
}
a:hover {
 color:#2b0eaf;
 color:var(--color-link-hover,#2b0eaf)
}
fieldset {
 border:0;
 padding:0
}
legend {
 margin-bottom:8px
}
a.fake-btn,
button.btn {
 --button-border-radius:0;
 --button-primary-background-color:#3665f3;
 --button-primary-border-color:#3665f3;
 --button-primary-foreground-color:#fff;
 --button-primary-disabled-background-color:#c7c7c7;
 --button-primary-disabled-border-color:#c7c7c7;
 --button-primary-disabled-foreground-color:#fff;
 --button-secondary-background-color:#fff;
 --button-secondary-border-color:#3665f3;
 --button-secondary-foreground-color:#3665f3;
 --button-secondary-disabled-background-color:#fff;
 --button-secondary-disabled-border-color:#c7c7c7;
 --button-secondary-disabled-foreground-color:#c7c7c7;
 --button-delete-background-color:#fff;
 --button-delete-border-color:#e62048;
 --button-delete-foreground-color:#e62048
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 a.fake-btn,
 .skin-experiment-1 button.btn {
  --button-primary-background-color:#5192ff;
  --button-primary-foreground-color:#171717;
  --button-secondary-background-color:#171717;
  --button-secondary-border-color:#5192ff;
  --button-secondary-foreground-color:#5192ff;
  --button-delete-background-color:#171717;
  --button-delete-border-color:#e75064;
  --button-delete-foreground-color:#e75064;
  --button-primary-disabled-background-color:#171717;
  --button-primary-disabled-foreground-color:#767676;
  --button-primary-disabled-border-color:#767676;
  --button-secondary-disabled-background-color:#171717;
  --button-secondary-disabled-foreground-color:#767676;
  --button-secondary-disabled-border-color:#767676
 }
}
a.fake-btn,
button.btn {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-family:inherit;
 margin:0;
 text-align:center;
 text-decoration:none;
 vertical-align:bottom;
 border-radius:0;
 border-radius:var(--button-border-radius,0);
 background-color:transparent;
 border:1px solid;
 border-color:inherit;
 color:inherit;
 display:inline-block;
 font-size:.875rem;
 max-width:100%;
 min-height:40px;
 padding:9.5px 16px
}
a.fake-btn--fixed-height,
a.fake-btn--truncated,
button.btn--fixed-height,
button.btn--truncated {
 height:40px
}
a.fake-btn:visited {
 color:inherit
}
a.fake-btn--fluid,
button.btn--fluid {
 width:100%
}
.btn__cell,
.fake-btn__cell {
 -webkit-box-align:center;
 align-items:center;
 display:-webkit-box;
 display:flex;
 width:100%;
 -webkit-box-pack:center;
 justify-content:center
}
.btn__cell--fixed-height,
.fake-btn__cell--fixed-height {
 display:-webkit-inline-box;
 display:inline-flex
}
.btn__cell--fixed-height>svg,
.fake-btn__cell--fixed-height>svg {
 align-self:baseline;
 max-width:calc(100% - 32px)
}
.btn__cell--truncated,
.fake-btn__cell--truncated {
 display:-webkit-inline-box;
 display:inline-flex
}
.btn__cell--truncated>svg,
.fake-btn__cell--truncated>svg {
 align-self:baseline;
 max-width:calc(100% - 32px)
}
a.fake-btn svg.icon,
button.btn svg.icon {
 align-self:center;
 flex-shrink:0;
 width:1em
}
a.fake-btn svg.icon:first-child,
button.btn svg.icon:first-child {
 margin-right:8px
}
a.fake-btn svg.icon:last-child,
button.btn svg.icon:last-child {
 margin-left:8px
}
a.fake-btn__cell--fixed-height svg.icon,
button.btn__cell--fixed-height svg.icon {
 align-self:center;
 height:1rem;
 overflow:visible;
 width:1rem
}
a.fake-btn--primary,
button.btn--primary {
 background-color:#3665f3;
 background-color:var(--button-primary-background-color,#3665f3);
 border-color:#3665f3;
 border-color:var(--button-primary-border-color,#3665f3);
 color:#fff;
 color:var(--button-primary-foreground-color,#fff)
}
a.fake-btn--primary:visited {
 color:#fff
}
button.btn .spinner {
 height:19px;
 width:19px
}
button.btn--confirmation {
 background-color:#1bab49;
 border-color:#28a443;
 color:#fff
}
button.btn--confirmation svg.icon {
 height:19px;
 width:19px
}
button.btn--confirmation svg.icon:first-child {
 margin-right:0
}
button.btn--confirmation svg.icon:last-child {
 margin-left:0
}
button.btn--confirmation:active,
button.btn--confirmation:focus,
button.btn--confirmation:hover,
button.btn--confirmation:visited {
 border-color:#28a443;
 color:#fff
}
button.btn--primary[aria-disabled=true],
button.btn--primary[disabled] {
 background-color:#c7c7c7;
 background-color:var(--button-primary-disabled-background-color,#c7c7c7);
 border-color:#c7c7c7;
 border-color:var(--button-primary-disabled-border-color,#c7c7c7);
 color:#fff;
 color:var(--button-primary-disabled-foreground-color,#fff)
}
button.btn--primary[aria-disabled=true] svg.icon,
button.btn--primary[disabled] svg.icon {
 fill:#fff;
 fill:var(--button-primary-disabled-foreground-color,#fff)
}
a.fake-btn--primary:not([href]),
a.fake-btn--primary[aria-disabled=true],
button.btn--primary[aria-disabled=true]:focus,
button.btn--primary[aria-disabled=true]:hover,
button.btn--primary[disabled]:focus,
button.btn--primary[disabled]:hover {
 background-color:#c7c7c7;
 background-color:var(--button-primary-disabled-background-color,#c7c7c7);
 border-color:#c7c7c7;
 border-color:var(--button-primary-disabled-border-color,#c7c7c7)
}
a.fake-btn--primary:not([href]),
a.fake-btn--primary[aria-disabled=true] {
 color:#fff;
 color:var(--button-primary-disabled-foreground-color,#fff)
}
a.fake-btn--secondary,
button.btn--secondary {
 background-color:#fff;
 background-color:var(--button-secondary-background-color,#fff);
 border-color:#3665f3;
 border-color:var(--button-secondary-border-color,#3665f3);
 color:#3665f3;
 color:var(--button-secondary-foreground-color,#3665f3)
}
a.fake-btn--secondary:visited {
 color:#3665f3
}
a.fake-btn--delete,
button.btn--delete {
 background-color:#fff;
 background-color:var(--button-delete-background-color,#fff)
}
a.fake-btn--delete,
a.fake-btn--delete:active,
a.fake-btn--delete:focus,
a.fake-btn--delete:hover,
a.fake-btn--delete:visited,
button.btn--delete,
button.btn--delete:active,
button.btn--delete:focus,
button.btn--delete:hover,
button.btn--delete:visited {
 border-color:#e62048;
 border-color:var(--button-delete-border-color,#e62048);
 color:#e62048;
 color:var(--button-delete-foreground-color,#e62048)
}
button.btn--delete[aria-disabled=true],
button.btn--delete[disabled],
button.btn--secondary[aria-disabled=true],
button.btn--secondary[disabled] {
 background-color:#fff;
 background-color:var(--button-secondary-disabled-background-color,#fff);
 border-color:#c7c7c7;
 border-color:var(--button-secondary-disabled-border-color,#c7c7c7);
 color:#c7c7c7;
 color:var(--button-secondary-disabled-foreground-color,#c7c7c7)
}
button.btn--delete[aria-disabled=true] svg.icon,
button.btn--delete[disabled] svg.icon,
button.btn--secondary[aria-disabled=true] svg.icon,
button.btn--secondary[disabled] svg.icon {
 fill:#c7c7c7;
 fill:var(--button-secondary-disabled-foreground-color,#c7c7c7)
}
button.btn--delete[aria-disabled=true]:active,
button.btn--delete[aria-disabled=true]:focus,
button.btn--delete[aria-disabled=true]:hover,
button.btn--delete[disabled]:active,
button.btn--delete[disabled]:focus,
button.btn--delete[disabled]:hover,
button.btn--secondary[aria-disabled=true]:active,
button.btn--secondary[aria-disabled=true]:focus,
button.btn--secondary[aria-disabled=true]:hover,
button.btn--secondary[disabled]:active,
button.btn--secondary[disabled]:focus,
button.btn--secondary[disabled]:hover {
 background-color:#fff;
 background-color:var(--button-secondary-disabled-background-color,#fff);
 border-color:#c7c7c7;
 border-color:var(--button-secondary-disabled-border-color,#c7c7c7)
}
a.fake-btn--delete:not([href]),
a.fake-btn--delete[aria-disabled=true],
a.fake-btn--secondary:not([href]),
a.fake-btn--secondary[aria-disabled=true] {
 border-color:#c7c7c7;
 border-color:var(--button-secondary-disabled-border-color,#c7c7c7);
 color:#c7c7c7;
 color:var(--button-secondary-disabled-foreground-color,#c7c7c7)
}
a.fake-btn--large,
button.btn--large {
 min-height:48px
}
a.fake-btn--transparent,
button.btn--transparent {
 background-color:transparent
}
a.fake-btn--fixed-height,
button.btn--fixed-height {
 padding-top:calc(21.5px - .75em)
}
a.fake-btn--large-fixed-height,
button.btn--large-fixed-height {
 height:48px;
 padding-top:calc(27px - .75em)
}
a.fake-btn--truncated,
a.fake-btn--truncated span,
button.btn--truncated,
button.btn--truncated span {
 line-height:1.4em;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
a.fake-btn--large-truncated,
button.btn--large-truncated {
 height:48px
}
a.fake-btn--large-truncated,
a.fake-btn--large-truncated span,
button.btn--large-truncated,
button.btn--large-truncated span {
 line-height:1.4em;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
a.fake-btn--primary,
button.btn--primary {
 font-weight:700
}
a.fake-btn--primary:active,
a.fake-btn--primary:focus,
a.fake-btn--primary:hover,
button.btn--primary:active,
button.btn--primary:focus,
button.btn--primary:hover {
 background-color:#2b0eaf;
 border-color:#2b0eaf
}
a.fake-btn--primary:not([href]):active,
a.fake-btn--primary:not([href]):focus,
a.fake-btn--primary:not([href]):hover,
a.fake-btn--primary[aria-disabled=true]:active,
a.fake-btn--primary[aria-disabled=true]:focus,
a.fake-btn--primary[aria-disabled=true]:hover {
 background-color:#c7c7c7;
 border-color:#c7c7c7;
 color:#fff
}
a.fake-btn--secondary:active,
a.fake-btn--secondary:focus,
a.fake-btn--secondary:hover,
button.btn--secondary:active,
button.btn--secondary:focus,
button.btn--secondary:hover {
 border-color:#2b0eaf;
 color:#2b0eaf
}
a.fake-btn--secondary:not([href]):active,
a.fake-btn--secondary:not([href]):focus,
a.fake-btn--secondary:not([href]):hover,
a.fake-btn--secondary[aria-disabled=true]:active,
a.fake-btn--secondary[aria-disabled=true]:focus,
a.fake-btn--secondary[aria-disabled=true]:hover,
a.fake-btn--secondary[disabled]:active,
a.fake-btn--secondary[disabled]:focus,
a.fake-btn--secondary[disabled]:hover,
button.btn--secondary[disabled]:active,
button.btn--secondary[disabled]:focus,
button.btn--secondary[disabled]:hover {
 background-color:#fff;
 border-color:#c7c7c7;
 color:#c7c7c7
}
button.btn {
 padding-top:10px
}
button.btn,
button.btn--fixed-height {
 padding-bottom:10px
}
button.btn--truncated {
 padding-bottom:10px;
 padding-top:10px
}
a.fake-btn {
 padding-top:11px
}
a.fake-btn,
a.fake-btn--fixed-height {
 padding-bottom:9px
}
a.fake-btn--truncated {
 padding-bottom:9px;
 padding-top:11px
}
a.fake-btn--large,
button.btn--large {
 font-size:1rem;
 padding-bottom:13px;
 padding-top:15px
}
a.fake-btn--large-fixed-height,
button.btn--large-fixed-height {
 min-height:48px;
 padding-bottom:13px
}
a.fake-btn--large-truncated,
button.btn--large-truncated {
 min-height:48px;
 padding-bottom:13px;
 padding-top:15px
}
.radio {
 --radio-checked-color:#3665f3;
 --radio-unchecked-color:#111820
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .radio {
  --radio-checked-color:#5192ff;
  --radio-unchecked-color:#dcdcdc
 }
}
.radio {
 font-size:1rem;
 position:relative;
 vertical-align:text-bottom
}
.radio,
span.radio__icon {
 display:-webkit-inline-box;
 display:inline-flex
}
span.radio__icon {
 font-size:1em;
 outline-offset:1px
}
span.radio__icon[hidden] {
 display:-webkit-inline-box;
 display:inline-flex
}
svg.radio__checked,
svg.radio__unchecked {
 display:inline-block;
 fill:currentColor;
 pointer-events:none;
 stroke:currentColor;
 stroke-width:0;
 vertical-align:middle
}
svg.radio__checked {
 color:#3665f3;
 color:var(--radio-checked-color,#3665f3)
}
svg.radio__unchecked {
 color:#111820;
 color:var(--radio-unchecked-color,#111820)
}
input.radio__control[type=radio] {
 font-size:100%;
 margin:0;
 opacity:0;
 padding:0;
 position:absolute;
 z-index:1
}
input.radio__control[type=radio]+span.radio__icon svg.radio__checked {
 display:none
}
input.radio__control[type=radio]+span.radio__icon svg.radio__unchecked,
input.radio__control[type=radio]:checked+span.radio__icon svg.radio__checked {
 display:inline-block
}
input.radio__control[type=radio]:checked+span.radio__icon svg.radio__unchecked {
 display:none
}
input.radio__control[type=radio]:focus+span.radio__icon {
 outline:1px dotted #767676
}
input.radio__control[type=radio][disabled]+span.radio__icon {
 opacity:.25
}
.radio__control[type=radio],
.radio__icon svg {
 height:24px;
 min-width:24px;
 width:24px
}
@media (min-width:601px) {
 .radio__control[type=radio],
 .radio__icon svg {
  height:18px;
  min-width:18px;
  width:18px
 }
}
.dialog {
 --dialog-mask-background-color:#111820;
 --dialog-window-background-color:#fff;
 --dialog-back-close-foreground-color:#111820
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .dialog {
  --dialog-window-background-color:#212121;
  --dialog-back-close-foreground-color:#dcdcdc
 }
}
.dialog[role=dialog] {
 background-color:rgba(17,24,32,.7);
 bottom:0;
 left:0;
 -webkit-overflow-scrolling:touch;
 overflow-y:auto;
 position:fixed;
 right:0;
 top:0;
 will-change:background-color;
 z-index:100000
}
.dialog--no-mask[role=dialog] {
 background-color:transparent
}
.dialog__header {
 display:-webkit-box;
 display:flex;
 flex-shrink:0;
 margin:16px 16px 0;
 position:relative
}
.dialog__header h2 {
 -webkit-box-flex:1;
 flex:1 1 auto;
 margin:0
}
.dialog__header>:last-child:not(:only-child) {
 margin-left:16px
}
.dialog__body,
.dialog__main {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-box-flex:1;
 flex:1 1 auto;
 margin:16px;
 position:relative;
 min-height:18px
}
.dialog__body>:first-child,
.dialog__main>:first-child {
 margin-top:0
}
.dialog__body>:last-child,
.dialog__main>:last-child {
 margin-bottom:0
}
.dialog__footer {
 display:-webkit-box;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
 -webkit-box-pack:center;
 justify-content:center;
 margin:0 16px 16px;
 position:relative
}
.dialog__footer>:not(:first-child) {
 margin-top:16px
}
.dialog__close {
 right:0
}
.dialog__back {
 left:0
}
.dialog__back,
.dialog__close {
 color:#111820;
 color:var(--dialog-back-close-foreground-color,#111820);
 background-color:transparent;
 border:0;
 margin:0;
 padding:16px;
 position:absolute;
 top:0;
 z-index:1
}
.dialog__back:focus,
.dialog__back:hover,
.dialog__close:focus,
.dialog__close:hover {
 color:#3665f3
}
.dialog__header .dialog__close {
 align-self:center;
 float:auto;
 padding:0;
 position:relative
}
.dialog__header .dialog__end-btn {
 border:none;
 padding:0
}
.dialog__title:not(:first-child) {
 margin-left:16px
}
.dialog__title--center {
 text-align:center
}
.dialog__window {
 display:-webkit-box;
 display:flex;
 margin:auto;
 max-width:616px;
 min-height:55px;
 position:absolute;
 right:0;
 will-change:opacity,transform;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
 left:0;
 padding-bottom:15vh;
 top:15%;
 width:calc(100% - 32px)
}
.dialog__window:before {
 background-color:#fff;
 background-color:var(--dialog-window-background-color,#fff);
 bottom:15vh;
 content:"";
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.dialog__window--full,
.dialog__window--left,
.dialog__window--right {
 background-color:#fff;
 background-color:var(--dialog-window-background-color,#fff);
 bottom:0;
 -webkit-overflow-scrolling:touch;
 padding-bottom:0;
 overflow-y:auto;
 top:0
}
.dialog__window--full:before,
.dialog__window--left:before,
.dialog__window--right:before {
 display:none
}
.dialog__window--full .dialog__body,
.dialog__window--full .dialog__main,
.dialog__window--left .dialog__body,
.dialog__window--left .dialog__main,
.dialog__window--right .dialog__body,
.dialog__window--right .dialog__main {
 min-height:auto
}
.dialog__window--fill {
 min-height:70vh
}
.dialog__window--full {
 bottom:0;
 max-width:100%;
 width:100%
}
.dialog__window--left,
.dialog__window--right {
 width:calc(88% - 32px);
 min-width:calc(88% - 32px);
 max-width:calc(100% - 32px)
}
.dialog__window--left {
 border-right:1px solid hsla(0,0%,60%,.18);
 right:auto
}
.dialog__window--right {
 border-left:1px solid hsla(0,0%,60%,.18);
 left:auto
}
.dialog--hide.dialog--mask-fade,
.dialog--show.dialog--mask-fade {
 -webkit-transition:background-color .16s ease-out;
 transition:background-color .16s ease-out
}
.dialog--hide.dialog--mask-fade-slow,
.dialog--show.dialog--mask-fade-slow {
 -webkit-transition:background-color .32s ease-out;
 transition:background-color .32s ease-out
}
.dialog--hide .dialog__window--fade,
.dialog--show .dialog__window--fade {
 -webkit-transition:opacity .16s ease-out;
 transition:opacity .16s ease-out
}
.dialog--hide .dialog__window--slide,
.dialog--show .dialog__window--slide {
 -webkit-transition:-webkit-transform .32s ease-out;
 transition:-webkit-transform .32s ease-out;
 transition:transform .32s ease-out;
 transition:transform .32s ease-out,-webkit-transform .32s ease-out
}
.dialog--hide.dialog--hide,
.dialog--hide.dialog--show-init,
.dialog--show-init.dialog--hide,
.dialog--show-init.dialog--show-init {
 display:block
}
.dialog--hide.dialog--mask-fade,
.dialog--hide.dialog--mask-fade-slow,
.dialog--show-init.dialog--mask-fade,
.dialog--show-init.dialog--mask-fade-slow {
 background-color:rgba(17,24,32,0)
}
.dialog--hide .dialog__window--fade,
.dialog--show-init .dialog__window--fade {
 opacity:0
}
.dialog--hide .dialog__window--slide.dialog__window--left,
.dialog--show-init .dialog__window--slide.dialog__window--left {
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
.dialog--hide .dialog__window--slide.dialog__window--right,
.dialog--show-init .dialog__window--slide.dialog__window--right {
 -webkit-transform:translateX(100%);
 transform:translateX(100%)
}
.dialog--hide .dialog__window--slide.dialog__window--full,
.dialog--show-init .dialog__window--slide.dialog__window--full {
 -webkit-transform:translateY(100%);
 transform:translateY(100%)
}
.dialog--hide-init.dialog--hide-init,
.dialog--hide-init.dialog--show,
.dialog--show.dialog--hide-init,
.dialog--show.dialog--show {
 display:block
}
.dialog--hide-init.dialog--mask-fade,
.dialog--hide-init.dialog--mask-fade-slow,
.dialog--show.dialog--mask-fade,
.dialog--show.dialog--mask-fade-slow {
 background-color:rgba(17,24,32,.7)
}
.dialog--hide-init .dialog__window--fade,
.dialog--show .dialog__window--fade {
 opacity:1
}
.dialog--hide-init .dialog__window--slide,
.dialog--show .dialog__window--slide {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.dialog__window.dialog__window--mini {
 display:-webkit-box;
 display:flex;
 margin:auto;
 max-width:400px;
 min-height:55px;
 position:absolute;
 right:0;
 will-change:opacity,transform;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 flex-direction:row-reverse;
 left:0;
 min-width:200px;
 padding-bottom:15vh;
 top:50%;
 -webkit-transform:translateY(-25%);
 transform:translateY(-25%)
}
.dialog__window.dialog__window--mini:before {
 background-color:#fff;
 background-color:var(--dialog-window-background-color,#fff);
 bottom:15vh;
 content:"";
 left:0;
 position:absolute;
 top:0;
 width:100%;
 border-radius:7px
}
.dialog__window.dialog__window--mini .dialog__header {
 display:-webkit-box;
 display:flex;
 flex-shrink:0;
 margin:0;
 position:relative;
 -webkit-box-align:start;
 align-items:flex-start;
 align-self:flex-start
}
.dialog__window.dialog__window--mini .dialog__header h2 {
 -webkit-box-flex:1;
 flex:1 1 auto;
 margin:0
}
.dialog__window.dialog__window--mini .dialog__header>:last-child:not(:only-child) {
 margin-left:16px
}
.dialog__window.dialog__window--mini .dialog__close {
 color:#111820;
 color:var(--dialog-back-close-foreground-color,#111820);
 background-color:transparent;
 border:0;
 margin:8px;
 padding:8px;
 z-index:1
}
.dialog__window.dialog__window--mini .dialog__close:focus,
.dialog__window.dialog__window--mini .dialog__close:hover {
 color:#3665f3
}
.dialog__window.dialog__window--mini .dialog__main {
 margin:0;
 padding:16px 0 16px 16px
}
@media (max-width:600px) {
 .dialog__window:not(.dialog__window--full) {
  width:calc(100% - 32px);
  min-width:calc(100% - 32px);
  max-width:calc(100% - 32px)
 }
 .dialog__window--mini {
  max-width:344px
 }
}
@media (min-width:601px) and (max-width:768px) {
 .dialog__window:not(.dialog__window--full) {
  width:calc(88% - 32px);
  min-width:calc(88% - 32px);
  max-width:calc(88% - 32px)
 }
}
@media (min-width:769px) and (max-width:1024px) {
 .dialog__window:not(.dialog__window--full) {
  width:calc(75% - 32px);
  max-width:616px
 }
}
@media (min-width:601px) {
 .dialog__header {
  margin:24px 24px 0
 }
 .dialog__header>:last-child {
  margin-left:24px;
  margin-top:0
 }
 .dialog__body,
 .dialog__main {
  margin:24px
 }
 .dialog__footer {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row;
  -webkit-box-pack:end;
  justify-content:flex-end;
  margin:0 24px 24px
 }
 .dialog__footer>:not(:first-child) {
  margin-left:24px;
  margin-top:0
 }
 .dialog__back,
 .dialog__close {
  padding:24px
 }
}
.select {
 --select-background-color:#fff;
 --select-border-color:#a2a2a2;
 --select-border-radius:initial;
 --select-foreground-color:#111820;
 --select-focus-border-color:#3665f3
}
@media (prefers-color-scheme:dark) {
 .skin-experiment-1 .select {
  --select-background-color:#171717;
  --select-foreground-color:#dcdcdc;
  --select-focus-border-color:#5192ff
 }
}
.select {
 color:#111820;
 color:var(--select-foreground-color,#111820);
 font-size:.875rem;
 position:relative
}
span.select {
 display:inline-block
}
.select select {
 background-color:#fff;
 background-color:var(--select-background-color,#fff);
 border-radius:initial;
 border-radius:var(--select-border-radius,initial);
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:1px solid #a2a2a2;
 border-color:var(--select-border-color,#a2a2a2);
 color:inherit;
 font-family:Market Sans,Arial,sans-serif;
 font-size:1em;
 height:40px;
 padding:0 32px 0 16px
}
.select svg.icon--dropdown {
 height:100%;
 pointer-events:none;
 position:absolute;
 right:16px;
 top:0
}
.select--large select {
 font-size:1.125rem;
 height:48px
}
.select--fluid,
.select--fluid select {
 width:100%
}
.select--underline select {
 border:none;
 border-bottom:1px solid #767676;
 font-weight:700;
 height:1.875rem;
 padding-left:0
}
.select--underline svg.icon {
 right:0
}
.select--borderless select {
 background-color:transparent;
 border:0;
 padding-left:0;
 width:auto
}
.select--borderless select[disabled] {
 background-color:#fff;
 color:#e5e5e5
}
.select--borderless select:focus {
 border-color:#121258;
 text-decoration:underline
}
.select select:focus {
 border-color:#3665f3;
 border-color:var(--select-focus-border-color,#3665f3);
 outline:0
}
.select select::-ms-expand {
 display:none
}
.select select[disabled] {
 background-color:#e5e5e5;
 border:0;
 color:#c7c7c7
}
.select select[readonly] {
 background-color:#f5f5f5;
 border-color:#c7c7c7;
 color:#767676
}
.select select[aria-invalid=true] {
 border:1px solid #e62048;
 border-color:var(--select-invalid-border-color,#e62048)
}
[dir=rtl] .select>select {
 padding-left:30px;
 padding-right:16px
}
[dir=rtl] .select svg {
 left:16px;
 right:auto
}
[dir=rtl] .select--underline svg.icon {
 left:0;
 right:auto
}
.select select[disabled]+svg {
 opacity:.5
}
:root {
 --color-background-default:#fff;
 --color-text-default:#111820;
 --color-text-secondary:#767676;
 --color-link-default:#3665f3;
 --color-link-visited:#82187c
}
@media (prefers-color-scheme:dark) {
 :root .skin-experiment-1 {
  --color-background-default:#171717;
  --color-text-default:#dcdcdc;
  --color-text-secondary:#9c9c9c;
  --color-link-default:#5192ff;
  --color-link-hover:#94bcff;
  --color-link-visited:#d2a4cf
 }
}
.clearfix:after,
.clearfix:before {
 content:" ";
 display:table;
 line-height:0
}
.clearfix:after {
 clear:both
}
.clipped {
 border:0;
 clip:rect(1px,1px,1px,1px);
 height:1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 white-space:nowrap;
 width:1px
}
.clipped--stealth:focus {
 clip:auto;
 height:auto;
 overflow:visible;
 white-space:normal;
 width:auto
}
.fluid {
 width:100%
}
.fluid-image,
.image-stretch {
 height:auto;
 width:100%
}
.image-scale,
.responsive-image {
 height:auto;
 max-width:100%
}
.image-center,
.image-wrapper {
 display:table-cell;
 text-align:center;
 vertical-align:middle
}
.image-center img,
.image-wrapper img {
 max-height:100%;
 max-width:100%
}
.no-scroll {
 overflow:hidden
}
.no-wrap {
 white-space:nowrap
}
.text-truncate,
.truncate {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.emphasis,
.negative {
 color:#e62048
}
.positive {
 color:#05823f
}
.disabled-text {
 color:#c7c7c7
}
