.drift-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
    box-sizing: border-box;
    transition: all .2s ease-in
}
.drift-button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.drift-button {
    font-family: inherit;
    padding: .5em 1em;
    color: #394f5a;
    border: 1px solid #b5d2e1;
    background-color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}
.drift-button.small {
    line-height: 1
}
.drift-button.large {
    line-height: 2
}
.drift-button svg {
    display: inline-block;
    height: 1.15em;
    max-width: 1.3em;
    vertical-align: top;
    margin: 1px 8px 0 0
}
.drift-button.small svg {
    margin-top: -1px
}
.drift-button.large svg {
    margin-top: 5px
}
.drift-button.icon-left svg {
    margin-right: 8px
}
.drift-button.icon-right svg {
    margin-left: 8px;
    margin-right: 0
}
.drift-button:not(.color-icon) svg path {
    fill: currentColor
}
.drift-button-hover,
.drift-button:focus,
.drift-button:hover {
    color: #0176ff
}
.drift-button-active,
.drift-button:active,
.drift-button:focus {
    outline: 0
}
.drift-button-disabled,
.drift-button-disabled:active,
.drift-button-disabled:focus,
.drift-button-disabled:hover,
.drift-button[disabled] {
    border-color: #f2f6f8;
    background-color: #f2f6f8;
    color: #b5d2e1;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none
}
.drift-button-hidden {
    display: none
}
.drift-button-primary,
.drift-button-selected,
a.drift-button-primary,
a.drift-button-selected {
    background-color: #13cb6e;
    border-color: #13cb6e;
    color: #fff
}
.drift-button-primary-hover,
.drift-button-primary:focus,
.drift-button-primary:hover {
    color: #fff;
    background-color: #1fa45c;
    border-color: #1fa45c
}
.drift-button-secondary,
.drift-button-selected,
a.drift-button-secondary,
a.drift-button-selected {
    background-color: #f2f6f8;
    border-color: #b5d2e1;
    color: #394f5a
}
.drift-button-secondary-hover,
.drift-button-secondary:focus,
.drift-button-secondary:hover {
    background-color: #e1eef4;
    color: #0176ff
}
.drift-button-selected,
.drift-button-subtle,
a.drift-button-selected,
a.drift-button-subtle {
    color: #7695a5
}
.drift-button-danger,
a.drift-button-danger {
    background-color: #e92e4b;
    border-color: #e92e4b;
    color: #fff
}
.drift-button-danger-hover,
.drift-button-danger:focus,
.drift-button-danger:hover {
    color: #fff;
    background-color: #d0021b;
    border-color: #d0021b
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1em 0;
    padding: 0;
    font-weight: 400
}
.drift-table {
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #e1eef4;
    width: 100%
}
.drift-table-scroll-x {
    display: block;
    overflow-x: auto;
    width: 100%
}
.drift-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}
.drift-table td,
.drift-table th {
    border-left: 1px solid transparent;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 1em
}
.drift-table thead,
.drift-table thead td {
    background-color: #f2f6f8;
    color: #394f5a;
    text-align: left;
    vertical-align: bottom;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px
}
.drift-table tbody {
    font-size: 14px
}
.drift-table td {
    background-color: #fff
}
.drift-table tbody td {
    border-bottom: 1px solid #e1eef4
}
.drift-table tbody tr:last-child td {
    border-bottom: none
}
.drift-form input[type=color],
.drift-form input[type=date],
.drift-form input[type=datetime-local],
.drift-form input[type=datetime],
.drift-form input[type=email],
.drift-form input[type=month],
.drift-form input[type=number],
.drift-form input[type=password],
.drift-form input[type=search],
.drift-form input[type=tel],
.drift-form input[type=text],
.drift-form input[type=time],
.drift-form input[type=url],
.drift-form input[type=week],
.drift-form select,
.drift-form textarea {
    padding: .5em 1em;
    display: inline-block;
    color: #394f5a;
    border: 1px solid #b5d2e1;
    background-color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    transition: all .2s ease-in;
    line-height: 1.5em
}
.drift-form input.small {
    line-height: 1
}
.drift-form input.medium {
    line-height: 1.5
}
.drift-form input.large {
    line-height: 2
}
.drift-form input[type=color]:focus,
.drift-form input[type=date]:focus,
.drift-form input[type=datetime-local]:focus,
.drift-form input[type=datetime]:focus,
.drift-form input[type=email]:focus,
.drift-form input[type=month]:focus,
.drift-form input[type=number]:focus,
.drift-form input[type=password]:focus,
.drift-form input[type=search]:focus,
.drift-form input[type=tel]:focus,
.drift-form input[type=text]:focus,
.drift-form input[type=time]:focus,
.drift-form input[type=url]:focus,
.drift-form input[type=week]:focus,
.drift-form select:focus,
.drift-form textarea:focus {
    outline: 0;
    border-color: #13cb6e
}
.drift-form input::-webkit-input-placeholder {
    color: #b5d2e1
}
.drift-form input:-moz-placeholder,
.drift-form input::-moz-placeholder {
    color: #b5d2e1
}
.drift-form input:-ms-input-placeholder {
    color: #b5d2e1
}
.drift-form input[type=checkbox]:focus,
.drift-form input[type=file]:focus,
.drift-form input[type=radio]:focus {
    outline: thin solid #13cb6e;
    outline: 1px auto #13cb6e
}
.drift-checkbox,
.drift-radio {
    margin: .5em 0;
    display: block
}
.drift-form input[type=radio] {
    background-color: transparent;
    border: .0625em solid #b5d2e1;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0 #fff;
    cursor: pointer;
    font: inherit;
    height: 1em;
    width: 1em;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
.drift-form input[type=radio]:checked {
    background-color: #13cb6e;
    box-shadow: inset 0 0 0 .1em #fff;
    transition: background .15s, box-shadow .1s
}
.drift-form input[type=radio]:active,
.drift-form input[type=radio]:checked,
.drift-form input[type=radio]:focus {
    outline: none
}
.drift-form input:disabled,
.drift-form input[type=color][disabled],
.drift-form input[type=date][disabled],
.drift-form input[type=datetime-local][disabled],
.drift-form input[type=datetime][disabled],
.drift-form input[type=email][disabled],
.drift-form input[type=month][disabled],
.drift-form input[type=number][disabled],
.drift-form input[type=password][disabled],
.drift-form input[type=search][disabled],
.drift-form input[type=tel][disabled],
.drift-form input[type=text][disabled],
.drift-form input[type=time][disabled],
.drift-form input[type=url][disabled],
.drift-form input[type=week][disabled],
.drift-form select[disabled],
.drift-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #f2f6f8;
    border: .0625em solid #e1eef4;
    color: #b5d2e1
}
.drift-form input[readonly],
.drift-form select[readonly],
.drift-form textarea[readonly] {
    background-color: #f2f6f8;
    color: #b5d2e1
}
.drift-form input:focus:invalid,
.drift-form select:focus:invalid,
.drift-form textarea:focus:invalid {
    border-color: #e92e4b
}
.drift-form input[type=checkbox]:focus:invalid:focus,
.drift-form input[type=file]:focus:invalid:focus,
.drift-form input[type=radio]:focus:invalid:focus {
    outline-color: #e92e4b
}
.drift-form select {
    height: 2.5em;
    background-color: #fff
}
.drift-form select[multiple] {
    height: auto
}
.drift-form label {
    margin: .5em 0 .2em;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    vertical-align: baseline
}
.drift-form label input[type=color],
.drift-form label input[type=date],
.drift-form label input[type=datetime-local],
.drift-form label input[type=datetime],
.drift-form label input[type=email],
.drift-form label input[type=month],
.drift-form label input[type=number],
.drift-form label input[type=password],
.drift-form label input[type=search],
.drift-form label input[type=tel],
.drift-form label input[type=text],
.drift-form label input[type=time],
.drift-form label input[type=url],
.drift-form label input[type=week],
.drift-form label select,
.drift-form label textarea {
    display: block;
    margin: 5px 0 0
}
.drift-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}
.drift-form fieldset legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #394f5a;
    border-bottom: 1px solid #b5d2e1
}
.drift-form input[type=range] {
    -webkit-appearance: none;
    width: 100%
}
.drift-form input[type=range]:focus {
    outline: none
}
.drift-form input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: .2s;
    box-shadow: 0 0 0 #e1eef4, 0 0 0 #e1eef4;
    background-color: #e1eef4;
    border-radius: 25px;
    border: 0 solid #e1eef4
}
.drift-form input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 #13cb6e, 0 0 0 #13cb6e;
    border: 0 solid #13cb6e;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #13cb6e;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px
}
.drift-form input[type=range].drift-disabled::-webkit-slider-thumb,
.drift-form input[type=range][disabled]::-webkit-slider-thumb {
    background-color: #b5d2e1
}
.drift-form input[type=range]:focus::-webkit-slider-runnable-track {
    background-color: #e1eef4
}
.drift-form input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: .2s;
    box-shadow: 0 0 0 #e1eef4, 0 0 0 #e1eef4;
    background-color: #e1eef4;
    border-radius: 24px;
    border: 0 solid #e1eef4
}
.drift-form input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #13cb6e, 0 0 0 #13cb6e;
    border: 0 solid #13cb6e;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #13cb6e;
    cursor: pointer
}
.drift-form input[type=range].drift-disabled::-moz-range-thumb,
.drift-form input[type=range][disabled]::-moz-range-thumb {
    background-color: #b5d2e1
}
.drift-form input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: .2s;
    background-color: transparent;
    border-color: transparent;
    border-width: 24px 0;
    color: transparent
}
.drift-form input[type=range]::-ms-fill-lower,
.drift-form input[type=range]::-ms-fill-upper {
    background-color: #e1eef4;
    border: 0 solid #e1eef4;
    border-radius: 50px;
    box-shadow: 0 0 0 #e1eef4, 0 0 0 #e1eef4
}
.drift-form input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 #13cb6e, 0 0 0 #13cb6e;
    border: 0 solid #13cb6e;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #13cb6e;
    cursor: pointer
}
.drift-form input[type=range].drift-disabled::-ms-thumb,
.drift-form input[type=range][disabled]::-ms-thumb {
    background-color: #b5d2e1
}
.drift-form input[type=range]:focus::-ms-fill-lower,
.drift-form input[type=range]:focus::-ms-fill-upper {
    background-color: #e1eef4
}
.drift-form .Select {
    display: inline-block;
    vertical-align: top
}
.drift-form .Select-control {
    color: #394f5a;
    border: 1px solid #b5d2e1;
    border-color: #b5d2e1;
    background-color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    height: 2.7em
}
.drift-form .is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e
}
[tooltip]:after,
[tooltip]:before {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}
[tooltip]:before {
    content: "";
    border: 5px solid transparent;
    z-index: 1001
}
[tooltip]:after {
    content: attr(tooltip);
    min-width: 3em;
    max-width: 21em;
    white-space: pre-wrap;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
    background: #394f5a;
    line-height: 1.2;
    color: #fff;
    z-index: 1000
}
[tooltip]:hover:after,
[tooltip]:hover:before {
    display: block
}
[tooltip=""]:after,
[tooltip=""]:before {
    display: none!important
}
[tooltip]:not([flow]):before,
[tooltip][flow^=up]:before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #394f5a
}
[tooltip]:not([flow]):after,
[tooltip][flow^=up]:after {
    bottom: calc(100% + 5px)
}
[tooltip]:not([flow]):after,
[tooltip]:not([flow]):before,
[tooltip][flow^=up]:after,
[tooltip][flow^=up]:before {
    left: 50%;
    transform: translate(-50%, -.5em)
}
[tooltip][flow^=down]:before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #394f5a
}
[tooltip][flow^=down]:after {
    top: calc(100% + 5px)
}
[tooltip][flow^=down]:after,
[tooltip][flow^=down]:before {
    left: 50%;
    transform: translate(-50%, .5em)
}
[tooltip][flow^=left]:before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #394f5a;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%)
}
[tooltip][flow^=left]:after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%)
}
[tooltip][flow^=right]:before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #394f5a;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%)
}
[tooltip][flow^=right]:after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%)
}
[tooltip]:not([flow]):hover:after,
[tooltip]:not([flow]):hover:before,
[tooltip][flow^=down]:hover:after,
[tooltip][flow^=down]:hover:before,
[tooltip][flow^=up]:hover:after,
[tooltip][flow^=up]:hover:before {
    animation: tooltips-vert .3s ease-out forwards
}
[tooltip][flow^=left]:hover:after,
[tooltip][flow^=left]:hover:before,
[tooltip][flow^=right]:hover:after,
[tooltip][flow^=right]:hover:before {
    animation: tooltips-horz .3s ease-out forwards
}
@-moz-keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}
@-webkit-keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}
@-o-keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}
@-moz-keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translateY(-50%)
    }
}
@-webkit-keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translateY(-50%)
    }
}
@-o-keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translateY(-50%)
    }
}
@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translateY(-50%)
    }
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}
.link.active,
.link:hover,
a.active,
a:hover {
    color: #0960c5
}
.body-font,
body {
    font-size: 16px;
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.body-font.TimesNewRoman {
    font-family: Times New Roman, serif
}
.body-font.Helvetica {
    font-family: Helvetica, sans-serif
}
.body-font.Georgia {
    line-height: 1.45;
    font-family: Georgia, serif
}
.body-font.ComicSansMS {
    font-family: Comic Sans MS, sans-serif
}
.body-font.Brandon {
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif
}
.body-font.Lato {
    font-family: Lato, sans-serif
}
.body-font.OpenSans {
    line-height: 1.35;
    font-family: Open Sans, sans-serif
}
.body-font.Roboto {
    line-height: 1.35;
    font-family: Roboto, sans-serif
}
.body-font.RobotoSlab {
    line-height: 1.35;
    font-family: Roboto, serif
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.color-white {
    color: #fff
}
.bg-white {
    background-color: #fff
}
.color-white-off {
    color: #fafafa
}
.bg-white-off {
    background-color: #fafafa
}
.color-gray-extra-light {
    color: #f8f8f8
}
.bg-gray-extra-light {
    background-color: #f8f8f8
}
.color-gray-light {
    color: #eee
}
.bg-gray-light {
    background-color: #eee
}
.color-gray {
    color: #ccc
}
.bg-gray {
    background-color: #ccc
}
.color-gray-dark {
    color: #9a9a9a
}
.bg-gray-dark {
    background-color: #9a9a9a
}
.color-gray-extra-dark {
    color: #333
}
.bg-gray-extra-dark {
    background-color: #333
}
.color-black {
    color: #000
}
.bg-black {
    background-color: #000
}
.color-blue {
    color: #0176ff
}
.bg-blue {
    background-color: #0176ff
}
.color-blue-dark {
    color: #0960c5
}
.bg-blue-dark {
    background-color: #0960c5
}
.color-blue-light {
    color: #9edcf7
}
.bg-blue-light {
    background-color: #9edcf7
}
.color-blue-extra-light {
    color: #effaff
}
.bg-blue-extra-light {
    background-color: #effaff
}
.color-teal {
    color: #13ddb0
}
.bg-teal {
    background-color: #13ddb0
}
.color-green {
    color: #13cb6e
}
.bg-green {
    background-color: #13cb6e
}
.color-green-dark {
    color: #1fa45c
}
.bg-green-dark {
    background-color: #1fa45c
}
.color-pink {
    color: #ff7f93
}
.bg-pink {
    background-color: #ff7f93
}
.color-orange {
    color: #f56c4c
}
.bg-orange {
    background-color: #f56c4c
}
.color-orange-light {
    color: #f7a41b
}
.bg-orange-light {
    background-color: #f7a41b
}
.color-red {
    color: #e92e4b
}
.bg-red {
    background-color: #e92e4b
}
.color-red-dark {
    color: #d0021b
}
.bg-red-dark {
    background-color: #d0021b
}
.color-yellow-extra-light {
    color: #fffcd9
}
.bg-yellow-extra-light {
    background-color: #fffcd9
}
.color-yellow-light {
    color: #fef79e
}
.bg-yellow-light {
    background-color: #fef79e
}
.color-violet {
    color: #e877dc
}
.bg-violet {
    background-color: #e877dc
}
.color-navy-extra-dark {
    color: #394f5a
}
.bg-navy-extra-dark {
    background-color: #394f5a
}
.color-navy-dark {
    color: #7695a5
}
.bg-navy-dark {
    background-color: #7695a5
}
.color-navy {
    color: #b5d2e1
}
.bg-navy {
    background-color: #b5d2e1
}
.color-navy-light {
    color: #e1eef4
}
.bg-navy-light {
    background-color: #e1eef4
}
.color-navy-off-white {
    color: #f2f6f8
}
.bg-navy-off-white {
    background-color: #f2f6f8
}
.AriaMenuButton [role=button],
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.react-select-box,
.react-select-box-container,
select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.AriaMenuButton [role=button],
.flex,
.flex-inline,
.react-select-box,
.react-select-box-container,
select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.dsg-largeRow,
.dsg-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.zoom-transition-enter,
.zoom-transition-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.zoom-transition-enter {
    opacity: 0
}
.zoom-transition-enter.zoom-transition-enter-active {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.zoom-transition-leave.zoom-transition-leave-active {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.bounce-appear,
.bounce-enter,
.bounce-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.bounce-appear.bounce-appear-active,
.bounce-enter.bounce-enter-active {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.bounce-leave.bounce-leave-active {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.step-transition-enter {
    opacity: 0
}
.step-transition-enter.step-transition-enter-active {
    opacity: 1;
    -webkit-animation: slide-in .4s;
    animation: slide-in .4s
}
.step-transition-leave.step-transition-leave-active {
    opacity: 0;
    -webkit-animation: slide-out .4s ease;
    animation: slide-out .4s ease
}
.step-transition-height {
    transition: height .4s ease-in-out
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
.AriaMenuButton [role=menu] [role=menuitem],
.react-select-box-option {
    min-height: 3.15rem;
    padding-left: 1.3rem;
    padding-right: .85rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    border-bottom: 1px solid #eee
}
.AriaMenuButton [role=menu] [role=menuitem]:first-child,
.react-select-box-option:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.AriaMenuButton [role=menu] [role=menuitem]:last-child,
.react-select-box-option:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-bottom: none
}
.AriaMenuButton [role=menu] [role=menuitem]:hover,
.react-select-box-option:hover {
    background-color: #0176ff;
    color: #fff
}
.AriaMenuButton [role=menu] [role=menuitem]:hover .selected-check-mark.icon-svg *,
.react-select-box-option:hover .selected-check-mark.icon-svg * {
    stroke: #fff;
    fill: #fff
}
.AriaMenuButton [role=menu] [role=menuitem]:hover .Avatar .initials,
.react-select-box-option:hover .Avatar .initials {
    color: #fff;
    border-color: #fff
}
.AriaMenuButton [role=menu] [role=menuitem] .name,
.react-select-box-option .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.AriaMenuButton [role=menu] [role=menuitem] .Avatar,
.react-select-box-option .Avatar {
    margin-right: .5rem
}
.AriaMenuButton [role=menu] [role=menuitem] .selected-check-mark.icon-svg,
.react-select-box-option .selected-check-mark.icon-svg {
    height: .7rem;
    width: 1rem
}
.AriaMenuButton [role=menu] [role=menuitem] .selected-check-mark.icon-svg *,
.react-select-box-option .selected-check-mark.icon-svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.AriaMenuButton [role=menu],
.react-select-box-options {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.AriaMenuButton [role=button],
.react-select-box-container {
    position: relative;
    text-align: left;
    width: auto;
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: .3125rem
}
.AriaMenuButton [role=menu],
.react-select-box-options {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 2px 0 0;
    position: absolute;
    padding: 0;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 4;
    list-style-type: none
}
.AriaMenuButton [role=button]:after,
.react-select-box:after {
    content: " ";
    background: url(/assets/44950ed66d7ad77b3adb62fd35eb5196.svg) no-repeat;
    width: 14px;
    height: 8px
}
.react-select-box {
    padding: 0 1rem;
    cursor: pointer;
    border: none;
    width: 100%;
    text-align: left;
    background-color: transparent;
    outline: none
}
.react-select-box:focus {
    box-shadow: 0 0 4px #0176ff
}
.react-select-box-label,
.react-select-box-option {
    font-size: 16px;
    letter-spacing: -.01em;
    color: #000;
    font-weight: 400;
    opacity: 1
}
.react-select-box-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.react-select-box-click-outside-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}
.react-select-box-clear {
    display: none!important
}
.react-select-box-hidden {
    display: none
}
.react-select-box-options-list {
    list-style: none outside;
    margin: 0;
    padding: 0
}
.react-select-box-option-selected {
    font-weight: 500
}
.react-select-box-option-focused,
.react-select-box-option:focus {
    color: #fff;
    outline: 0;
    background-color: #0176ff
}
.react-select-box-native {
    position: absolute;
    left: -99999em
}
.AriaMenuButton {
    display: inline-block;
    position: relative;
    font-size: 12px;
    cursor: pointer
}
.AriaMenuButton [role=button] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 1.7rem;
    padding: 0 1.3rem
}
.AriaMenuButton [role=button] [role=menuitem] {
    padding-left: 0;
    padding-right: 0
}
.AriaMenuButton .AriaMenuButton--disabled {
    background-color: #eee;
    border-color: #eee;
    color: #ccc
}
.AriaMenuButton.AriaMenuButton--small [role=button] {
    min-height: 28px
}
.AriaMenuButton.AriaMenuButton--small [role=menuitem] {
    min-height: 36px
}
.AriaMenuButton.AriaMenuButton--large [role=button] {
    min-height: 40px
}
.AriaMenuButton [role=menu] [role=menuitem] {
    min-height: 1.95rem
}
.AriaMenuButton [role=menu] [role=menuitem]:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.AriaMenuButton [role=menu] [role=menuitem]:focus,
.AriaMenuButton [role=menu] [role=menuitem]:hover {
    background-color: #0176ff;
    color: #fff
}
.AriaMenuButton [role=menu] [role=menuitem].is-selected:not(:focus),
.AriaMenuButton [role=menu] [role=menuitem].is-selected:not(:hover) {
    cursor: default;
    font-weight: 500
}
.p-1 {
    padding: 1rem
}
.pv-1 {
    padding: 1rem 0
}
.ph-1 {
    padding: 0 1rem
}
.m-1 {
    margin: 1rem
}
.mv-1 {
    margin: 1rem 0
}
.mh-1 {
    margin: 0 1rem
}
.p-2 {
    padding: 2rem
}
.pv-2 {
    padding: 2rem 0
}
.ph-2 {
    padding: 0 2rem
}
.m-2 {
    margin: 2rem
}
.mv-2 {
    margin: 2rem 0
}
.mh-2 {
    margin: 0 2rem
}
.p-3 {
    padding: 3rem
}
.pv-3 {
    padding: 3rem 0
}
.ph-3 {
    padding: 0 3rem
}
.m-3 {
    margin: 3rem
}
.mv-3 {
    margin: 3rem 0
}
.mh-3 {
    margin: 0 3rem
}
.p-4 {
    padding: 4rem
}
.pv-4 {
    padding: 4rem 0
}
.ph-4 {
    padding: 0 4rem
}
.m-4 {
    margin: 4rem
}
.mv-4 {
    margin: 4rem 0
}
.mh-4 {
    margin: 0 4rem
}
.p-5 {
    padding: 5rem
}
.pv-5 {
    padding: 5rem 0
}
.ph-5 {
    padding: 0 5rem
}
.m-5 {
    margin: 5rem
}
.mv-5 {
    margin: 5rem 0
}
.mh-5 {
    margin: 0 5rem
}
.App .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin: 0
}
.App .Input.active {
    border-color: #13cb6e
}
.App .Input.error {
    border-color: #ff7f93
}
.App .Input input,
.App .Input textarea {
    font-size: .875rem;
    font-weight: 400;
    padding: 0 .75rem
}
.App .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.App .Input::-moz-placeholder {
    color: #b5d2e1
}
.App .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.App .Input::placeholder {
    color: #b5d2e1
}
.upgrade-ribbon {
    position: absolute;
    color: #fff;
    top: 15px;
    right: -21px;
    width: 90px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    font-size: .75rem;
    background-color: #13cb6e
}
.upgrade-pill.dsg-card {
    padding: 1rem;
    color: #7695a5;
    background: #f2f6f8;
    border-radius: .3125rem;
    border-top: .5rem solid #13cb6e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.upgrade-pill .title {
    font-size: 1.3125rem;
    font-weight: 500;
    margin-bottom: .5rem;
    color: #000
}
.upgrade-pill .dsg-MediumButton {
    color: #fff;
    background: #13cb6e;
    margin-left: 1rem
}
body {
    margin: 0
}
body * {
    box-sizing: border-box;
    outline: none
}
.hidden {
    display: none
}
.invisible {
    visibility: hidden
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.link,
a {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.link.disabled,
a.disabled {
    pointer-events: none
}
.gray-icon svg * {
    fill: #9a9a9a;
    stroke: #9a9a9a
}
select {
    font-size: .875rem;
    position: relative;
    text-align: left;
    box-sizing: content-box;
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: .3125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px;
    height: 1.7rem
}
.select-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.select-wrapper select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.select-wrapper:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    right: 10px;
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
    background-image: url(/assets/29aadb83be6833ed918c0f6e7adaf9bb.svg);
    width: 11px;
    height: 8px
}
.Avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem
}
.Avatar .default {
    height: 100%
}
.Avatar .avatar-image,
.Avatar .default-avatar,
.Avatar .initials {
    width: 100%;
    height: 100%
}
.Avatar .avatar-image {
    background-size: cover;
    background-position: 50%
}
.Avatar .initials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9a9a9a;
    background-color: #eee
}
.Avatar.extra-small {
    width: 1.25rem;
    height: 1.25rem
}
.Avatar.extra-small .initials .default-avatar {
    font-size: 10px
}
.Avatar.medium {
    width: 2.5rem;
    height: 2.5rem
}
.Avatar.medium .default-avatar,
.Avatar.medium .initials {
    font-size: 16px
}
.Avatar.large {
    width: 3.125rem;
    height: 3.125rem
}
.Avatar.large .default-avatar,
.Avatar.large .initials {
    font-size: 20px
}
.Avatar.extra-large {
    width: 5rem;
    height: 5rem
}
.Avatar.extra-large .default-avatar,
.Avatar.extra-large .initials {
    font-size: 24px
}
.Avatar.jumbo {
    width: 6.25rem;
    height: 6.25rem
}
.Avatar.jumbo .default-avatar,
.Avatar.jumbo .initials {
    font-size: 30px
}
.Avatar.circle---3nsPV .avatar-image,
.Avatar.circle---3nsPV .default-avatar,
.Avatar.circle---3nsPV .initials {
    border-radius: 50%
}
.Avatar .avatar-image,
.Avatar .default-avatar,
.Avatar .initials,
.Avatar.square---10F3N .avatar-image,
.Avatar.square---10F3N .default-avatar,
.Avatar.square---10F3N .initials {
    border-radius: 5px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Input {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Input {
    width: 100%;
    position: relative;
    margin: .39rem 0;
    border: 2px solid #eee;
    border-radius: .3125rem
}
.Input.error {
    -webkit-animation-name: shake;
    animation-name: shake;
    border: 2px solid #ff7f93;
    box-sizing: border-box
}
.Input.active {
    border-color: #13ddb0
}
.Input.read-only {
    background-color: #fafafa
}
.Input .subdomain-postfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-left: 2px solid #eee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.Input .subdomain-postfix.valid {
    color: #0176ff
}
.Input.active .subdomain-postfix {
    border-color: #13ddb0
}
.Input.error .subdomain-postfix {
    border-color: #ff7f93
}
.Input.small input,
.Input.small textarea {
    font-size: .75rem;
    font-weight: 400
}
.Input.small input {
    height: 1.7rem
}
.Input.medium input,
.Input.medium textarea {
    font-size: .875rem;
    font-weight: 400
}
.Input.medium input {
    height: 2.5rem
}
.Input.large input,
.Input.large textarea {
    font-size: 1rem;
    font-weight: 500
}
.Input.large input {
    height: 2.8rem
}
.Input input,
.Input textarea {
    outline: none;
    width: 100%;
    border-radius: .3125rem;
    color: #000;
    border: none;
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.Input input:-moz-read-only,
.Input textarea:-moz-read-only {
    background-color: #fafafa
}
.Input input:read-only,
.Input textarea:read-only {
    background-color: #fafafa
}
.Input textarea {
    overflow-y: auto
}
.Input input {
    height: 2.8rem
}
.Input .overlay-label {
    position: absolute;
    width: 12.1rem;
    right: -13.1rem;
    top: .9rem;
    background-color: #0176ff;
    color: #fff;
    padding: .8rem 1.25rem;
    box-shadow: -1px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    z-index: 3
}
.Input .overlay-label:after {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    width: 0;
    height: 0;
    border-width: .5rem 0 0 .5rem;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    border-style: solid;
    border-color: transparent transparent transparent #0176ff
}
.Input .overlay-label.error {
    background-color: #ccc
}
.Input .overlay-label.error:after {
    border-color: transparent transparent transparent #ccc
}
.input-wrapper [contenteditable=true] {
    width: 100%;
    padding: 1rem;
    background-color: #fff
}
.input-wrapper [contenteditable=true] p {
    margin: 0
}
.input-wrapper .dsg-Label,
.input-wrapper .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.input-wrapper .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .7rem;
    font-size: 12px;
    color: #9a9a9a;
    font-weight: 500;
    text-transform: uppercase
}
.input-wrapper .label .invalid {
    color: #ff7f93;
    text-transform: none
}
.Input textarea {
    resize: none
}
.Modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .75);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}
.Modal button {
    font-weight: 600
}
.Modal .modal-title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 1rem;
    margin-left: .6rem
}
.Modal .modal-content {
    max-height: 90vh;
    padding: 2.1rem;
    background-color: #fff;
    border-radius: .625rem
}
.Modal .close-button {
    position: absolute;
    right: .25rem;
    top: .25rem;
    cursor: pointer;
    padding: .75rem;
    z-index: 1;
    width: auto
}
.Modal .close-button svg {
    height: .75rem;
    width: .75rem
}
.Modal .close-button svg path {
    fill: #000
}
body.modal-visible {
    overflow: hidden
}
body.modal-visible.modal-full-screen.glass-mode-full-screen .Header {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px)
}
body.modal-visible.modal-full-screen .Modal {
    background: inherit
}
body.modal-visible.modal-full-screen .Modal .modal-content {
    height: 100vh;
    width: 100%;
    max-height: none;
    border-radius: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.EditableInfoCard {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.EditableInfoCard>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.EditableInfoCard>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.EditableInfoCard .card-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #9a9a9a;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.EditableInfoCard .card-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.EditableInfoCard .info-row a,
.EditableInfoCard .info-row span:nth-of-type(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.EditableInfoCard {
    position: relative;
    margin: 1rem 0;
    box-shadow: none
}
.EditableInfoCard:hover .edit-toggle {
    visibility: visible
}
.EditableInfoCard.is-focused {
    box-shadow: 0 0 .56rem rgba(0, 0, 0, .1)
}
.EditableInfoCard .card-title {
    box-shadow: none
}
.EditableInfoCard .before-display .card-content,
.EditableInfoCard .before-edit .card-content {
    margin: 0;
    padding-right: 1rem
}
.EditableInfoCard .before-display .Avatar,
.EditableInfoCard .before-edit .Avatar,
.EditableInfoCard .info-block p {
    margin: 0
}
.EditableInfoCard .info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0
}
.EditableInfoCard .info-row span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.EditableInfoCard .info-row span:nth-of-type(2) {
    font-weight: 600;
    color: #9a9a9a
}
.EditableInfoCard .info-row.icon span:first-of-type {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-preferred-size: 1rem;
    flex-basis: 1rem;
    text-align: center;
    margin-right: 2rem
}
.EditableInfoCard .info-row.icon a,
.EditableInfoCard .info-row.icon span:nth-of-type(2) {
    font-weight: 400
}
.EditableInfoCard .info-row.icon svg {
    width: 1rem;
    height: 1rem
}
.EditableInfoCard .edit-label {
    margin-bottom: .25rem;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9a9a9a
}
.EditableInfoCard .edit-mode-options-toggles,
.EditableInfoCard .edit-toggle {
    position: absolute;
    right: 1rem;
    top: .5rem;
    font-size: 14px;
    cursor: pointer
}
.EditableInfoCard .edit-toggle {
    visibility: hidden
}
.EditableInfoCard .edit-mode-options-toggles a:not(:last-of-type) {
    margin-right: .5rem
}
.EditableInfoCard .edit-mode-options-toggles .cancel {
    color: #9a9a9a
}
.EditableInfoCard .edit-mode-options-toggles .disabled {
    color: #ccc;
    cursor: default
}
.EditableInfoCard .Input {
    width: 100%;
    margin-bottom: .5rem
}
.EditableInfoCard .Input input {
    height: 2.1rem
}
.EditableInfoCard textarea {
    height: 3rem;
    width: 100%;
    outline: none;
    resize: none
}
.CustomerInfo .EditableInfoCard .card-title {
    padding: 1rem 1rem 0
}
.CustomerInfo .EditableInfoCard .card-content {
    padding: .5rem 1rem 1rem
}
.CustomerInfo .EditableInfoCard .card-content .info-row.icon span:first-of-type {
    margin-right: 1rem
}
.Location {
    font-size: 14px;
    color: #9a9a9a;
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.Location svg {
    width: .7rem;
    margin-right: .25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.EndUserIdentity .EditableInfoCard .before-display,
.EndUserIdentity .EditableInfoCard .before-edit,
.EndUserIdentity .EditableInfoCard .card-content,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.EndUserIdentity .EditableInfoCard .before-edit,
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.EndUserIdentity .EditableInfoCard .card-content,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.EndUserIdentity .EditableInfoCard .before-display,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.EndUserIdentity .EditableInfoCard {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.EndUserIdentity .EditableInfoCard>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.EndUserIdentity .EditableInfoCard>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.EndUserIdentity .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.EndUserIdentity {
    margin-bottom: 2rem
}
.EndUserIdentity .EditableInfoCard {
    padding: 1.25rem;
    margin: 0
}
.EndUserIdentity .EditableInfoCard.is-focused {
    border-width: 1
}
.EndUserIdentity .EditableInfoCard .before-edit {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}
.EndUserIdentity .Avatar {
    margin-right: 1rem
}
.EndUserIdentity .name {
    font-size: 22px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ff7f93;
    padding: .15rem .75rem;
    border-radius: .15625rem;
    font-size: .75rem;
    color: #fff;
    height: 20px;
    max-width: 100%
}
.Tag .tag-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.TagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.TagList {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.TagList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.TagList .Tag {
    font-size: 12px;
    padding: .1rem .75rem
}
.TagList .Tag,
.TagList .TagButton {
    margin-right: .5rem;
    margin-bottom: .25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.ResultPreviewUser .EndUserIdentity .EditableInfoCard,
.ResultPreviewUser .tag-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.ResultPreviewUser .EndUserIdentity .EditableInfoCard,
.ResultPreviewUser .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ResultPreviewUser {
    height: 100%;
    overflow: auto
}
.ResultPreviewUser .EndUserIdentity {
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .card-title,
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .edit-toggle {
    display: none
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .before-display {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .before-display .Avatar {
    margin-bottom: 1rem
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .before-display .Location {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    margin-top: 0
}
.ResultPreviewUser .EndUserIdentity .EditableInfoCard .before-display .card-content {
    text-align: center;
    padding-right: 0
}
.ResultPreviewUser .organization {
    text-align: center;
    margin-top: 1rem;
    color: #9a9a9a;
    font-size: 16px
}
.ResultPreviewUser .tag-list {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.ResultPreviewConversation .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.ResultPreviewConversation .bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ResultPreviewConversation .subject {
    font-size: 18px;
    margin-bottom: .5rem
}
.ResultPreviewConversation .body {
    color: #9a9a9a;
    font-size: 14px;
    max-height: 11.5rem;
    overflow: hidden
}
.ResultPreviewConversation .bottom {
    position: absolute;
    bottom: 1.5rem;
    left: 1rem;
    right: 1rem;
    border-top: 1px solid #eee;
    height: 2rem;
    padding-top: 2rem
}
.ResultPreviewConversation .bottom .status {
    margin-left: auto
}
.ResultPreview {
    height: 100%;
    position: relative
}
.ResultPreview>* {
    padding: 1.2rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Modal .modal-content.GlobalSearch .results-container,
.Modal .modal-content.GlobalSearch .results-container .results .result-category,
.Modal .modal-content.GlobalSearch .results-container .results .result-category .result-category-header,
.Modal .modal-content.GlobalSearch .results-container .results .result-item,
.Modal .modal-content.GlobalSearch .results-container .results .result-item .main-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Modal .modal-content.GlobalSearch .results-container .results .result-category,
.Modal .modal-content.GlobalSearch .results-container .results .result-category .result-category-header,
.Modal .modal-content.GlobalSearch .results-container .results .result-item,
.Modal .modal-content.GlobalSearch .results-container .results .result-item .main-data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .title {
    white-space: nowrap;
    text-overflow: ellipsis
}
.Modal .modal-content.GlobalSearch {
    min-width: 35.75rem;
    width: 50%;
    padding: 0;
    top: -15rem;
    height: 34rem;
    background-color: transparent
}
.Modal .modal-content.GlobalSearch .close-button {
    display: none
}
.Modal .modal-content.GlobalSearch .Input {
    margin: 0;
    border-radius: .625rem;
    padding: 1rem 6.8rem 1rem 2.75rem;
    background-color: #fff
}
.Modal .modal-content.GlobalSearch .no-results .Input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.Modal .modal-content.GlobalSearch input {
    font-weight: 400;
    font-size: 24px
}
.Modal .modal-content.GlobalSearch .results-container {
    height: 20rem;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}
.Modal .modal-content.GlobalSearch .results-container .results {
    min-width: 20rem;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border-right: 1px solid #ccc
}
.Modal .modal-content.GlobalSearch .results-container .results .result-category .result-category-header {
    height: 1.5rem;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 1.5rem;
    background-color: #eee
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: stretch;
    flex-direction: stretch;
    cursor: pointer;
    overflow: hidden;
    height: 4rem;
    padding-left: 1.5rem;
    border-bottom: 1px solid #eee
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .main-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .extra-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #9a9a9a
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .content {
    width: 100%
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .title {
    color: #0176ff;
    overflow: hidden;
    width: 17rem
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item:last-child {
    border-bottom: none
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item.isSelected {
    color: #fff;
    background-color: #0176ff
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item.isSelected .status,
.Modal .modal-content.GlobalSearch .results-container .results .result-item.isSelected .title {
    color: #fff
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .Avatar {
    margin-right: 1rem
}
.Modal .modal-content.GlobalSearch .results-container .results .result-item .metadata {
    font-size: 13px;
    overflow: hidden
}
.Modal .modal-content.GlobalSearch .results-container .results.preview-visible .result-item .extra-data {
    display: none
}
.Modal .modal-content.GlobalSearch .results-container .preview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}
.Modal .modal-content.GlobalSearch .num-results {
    position: absolute;
    font-size: 14px;
    right: 1rem;
    top: 2rem;
    color: #ccc
}
.Modal .modal-content.GlobalSearch .search-icon {
    position: absolute;
    left: 1.4rem;
    top: 2rem
}
.Modal .modal-content.GlobalSearch .status {
    font-weight: 600
}
.Modal .modal-content.GlobalSearch .status.OPEN {
    color: #13cb6e
}
.Modal .modal-content.GlobalSearch .status.ARCHIVED,
.Modal .modal-content.GlobalSearch .status.CLOSED {
    color: #b5d2e1
}
.Modal .modal-content.GlobalSearch .status.PENDING {
    color: #9edcf7
}
.Page {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}
.AppContainer,
.Page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.AppContainer {
    height: 100vh
}
.App {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.App .app-content-container {
    display: inline-block;
    width: 100%;
    overflow-y: auto
}
.App .app-content-container .app-route-content {
    width: 100%
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Header---qYa0f,
.Header---qYa0f .centerColumn---1rKiF,
.Header---qYa0f .leftColumn---33H_G,
.Header---qYa0f .rightColumn---2KvEk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.Header---qYa0f .centerColumn---1rKiF,
.Header---qYa0f .leftColumn---33H_G,
.Header---qYa0f .rightColumn---2KvEk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Header---qYa0f {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Header---qYa0f {
    box-shadow: 0 2px 0 #eee
}
.Header---qYa0f .centerColumn---1rKiF,
.Header---qYa0f .leftColumn---33H_G,
.Header---qYa0f .rightColumn---2KvEk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: initial!important;
    flex-direction: row!important
}
.RestContent---3TIJR {
    padding-top: 3.125rem;
    height: 100%;
    overflow-y: auto
}
.Header---qYa0f {
    height: 3.125rem;
    width: 100%;
    z-index: 2;
    top: 0;
    background-color: #fff;
    position: fixed
}
.Header---qYa0f.navy {
    box-shadow: none;
    border-bottom: 1px solid #e1eef4
}
.Header---qYa0f.navy .headerClose---3MMUD svg * {
    fill: #b5d2e1
}
.Header---qYa0f .header-button {
    height: 50px;
    line-height: 50px
}
.Header---qYa0f .leftColumn---33H_G {
    padding-left: 1.5rem;
    min-width: 250px
}
.Header---qYa0f .rightColumn---2KvEk {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.Header---qYa0f .rightColumn---2KvEk .headerClose---3MMUD {
    background: none;
    border: none;
    margin-left: 1rem;
    cursor: pointer;
    height: 50px;
    display: inline-block;
    line-height: 50px
}
.Header---qYa0f .rightColumn---2KvEk .headerClose---3MMUD>i {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-top: 15px
}
.Header---qYa0f .rightColumn---2KvEk .headerClose---3MMUD svg {
    width: 22px;
    height: 22px
}
.Header---qYa0f .rightColumn---2KvEk .headerClose---3MMUD:hover path {
    fill: #0176ff
}
.Header---qYa0f .centerColumn---1rKiF {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Header---qYa0f .centerColumn---1rKiF .headerTitle---3R6Ia {
    color: #0176ff;
    font-size: 1.3125rem
}
@media (max-width: 600px) {
    .Header---qYa0f .leftColumn---33H_G,
    .Header---qYa0f .rightColumn---2KvEk {
        width: 50%
    }
    .Header---qYa0f .rightColumn---2KvEk {
        padding-right: .6rem
    }
    .Header---qYa0f .centerColumn---1rKiF {
        display: none
    }
}
.header-button {
    background: none;
    border: none;
    color: #0176ff;
    cursor: pointer;
    font-size: 1rem
}
.header-button>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem
}
.header-button>div path {
    fill: #0176ff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.NotificationBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.NotificationBar {
    color: #fff;
    border-radius: .3125rem;
    font-size: 14px;
    font-weight: 500;
    min-height: 3rem;
    padding: 10px 20px
}
.NotificationBar .notification-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}
.NotificationBar img {
    cursor: pointer
}
.NotificationBar {
    position: fixed;
    z-index: 1001;
    left: calc((100% - 43.5rem) / 2);
    right: 0;
    width: 43.5rem;
    background-color: #13cb6e
}
.NotificationBar .dsg-SmallButton {
    background-color: #11b763;
    margin-right: 1rem
}
.NotificationBar.red {
    background-color: #e92e4b
}
.NotificationBar.red .dsg-SmallButton {
    background-color: #e31837
}
.NotificationBar.gray {
    background-color: #b5d2e1
}
.NotificationBar.gray .dsg-SmallButton {
    background-color: #98c0d5
}
.NotificationBar.navy {
    background-color: #b5d2e1
}
.NotificationBar.navy .dsg-SmallButton {
    background-color: #98c0d5
}
.NotificationBar.blue {
    background-color: #0960c5
}
.NotificationBar.blue .dsg-SmallButton {
    background-color: #0856b1
}
.NotificationBar img {
    width: .75rem;
    height: .75rem;
    margin-left: .15rem
}
.HeaderBrand---3ITr9 {
    cursor: pointer;
    margin-right: 5rem
}
.HeaderBrand---3ITr9 svg {
    height: 1.75rem
}
.HeaderBrand---3ITr9 svg path.logo-white {
    fill: #fff!important
}
.HeaderBrand---3ITr9 svg:hover path {
    fill: #0960c5
}
.HeaderBrand---3ITr9.large {
    margin: 1.5rem 0
}
.HeaderBrand---3ITr9.large svg {
    height: 2.15rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CircleOfWaiting {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.CircleOfWaiting .circle {
    display: inline-block;
    margin: 0 .2rem;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: dot-blink 1.5s ease-in-out infinite;
    animation: dot-blink 1.5s ease-in-out infinite
}
@-webkit-keyframes dot-blink {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes dot-blink {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.WelcomeTitle---1HZCn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.WelcomeTitle---1HZCn h1.title {
    margin: 15px 0 10px;
    color: #0176ff;
    font-size: 2rem
}
.WelcomeTitle---1HZCn p {
    margin-top: .5rem;
    margin-bottom: .5rem
}
.WelcomeTitle---1HZCn p.description {
    width: 28rem;
    text-align: center;
    margin: 0 0 30px;
    font-size: .875rem
}
.WelcomeStep---36fo5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    font-size: .875rem;
    width: 100%
}
.WelcomeStep---36fo5 p {
    margin-top: 0;
    margin-bottom: .75rem
}
.WelcomeStep---36fo5 .card {
    width: 28rem;
    padding: 2rem;
    margin-bottom: 2rem
}
.WelcomeStep---36fo5 .input-wrapper {
    margin-bottom: 1rem;
    width: 100%
}
.WelcomeStep---36fo5 .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin: 0
}
.WelcomeStep---36fo5 .Input.active {
    border-color: #13cb6e
}
.WelcomeStep---36fo5 .Input.error {
    border-color: #ff7f93
}
.WelcomeStep---36fo5 .Input input,
.WelcomeStep---36fo5 .Input textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: 0 .75rem
}
.WelcomeStep---36fo5 .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.WelcomeStep---36fo5 .Input::-moz-placeholder {
    color: #b5d2e1
}
.WelcomeStep---36fo5 .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.WelcomeStep---36fo5 .Input::placeholder {
    color: #b5d2e1
}
.WelcomeStep---36fo5 .Input>textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: .75rem
}
.Tip---380wS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    text-align: right;
    font-size: .875rem;
    width: 320px;
    padding-right: 1rem;
    padding-bottom: 1rem
}
.Tip---380wS h3.title {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    margin: 0 0 1rem
}
.Tip---380wS p {
    margin: 0
}
.Tip---380wS img.pic {
    width: 30px;
    height: 30px;
    border-radius: 50%
}
.Tip__Author---3aqoV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem
}
.Tip__Author---3aqoV .author {
    margin-right: .35rem;
    font-style: italic
}
.Submit---1Wn31 button.submit-button {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    background-color: #13cb6e
}
.Testimonial---2ueHe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 100%;
    font-size: .875rem;
    padding: 2rem
}
.Testimonial---2ueHe h3.dsg-h3 {
    font-size: .875rem
}
.Testimonial---2ueHe p {
    margin-top: 0
}
.Testimonial---2ueHe .quotes {
    font-style: italic;
    margin-bottom: 0
}
.Testimonial---2ueHe .description {
    font-style: italic;
    text-align: center
}
.Testimonial---2ueHe .author {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}
.Testimonial---2ueHe img {
    margin-top: 7rem;
    border-radius: 50%;
    height: 146px;
    width: 146px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.Card---1qs36.dsg-Card {
    box-shadow: 0 2px 0 0 #e1eef4;
    border: 1px solid #e1eef4
}
.BillingForm---1AMX2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: .3125rem;
    font-size: .875rem
}
.BillingForm---1AMX2 p {
    margin-bottom: 0;
    margin-top: .5rem;
    font-size: .75rem
}
.BillingForm---1AMX2 form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0
}
.BillingForm---1AMX2 label {
    color: #7695a5
}
.BillingForm---1AMX2 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}
.BillingForm---1AMX2 .row .form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.BillingForm---1AMX2 .row .form-input input {
    border: 2px solid #e1eef4
}
.BillingForm---1AMX2 .row .form-input input.year {
    border-left: none
}
.BillingForm---1AMX2 .row .form-input::-webkit-input-placeholder {
    color: #b5d2e1
}
.BillingForm---1AMX2 .row .form-input::-moz-placeholder {
    color: #b5d2e1
}
.BillingForm---1AMX2 .row .form-input:-ms-input-placeholder {
    color: #b5d2e1
}
.BillingForm---1AMX2 .row .form-input::placeholder {
    color: #b5d2e1
}
.BillingForm---1AMX2 .row .form-input:last-child {
    margin-right: 0
}
.BillingForm---1AMX2 .subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: .3125rem;
    color: #fff;
    margin-top: .5rem;
    margin-bottom: 1rem;
    min-height: 34px;
    font-weight: 600;
    background-color: #b0f8d3;
    cursor: default
}
.BillingForm---1AMX2 .subscribe.submit {
    background-color: #13cb6e;
    cursor: pointer
}
.BillingForm---1AMX2 .expiration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.BillingForm---1AMX2 .number-container {
    position: relative
}
.BillingForm---1AMX2 .number-container.error label {
    color: #ff7f93
}
.BillingForm---1AMX2 .number-container.error input {
    border: 1px solid #ff7f93;
    -webkit-animation-name: shake;
    animation-name: shake
}
.BillingForm---1AMX2 input {
    height: 2.5rem;
    padding: .5rem;
    font-size: 1rem;
    border-radius: .3125rem;
    border-style: none
}
.BillingForm---1AMX2 input.month {
    width: 3.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.BillingForm---1AMX2 input.year {
    width: 3.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.BillingForm---1AMX2 input.number {
    padding: 0 2rem 0 3.5rem
}
.BillingForm---1AMX2 input.cvv {
    width: 100%
}
.BillingForm---1AMX2 .lock {
    position: absolute;
    width: 1rem;
    fill: #b5d2e1;
    right: .6rem;
    bottom: .6rem
}
.BillingForm---1AMX2 .card {
    position: absolute;
    width: 2rem;
    fill: #b5d2e1;
    left: .6rem;
    bottom: .6rem
}
.BillingForm---1AMX2 .card-transition-enter {
    display: none
}
.BillingForm---1AMX2 .card-transition-enter .card-transition-enter-active {
    -webkit-animation: fadeIn .3s ease;
    animation: fadeIn .3s ease
}
.BillingForm---1AMX2 .card-transition-leave .card-transition-leave-active {
    -webkit-animation: fadeOut .3s ease;
    animation: fadeOut .3s ease
}
.BillingForm---1AMX2.compact {
    font-size: .875rem
}
.BillingForm---1AMX2.compact .form-input {
    margin-right: 0;
    margin-bottom: 1rem
}
.BillingForm---1AMX2.compact .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}
.BillingForm---1AMX2.compact .row.name {
    margin-top: 1rem;
    margin-bottom: 0
}
.BillingForm---1AMX2.compact .row.details .form-input:nth-child(2) {
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20
}
.UpgradeCard {
    width: 28rem;
    padding: 1.5rem;
    margin-bottom: 2rem
}
.UpgradeCard--ContactTier {
    padding: 1rem;
    border-radius: $border-radius;
    border: 1px solid #13cb6e;
    background-color: #e5fdf0;
    margin-top: .75rem;
    margin-bottom: 2rem
}
.UpgradeCard--ContactTier h3,
.UpgradeCard--ContactTier p {
    margin: 0
}
.UpgradeCard--ContactTier h3 {
    color: #000
}
.UpgradeCard--ContactTier--Select .Select-control {
    border: 1px solid #b0f8d3;
    background-color: #b0f8d3
}
.UpgradeCard--ContactTier--Select .Select-arrow {
    color: #7695a5
}
.UpgradeCard--ContactTier--Select .Select-arrow:after {
    border-top: 3px solid #b0f8d3
}
.UpgradeCard--ContactTier--Select.is-open>.Select-control {
    border-color: #b0f8d3
}
.UpgradeCard--Section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 42px;
    padding: 0 .5rem;
    background-color: #f2f6f8;
    border-radius: $border-radius
}
.UpgradeCard--Section .total {
    color: #000
}
.plan-billing-interval-tabs {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    border: 2px solid #e1eef4;
    border-radius: .3125rem;
    margin-bottom: 1rem
}
.plan-billing-interval-tabs .btn-billing-type {
    width: 50%;
    height: 2.25rem;
    font-size: .875rem;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border: 1px solid transparent;
    padding: 0 1.5rem;
    cursor: pointer;
    color: #ccc;
    line-height: 1.9rem;
    display: inline-block;
    text-align: center;
    background-color: #f8f8f8
}
.plan-billing-interval-tabs .btn-billing-type.active {
    color: #000;
    background-color: #fff
}
.plan-billing-interval-tabs .btn-billing-type:not(:last-child) {
    border-right: 1px solid #ccc
}
.manage-billing-container {
    max-width: 960px;
    margin-right: auto;
    padding-bottom: 40px
}
.manage-billing-container .dsg-h3 {
    margin-bottom: 0
}
.manage-billing-container .plan-label {
    margin-top: .25rem;
    font-size: .875rem;
    color: #7695a5
}
.manage-billing-container .plan-label.plan-warning {
    color: #e92e4b;
    margin: 1rem 0 .5rem
}
.manage-billing-container .plan-selection-disabled .plan-label {
    color: #b5d2e1
}
.manage-billing-container .plan-selection-disabled .plan-label a {
    color: #0176ff
}
.manage-billing-container .more-drift-label {
    margin-bottom: 2.5rem
}
.manage-billing-container .billing-processing-message {
    padding: 5px;
    width: 100%;
    background-color: #fef79e;
    text-align: center;
    display: block;
    margin: 0 0 15px;
    font-weight: 400
}
.manage-billing-container .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 1.3125rem
}
.manage-billing-container .description {
    color: #7695a5;
    font-size: .875rem;
    cursor: pointer
}
.manage-billing-container h2 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 500
}
.current-plan-blurb {
    margin-bottom: 3rem
}
.current-plan-blurb p {
    font-size: .875rem
}
.current-plan-blurb strong {
    font-weight: 600
}
.plan-customization {
    margin-top: 2rem;
    margin-bottom: 1.5rem
}
.plan-customization .plan-customize-slider {
    width: 100%;
    margin: 1rem 0
}
.upgrade-summary-and-checkout {
    min-width: 16rem;
    width: 100%;
    max-width: 20rem;
    margin: 0 0 0 4rem;
    padding: 0 1rem 1rem;
    border: 1px solid #e1eef4;
    border-radius: 5px
}
.upgrade-summary-and-checkout .dsg-h3 {
    margin-bottom: 1rem
}
.upgrade-summary-and-checkout .plan-summary-detail {
    padding: 1rem 0;
    border-top: 1px dashed #b5d2e1
}
.upgrade-summary-and-checkout .plan-summary-detail .card svg {
    width: 2.5rem
}
.upgrade-summary-and-checkout .plan-summary-detail.first {
    border-top: none
}
.upgrade-summary-and-checkout .plan-summary-detail.last {
    border-bottom: 1px dashed #e1eef4
}
.upgrade-summary-and-checkout .plan-summary-detail .plan-label {
    margin-top: 0;
    text-transform: capitalize
}
.upgrade-summary-and-checkout .plan-summary-detail .upgrade-summary-body {
    display: inline-block;
    text-align: right;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 60%
}
.upgrade-summary-and-checkout .plan-summary-detail .enterprise-label {
    font-size: .875rem;
    margin-top: .5rem
}
.plan-cost-detail {
    height: 42px;
    margin: 1rem 0;
    padding: 0 .5rem;
    background-color: #f2f6f8;
    border-radius: .3125rem;
    border-bottom: none
}
.plan-cost-detail .description.annual-discount {
    color: #0176ff;
    margin: 0 auto
}
.plan-cost-detail .dsg-h3 {
    margin: 0
}
.plan-warning-blurb {
    background-color: #fffcd9;
    padding: .5rem 2rem;
    margin-bottom: 3rem;
    border-radius: 3px
}
.upgrade-plan-button width to {
    margin-top: 1rem
}
.selection-help-text {
    color: #7695a5
}
.card-edit-button {
    width: 100%
}
.card-edit-button .CircleOfWaiting {
    margin: .45rem 0
}
.cancel-card-editing {
    padding-top: 1rem
}
.BillingIntakeLayout---32Fwt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow-y: auto;
    color: #7695a5;
    background-color: #f2f6f8
}
.BillingIntakeLayout---32Fwt button.submit {
    width: 10rem;
    margin-bottom: 2rem;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}
.BillingIntakeLayout---32Fwt button.submit:not([disabled]) {
    background-color: #13cb6e
}
.BillingIntakeLayout---32Fwt .skip {
    color: #7695a5;
    transition: color .3s
}
.BillingIntakeLayout---32Fwt .skip:hover {
    color: #394f5a
}
.BillingIntakeContentContainer---tiKkE {
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}
.BillingIntakeContent---3tW9J,
.BillingIntakeContentContainer---tiKkE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1
}
.BillingIntakeContent---3tW9J {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.Testimonial---InP27 {
    width: 420px;
    background-image: linear-gradient(#0176ff, #0053b3)
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray,
a.brandingLink---2MwU1 {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.BrandingLink---1cYQk.small {
    font-size: .75rem
}
.BrandingLink---1cYQk.medium {
    font-size: .875rem
}
.BrandingLink---1cYQk.large {
    font-size: 1rem
}
a.brandingLink---2MwU1 {
    color: #9a9a9a;
    transition: color .3s ease
}
a.brandingLink---2MwU1:hover {
    color: #0176ff
}
.Widget---1dxAI {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: .3125rem;
    box-shadow: 0 2px 2px 2px rgba(51, 51, 51, .25)
}
.Widget---1dxAI svg path {
    fill: currentColor
}
.icon-type-dismiss---nfVi2 {
    opacity: .5
}
.icon-type-dismiss---nfVi2:hover {
    opacity: 1;
    cursor: pointer
}
.Widget__Count---1rK42 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -10px;
    right: -8px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    background-color: #ff001f;
    font-weight: 600
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.Body---21_fj blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.Body---21_fj {
    font-size: .875rem
}
.Body---21_fj p {
    margin: 0
}
.Body---21_fj a {
    text-decoration: underline
}
.Body---21_fj b,
.Body---21_fj strong {
    font-weight: 600
}
.Body---21_fj:focus {
    border-color: #13ddb0
}
.Body---21_fj img {
    display: block;
    margin: auto;
    max-width: 100%
}
.Container---2F_fP {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}
.Body---21_fj,
.Header---NopH2 {
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem
}
.Header---NopH2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
    margin-bottom: 1.25rem
}
.Header---NopH2 .Title---2QoCr {
    font-weight: 500
}
.Header---NopH2 .Title---2QoCr a,
.Header---NopH2 .Title---2QoCr span {
    color: inherit;
    opacity: .6
}
.Header---NopH2 .Title---2QoCr a {
    transition: opacity .15s ease-in-out;
    will-change: opacity
}
.Header---NopH2 .Title---2QoCr a:hover {
    opacity: 1;
    text-decoration: none
}
.Menu---2NqFL {
    margin-left: auto;
    position: relative
}
.Menu---2NqFL,
.Menu---2NqFL .MenuItems---24fIQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.Menu---2NqFL .MenuItem---3FJAr {
    margin-left: 1rem
}
.Menu---2NqFL .MenuItem---3FJAr:first-child {
    margin-left: 0
}
.HeaderContent---knL-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}
.Body---21_fj {
    font-size: 15px;
    font-weight: 500;
    margin-top: .25rem;
    margin-bottom: 0;
    padding-bottom: .75rem;
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.Body---21_fj a,
.Body---21_fj a:hover {
    color: inherit
}
.AvatarsList---eDgvS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 1.4em
}
.AvatarsList---eDgvS>:first-child {
    -webkit-transform: translateX(-16%);
    transform: translateX(-16%)
}
.AvatarsList---eDgvS>:nth-child(3) {
    -webkit-transform: translateX(16%);
    transform: translateX(16%)
}
.AvatarsList---eDgvS>:only-child {
    -webkit-transform: translate(-10px, 12px);
    transform: translate(-10px, 12px);
    margin-right: 4px
}
.MultiAvatars---2RN_M {
    text-align: center
}
.MultiAvatars---2RN_M .MenuItems---24fIQ {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .25rem
}
.MultiAvatars---2RN_M .Header---NopH2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .25rem
}
.MultiAvatars---2RN_M .HeaderContent---knL-x {
    display: block;
    font-size: .875rem
}
.MultiAvatars---2RN_M .AvatarsList---eDgvS {
    height: 2.4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(.85) translateY(-20%);
    transform: scale(.85) translateY(-20%)
}
.AvatarWrapper---1_GZ9 {
    position: relative;
    width: 70px;
    height: 70px
}
.AvatarWrapper---1_GZ9 .Avatar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    border-radius: 50%;
    background-color: #f8f8f8
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Icon---1IN1K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    opacity: .4;
    padding: .5rem;
    margin: -.5rem;
    border-radius: 100%
}
.Icon---1IN1K:hover {
    opacity: 1
}
.Icon---1IN1K svg {
    fill: currentColor
}
.DismissIcon---1cnDx svg {
    width: 12px;
    height: 12px;
    stroke: currentColor
}
.WelcomeMessageCard---1U-pz {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .09);
    border-radius: 5px
}
.WelcomeMessageCard---1U-pz>:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}
.WelcomeMessageCard---1U-pz>:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}
.Container---3VbS1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 32px 0 16px 16px;
    position: relative
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.WelcomeMessage---3yhc- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 391px
}
.Composer---kKAZf,
.WelcomeMessageContent---V11bN {
    background-color: #fff
}
.Composer---kKAZf .ComposerFooter---iVJ_p {
    margin: 0 .5rem .5rem 1rem;
    text-align: right
}
.Composer---kKAZf .input-wrapper {
    width: 100%
}
.Composer---kKAZf .input-wrapper .Input {
    border-radius: 0;
    border-width: 0;
    border: none
}
.CustomizeWelcomePreview---xsF0i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1.25rem;
    padding-bottom: 135px;
    height: 100%;
    font-size: .875rem
}
.AvatarPicker---2Q7CF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: .3125rem;
    overflow: hidden;
    border: 2px solid #e1eef4;
    transition: border-color .3s
}
.AvatarPicker---2Q7CF.small,
.AvatarPicker---2Q7CF.small .AvatarPicker__Preview {
    width: 5rem;
    height: 5rem
}
.AvatarPicker---2Q7CF.large,
.AvatarPicker---2Q7CF.large .AvatarPicker__Preview,
.AvatarPicker---2Q7CF.large .preview {
    width: 10rem;
    height: 10rem
}
.AvatarPicker---2Q7CF:hover {
    cursor: pointer;
    border-color: #13cb6e
}
.AvatarPicker---2Q7CF.active {
    border-color: #13cb6e
}
.AvatarPicker---2Q7CF .AvatarPicker__Loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.AvatarPicker---2Q7CF .AvatarPicker__Loading .circle {
    background-color: #13cb6e
}
.CustomizeWelcome---3G75- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.CustomizeWelcome---3G75- .input-wrapper {
    margin-bottom: 0
}
.CustomizeWelcome__Input---2ZLZW {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 80px
}
.CustomizeWelcome__Input---2ZLZW .Input {
    margin-top: -2px
}
.CustomizeDriftPreview---_iKuw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1.25rem;
    height: 100%;
    font-size: .875rem
}
.CustomizeDriftPreview---_iKuw .Widget {
    margin: 0 16px 16px
}
.CustomizeDriftPreview---_iKuw p {
    color: #fff;
    text-align: center
}
.ChatIcon---xFviY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border: 2px solid #e1eef4;
    border-radius: .3125rem;
    margin-right: .75rem;
    cursor: pointer;
    transition: border-color .3s
}
.ChatIcon---xFviY.active {
    cursor: default
}
.ChatIcon---xFviY.active path {
    fill: currentColor
}
.ChatIcon---xFviY:hover {
    border-color: #13cb6e
}
.ChatIcon---xFviY path {
    fill: #7695a5
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.color-input---3agO6 {
    position: relative
}
.color-input---3agO6 .palette {
    height: 20px;
    width: 20px;
    border-radius: 3px;
    margin: 0 10px;
    border: 1px solid #eee;
    cursor: pointer
}
.color-input---3agO6 .color-input-hash {
    margin-right: .2rem;
    font-weight: 500;
    font-size: 1rem
}
.color-input---3agO6 .color-input-hash.small {
    font-size: .75rem
}
.color-input---3agO6 .color-input-hash.medium {
    font-size: .875rem
}
.color-input---3agO6 .color-input-hash.large {
    font-size: 1rem
}
.color-input---3agO6 input {
    padding-left: 0;
    padding-right: 0
}
.color-input---3agO6 .chrome-picker {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 40px
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.UISelect---1sL2F {
    font-size: .875rem
}
.UISelect---1sL2F.UISelect.is-disabled .Select-control {
    background-color: #f2f6f8;
    transition: background-color .3s ease;
    cursor: default
}
.UISelect---1sL2F.UISelect.is-disabled .Select-control .Select-value .Select-value-label {
    transition: color .3s ease;
    color: #7695a5!important
}
.UISelect---1sL2F.UISelect.is-disabled .Select-arrow:after {
    border-top-color: #f2f6f8;
    transition: border-top-color .3s ease
}
.UISelect---1sL2F.Select--single>.Select-control .Select-value,
.UISelect---1sL2F .Select-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.UISelect---1sL2F .Select-placeholder {
    color: #7695a5
}
.UISelect---1sL2F .Select-control {
    border: 1px solid #b5d2e1;
    border-radius: .3125rem;
    height: 2rem
}
.UISelect---1sL2F .Select-control:hover {
    box-shadow: none
}
.UISelect---1sL2F .Select-menu-outer {
    border-right: 2px solid #e1eef4;
    border-left: 2px solid #e1eef4;
    border-bottom: 2px solid #e1eef4;
    border-radius: .3125rem
}
.UISelect---1sL2F .Select-arrow {
    position: relative;
    border: none;
    padding-bottom: 4px;
    padding-right: 2px;
    color: #b5d2e1
}
.UISelect---1sL2F .Select-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 5px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}
.UISelect---1sL2F .Select-arrow:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    border-top: 3px solid #fff;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}
.UISelect---1sL2F .Select-input {
    height: 1.75rem;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.UISelect---1sL2F .Select-input input {
    padding: .25rem 0
}
.UISelect---1sL2F .Select-option {
    padding: .25rem .65rem;
    color: #394f5a
}
.UISelect---1sL2F .Select-option.is-disabled {
    color: #e1eef4
}
.UISelect---1sL2F .Select-option.is-focused {
    background-color: #effaff
}
.UISelect---1sL2F.arrow-disabled .Select-arrow-zone {
    display: none
}
.UISelect---1sL2F.is-open>.Select-control {
    border-color: #e1eef4
}
.UISelect---1sL2F.is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 2px rgba(0, 126, 255, .1)
}
.UISelect---1sL2F:hover>* {
    cursor: pointer
}
.ColorInputContainer---3DS7t {
    margin-bottom: 1.25rem
}
.ColorInputContainer---3DS7t input {
    text-transform: uppercase!important
}
.GreetingModalContainer---1JM_Z .Modal {
    background-color: rgba(37, 52, 59, .85)!important
}
.GreetingModal---T6_WY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .3125rem!important;
    width: 34rem;
    height: 30rem;
    padding: 3rem!important;
    color: #000
}
.GreetingModal---T6_WY p {
    text-align: center
}
.GreetingModal---T6_WY .title {
    color: #0176ff
}
.GreetingModal---T6_WY .submit {
    width: 11rem;
    font-weight: 600;
    margin-top: 3rem
}
.GreetingModal---T6_WY .close-button {
    display: none
}
.GreetingModal---T6_WY .matt {
    width: 100px;
    height: 100px;
    border-radius: 50%
}
.LocaleSelect---ivHC7 {
    width: 100%;
    margin-bottom: 1.5rem
}
.LocaleSelect---ivHC7 .Select-control {
    border-color: #e1eef4
}
.LocaleSelect---ivHC7 .Select-arrow,
.LocaleSelect---ivHC7 .Select-placeholder {
    color: #b5d2e1
}
.LocaleSelect---ivHC7 .Select-menu-outer,
.LocaleSelect---ivHC7.is-open>.Select-control {
    border-color: #e1eef4
}
.LocaleSelect---ivHC7.is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e
}
.AgentStatusContainer---1YfM4 {
    background: rgba(0, 0, 0, .2);
    border-radius: .3125rem;
    margin-bottom: .5rem
}
.AgentStatusButton---2bHce {
    padding: 0 .25rem;
    cursor: pointer
}
.AgentStatusButton---2bHce .Avatar {
    margin-right: .5rem
}
.AgentStatusButton---2bHce.minimized {
    position: relative
}
.AgentStatusButton---2bHce.minimized .AgentStatusIndicator---2nODR {
    position: absolute;
    bottom: -3px;
    right: -3px
}
.AgentStatusDropdown---3BSbU.uiDropdown {
    width: 20rem;
    padding: 0;
    border: none
}
.AgentStatusDropdown---3BSbU.uiDropdown .uiDropdownItem:last-of-type {
    margin-bottom: .5rem
}
.AgentStatusDropdown---3BSbU.uiDropdown .uiDropdownItem:not(:first-of-type):hover {
    background: #effaff;
    color: #000
}
.AgentStatusDescription---3XBjq {
    color: #fff;
    padding: .5rem 0;
    margin-bottom: .5rem
}
.AgentStatusDescription---3XBjq.available {
    background-color: #13cb6e
}
.AgentStatusDescription---3XBjq.on_call {
    background-color: #f7a41b
}
.AgentStatusDescription---3XBjq.offline {
    background-color: #7695a5
}
.AgentStatusDescription---3XBjq .dsg-Body {
    font-style: italic
}
.AgentStatusMenuDivider---2a87t {
    border-bottom: 1px solid #e1eef4;
    margin-bottom: .5rem;
    padding-bottom: .5rem
}
.Preview---3rjqN {
    height: 100%
}
.Preview---3rjqN .Avatar div.avatar-image,
.Preview---3rjqN .Avatar img {
    border-radius: 100%!important
}
.PreviewHeader---2AcZY {
    padding: .5rem;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px .8rem rgba(0, 0, 0, .05)
}
.PreviewHeader---2AcZY .indicator {
    margin-right: .25rem
}
.PreviewHeader---2AcZY .indicator svg path {
    fill: transparent
}
.PreviewHeaderIcon---2W7ol svg {
    fill: #ccc
}
.PreviewConversation---22wSi {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .5rem
}
.PreviewConversation---22wSi .message,
.PreviewConversation---22wSi .message-end {
    padding: .5rem .75rem;
    border-radius: .625rem;
    color: #000;
    background-color: #eee;
    margin-bottom: .5rem;
    max-width: 85%;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.PreviewConversation---22wSi .message-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.PreviewConversation---22wSi svg .color {
    fill: currentColor
}
.PreviewComposerIcon---7n3Rc {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.PreviewComposerIcon---7n3Rc svg {
    width: 314px;
    height: 74px
}
.ProfileDetailsPreview---2JVkh {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%
}
.SidebarContainer---YCjRC {
    position: relative
}
.Sidebar---3jZmA {
    position: absolute;
    left: 70px;
    bottom: 54px;
    height: 508px;
    width: 314px;
    overflow: hidden;
    border-top-right-radius: .3125rem
}
.SidebarPreview---3LtDi {
    width: 100%;
    background-color: transparent;
    border: none
}
.ArrowText---IXVJ6 {
    position: relative;
    margin-right: 40px;
    margin-bottom: 30px;
    font-size: .875rem
}
.ArrowText---IXVJ6 svg {
    position: absolute;
    right: -10px;
    top: 32px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}
@media (max-height: 750px) {
    .ArrowText---IXVJ6 {
        display: none
    }
}
.ProfileDetails---PNKBQ .center {
    text-align: center
}
.ProfileDetails---PNKBQ .input-wrapper:last-child {
    margin-bottom: 0
}
.button-wrapper {
    margin: 2rem 0 0
}
.CheckBox input[type=checkbox] {
    display: none;
    visibility: hidden
}
.CheckBox input[type=checkbox]+label {
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 2px solid #b5d2e1;
    border-radius: .3125rem
}
.CheckBox input[type=checkbox]+label svg {
    width: 100%;
    height: 100%
}
.CheckBox input[type=checkbox]:checked+label {
    border-color: #13cb6e;
    background-color: #13cb6e
}
.CheckBox input[type=checkbox]:disabled+label {
    background-color: #b5d2e1
}
.show-password-checkbox {
    margin-top: 1rem
}
.show-password-text {
    margin-left: .5rem
}
.RoleSelect---31ICE {
    width: 100%
}
.RoleSelect---31ICE .Select-control {
    border-color: #e1eef4
}
.RoleSelect---31ICE .Select-arrow,
.RoleSelect---31ICE .Select-placeholder {
    color: #b5d2e1
}
.RoleSelect---31ICE.is-open>.Select-control,
.RoleSelect---31ICE .Select-menu-outer {
    border-color: #e1eef4
}
.RoleSelect---31ICE.is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e
}
.FinePrint---r7XWX {
    margin: .5rem 0 2rem;
    font-size: .6875rem;
    width: 20rem;
    text-align: center
}
.TelephoneInput---3WNS- .react-tel-input {
    width: auto;
    margin-bottom: 1rem
}
.TelephoneInput---3WNS- .react-tel-input input {
    border-radius: .3125rem;
    box-shadow: none;
    border: 2px solid #e1eef4;
    transition: border-color .3s
}
.TelephoneInput---3WNS- .react-tel-input input:focus {
    border-color: #13cb6e
}
.modal-content.snippet-share-modal {
    padding: 1.5rem;
    border-radius: .25rem
}
.modal-content.snippet-share-modal .drift-form {
    margin-bottom: 0
}
.snippet-share-header {
    color: #000
}
.snippet-share-modal button,
.snippet-share-modal input {
    width: 100%
}
.modal-content.snippet-share-modal textarea[readonly] {
    color: #000;
    resize: none
}
.modal-content.snippet-share-modal label {
    font-size: .6875rem;
    width: 100%
}
.modal-content.snippet-share-modal textarea:focus {
    border-color: #b5d2e1
}
.ColoredMail---3g8v3 {
    transition: all .5s;
    width: 100px;
    height: auto;
    margin-bottom: 25px
}
.HiddenMail---243Ca {
    transition: all .5s;
    width: 0;
    height: auto;
    margin-bottom: 0
}
.install-choice-diy .link,
.install-choice-invite .link {
    color: #000
}
.install-choice-diy .subtitle,
.install-choice-invite .subtitle {
    margin: 0
}
.Install---3uIK- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Install---3uIK- .dsg-card {
    width: 20rem;
    height: 12rem
}
.InstallChoice---3CvJz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .75rem;
    width: 100%;
    transition: border-color .2s
}
.InstallChoice---3CvJz:hover {
    cursor: pointer;
    border: 1px solid #13cb6e
}
.InstallCardsContainer---lGMtu {
    width: 688px
}
.InstallCards---3X2Ts,
.InstallCardsContainer---lGMtu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.InstallCards---3X2Ts {
    padding: 1.5rem 1.5rem .75rem
}
.LinkCard---31S2s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 17rem;
    height: 3.5rem;
    padding: .25rem .75rem;
    margin-bottom: .75rem
}
.LinkCard---31S2s .icon {
    margin-right: 1rem
}
.InviteYourTeam---lp2nC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}
.InviteYourTeam---lp2nC svg {
    margin-bottom: 14px
}
.BackButton---3ujWL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}
.BackButton---3ujWL path {
    fill: #0176ff
}
.BackButton---3ujWL .back-caret svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 10px;
    width: 10px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.uiDropdown .uiDropdownItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.uiDropdown {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.uiDropdown>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.uiDropdown>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.uiDropdown {
    margin-top: .5rem;
    overflow: hidden;
    z-index: 99999;
    border: 1px solid #effaff;
    box-shadow: 0 2px 8px 1px rgba(57, 79, 90, .3);
    padding: .3rem 0;
    font-size: .875rem
}
.uiDropdown .uiDropdownItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.uiDropdown .uiDropdownItem>* {
    padding: .4rem 1.25rem .4rem .8rem
}
.uiDropdown .uiDropdownItem a {
    color: inherit
}
.uiDropdown .uiDropdownItem:focus,
.uiDropdown .uiDropdownItem:hover {
    cursor: pointer;
    background: #effaff
}
.DropDown---28fhQ {
    position: relative
}
.DropDown---28fhQ svg path {
    fill: currentColor
}
.UpgradeRibbon---1yLGy {
    position: absolute;
    color: #fff;
    top: 15px;
    right: -21px;
    width: 90px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    font-size: .75rem;
    background-color: #13cb6e
}
.Loading---1uJPM {
    margin: 0 .2rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-animation: dot-blink 1.5s ease-in-out infinite;
    animation: dot-blink 1.5s ease-in-out infinite;
    border: 1px solid transparent
}
.Loading---1uJPM.delay-1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.Loading---1uJPM.delay-2 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.Loading---1uJPM.delay-3 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.Loading---1uJPM.delay-4 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}
.Loading---1uJPM.delay-5 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.Loading---1uJPM.delay-6 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}
.Loading---1uJPM.delay-7 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}
.Loading---1uJPM.delay-8 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}
.Loading---1uJPM.delay-9 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}
.Loading---1uJPM.delay-10 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.Loading---1uJPM.extra-small {
    width: 4px;
    height: 4px
}
.Loading---1uJPM.small {
    width: 6px;
    height: 6px
}
.Loading---1uJPM.medium {
    width: 8px;
    height: 8px
}
.Loading---1uJPM.large {
    width: 10px;
    height: 10px
}
.Loading---1uJPM.extra-large {
    width: 12px;
    height: 12px
}
@-webkit-keyframes dot-blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes dot-blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.presence-indicator {
    width: 0;
    height: 0;
    opacity: .1;
    border-radius: 50%;
    transition-property: opacity, height, width;
    transition-timing-function: ease, ease, ease;
    transition-duration: .5s, .2s, .2s;
    transition-delay: .2s, 0s, 0s
}
.presence-indicator.active {
    height: .5rem;
    width: .5rem;
    opacity: 1;
    background-color: #13cb6e
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.geosuggest {
    position: relative;
    font-size: .75rem
}
.geosuggest__input {
    border: 2px solid #eee;
    border-radius: .3125rem;
    transition: border .2s, box-shadow .2s;
    width: 100%;
    padding: 5 18px;
    font-size: .75rem
}
.geosuggest__input:focus {
    border-color: #13ddb0
}
.geosuggest__suggests {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 25em;
    padding: 0;
    margin-top: -1px;
    background: #fff;
    border: 2px solid #eee;
    border-radius: .3125rem;
    border-top-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    z-index: 5;
    transition: max-height .2s, border .2s
}
.geosuggest__suggests--hidden {
    max-height: 0;
    overflow: hidden;
    border-width: 0
}
.geosuggest-item {
    padding: .5em .65em;
    cursor: pointer
}
.geosuggest-item:focus,
.geosuggest-item:hover {
    background-color: #effaff
}
.geosuggest-item--active {
    background: #0176ff;
    color: #fff
}
.geosuggest-item--active:focus,
.geosuggest-item--active:hover {
    background-color: #0960c5
}
.TitleCard---3x-r1 {
    min-width: 318px
}
.TitleCard---3x-r1 .banner .flex .dsg-Body {
    color: #fff
}
.TitleCard---3x-r1 .banner .edit {
    color: #9edcf7;
    opacity: 0;
    transition: opacity .5s
}
.TitleCard---3x-r1:hover .banner .edit {
    opacity: 1
}
.TitleCard---3x-r1:hover .banner .edit:hover {
    color: #0960c5
}
.body-font {
    font-size: 16px;
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.body-font.TimesNewRoman {
    font-family: Times New Roman, serif
}
.body-font.Helvetica {
    font-family: Helvetica, sans-serif
}
.body-font.Georgia {
    line-height: 1.45;
    font-family: Georgia, serif
}
.body-font.ComicSansMS {
    font-family: Comic Sans MS, sans-serif
}
.body-font.Brandon {
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif
}
.body-font.Lato {
    font-family: Lato, sans-serif
}
.body-font.OpenSans {
    line-height: 1.35;
    font-family: Open Sans, sans-serif
}
.body-font.Roboto {
    line-height: 1.35;
    font-family: Roboto, sans-serif
}
.body-font.RobotoSlab {
    line-height: 1.35;
    font-family: Roboto, serif
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Button---2aYXS {
    border-radius: .3125rem;
    text-align: center;
    font-size: .875rem;
    color: #fff;
    padding: 0 1rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .25s ease-in-out;
    transition-property: background-color, color, border-color
}
.Button---2aYXS.Button--small---YFQYS {
    height: 1.5625rem;
    line-height: calc(1.5625rem - 2px);
    font-size: .75rem
}
.Button---2aYXS.Button--medium---2TjJK {
    height: 2.125rem;
    line-height: calc(2.125rem - 2px)
}
.Button---2aYXS.Button--large---3eZR0 {
    height: 2.8125rem;
    line-height: calc(2.8125rem - 2px);
    font-size: 1rem
}
.Button---2aYXS.Button--primary---3Yvoq {
    background-color: #13cb6e;
    border: 1px solid #13cb6e
}
.Button---2aYXS.Button--primary---3Yvoq:active,
.Button---2aYXS.Button--primary---3Yvoq:hover {
    background-color: #1fa45c;
    border-color: #1fa45c;
    color: #fff
}
.Button---2aYXS.Button--primary---3Yvoq.Button--hollow---36Byn {
    color: #13cb6e
}
.Button---2aYXS.Button--primary---3Yvoq.Button--hollow---36Byn:hover {
    color: #1fa45c
}
.Button---2aYXS.Button--secondary---1VWzQ {
    background-color: #ccc;
    border: 1px solid #ccc
}
.Button---2aYXS.Button--secondary---1VWzQ:active,
.Button---2aYXS.Button--secondary---1VWzQ:hover {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
    color: #fff
}
.Button---2aYXS.Button--secondary---1VWzQ.Button--hollow---36Byn {
    color: #9a9a9a
}
.Button---2aYXS.Button--secondary---1VWzQ.Button--hollow---36Byn:hover {
    border-color: #0176ff;
    color: #0176ff
}
.Button---2aYXS.Button--danger---2ugxH {
    background-color: #e92e4b;
    border: 1px solid #e92e4b
}
.Button---2aYXS.Button--danger---2ugxH:active,
.Button---2aYXS.Button--danger---2ugxH:hover {
    background-color: #d2000c;
    border-color: #d2000c;
    color: #fff
}
.Button---2aYXS.Button--danger---2ugxH.Button--hollow---36Byn {
    color: #e92e4b
}
.Button---2aYXS.Button--blue---nb3sM {
    background-color: #0176ff;
    border: 1px solid #0176ff
}
.Button---2aYXS.Button--blue---nb3sM:active,
.Button---2aYXS.Button--blue---nb3sM:hover {
    background-color: #0960c5;
    border-color: #0960c5;
    color: #fff
}
.Button---2aYXS.Button--blue---nb3sM.Button--hollow---36Byn {
    color: #0176ff
}
.Button---2aYXS.Button--disabled---3ujdO,
.Button---2aYXS:disabled {
    background-color: #eee;
    border-color: #eee;
    cursor: default
}
.Button---2aYXS.Button--disabled---3ujdO:focus,
.Button---2aYXS.Button--disabled---3ujdO:hover,
.Button---2aYXS:disabled:focus,
.Button---2aYXS:disabled:hover {
    background-color: #eee;
    border-color: #eee
}
.Button---2aYXS.Button--cta---1J_9U {
    text-transform: uppercase;
    font-weight: 600
}
.Button---2aYXS.Button--block---3HGHE {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Button---2aYXS.Button--hollow---36Byn,
.Button---2aYXS.Button--hollow---36Byn:hover {
    background-color: #fff
}
.Button---2aYXS.Button--link---Ugxd2 {
    background: none;
    border: none
}
.Button---2aYXS.Button--link---Ugxd2:focus,
.Button---2aYXS.Button--link---Ugxd2:hover {
    background: none;
    border: none;
    box-shadow: none
}
.Button---2aYXS.Button--link---Ugxd2.Button--primary---3Yvoq {
    color: #0176ff
}
.Button---2aYXS.Button--link---Ugxd2.Button--primary---3Yvoq:hover {
    color: #0960c5
}
.Button---2aYXS.Button--link---Ugxd2.Button--secondary---1VWzQ {
    color: #9a9a9a
}
.Button---2aYXS.Button--link---Ugxd2.Button--secondary---1VWzQ:hover {
    color: #0960c5
}
.Button---2aYXS.Button--link---Ugxd2.Button--danger---2ugxH {
    color: #e92e4b
}
.Button---2aYXS.Button--link---Ugxd2.Button--danger---2ugxH:hover {
    color: #d2000c
}
.Button---2aYXS.Button--loading---3ms73 {
    cursor: default
}
.Button---2aYXS .Button__icon--left---2lCcS {
    margin-right: .3rem
}
.Button---2aYXS .Button__icon--right---Dr4ta {
    margin-left: .3rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.DeleteConfirm .modal-content .bottom-divider,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.DeleteConfirm .modal-content .bottom-divider,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.DeleteConfirm .modal-content {
    width: 25rem;
    height: 18rem
}
.DeleteConfirm .modal-content .title {
    font-size: 22px;
    margin-bottom: 1rem
}
.DeleteConfirm .modal-content .container {
    position: relative;
    width: 100%;
    height: 100%
}
.DeleteConfirm .modal-content .bottom {
    position: absolute;
    bottom: -1rem;
    width: 100%
}
.DeleteConfirm .modal-content button {
    width: 100%
}
.DeleteConfirm .modal-content .bottom-divider {
    border-bottom: 2px solid #eee;
    width: 100%;
    margin-bottom: 1rem
}
.campaign-status,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.campaign-status,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.campaign-status {
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}
.campaign-status.running {
    color: #13cb6e
}
.campaign-status.not_running {
    color: #e92e4b
}
.campaign-status.sent {
    color: #7695a5
}
.campaign-status.sent:hover {
    color: #e92e4b
}
.campaign-status.pauseable {
    cursor: pointer
}
.campaign-status.pauseable.running:hover {
    color: #e92e4b
}
.campaign-status.pauseable.not_running:hover {
    color: #13cb6e
}
.campaign-status img {
    height: 17px;
    width: 17px;
    margin-right: 3px
}
.FakeCampaignRow---2LWkf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 4.75rem;
    color: #b5d2e1;
    background-color: #fff;
    border-radius: .3125rem;
    border: 1px solid #ccc;
    margin: .75rem 0;
    padding: 1rem 3rem 1rem 1.5rem
}
.FakeCampaignRow---2LWkf .description {
    font-size: .75rem;
    color: #7695a5
}
.FakeCampaignRow---2LWkf .stat-title {
    font-size: 1.3125rem
}
.FakeCampaignRow---2LWkf .bold {
    font-weight: 500
}
.FakeCampaignRow---2LWkf svg path {
    fill: currentColor
}
.Sender---3g9i4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.SenderAvatar---2VtGG {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-right: .75rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.emptyStateWrapper---13dxK,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.emptyStateWrapper---13dxK,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.emptyStateWrapper---13dxK .call-to-action button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.emptyStateWrapper---13dxK .call-to-action button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.emptyStateWrapper---13dxK .call-to-action button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.emptyStateWrapper---13dxK {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.emptyStateWrapper---13dxK .illustration {
    height: 15rem;
    width: 15rem
}
.emptyStateWrapper---13dxK .sub-title,
.emptyStateWrapper---13dxK .title {
    max-width: 25rem;
    text-align: center
}
.emptyStateWrapper---13dxK .title {
    font-size: 24px;
    margin-top: .5rem
}
.emptyStateWrapper---13dxK .sub-title {
    color: #9a9a9a;
    font-size: 14px
}
.emptyStateWrapper---13dxK .call-to-action {
    margin-top: 1.4rem
}
.CampaignList---3Iyz9 .campaign-list-header .campaign-list-header-line,
.CampaignList---3Iyz9 .campaign .left,
.CampaignList---3Iyz9 .campaign .sender-info .details,
.CampaignList---3Iyz9 .campaign .status-info .status,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.emptyStateWrapper---j2RJv,
.flex,
.flex-column,
.flex-start,
.Page.SegmentList .segment .left,
.Page.SegmentList .segment .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.emptyStateWrapper---j2RJv,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.CampaignList---3Iyz9 .campaign-list-header .campaign-list-header-line,
.CampaignList---3Iyz9 .campaign .left,
.CampaignList---3Iyz9 .campaign .sender-info .details,
.CampaignList---3Iyz9 .campaign .status-info .status,
.flex,
.flex-inline,
.Page.SegmentList .segment .left,
.Page.SegmentList .segment .type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.CampaignList---3Iyz9 .campaign,
.flex-space-between,
.Page.SegmentList .segment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CampaignList---3Iyz9 .campaign,
.card---1i8SN,
.dsg-card,
.dsg-IconButton,
.Page.SegmentList .segment {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.CampaignList---3Iyz9 .campaign>:first-child,
.card---1i8SN>:first-child,
.dsg-card>:first-child,
.dsg-IconButton>:first-child,
.Page.SegmentList .segment>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.CampaignList---3Iyz9 .campaign>:last-child,
.card---1i8SN>:last-child,
.dsg-card>:last-child,
.dsg-IconButton>:last-child,
.Page.SegmentList .segment>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.emptyStateWrapper---j2RJv .call-to-action button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.emptyStateWrapper---j2RJv .call-to-action button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.emptyStateWrapper---j2RJv .call-to-action button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.CampaignList---3Iyz9 .campaign .info .name,
.Page.SegmentList .segment .name,
.Page.SegmentList .segment .type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.emptyStateWrapper---j2RJv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.emptyStateWrapper---j2RJv .illustration {
    height: 15rem;
    width: 15rem
}
.emptyStateWrapper---j2RJv .sub-title,
.emptyStateWrapper---j2RJv .title {
    max-width: 25rem;
    text-align: center
}
.emptyStateWrapper---j2RJv .title {
    font-size: 24px;
    margin-top: .5rem
}
.emptyStateWrapper---j2RJv .sub-title {
    color: #9a9a9a;
    font-size: 14px
}
.emptyStateWrapper---j2RJv .call-to-action {
    margin-top: 1.4rem
}
.emptyList---2rssZ .illustration {
    margin-top: 10vh
}
.CampaignList---3Iyz9 .campaign,
.Page.SegmentList .segment {
    margin: 1rem 0;
    padding: 1rem 1rem 1rem 1.5rem;
    background-color: #fff;
    transition: border .1s ease, -webkit-transform .1s ease;
    transition: transform .1s ease, border .1s ease;
    transition: transform .1s ease, border .1s ease, -webkit-transform .1s ease;
    cursor: pointer
}
.CampaignList---3Iyz9 .campaign:hover,
.Page.SegmentList .segment:hover {
    box-shadow: 0 3px 5px 0 #ccc
}
.CampaignList---3Iyz9 .campaign .row-cell,
.Page.SegmentList .segment .row-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignList---3Iyz9 .campaign .remove-icon,
.Page.SegmentList .segment .remove-icon {
    margin-right: .5rem;
    cursor: pointer;
    padding: .5rem
}
.CampaignList---3Iyz9 .campaign .remove-icon svg,
.Page.SegmentList .segment .remove-icon svg {
    width: 14px;
    height: 14px
}
.CampaignList---3Iyz9 .campaign .remove-icon:hover *,
.Page.SegmentList .segment .remove-icon:hover * {
    stroke: #0176ff;
    fill: #0176ff
}
.Page.SegmentList {
    background-color: #fafafa
}
.Page.SegmentList .content {
    padding: 0 1.7rem
}
.Page.SegmentList .segment .left {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    -ms-flex-negative: 1;
    flex-shrink: 1
}
.Page.SegmentList .segment .info {
    overflow: hidden
}
.Page.SegmentList .segment .name {
    font-size: 21px;
    color: #0176ff
}
.Page.SegmentList .segment .type {
    font-size: 12px;
    color: #9a9a9a
}
.Page.SegmentList .segment .type-icon {
    margin-right: .25rem
}
.Page.SegmentList .segment.dynamic img.type-icon {
    width: .9rem
}
.Page.SegmentList .segment.static img.type-icon {
    width: .75rem
}
.CampaignList---3Iyz9 .campaign .info .created-by-details,
.CampaignList---3Iyz9 .campaign .subtext {
    font-size: 12px;
    color: #7695a5
}
.emptyList---2rssZ {
    padding: 1rem
}
.emptyList---2rssZ .illustration {
    height: 12rem;
    width: 12rem
}
.CampaignListContainer---1zQUH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f2f6f8;
    height: 100vh
}
.CampaignActions---yZfMr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem
}
.CampaignList---3Iyz9 {
    min-width: 51rem;
    overflow-y: auto
}
.CampaignList---3Iyz9 .campaign-list-header {
    padding: 1.4rem 1.4rem 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.CampaignList---3Iyz9 .campaign-list-header .campaign-list-header-line {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}
.CampaignList---3Iyz9 .campaign-list-header .campaign-list-header-line b {
    font-size: 24px;
    font-weight: 500
}
.CampaignList---3Iyz9 .campaign-rows {
    padding: 0 1rem 1.4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignList---3Iyz9 .section-title {
    margin-bottom: .5rem;
    margin-top: 1.85rem;
    color: #000
}
.CampaignList---3Iyz9 .campaign {
    opacity: 1;
    color: #000;
    font-weight: 400;
    font-size: 14px
}
.CampaignList---3Iyz9 .campaign .icon-wrapper {
    width: 4rem
}
.CampaignList---3Iyz9 .campaign .icon-wrapper .icon {
    width: 2.5rem;
    height: auto
}
.CampaignList---3Iyz9 .campaign:hover .info {
    opacity: 1
}
.CampaignList---3Iyz9 .campaign.active {
    cursor: auto
}
.CampaignList---3Iyz9 .campaign.active:hover {
    border-color: #eee;
    -webkit-transform: none;
    transform: none
}
.CampaignList---3Iyz9 .campaign .row-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignList---3Iyz9 .campaign .row-cell.sender-info {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5
}
.CampaignList---3Iyz9 .campaign .sender-info .details .Avatar {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .2rem
}
.CampaignList---3Iyz9 .campaign .status-info-label {
    margin-left: .2rem
}
.CampaignList---3Iyz9 .campaign .left {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    -ms-flex-negative: 1;
    flex-shrink: 1
}
.CampaignList---3Iyz9 .campaign .info {
    overflow: hidden;
    color: #0176ff
}
.CampaignList---3Iyz9 .campaign .info .name {
    font-size: 16px;
    color: #0176ff
}
.CampaignList---3Iyz9 .campaign .info .type {
    display: inline;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #9a9a9a
}
.CampaignList---3Iyz9 .campaign .info .creator-name {
    color: #9a9a9a;
    font-size: 14px
}
.CampaignList---3Iyz9 .campaign .right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    color: #9a9a9a;
    text-align: right
}
.CampaignList---3Iyz9 .campaign .editable-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.CampaignList---3Iyz9 .campaign .editable-right .CheckBox {
    margin-left: 1rem
}
.CampaignList---3Iyz9 .campaign .count {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 0 .25rem
}
.CampaignList---3Iyz9 .campaign .sent-count {
    margin-right: 1.25rem
}
.UpgradeCTA---18trO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    border-radius: .3125rem;
    background-color: #394f5a;
    padding: 1rem 2rem
}
.UpgradeCTA---18trO .cta-title {
    font-weight: 600
}
.UpgradeCTA---18trO .cta-body {
    max-width: 48rem;
    margin-right: 2rem
}
.UpgradeCTA---18trO button {
    transition: background-color .3s;
    background-color: #13cb6e
}
.UpgradeCTA---18trO button:hover:not([disabled]) {
    background-color: #1fa45c
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.PillTabs---guLRI {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}
.PillTabs---guLRI a,
.PillTabs---guLRI button {
    color: #ccc;
    font-size: 1rem;
    line-height: 1.9rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    text-align: center;
    background-color: #f8f8f8
}
.PillTabs---guLRI a.active,
.PillTabs---guLRI button.active {
    color: #000;
    background-color: #fff
}
.PillTabs---guLRI a:not(:last-child),
.PillTabs---guLRI button:not(:last-child) {
    border-right: 1px solid #ccc
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.new-campaign-step,
.new-campaign-step .footer,
.new-campaign-step .footer__left,
.new-campaign-step .footer__right,
.new-campaign-step .progress-header .actions,
.new-campaign-step .progress-header .progress-description,
.new-campaign-step .progress-header .steps,
.new-campaign-step .step-content .review,
.new-campaign-step .step-content .review .list-selection-review,
.new-campaign-step .step-content .review .mock-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.new-campaign-step,
.new-campaign-step .step-content .review .list-selection-review,
.new-campaign-step .step-content .review .mock-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.new-campaign-step .footer,
.new-campaign-step .footer__left,
.new-campaign-step .footer__right,
.new-campaign-step .progress-header .actions,
.new-campaign-step .progress-header .progress-description,
.new-campaign-step .progress-header .steps,
.new-campaign-step .step-content .review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.new-campaign-step .progress-header .steps .step-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.new-campaign-step .progress-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around,
.new-campaign-step .step-content .review .mock-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton,
.new-campaign-step .step-content .review .mock-preview {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child,
.new-campaign-step .step-content .review .mock-preview>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child,
.new-campaign-step .step-content .review .mock-preview>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.new-campaign-step .footer button,
.new-campaign-step .step-content .review button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.new-campaign-step .footer button:focus,
.new-campaign-step .step-content .review button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.new-campaign-step .footer button[disabled],
.new-campaign-step .step-content .review button[disabled] {
    cursor: inherit;
    background-color: #eee
}
.new-campaign-step .footer button,
.new-campaign-step .step-content .review button,
button.color-teal {
    background-color: #13ddb0
}
.new-campaign-step .footer button:hover:not([disabled]),
.new-campaign-step .step-content .review button:hover:not([disabled]),
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
.new-campaign-step .step-content .review .mock-message-container .message-container button,
button.color-blue {
    background-color: #0176ff
}
.new-campaign-step .step-content .review .mock-message-container .message-container button:hover:not([disabled]),
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.new-campaign-step .campaign-end-date-picker-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eee;
    border-radius: .3125rem;
    color: #000;
    font-size: 16px;
    height: 2.8rem;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.new-campaign-step .campaign-end-date-picker-input:focus {
    border-color: #13ddb0;
    outline: none
}
.new-campaign-step .step-content .content-area .Input textarea {
    outline: none;
    border-radius: .3125rem;
    color: #000;
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.new-campaign-step .step-content .content-area .Input textarea:-moz-read-only {
    background-color: #fafafa
}
.new-campaign-step .step-content .content-area .Input textarea:read-only {
    background-color: #fafafa
}
.new-campaign-step .step-content .content-area .Input textarea {
    overflow-y: auto
}
.new-campaign-step .campaign-end-date-picker-input .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.new-campaign-step .campaign-end-date-picker-input .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.new-campaign-step .campaign-end-date-picker-input .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.new-campaign-step .campaign-end-date-picker-input .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.new-campaign-step .campaign-end-date-picker-input .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.new-campaign-step .campaign-end-date-picker-input .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.new-campaign-step .step-content .review .mock-message-container blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.new-campaign-step .step-content .review .mock-message-container {
    font-size: .875rem
}
.new-campaign-step .step-content .review .mock-message-container p {
    margin: 0
}
.new-campaign-step .step-content .review .mock-message-container a {
    text-decoration: underline
}
.new-campaign-step .step-content .review .mock-message-container b,
.new-campaign-step .step-content .review .mock-message-container strong {
    font-weight: 600
}
.new-campaign-step .step-content .review .mock-message-container:focus {
    border-color: #13ddb0
}
.new-campaign-step .step-content .review .mock-message-container img {
    display: block;
    margin: auto;
    max-width: 100%
}
.new-campaign-step {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa
}
.new-campaign-step .campaign-end-date-picker-input {
    background: #fff;
    position: relative
}
.new-campaign-step .campaign-end-date-picker-input .DropDown {
    position: absolute;
    top: 2rem;
    left: 50%;
    width: 15rem;
    margin-bottom: 3rem
}
.new-campaign-step .campaign-end-date-picker-input .DropDown .TimeSelectorDropdown {
    padding: 1rem
}
.new-campaign-step .campaign-delivery-timeframe-select {
    margin-bottom: .7rem
}
.new-campaign-step .progress-header {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 4.7rem;
    padding: 0 1.9rem;
    background-color: #fff;
    border-bottom: 1px solid #eee
}
.new-campaign-step .progress-header .type {
    text-transform: capitalize;
    font-weight: 500
}
.new-campaign-step .progress-header .progress-description {
    width: 19.25rem;
    padding: 1rem;
    font-size: 24px;
    color: #000
}
.new-campaign-step .progress-header .progress-description .icon {
    margin-right: 1rem
}
.new-campaign-step .progress-header .number-targeted {
    margin: 0 1rem 0 .5rem;
    color: #0176ff;
    font-size: 24px
}
.new-campaign-step .progress-header .steps {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.new-campaign-step .progress-header .steps .step {
    width: 6.25rem;
    position: relative;
    margin-left: 4rem;
    color: #9a9a9a;
    white-space: nowrap
}
.new-campaign-step .progress-header .steps .step.is-clickable {
    cursor: pointer
}
.new-campaign-step .progress-header .steps .step.is-active,
.new-campaign-step .progress-header .steps .step.is-clickable:hover {
    color: #0176ff
}
.new-campaign-step .progress-header .steps .step.is-active .step-index,
.new-campaign-step .progress-header .steps .step.is-clickable:hover .step-index {
    border-color: #0176ff;
    background-color: #0176ff;
    color: #fff
}
.new-campaign-step .progress-header .steps .step.is-clickable {
    background-color: #fff;
    color: #0176ff
}
.new-campaign-step .progress-header .steps .step.is-clickable .step-index {
    border-color: #0176ff
}
.new-campaign-step .progress-header .steps .step.is-clickable .step-bar {
    background-color: #0176ff
}
.new-campaign-step .progress-header .steps .step-bar {
    position: absolute;
    top: .55rem;
    left: -6.5rem;
    height: 2px;
    width: 9rem;
    background-color: #eee
}
.new-campaign-step .progress-header .steps .step-index {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    border: 1px solid #9a9a9a;
    border-radius: 50%
}
.new-campaign-step .progress-header .steps .step-description {
    font-size: 14px;
    text-align: center
}
.new-campaign-step .progress-header .actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 19.25rem
}
.new-campaign-step .progress-header .actions a {
    font-size: 12px;
    font-weight: 500;
    color: #9a9a9a;
    text-transform: uppercase
}
.new-campaign-step .step-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    padding-top: 4.25rem;
    width: 100%
}
.new-campaign-step .step-content .body-text-area {
    min-height: 210px;
    border-radius: .3125rem
}
.new-campaign-step .step-content .compose-step,
.new-campaign-step .step-content .define-step {
    width: 48rem
}
.new-campaign-step .step-content .compose-step .content-area,
.new-campaign-step .step-content .define-step .content-area {
    width: 30.65rem;
    margin: auto
}
.new-campaign-step .step-content .review {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 48rem;
    max-height: 35rem
}
.new-campaign-step .step-content .review .list-selection-review {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem
}
.new-campaign-step .step-content .review .list-selection-review .campaign-name {
    font-weight: 500;
    margin-right: .2rem
}
.new-campaign-step .step-content .review .list-selection-review .date-time {
    font-size: 14px
}
.new-campaign-step .step-content .review .list-selection-review .title {
    color: #13ddb0;
    font-size: 24px;
    font-weight: 500;
    margin-top: 1.3rem;
    margin-bottom: 1.3rem
}
.new-campaign-step .step-content .review .list-selection-review .edit-segment {
    margin-top: 1.3rem;
    font-size: 12px
}
.new-campaign-step .step-content .review .mock-preview {
    overflow-y: auto;
    width: 23.75rem;
    background-color: #fff;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}
.new-campaign-step .step-content .review .mock-preview .preview-header {
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #ccc;
    text-transform: uppercase;
    font-weight: 500
}
.new-campaign-step .step-content .review .mock-preview.nps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    background-color: #f8f8f8
}
.new-campaign-step .step-content .review .date {
    color: #9a9a9a;
    font-size: 14px
}
.new-campaign-step .step-content .review .mock-message-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1rem;
    padding-right: 2rem
}
.new-campaign-step .step-content .review .mock-message-container .message-container button {
    height: auto;
    white-space: normal;
    margin-top: 1rem
}
.new-campaign-step .step-content .review .mock-header {
    width: 100%;
    height: 3rem;
    border-bottom: 1px solid #eee;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.new-campaign-step .step-content .review .mock-header .edit-link {
    font-size: 12px
}
.new-campaign-step .step-content .review .mock-header .blob {
    background-color: #f8f8f8;
    height: .7rem;
    border-radius: .3125rem
}
.new-campaign-step .step-content .review .mock-header .blob-2 {
    width: 12.4rem
}
.new-campaign-step .step-content .review .mock-header .blob-3 {
    width: 1rem
}
.new-campaign-step .step-content .review h1 {
    font-size: 24px;
    font-weight: 400;
    color: #13ddb0
}
.new-campaign-step .step-content .review button {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    width: 100%
}
.new-campaign-step .step-content .content-area {
    padding-left: .85rem;
    padding-right: .85rem
}
.new-campaign-step .step-content .content-area .label {
    margin-bottom: .7rem;
    font-size: 12px;
    color: #9a9a9a;
    font-weight: 500;
    text-transform: uppercase
}
.new-campaign-step .step-content .content-area .input-wrapper:not(:first-child),
.new-campaign-step .step-content .content-area .label:not(:first-child) {
    margin-top: 1.9rem
}
.new-campaign-step .step-content .content-area .react-select-box-container {
    min-height: 2.5rem
}
.new-campaign-step .step-content .content-area .react-select-box-container.segment-select {
    min-height: 4.05rem
}
.new-campaign-step .step-content .content-area .react-select-box-container .react-select-box-options {
    max-height: 40vh;
    overflow-y: auto
}
.new-campaign-step .step-content .content-area .Input input {
    height: 3.1rem;
    font-weight: 400
}
.new-campaign-step .step-content .content-area .Input textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 1rem;
    resize: none;
    font-size: 16px;
    font-weight: 400
}
.new-campaign-step .footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2.7rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-top: 2px solid #eee
}
.new-campaign-step .footer button {
    margin-left: 1.8rem;
    height: 3.1rem;
    font-weight: 500;
    text-transform: uppercase
}
.new-campaign-step .footer .back {
    cursor: pointer;
    color: #9a9a9a;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase
}
.new-campaign-step .footer__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Page.new-campaign-step.chat-campaign .progress-header .progress-description .icon {
    height: 2.1rem;
    width: 2.1rem
}
.new-campaign-step .step-content .new-chat-campaign-review-step .review {
    min-height: 22rem;
    height: 50%
}
.new-campaign-step .step-content .new-chat-campaign-review-step .mock-preview {
    border: 2px solid #e0e0e0;
    padding-bottom: .8rem
}
.new-campaign-step .step-content .new-chat-campaign-review-step .mock-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #eee;
    padding-left: .6rem;
    border-bottom: 2px solid #e0e0e0
}
.new-campaign-step .step-content .new-chat-campaign-review-step .mock-header .mock-menu-bar-button {
    height: 11px;
    width: 11px;
    margin: 0 .1rem
}
.new-campaign-step .step-content .new-chat-campaign-review-step .mock-messenger-container {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.new-campaign-step .step-content .new-chat-campaign-review-step .help-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 4rem
}
.new-campaign-step .step-content .new-chat-campaign-review-step .help-info .arrow-line-art {
    height: 10%;
    position: relative;
    top: 2.6rem;
    right: 1.3rem
}
.new-campaign-step .step-content .new-chat-campaign-review-step .help-info .help-text {
    font-weight: 600;
    color: #9a9a9a;
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 55%;
    text-align: center
}
.new-campaign-step .step-content .new-chat-campaign-review-step .mock-messenger {
    width: 98%
}
.campaign-segment-option---cHZ01,
.campaign-segment-option---cHZ01 .type,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.campaign-segment-option---cHZ01,
.campaign-segment-option---cHZ01 .type,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.react-select-box-option.react-select-box-option-focused .campaign-segment-option---cHZ01 svg *,
.react-select-box-option:hover .campaign-segment-option---cHZ01 svg * {
    stroke: #fff
}
.react-select-box-option.react-select-box-option-focused .campaign-segment-option---cHZ01 *,
.react-select-box-option:hover .campaign-segment-option---cHZ01 * {
    color: #fff
}
.campaign-segment-option---cHZ01 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.campaign-segment-option---cHZ01 .type .type-icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15px;
    margin-right: .25rem
}
.campaign-segment-option---cHZ01 .type.ID_LIST .type-icon svg {
    height: 12px;
    width: 12px
}
.campaign-segment-option---cHZ01 .type.QUERY .type-icon svg {
    height: 5px;
    width: 15px
}
.campaign-segment-option---cHZ01 .end-user-count {
    color: #9a9a9a;
    font-size: 12px;
    min-width: 4.1rem
}
.campaign-segment-option---cHZ01 .end-user-count .count-value {
    font-size: 14px
}
.campaign-segment-option---cHZ01 .end-user-count .user-icon svg {
    margin-right: .15rem;
    height: 13px;
    width: 11px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.AudienceOption---2eGlZ {
    display: block!important;
    padding: .65rem 0;
    width: 100%
}
.AudienceOption_Label---1XYip {
    margin-top: 2px;
    color: #9a9a9a;
    font-size: .6875rem
}
.AudienceOption_Label---1XYip .icon {
    margin-right: .25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.TagColorSelectDropdown .tags>div,
.TagColorSelectDropdown .title,
.TagDropDownList .tags>div,
.TagDropDownList .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.TagColorSelectDropdown .title,
.TagDropDownList .title {
    padding: .5rem 1.3rem;
    color: #9a9a9a;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #eee
}
.TagColorSelectDropdown .tags,
.TagDropDownList .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 20rem;
    overflow-y: auto
}
.TagColorSelectDropdown .tags>a,
.TagDropDownList .tags>a {
    margin-top: .25rem;
    margin-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.TagColorSelectDropdown .tags>div,
.TagDropDownList .tags>div {
    padding: .4rem .8rem;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.TagColorSelectDropdown .tags>div:last-of-type,
.TagDropDownList .tags>div:last-of-type {
    border-bottom: 0
}
.TagColorSelectDropdown .tags>div:hover,
.TagDropDownList .tags>div:hover {
    background-color: #e1eef4;
    color: #fff
}
.TagColorSelectDropdown .tags>div .checkmark svg,
.TagDropDownList .tags>div .checkmark svg {
    height: .75rem;
    margin-right: .5rem
}
.TagColorSelectDropdown .tags>div .checkmark path,
.TagDropDownList .tags>div .checkmark path {
    fill: #0176ff
}
.TagColorSelector .tag-colors {
    padding: .75rem
}
.TagColorSelector .tag-color {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: .25rem;
    border-radius: .3125rem;
    cursor: pointer;
    opacity: .8
}
.TagColorSelector .tag-color:hover {
    opacity: 1
}
.TagColorSelector .tag-color.tag-color-empty {
    border: 1px dashed $color-navy
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.DropDown {
    position: absolute;
    z-index: 1
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.create-tag,
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.create-tag,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.create-tag .tag-color-select-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.create-tag .tag-color-select-dropdown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.create-tag .tag-color-select-dropdown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.create-tag .tag-color-select-dropdown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.create-tag .tag-color-select-dropdown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.create-tag .tag-color-select-dropdown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.create-tag .tag-colors {
    padding: .75rem
}
.create-tag .tag-color {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: .25rem;
    border-radius: .3125rem;
    cursor: pointer;
    opacity: .8
}
.create-tag .tag-color:hover {
    opacity: 1
}
.create-tag .tag-color.tag-color-empty {
    border: 1px dashed #b5d2e1
}
.create-tag .input-container {
    max-width: 12rem;
    outline: none
}
.create-tag .Input {
    padding-left: 1.25rem
}
.create-tag .Input input {
    padding-left: 1.15rem;
    padding-right: .15rem
}
.create-tag .Input textarea {
    resize: none;
    margin-top: .8rem;
    margin-bottom: .5rem
}
.create-tag .tag-color-select-dropdown {
    position: absolute;
    top: 3.4rem;
    margin-left: 1.25rem
}
.create-tag>.tag-color {
    position: absolute;
    z-index: 1;
    top: .65rem;
    left: 14px;
    margin: .5rem 0 0 .5rem
}
.create-tag .cancel-tag-button {
    cursor: pointer
}
.create-tag .cancel-tag-button svg {
    padding: .5rem
}
.create-tag .cancel-tag-button:hover path {
    fill: #0176ff
}
.AddTagInlineButton {
    border-top: 2px dotted #e1eef4
}
.AddTagInlineButton .add-tag-button {
    padding: .75rem;
    color: #b5d2e1
}
.AddTagInlineButton .add-tag-button span {
    padding-left: 1rem
}
.AddTagInlineButton .add-tag-button:hover {
    color: #0176ff
}
.AddTagInlineButton .add-tag-button:hover path {
    fill: #0176ff
}
.AddTagInlineButton .create-tag {
    position: relative;
    padding: 0 .75rem
}
.AddTagInlineButton .create-tag .tag-color {
    margin-left: 0
}
.AddTagInlineButton .create-tag .input-container {
    width: 100%
}
.AddTagInlineButton .create-tag .input-container .Input {
    border: 0;
    border-bottom: 1px solid #b5d2e1;
    border-radius: 0
}
.AddTagInlineButton .create-tag .input-container .Input textarea {
    font-size: .875rem;
    color: #7695a5;
    padding-left: .65rem;
    padding-right: .65rem
}
.AddTagInlineButton .create-tag .input-container .Input textarea::-webkit-input-placeholder {
    color: #b5d2e1
}
.AddTagInlineButton .create-tag .input-container .Input textarea::-moz-placeholder {
    color: #b5d2e1
}
.AddTagInlineButton .create-tag .input-container .Input textarea:-ms-input-placeholder {
    color: #b5d2e1
}
.AddTagInlineButton .create-tag .input-container .Input textarea::placeholder {
    color: #b5d2e1
}
.AddTagInlineButton .create-tag .cancel-tag-button {
    position: absolute;
    top: 7px;
    right: 52px;
    height: 10px;
    width: 10px;
    margin: .5rem -2rem
}
.AddTagInlineButton .create-tag .cancel-tag-button svg path {
    fill: #b5d2e1
}
.AddTagInlineButton .error-text {
    padding-bottom: .75rem;
    color: #b5d2e1;
    text-align: center
}
.TagButton.bot-report-tags .tag-dropdown {
    position: static;
    background-color: #fff;
    box-shadow: 0 2px 6px 1px rgba(118, 149, 165, .5);
    border-radius: .3125rem
}
.TagButton.bot-report-tags .tag-dropdown .sub-title {
    cursor: auto;
    color: #7695a5;
    border-color: #b5d2e1;
    margin-bottom: .5rem
}
.TagButton.bot-report-tags .tag-dropdown .sub-title svg {
    cursor: pointer
}
.TagButton.bot-report-tags .tag-dropdown .sub-title svg path {
    fill: #7695a5
}
.TagButton.bot-report-tags .tag-dropdown .sub-title svg:hover path {
    fill: #0176ff
}
.TagButton.bot-report-tags .tag-dropdown .TagDropDownList .tags>div {
    border: none;
    border-radius: 0
}
.TagButton.bot-report-tags .tag-dropdown .TagDropDownList .tags>div:hover {
    background-color: #e1eef4
}
.TagButton.bot-report-tags .tag-dropdown .AddTagInlineButton {
    margin-top: .5rem;
    border-top: 1px dashed #b5d2e1
}
.TagButton.bot-report-tags .tag-dropdown .AddTagInlineButton .add-tag-button {
    font-size: $font-size-base;
    color: #7695a5
}
.TagButton.bot-report-tags .tag-dropdown .AddTagInlineButton .add-tag-button svg path {
    fill: currentColor
}
.LoadingDots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.LoadingDots .loading-dot {
    color: #000;
    height: .25em;
    width: .25em;
    margin-right: .25em;
    border-radius: 50%;
    background-color: #7695a5;
    -webkit-animation: loading-dot 1.5s ease-in-out infinite;
    animation: loading-dot 1.5s ease-in-out infinite
}
@-webkit-keyframes loading-dot {
    0% {
        opacity: .1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .1
    }
}
@keyframes loading-dot {
    0% {
        opacity: .1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .1
    }
}
.bot-report-table-container {
    position: relative
}
.bot-report-table-container .LoadingDots {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem
}
.bot-report-table {
    height: calc(100vh - 11.5rem);
    margin-bottom: .5rem
}
.bot-report-table tr th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.bot-report-table tr td,
.bot-report-table tr th {
    vertical-align: top;
    min-width: 500px;
    max-width: 500px;
    width: auto
}
.bot-report-table tr td:first-of-type,
.bot-report-table tr th:first-of-type {
    min-width: 100px;
    max-width: 100px
}
.bot-report-table tr td:nth-of-type(2),
.bot-report-table tr th:nth-of-type(2) {
    min-width: 200px;
    max-width: 200px
}
.reply-cell .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .25rem
}
.reply-cell .tag-list .tag {
    margin-right: .25rem;
    margin-bottom: .25rem
}
.reply-cell .tag-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .01;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 500;
    cursor: pointer;
    color: #0176ff;
    border: 1px dashed #b5d2e1;
    border-radius: .15625rem;
    width: 1.25rem;
    height: 1.25rem
}
.reply-cell:hover .tag-button {
    opacity: 1
}
.reply-cell:hover .tag-button svg path {
    fill: #b5d2e1
}
.reply-cell .tag-button:hover svg path {
    fill: #000
}
.reply-cell .tag-button.active {
    opacity: 1
}
.reply-cell .tag-button.active svg path {
    fill: #000
}
.navigation-controls-container {
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.navigation-controls-container .navigation-controls .page-count {
    margin: 0 .75rem;
    color: #7695a5
}
.navigation-controls-container .navigation-controls .previous svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.navigation-controls-container .navigation-controls .next svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.HeaderBackButton---30BAe {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.HeaderBackButton---30BAe svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 8px;
    vertical-align: baseline;
    margin-right: .5rem;
    transition: all .4s
}
.HeaderBackButton---30BAe path {
    fill: #0176ff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.ToolTipOnHover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.ToolTipOnHover {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ToolTipOnHover .tool-tip,
.ToolTipOnHover .tool-tip.bottom-left {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.ToolTipOnHover .tool-tip.bottom-left:before,
.ToolTipOnHover .tool-tip:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.ToolTipOnHover .tool-tip.bottom-left:after,
.ToolTipOnHover .tool-tip:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.ToolTipOnHover .tool-tip {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: 0
}
.ToolTipOnHover .tool-tip:before {
    bottom: -10px;
    top: auto;
    right: -1px
}
.ToolTipOnHover .tool-tip:after {
    bottom: -8px;
    top: auto;
    right: 0
}
.ToolTipOnHover .tool-tip.bottom-left {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.ToolTipOnHover .tool-tip.bottom-left:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.ToolTipOnHover .tool-tip.bottom-left:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.ToolTipOnHover .tool-tip.bottom-left {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: 0
}
.ToolTipOnHover .tool-tip.bottom-left:before {
    bottom: -10px;
    top: auto
}
.ToolTipOnHover .tool-tip.bottom-left:after {
    bottom: -8px;
    top: auto
}
.ToolTipOnHover .tool-tip,
.ToolTipOnHover .tool-tip.bottom-left {
    border-color: #000;
    position: absolute;
    background-color: #000;
    color: #fff
}
.ToolTipOnHover .tool-tip.bottom-left:after,
.ToolTipOnHover .tool-tip.bottom-left:before,
.ToolTipOnHover .tool-tip:after,
.ToolTipOnHover .tool-tip:before {
    border-right-color: #000;
    border-left-color: #000;
    right: -1px
}
.ToolTipOnHover .tool-tip:after,
.ToolTipOnHover .tool-tip:before {
    border-left-color: transparent
}
.ToolTipOnHover {
    position: relative;
    cursor: pointer
}
.ToolTipOnHover .tool-tip {
    position: absolute;
    right: 0;
    font-size: 12px;
    white-space: nowrap;
    bottom: 1.75rem;
    padding: .75rem
}
.ToolTipOnHover .tool-tip.bottom-left {
    right: auto;
    left: 50%
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.CustomerMetric .container,
.CustomerMetric .container .delta,
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.CustomerMetric .container,
.CustomerMetric .container .delta,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CustomerMetric .container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 1.85rem 0 2rem;
    min-width: 11rem
}
.CustomerMetric .container.selectable {
    border-bottom: .125rem solid #eee;
    transition: border-bottom .3s ease-in-out, margin-bottom .3s ease-in-out;
    cursor: pointer
}
.CustomerMetric .container.selectable:hover {
    margin-bottom: -.375rem;
    border-bottom-width: .5rem
}
.CustomerMetric .container.isSelected {
    margin-bottom: -.375rem;
    border-bottom: .5rem solid #13ddb0
}
.CustomerMetric .container.isSelected .value {
    transition: color .2s ease-in-out;
    color: #13ddb0
}
.CustomerMetric .container>div {
    text-align: center
}
.CustomerMetric .container .value {
    font-size: 44px
}
.CustomerMetric .container .display {
    font-size: 12px;
    font-weight: 500;
    color: #9a9a9a;
    text-transform: uppercase
}
.CustomerMetric .container .delta {
    font-size: 1rem
}
.CustomerMetric .container .delta .percent {
    font-weight: 500;
    color: #9a9a9a
}
.CustomerMetric .container .delta .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    margin-right: 5
}
.CustomerMetric .container .delta .arrow.increasing {
    border-width: 0 .43rem .625rem;
    border-color: transparent transparent #13cb6e
}
.CustomerMetric .container .delta .arrow.decreasing {
    border-width: .625rem .43rem 0;
    border-color: #e92e4b transparent transparent
}
.CustomerMetric .container .delta .tool-tip {
    text-transform: none;
    right: .5rem;
    bottom: 1.5rem;
    width: 11rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.pagination {
    padding: 1rem 0;
    border-top: 2px solid #eee
}
.pagination>* {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 500
}
.pagination a {
    color: #9a9a9a
}
.pagination a:hover {
    color: #000
}
.DefaultModalPortal .ReactModal__Overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-perspective: 600;
    perspective: 600;
    opacity: 0
}
.DefaultModalPortal .ReactModal__Overlay--after-open {
    opacity: 1;
    transition: opacity .15s ease-out
}
.DefaultModalPortal .ReactModal__Content {
    -webkit-transform: scale(.5) rotateX(-30deg);
    transform: scale(.5) rotateX(-30deg)
}
.DefaultModalPortal .ReactModal__Content--after-open {
    -webkit-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    transition: all .15s ease-in
}
.DefaultModalPortal .ReactModal__Overlay--before-close {
    opacity: 0
}
.DefaultModalPortal .ReactModal__Content--before-close {
    -webkit-transform: scale(.5) rotateX(30deg);
    transform: scale(.5) rotateX(30deg);
    transition: all .15s ease-in
}
.SelectWrapper---2qqnh .Select-control {
    border: 2px solid #eee;
    border-radius: .3125rem
}
.end-user-actions-dropdown .uiDropdownItem i {
    vertical-align: middle;
    margin-right: 8px
}
.end-user-actions-dropdown .uiDropdownItem i.upload-icon svg {
    width: 17px
}
.end-user-actions-dropdown .uiDropdownItem i.download-icon svg {
    width: 11px;
    margin-left: 4px;
    margin-right: 2px
}
.end-user-actions-dropdown .uiDropdownItem i.delete-icon svg {
    width: 12px;
    margin-left: 3px;
    margin-right: 3px
}
.end-user-list-actions .drift-button.right-icon i:last-child svg {
    margin-right: 0;
    margin-left: 4px;
    width: 12px
}
.end-user-list-actions-item {
    margin-right: 5px
}
.end-user-list-dropdown {
    top: 40px;
    right: 0;
    width: 170px;
    border-radius: .3125rem
}
.end-user-list-dropdown span {
    margin-left: 5px
}
.button-container---3K-OZ:not(.disabled):hover {
    background-color: #effaff
}
.button-container---3K-OZ .action-button {
    color: #000;
    background-color: transparent;
    border: transparent
}
.button-container---3K-OZ .action-button svg,
.button-container---3K-OZ .action-button svg path {
    fill: #000
}
.button-container---3K-OZ .action-button:hover {
    color: #000;
    background-color: transparent;
    border: transparent
}
.button-container---3K-OZ .action-button:hover svg,
.button-container---3K-OZ .action-button:hover svg path {
    fill: #000
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Collapsible-container .toggle,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Collapsible-container .toggle,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Collapsible-container,
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.Collapsible-container>:first-child,
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.Collapsible-container>:last-child,
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.Collapsible-container .toggle {
    cursor: pointer
}
.Collapsible-container .toggle .toggle-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.Collapsible-container .toggle img.toggle-arrow {
    width: .5rem;
    height: .3rem;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.Collapsible-container .toggle img.toggle-arrow.collapsed {
    -webkit-transform: none;
    transform: none
}
.Collapsible-container .Collapsible {
    height: 0;
    overflow: hidden;
    transition: height .5s
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body.announcement {
    padding-left: 2rem;
    padding-right: 2rem
}
.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after {
    content: "";
    clear: both
}
.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    line-height: 1
}
.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}
.ct-label.ct-horizontal.ct-end,
.ct-label.ct-horizontal.ct-start {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}
.ct-label.ct-vertical.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}
.ct-label.ct-vertical.ct-end {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start,
.ct-label.ct-vertical.ct-end {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    text-anchor: start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end,
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end,
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}
.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}
.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}
.ct-line {
    fill: none;
    stroke-width: 4px
}
.ct-area {
    stroke: none;
    fill-opacity: .1
}
.ct-bar {
    fill: none;
    stroke-width: 10px
}
.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #d70206
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
    fill: #d70206
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #f05b4f
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
    fill: #f05b4f
}
.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #f4c63d
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
    fill: #f4c63d
}
.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #d17905
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
    fill: #d17905
}
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #453d3f
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
    fill: #453d3f
}
.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #59922b
}
.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
    fill: #59922b
}
.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #0544d3
}
.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
    fill: #0544d3
}
.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #6b0392
}
.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
    fill: #6b0392
}
.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}
.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
    fill: #f05b4f
}
.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #dda458
}
.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
    fill: #dda458
}
.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}
.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
    fill: #eacf7d
}
.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #86797d
}
.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
    fill: #86797d
}
.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #b2c326
}
.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
    fill: #b2c326
}
.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2
}
.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
    fill: #6188e2
}
.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca
}
.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
    fill: #a748ca
}
.ct-square {
    display: block;
    position: relative;
    width: 100%
}
.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
}
.ct-square:after {
    display: table
}
.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}
.ct-minor-second:after {
    display: table
}
.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%
}
.ct-major-second:after {
    display: table
}
.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%
}
.ct-minor-third:after {
    display: table
}
.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
}
.ct-major-third:after {
    display: table
}
.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}
.ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
}
.ct-perfect-fourth:after {
    display: table
}
.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}
.ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%
}
.ct-perfect-fifth:after {
    display: table
}
.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}
.ct-minor-sixth:after {
    display: table
}
.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}
.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}
.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}
.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
}
.ct-major-sixth:after {
    display: table
}
.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}
.ct-minor-seventh:after {
    display: table
}
.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%
}
.ct-major-seventh:after {
    display: table
}
.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
}
.ct-octave:after {
    display: table
}
.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
}
.ct-major-tenth:after {
    display: table
}
.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}
.ct-major-eleventh:after {
    display: table
}
.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}
.ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%
}
.ct-major-twelfth:after {
    display: table
}
.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
}
.ct-double-octave:after {
    display: table
}
.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.chart-container {
    height: 200px;
    width: 100%
}
.chart-container .ct-labels span.ct-label {
    color: #9a9a9a
}
.chart-container .ct-labels .selected-label span.ct-label {
    color: #0176ff;
    font-weight: 600
}
.chart-container .ct-point {
    stroke: #0176ff;
    stroke-width: 2px;
    cursor: pointer;
    fill: #fff
}
.chart-container .ct-point.selected-point,
.chart-container .ct-point:hover {
    fill: #0176ff
}
.chart-container .ct-line {
    stroke: #0176ff;
    stroke-width: 2px
}
.CampaignReport .report-summary-wrapper .preview-body.nps {
    font-weight: 600
}
.CampaignReport .report-summary-wrapper .preview-body.nps .follow-up-message {
    margin-top: .4rem
}
.CampaignReport .counts,
.CampaignReport .counts .count,
.CampaignReport .report-summary-wrapper .Collapsible-container .type-row,
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row,
.CampaignReport .results .filters-and-search,
.CampaignReport .table-header,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.CampaignReport .counts .count,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.CampaignReport .counts,
.CampaignReport .report-summary-wrapper .Collapsible-container .type-row,
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row,
.CampaignReport .results .filters-and-search,
.CampaignReport .table-header,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .nps-pie-chart .total,
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CampaignReport .counts .count {
    box-shadow: 0 2px 0 #eee
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.CampaignReport .Table table,
.CampaignReport .Table table td,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.CampaignReport .Table table,
.CampaignReport .Table table td,
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body .call-to-action-button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body .call-to-action-button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body .call-to-action-button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.CampaignReport .Table table th,
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.CampaignReport .Table table td,
.CampaignReport .Table table th,
.dsg-largeRow,
.dsg-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.dsg-largeRow,
.dsg-row {
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.CampaignReport .Table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: .3125rem
}
.CampaignReport .Table table td {
    padding: .85rem
}
.CampaignReport .Table table th {
    padding: .65rem;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.CampaignReport .Table table th.sort-asc:after,
.CampaignReport .Table table th.sort-desc:after {
    content: "";
    position: absolute;
    height: .8rem;
    width: .65rem;
    margin: .15rem .5rem;
    background-image: url(/assets/2be7e54f95ea9b20539c51393911ea09.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.CampaignReport .Table table th.sort-desc:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.CampaignReport .Table table tbody {
    display: block;
    height: calc(100% - 2.125rem)
}
.CampaignReport .Table table tbody tr:last-child {
    border-bottom: none;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.CampaignReport .Table table tbody tr:nth-child(2n) {
    background-color: #fafafa
}
.CampaignReport .Table table tbody tr:hover {
    background-color: #effaff
}
.CampaignReport .Table table tbody tr,
.CampaignReport .Table table thead {
    display: table;
    table-layout: fixed;
    width: 100%
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body {
    font-size: .875rem
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body p {
    margin: 0
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body a {
    text-decoration: underline
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body b,
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body strong {
    font-weight: 600
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body:focus {
    border-color: #13ddb0
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body img {
    display: block;
    margin: auto;
    max-width: 100%
}
.CampaignReport {
    min-width: 68rem
}
.CampaignReport .Table table th {
    color: #9a9a9a;
    font-weight: $meidum
}
.CampaignReport .content {
    background-color: #fafafa
}
.CampaignReport .back-to-link,
.CampaignReport .results {
    position: relative;
    font-size: 23px;
    font-weight: 500;
    padding: 2.5rem 4rem 2.3rem
}
.CampaignReport .results {
    background-color: #fff
}
.CampaignReport .results .filters-and-search {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 2rem
}
.CampaignReport .results .filters-and-search .counts {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignReport .nps.results .score {
    font-size: 40px;
    line-height: 30px;
    color: #9a9a9a
}
.CampaignReport .nps.results .score.promoter {
    color: #8cdb74
}
.CampaignReport .nps.results .score.passive {
    color: #9edcf7
}
.CampaignReport .nps.results .score.detractor {
    color: #fa8791
}
.CampaignReport .report-summary-wrapper {
    margin-bottom: 2rem;
    text-align: center
}
.CampaignReport .report-summary-wrapper .report-details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .details-container.announcement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .details-container .column-wrapper {
    width: 50%;
    display: inline-block
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details h1 {
    font-size: 32px;
    font-weight: 600;
    max-height: 5.5rem;
    overflow: hidden;
    margin-top: 0
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row:not(:last-of-type) {
    margin-bottom: .5rem
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row b {
    margin-right: .2rem
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row .segment-summary-link {
    text-transform: none
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details .row .segment-summary-link .type {
    color: #000
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .nps-pie-chart {
    position: relative;
    margin-top: 5.2rem
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .nps-pie-chart .total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 170px;
    height: 170px
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .nps-pie-chart .total-count {
    font-size: 50px;
    font-weight: 500;
    line-height: 1em;
    -webkit-animation: fade-in .4s ease;
    animation: fade-in .4s ease
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .nps-pie-chart .total-label {
    font-size: 12px;
    font-weight: 500;
    color: #9a9a9a;
    text-transform: uppercase
}
.CampaignReport .report-summary-wrapper .report-details-wrapper .report-details {
    text-align: left
}
.CampaignReport .report-summary-wrapper .report-summary {
    width: 600px;
    margin: auto
}
.CampaignReport .report-summary-wrapper .Collapsible-container {
    margin-top: .85rem
}
.CampaignReport .report-summary-wrapper .Collapsible-container .toggle {
    padding: 1rem 1rem .5rem
}
.CampaignReport .report-summary-wrapper .Collapsible-container .designed-line-divider {
    width: 100%;
    border-top: 1px solid #ccc
}
.CampaignReport .report-summary-wrapper .Collapsible-container .type-row {
    font-size: 14px
}
.CampaignReport .report-summary-wrapper .Collapsible-container .type-row img {
    width: 1.125rem;
    margin-right: .25rem
}
.CampaignReport .report-summary-wrapper .Collapsible-container .type-row .type {
    font-weight: 600;
    font-size: 12px;
    color: #9a9a9a;
    text-transform: uppercase
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body {
    text-align: left;
    padding: .5rem 1rem 1rem;
    white-space: pre-wrap
}
.CampaignReport .report-summary-wrapper .Collapsible-container .preview-body .call-to-action-button {
    margin-top: .6rem;
    font-weight: 600;
    background-color: #0176ff;
    height: auto;
    padding: .5rem;
    width: 100%
}
.CampaignReport .counts {
    margin-bottom: 2.5rem
}
.CampaignReport .counts .promoter-metric .display {
    color: #8cdb74
}
.CampaignReport .counts .passive-metric .display {
    color: #9edcf7
}
.CampaignReport .counts .detractor-metric .display {
    color: #fa8791
}
.CampaignReport .counts .divider {
    height: 5.2rem;
    border-left: 2px solid #ccc;
    margin-right: .95rem
}
.CampaignReport .counts .filler {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .95rem
}
.CampaignReport .counts .count {
    opacity: 1;
    padding: .5rem;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 7.2rem;
    height: 5.2rem;
    text-align: center;
    border: 2px solid #9a9a9a;
    border-radius: .3125rem
}
.CampaignReport .counts .count:not(:last-of-type) {
    margin-right: .95rem
}
.CampaignReport .counts .count.dismissed {
    border-color: #e877dc
}
.CampaignReport .counts .count.dismissed.isSelected {
    background-color: #e877dc
}
.CampaignReport .counts .count.dismissed.isSelected .label,
.CampaignReport .counts .count.dismissed.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.seen {
    border-color: #13ddb0
}
.CampaignReport .counts .count.seen.isSelected {
    background-color: #13ddb0
}
.CampaignReport .counts .count.seen.isSelected .label,
.CampaignReport .counts .count.seen.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.promoters {
    border-color: #13cb6e
}
.CampaignReport .counts .count.promoters.isSelected {
    background-color: #13cb6e
}
.CampaignReport .counts .count.promoters.isSelected .label,
.CampaignReport .counts .count.promoters.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.passives {
    border-color: #9edcf7
}
.CampaignReport .counts .count.passives.isSelected {
    background-color: #9edcf7
}
.CampaignReport .counts .count.passives.isSelected .label,
.CampaignReport .counts .count.passives.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.bounced,
.CampaignReport .counts .count.detractors {
    border-color: #e92e4b
}
.CampaignReport .counts .count.bounced.isSelected,
.CampaignReport .counts .count.detractors.isSelected {
    background-color: #e92e4b
}
.CampaignReport .counts .count.bounced.isSelected .label,
.CampaignReport .counts .count.bounced.isSelected .value,
.CampaignReport .counts .count.detractors.isSelected .label,
.CampaignReport .counts .count.detractors.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.cta-click {
    border-color: #0176ff
}
.CampaignReport .counts .count.cta-click.isSelected {
    background-color: #0176ff
}
.CampaignReport .counts .count.cta-click.isSelected .label,
.CampaignReport .counts .count.cta-click.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.sent {
    border-color: #333
}
.CampaignReport .counts .count.sent.isSelected {
    background-color: #333
}
.CampaignReport .counts .count.sent.isSelected .label,
.CampaignReport .counts .count.sent.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.conversations {
    border-color: #f7a41b
}
.CampaignReport .counts .count.conversations.isSelected {
    background-color: #f7a41b
}
.CampaignReport .counts .count.conversations.isSelected .label,
.CampaignReport .counts .count.conversations.isSelected .value {
    color: #fff
}
.CampaignReport .counts .count.read-only {
    cursor: auto;
    box-shadow: none
}
.CampaignReport .counts .count .value {
    font-size: 40px;
    line-height: 1;
    color: #000
}
.CampaignReport .counts .count .label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #9a9a9a
}
.CampaignReport .table-header {
    border-bottom: 2.5px solid #ccc;
    padding: 1rem;
    font-size: 14px;
    color: #9a9a9a
}
.CampaignReport .table-header .main-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CampaignReport .Table {
    padding: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0
}
.CampaignReport .Table .Avatar {
    margin-right: .5rem
}
.CampaignReport .Table tbody {
    vertical-align: top;
    overflow-y: auto
}
.CampaignReport .Table table.nps td,
.CampaignReport .Table table.nps th {
    white-space: normal;
    text-overflow: clip
}
.CampaignReport .Table table.nps td:first-of-type,
.CampaignReport .Table table.nps th:first-of-type {
    width: 2rem
}
.CampaignReport .Table table.nps td:nth-of-type(2),
.CampaignReport .Table table.nps th:nth-of-type(2) {
    width: 10rem
}
.CampaignReport .Table table.nps td:nth-of-type(3),
.CampaignReport .Table table.nps th:nth-of-type(3) {
    width: 20rem
}
.CampaignReport .Table table.announcement td:nth-of-type(4),
.CampaignReport .Table table.announcement td:nth-of-type(5),
.CampaignReport .Table table.announcement th:nth-of-type(4),
.CampaignReport .Table table.announcement th:nth-of-type(5),
.CampaignReport .Table table.nps td:nth-of-type(4),
.CampaignReport .Table table.nps th:nth-of-type(4) {
    width: 7rem
}
.CampaignReport .Table table .dismissed {
    color: #9a9a9a
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.DeliveryTypeCard---965mJ,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.DeliveryTypeCard---965mJ,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.DeliveryTypeCard---965mJ {
    max-height: 101px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem
}
.DeliveryType---_8Ozs .takeover-icon svg * {
    fill: #fff;
    stroke: #ccc
}
.DeliveryType---_8Ozs .takeover-icon svg * rect {
    fill: #ccc
}
.DeliveryType---_8Ozs .welcome-message-icon {
    color: #ccc;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
}
.DeliveryType---_8Ozs:not(:first-child) {
    margin-top: 1rem
}
.DeliveryType---_8Ozs.isClickable {
    cursor: pointer
}
.DeliveryType---_8Ozs.isAnUpgrade {
    position: relative;
    overflow: hidden
}
.DeliveryType---_8Ozs.isSelected .pa-icon svg * {
    stroke: #13ddb0
}
.DeliveryType---_8Ozs.isSelected .pa-icon svg rect {
    fill: #13ddb0
}
.DeliveryType---_8Ozs.isSelected .email-icon svg *,
.DeliveryType---_8Ozs.isSelected .takeover-icon svg * {
    stroke: #13ddb0
}
.DeliveryType---_8Ozs.isSelected .welcome-message-icon {
    color: #13ddb0
}
.DeliveryType__UpgradeBanner---GeHDx {
    color: #fff;
    font-size: .875rem;
    background-color: #13ddb0;
    text-align: center;
    position: absolute;
    top: 13px;
    font-weight: 500;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 9rem;
    right: -36px
}
.DeliveryType__Description---3myvJ {
    width: 235px;
    color: #7695a5;
    font-size: .75rem
}
.DeliveryType__Name---2Hlsr {
    font-size: .875rem;
    text-transform: capitalize;
    color: #394f5a
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.medium-editor-toolbar .medium-editor-toolbar-actions li button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.medium-editor-toolbar .medium-editor-toolbar-actions li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
[contenteditable=true] blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
[contenteditable=true] {
    font-size: .875rem
}
[contenteditable=true] p {
    margin: 0
}
[contenteditable=true] a {
    text-decoration: underline
}
[contenteditable=true] b,
[contenteditable=true] strong {
    font-weight: 600
}
[contenteditable=true]:focus {
    border-color: #13ddb0
}
[contenteditable=true] img {
    display: block;
    margin: auto;
    max-width: 100%
}
.medium-editor-toolbar-form:after,
.medium-editor-toolbar-form:before,
.medium-editor-toolbar ul:after,
.medium-editor-toolbar ul:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0
}
.medium-editor-toolbar-form:after,
.medium-editor-toolbar ul:after {
    bottom: -5px;
    left: calc(50% - 7.5px);
    border-top-color: #fff;
    border-width: 7.5px
}
.medium-editor-toolbar-form:before,
.medium-editor-toolbar ul:before {
    bottom: -7px;
    border-top-color: #b5d2e1;
    left: calc(50% - 9.5px);
    border-width: 9.5px
}
.medium-editor-anchor-preview:after,
.medium-editor-anchor-preview:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0
}
.medium-editor-anchor-preview:after {
    top: -7px;
    border-bottom-color: #fff;
    left: calc(50% - 7.5px);
    border-top-color: #fff;
    border-width: 7.5px
}
.medium-editor-anchor-preview:before {
    top: -9px;
    border-bottom-color: #b5d2e1;
    left: calc(50% - 9.5px);
    border-width: 9.5px
}
.medium-editor-anchor-preview {
    border: 2px solid #b5d2e1;
    border-radius: .3125rem;
    padding: 5px;
    background-color: #fff;
    max-width: 280px;
    position: absolute;
    text-align: center;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    visibility: hidden;
    z-index: 2000
}
.medium-editor-anchor-preview a {
    color: #b5d2e1
}
.medium-editor-anchor-preview a:hover {
    color: #0176ff
}
.medium-editor-anchor-preview-active {
    visibility: visible
}
.medium-editor-dragover {
    background: #ddd
}
.medium-editor-image-loading {
    -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
    animation: medium-editor-image-loading 1s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px
}
.medium-editor-placeholder {
    position: relative
}
.medium-editor-placeholder:after {
    content: attr(data-placeholder)!important;
    color: #b5d2e1;
    left: 0;
    position: absolute;
    top: 0;
    white-space: pre;
    padding: inherit;
    margin: inherit
}
.medium-editor-toolbar-form-active {
    display: block!important
}
.medium-editor-toolbar {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 2000
}
.medium-editor-toolbar .medium-editor-toolbar-actions {
    border: 2px solid #b5d2e1;
    border-radius: .3125rem;
    overflow: hidden
}
.medium-editor-toolbar .medium-editor-toolbar-actions li:not(:last-child) {
    border-right: 2px solid #b5d2e1
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button {
    cursor: pointer;
    height: 30px;
    width: 40px;
    border: none;
    background-color: #fff
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button:focus {
    outline: none
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button:hover {
    color: #0176ff
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button:hover svg * {
    fill: #0176ff;
    stroke: #0176ff
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button.medium-editor-button-active {
    color: #0176ff
}
.medium-editor-toolbar .medium-editor-toolbar-actions li button.medium-editor-button-active svg * {
    fill: #0176ff;
    stroke: #0176ff
}
.medium-editor-toolbar ul {
    margin: 0;
    padding: 0
}
.medium-editor-toolbar li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}
.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: underline
}
.medium-editor-toolbar li .medium-editor-action-pre {
    font-size: 12px;
    font-weight: 100;
    padding: 15px 0
}
.medium-editor-toolbar-active {
    visibility: visible
}
.medium-editor-sticky-toolbar {
    position: fixed;
    top: 1px
}
.medium-editor-relative-toolbar {
    position: relative
}
.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
    -webkit-animation: medium-editor-pop-upwards .16s forwards linear;
    animation: medium-editor-pop-upwards .16s forwards linear
}
.medium-editor-toolbar-form {
    display: none;
    width: 212px;
    padding: 0 5px;
    border: 2px solid #13ddb0;
    border-radius: .3125rem;
    overflow: hidden;
    background-color: #fff
}
.medium-editor-toolbar-form:before {
    border-top-color: #13ddb0
}
.medium-editor-toolbar-form .medium-editor-toolbar-input {
    border: none;
    width: 161px;
    height: 30px;
    font-size: .875rem
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    outline: 0
}
.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
    line-height: 14px;
    margin-left: 5px;
    padding-bottom: 5px
}
.medium-editor-toolbar-form a {
    display: inline-block
}
.medium-editor-toolbar-form a:hover svg * {
    fill: #0176ff;
    stroke: #0176ff
}
.medium-editor-toolbar-form a:not(:last-child) {
    margin-right: 10px;
    margin-left: 6px
}
.medium-editor-toolbar-actions:after {
    clear: both;
    content: "";
    display: table
}
[data-medium-editor-element] img {
    max-width: 100%
}
[data-medium-editor-element] sub {
    vertical-align: sub
}
[data-medium-editor-element] sup {
    vertical-align: super
}
.medium-editor-hidden {
    display: none
}
@-webkit-keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
        transform: matrix(.97, 0, 0, 1, 0, 12)
    }
    20% {
        opacity: .7;
        -webkit-transform: matrix(.99, 0, 0, 1, 0, 2);
        transform: matrix(.99, 0, 0, 1, 0, 2)
    }
    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}
@keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
        transform: matrix(.97, 0, 0, 1, 0, 12)
    }
    20% {
        opacity: .7;
        -webkit-transform: matrix(.99, 0, 0, 1, 0, 2);
        transform: matrix(.99, 0, 0, 1, 0, 2)
    }
    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.AssignDropdown---1Nmv0 .row {
    min-height: 3.15rem;
    padding-left: 1.3rem;
    padding-right: .85rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    border-bottom: 1px solid #eee
}
.AssignDropdown---1Nmv0 .row:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.AssignDropdown---1Nmv0 .row:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-bottom: none
}
.AssignDropdown---1Nmv0 .row:hover {
    background-color: #0176ff;
    color: #fff
}
.AssignDropdown---1Nmv0 .row:hover .selected-check-mark.icon-svg * {
    stroke: #fff;
    fill: #fff
}
.AssignDropdown---1Nmv0 .row:hover .Avatar .initials {
    color: #fff;
    border-color: #fff
}
.AssignDropdown---1Nmv0 .row .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.AssignDropdown---1Nmv0 .row .Avatar {
    margin-right: .5rem
}
.AssignDropdown---1Nmv0 .row .selected-check-mark.icon-svg {
    height: .7rem;
    width: 1rem
}
.AssignDropdown---1Nmv0 .row .selected-check-mark.icon-svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.DropDown {
    position: absolute;
    z-index: 1
}
.AssignDropdown---1Nmv0 .assign-header .title {
    text-align: center;
    margin-bottom: .6rem
}
.AssignDropdown---1Nmv0 .user-row .name {
    margin-bottom: 0;
    padding: .75rem 1rem;
    border: 2px solid #eee;
    width: 100%;
    height: $input-height;
    border-radius: .3125rem;
    font-size: 16px;
    font-weight: 500;
    resize: none
}
.AssignDropdown---1Nmv0 .user-row .name:focus {
    outline: none;
    border-color: #13ddb0
}
.AssignDropdown---1Nmv0 .assignee-rows {
    max-height: calc(100vh - 480px);
    overflow-y: auto;
    min-height: 75px
}
.AssignDropdown---1Nmv0 .row .selected-check-mark {
    width: 1rem
}
.AssignDropdown---1Nmv0 .assign-header {
    padding: 0 .6rem .75rem;
    border-bottom: 1px solid #eee
}
.AssignDropdown---1Nmv0 .assign-header .title .clear-assignee {
    cursor: pointer;
    color: #0176ff
}
.AssignDropdown---1Nmv0 .assign-header input {
    padding: .75rem 1rem;
    border: 2px solid #eee;
    width: 100%;
    height: $input-height;
    border-radius: .3125rem;
    font-size: 16px;
    font-weight: 500;
    resize: none
}
.AssignDropdown---1Nmv0 .assign-header input:focus {
    outline: none;
    border-color: #13ddb0
}
.AssignDropdown---1Nmv0 .user-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.125rem;
    cursor: pointer;
    border-bottom: 1px solid #eee
}
.AssignDropdown---1Nmv0 .user-row:last-of-type {
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}
.AssignDropdown---1Nmv0 .user-row:hover {
    background-color: #0176ff;
    color: #fff
}
.AssignDropdown---1Nmv0 .user-row:hover .Avatar .initials {
    color: #fff;
    border-color: #fff
}
.AssignDropdown---1Nmv0 .user-row .Avatar {
    margin: 0 .5rem 0 1.25rem
}
.AssignDropdown---1Nmv0 .user-row .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1.07px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.SendFromEdit---Fimb_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.SendFromEdit---Fimb_ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.SendFromEdit---Fimb_ .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.SendFromEdit---Fimb_ .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.SendFromEdit---Fimb_ .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.SendFromEdit---Fimb_ .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.SendFromEdit---Fimb_ .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.SendFromEdit---Fimb_ .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.SendFromEdit---Fimb_ {
    position: relative
}
.SendFromEdit---Fimb_ .link,
.SendFromEdit---Fimb_ .send-from-edit,
.SendFromEdit---Fimb_ opacity 1,
.SendFromEdit---Fimb_ position relative {
    cursor: pointer;
    font-size: 14px
}
.SendFromEdit---Fimb_ .DropDown {
    position: absolute;
    left: 11px;
    top: 28px;
    width: 181px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Theme---2Mx65,
.ThemePicker---iSh2J,
.ThemePicker---iSh2J .theme-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.ThemePicker---iSh2J {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Theme---2Mx65 {
    width: 5rem;
    border-radius: .3125rem;
    margin-right: 1rem;
    padding: 4px
}
.Theme---2Mx65.selected {
    box-shadow: 0 0 0 1px #13ddb0
}
.Theme---2Mx65:hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px #ccc
}
.Theme---2Mx65.selected:hover {
    box-shadow: 0 0 0 1px #13ddb0
}
.Theme---2Mx65 .theme-color {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    border-radius: .3125rem;
    border: 1px solid #eee
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.SendFromSection---2w0sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.SendFromSection---2w0sp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.DeliveryOptionEnter---33PYZ,
.DeliveryOptionLeave---3mONb,
.life-transition-enter,
.life-transition-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow: hidden
}
.EditableArea---3TYWF {
    padding-bottom: 1rem
}
.DeliveryOptionEnter---33PYZ {
    -webkit-animation-name: lifeIn---2w6ZK;
    animation-name: lifeIn---2w6ZK;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.DeliveryOptionLeave---3mONb {
    -webkit-animation-name: lifeIn---2w6ZK;
    animation-name: lifeIn---2w6ZK;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}
.InputWrapper---2RLyx:not(:first-child) {
    margin-top: 50px
}
.InputWrapper---2RLyx .dsg-Label--gray:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px
}
.InputWrapper---2RLyx .dsg-Label--gray:first-child .link {
    text-transform: none
}
.InputWrapper---2RLyx .CheckBox,
.SendFromSection---2w0sp .link {
    margin-right: .5rem
}
.SendFromSection---2w0sp .Avatar {
    margin-right: 1rem;
    height: 40px;
    width: 40px
}
.SendFromSection---2w0sp .Avatar .avatar-image {
    border-radius: .3125rem
}
@-webkit-keyframes lifeIn---2w6ZK {
    0% {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    to {
        opacity: 1;
        max-height: 120px
    }
}
@keyframes lifeIn---2w6ZK {
    0% {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    to {
        opacity: 1;
        max-height: 120px
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.image-drop-area---1X4iq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.image-drop-area---1X4iq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.image-drop-area---1X4iq .drop-area---2OhTw {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.image-drop-area---1X4iq .drop-area---2OhTw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.image-drop-area---1X4iq {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.image-drop-area---1X4iq {
    width: 100%;
    position: relative;
    margin: .39rem 0;
    border: 2px solid #eee;
    border-radius: .3125rem
}
.image-drop-area---1X4iq.error {
    -webkit-animation-name: shake;
    animation-name: shake;
    border: 2px solid #ff7f93;
    box-sizing: border-box
}
.image-drop-area---1X4iq.active {
    border-color: #13ddb0
}
.image-drop-area---1X4iq.read-only {
    background-color: #fafafa
}
.image-drop-area---1X4iq .subdomain-postfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-left: 2px solid #eee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.image-drop-area---1X4iq .subdomain-postfix.valid {
    color: #0176ff
}
.image-drop-area---1X4iq.active .subdomain-postfix {
    border-color: #13ddb0
}
.image-drop-area---1X4iq.error .subdomain-postfix {
    border-color: #ff7f93
}
.image-drop-area---1X4iq.small input,
.image-drop-area---1X4iq.small textarea {
    font-size: .75rem;
    font-weight: 400
}
.image-drop-area---1X4iq.small input {
    height: 1.7rem
}
.image-drop-area---1X4iq.medium input,
.image-drop-area---1X4iq.medium textarea {
    font-size: .875rem;
    font-weight: 400
}
.image-drop-area---1X4iq.medium input {
    height: 2.5rem
}
.image-drop-area---1X4iq.large input,
.image-drop-area---1X4iq.large textarea {
    font-size: 1rem;
    font-weight: 500
}
.image-drop-area---1X4iq.large input {
    height: 2.8rem
}
.image-drop-area---1X4iq input,
.image-drop-area---1X4iq textarea {
    outline: none;
    width: 100%;
    border-radius: .3125rem;
    color: #000;
    border: none;
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.image-drop-area---1X4iq input:-moz-read-only,
.image-drop-area---1X4iq textarea:-moz-read-only {
    background-color: #fafafa
}
.image-drop-area---1X4iq input:read-only,
.image-drop-area---1X4iq textarea:read-only {
    background-color: #fafafa
}
.image-drop-area---1X4iq textarea {
    overflow-y: auto
}
.image-drop-area---1X4iq input {
    height: 2.8rem
}
.image-drop-area---1X4iq .overlay-label {
    position: absolute;
    width: 12.1rem;
    right: -13.1rem;
    top: .9rem;
    background-color: #0176ff;
    color: #fff;
    padding: .8rem 1.25rem;
    box-shadow: -1px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    z-index: 3
}
.image-drop-area---1X4iq .overlay-label:after {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    width: 0;
    height: 0;
    border-width: .5rem 0 0 .5rem;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    border-style: solid;
    border-color: transparent transparent transparent #0176ff
}
.image-drop-area---1X4iq .overlay-label.error {
    background-color: #ccc
}
.image-drop-area---1X4iq .overlay-label.error:after {
    border-color: transparent transparent transparent #ccc
}
.image-drop-area---1X4iq {
    cursor: pointer;
    height: 200px
}
.image-drop-area---1X4iq .placeholder---2EJBy {
    text-align: center
}
.image-drop-area---1X4iq .placeholder-svg---11Q32 {
    width: 4rem
}
.image-drop-area---1X4iq .preview---2WY5n {
    max-width: 90%;
    max-height: 90%
}
.ExitIntent---2rnOB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0;
    height: 27.5px;
    margin-left: 1rem;
    position: relative
}
.ExitIntent---2rnOB [tooltip]:after {
    width: 20rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.TargetConditions---1nKDm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.TargetConditions---1nKDm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.TargetModal__Content---1Qt1f {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.TargetModal__Content---1Qt1f {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.TargetConditions---1nKDm .AriaMenuButton,
.TargetConditions---1nKDm .dsg-Label--gray,
.TargetConditions---1nKDm .Input input,
.TargetConditions---1nKDm .Select-control,
.TargetConditions---1nKDm select {
    width: 215px;
    height: 27.5px;
    font-size: 12px;
    font-weight: 400
}
.TargetModal__Header---3Bets {
    padding: 23px;
    border-bottom: 2px solid #eee
}
.TargetModal__Header---3Bets button.dsg-MediumButton {
    background-color: #13cb6e
}
.TargetModal__Header---3Bets button.dsg-MediumButton[disabled] {
    background-color: #ccc
}
.TargetModal__Content---1Qt1f {
    padding: 23px;
    margin-bottom: 200px
}
.TargetModal__Content---1Qt1f>:not(:first-child) {
    margin-top: 18px
}
.TargetConditions---1nKDm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 18px;
    background-color: #eee;
    border-radius: .625rem
}
.TargetConditions---1nKDm .AriaMenuButton,
.TargetConditions---1nKDm .dsg-Label--gray,
.TargetConditions---1nKDm .Select-control,
.TargetConditions---1nKDm select {
    margin: 4px 2px
}
.TargetConditions---1nKDm .Select-control .Select-value {
    line-height: 27.5px
}
.TargetConditions---1nKDm .Select-control .Select-input {
    height: 27.5px
}
.TargetConditions---1nKDm .AriaMenuButton [role=button],
.TargetConditions---1nKDm select {
    border: none
}
.TargetConditions---1nKDm .AriaMenuButton [role=menu] {
    max-height: 192px;
    overflow-y: scroll
}
.TargetConditions---1nKDm .Input {
    margin: 2px
}
.TargetConditions---1nKDm .dsg-IconButton * {
    fill: #fff;
    stroke: #fff
}
.TargetConditions---1nKDm .dsg-IconButton2 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.SidebarContainer---2f_XS {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff
}
.SidebarContainer---2f_XS,
.SidebarTitle---170rB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.SidebarTitle---170rB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    min-height: 4rem;
    font-size: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #e1eef4
}
.SidebarTitle---170rB .dsg-h3 {
    margin: 0
}
.BackButton---3kPE7,
.BackButtonContainer---2Hd09 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.BackButton---3kPE7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0176ff;
    margin-bottom: 3rem;
    font-size: 1rem
}
.BackButton---3kPE7 svg {
    width: 14px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: .5rem
}
.BackButton---3kPE7 svg path {
    fill: #0176ff
}
.BackButton---3kPE7 span {
    vertical-align: middle
}
.SidebarBody---2uSJQ {
    padding: 1rem;
    height: 100%;
    overflow-y: auto
}
.SidebarBottom---2BfHL {
    padding: 1rem;
    height: 6rem;
    border-top: 1px solid #e1eef4
}
.SidebarBottom---2BfHL .SidebarBottom__Button---3wpV2 {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.react-toggle {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}
.react-toggle-screenreader-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.react-toggle--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}
.react-toggle-track {
    width: 50px;
    height: 24px;
    padding: 0;
    border-radius: 30px;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #000
}
.react-toggle--checked .react-toggle-track {
    background-color: #19ab27
}
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #128d15
}
.react-toggle-track-check {
    position: absolute;
    width: 14px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 0;
    left: 8px;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}
.react-toggle--checked .react-toggle-track-check,
.react-toggle-track-x {
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}
.react-toggle-track-x {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 0;
    right: 10px
}
.react-toggle--checked .react-toggle-track-x {
    opacity: 0
}
.react-toggle-thumb {
    transition: all .5s cubic-bezier(.23, 1, .32, 1) 0ms;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}
.react-toggle--checked .react-toggle-thumb {
    left: 27px;
    border-color: #19ab27
}
.react-toggle--focus .react-toggle-thumb {
    -webkit-box-shadow: 0 0 3px 2px #0099e0;
    -moz-box-shadow: 0 0 3px 2px #0099e0;
    box-shadow: 0 0 2px 3px #0099e0
}
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
    -webkit-box-shadow: 0 0 5px 5px #0099e0;
    -moz-box-shadow: 0 0 5px 5px #0099e0;
    box-shadow: 0 0 5px 5px #0099e0
}
.Toggle---3i74N .react-toggle-track {
    width: 41px;
    height: 24px;
    background-color: #b5d2e1
}
.Toggle---3i74N .react-toggle-thumb {
    border-color: #b5d2e1
}
.Toggle---3i74N .react-toggle:hover .react-toggle-track {
    background-color: #b5d2e1
}
.Toggle---3i74N .react-toggle:hover .react-toggle-thumb {
    border-color: #b5d2e1
}
.Toggle---3i74N .react-toggle--checked .react-toggle-track {
    background-color: #13cb6e
}
.Toggle---3i74N .react-toggle--checked .react-toggle-thumb {
    left: 18px;
    border-color: #13cb6e
}
.Toggle---3i74N .react-toggle--focus .react-toggle-thumb,
.Toggle---3i74N .react-toggle:active .react-toggle-thumb {
    box-shadow: none
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Section---2jUQI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem
}
.Section---2jUQI .description {
    color: #9a9a9a;
    font-size: .75rem
}
.SectionTitle---39XN8 {
    margin-bottom: .75rem
}
.SectionItem---2MpoY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem
}
.SectionItem---2MpoY .action {
    font-size: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.SectionItemContent---1eXQU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 2rem
}
.SectionItemContent---1eXQU .title {
    font-size: 1rem
}
.SectionItemContent---1eXQU .description {
    color: #9a9a9a;
    font-size: .75rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.InputWithLimit---1AU7l {
    position: relative
}
.InputWithLimit---1AU7l .dsg-Label {
    color: #9a9a9a
}
.InputWithLimit__Label---UaGm2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 4px
}
.TextInput---3qjPW {
    font-size: .875rem!important;
    font-weight: 400!important
}
.TextInput---3qjPW textarea {
    padding: .5rem
}
.ThankYouMessage---nM39X {
    margin-top: 2rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.UserSelectionSection---2LNac {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.UserSelectionSection---2LNac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.UserSelectionSection---2LNac {
    margin: 1rem 0
}
.UserSelectionSection---2LNac .link {
    margin-right: .5rem
}
.UserSelectionSection---2LNac .Avatar {
    margin-right: 1rem;
    height: 40px;
    width: 40px
}
.UserSelectionSection---2LNac .Avatar .avatar-image {
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.HelpingTeamMemberSelection---1Uw8A .description {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9a9a9a
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.WelcomeMessage---3_Kc5 {
    margin-bottom: 2rem
}
.EmailCaptureMessage---FI4DJ {
    margin-top: 2rem
}
.OrgNameInput---3lrDO {
    font-size: .875rem!important;
    font-weight: 400!important
}
.OrgNameInput---3lrDO textarea {
    padding: .5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.MessageBubble__container---n8uGP {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.MessageBubble__container---n8uGP.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.MessageBubble---1hc9t {
    display: inline-block;
    position: relative;
    padding: .6rem 1.25rem;
    background-color: #eee;
    border-radius: 1.25rem
}
.MessageBubble__content---2IEj8 {
    word-break: break-word
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.MessageAttachment---1v4Sv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}
.MessageAttachment__icon---1fA3t {
    width: 5rem;
    height: 5rem
}
.MessageAttachment__extension---k5NOB {
    position: absolute;
    left: 0;
    top: 2.7rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #9a9a9a
}
.MessageAttachment__filename---38bgK {
    width: 100%;
    text-align: center
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ImageAttachment---3xKDp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ImageAttachment---3xKDp.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.ImageAttachment---3xKDp a {
    opacity: 1
}
.ImageAttachment__box---MupOe {
    position: relative
}
.ImageAttachment__mask---1xu3_ {
    width: 100%;
    height: 6px;
    position: absolute;
    overflow: hidden
}
.ImageAttachment__mask---1xu3_.left {
    left: -8px
}
.ImageAttachment__mask---1xu3_.right {
    right: -8px
}
.ImageAttachment__preview---TFnNr {
    background-repeat: no-repeat;
    position: absolute;
    width: calc(100% - 8px);
    height: 100%;
    cursor: pointer
}
.ImageAttachment__preview---TFnNr.none {
    width: 100%;
    border-radius: 1.25rem
}
.ImageAttachment__preview---TFnNr.left {
    background-position: -8px 0;
    border-radius: 0 1.25rem 1.25rem 1.25rem
}
.ImageAttachment__preview---TFnNr.right {
    right: 0;
    border-radius: 1.25rem 0 1.25rem 1.25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.Message---3dCih .Message__body blockquote,
.Message---3dCih blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.Message---3dCih .Message__body {
    font-size: .875rem
}
.Message---3dCih .Message__body p {
    margin: 0
}
.Message---3dCih .Message__body a {
    text-decoration: underline
}
.Message---3dCih .Message__body b,
.Message---3dCih .Message__body strong {
    font-weight: 600
}
.Message---3dCih .Message__body:focus {
    border-color: #13ddb0
}
.Message---3dCih .Message__body img {
    display: block;
    margin: auto;
    max-width: 100%
}
.Message---3dCih {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0
}
.Message---3dCih .message-group---oO_Sk .content {
    margin-bottom: .5rem
}
.Message---3dCih .message-group---oO_Sk .content:last-child {
    margin-bottom: 0
}
.Message---3dCih.is-end-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.Message---3dCih.is-end-user a {
    color: #fff
}
.Message---3dCih.is-end-user .info-line {
    text-align: right;
    margin-right: 1rem;
    margin-bottom: .4rem
}
.Message---3dCih.is-end-user .info-line span:nth-of-type(2) {
    margin-left: .25rem;
    font-size: 12px;
    color: #9a9a9a
}
.Message---3dCih.is-end-user .message-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Message---3dCih.is-end-user .content {
    margin-right: .5rem
}
.Message---3dCih.is-end-user .status {
    font-weight: 500;
    -webkit-animation: fade-in .1s ease;
    animation: fade-in .1s ease
}
.Message---3dCih .Avatar {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: .15rem;
    margin-right: .75rem
}
.Message---3dCih .info-line span:first-of-type {
    font-size: 12px;
    color: #9a9a9a
}
.Message---3dCih .info-line span:nth-of-type(2) {
    margin-left: .5rem;
    color: #ccc;
    font-size: 10px
}
.Message---3dCih a {
    text-decoration: underline
}
.Message---3dCih p {
    margin: 0
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.InputButton---gKCe9 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}
.InputButton---gKCe9 .InputButton__Input---3Lbdz .Input {
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.InputButton---gKCe9 .InputButton__Input---3Lbdz .Input.small input {
    font-size: .875rem
}
.InputButton---gKCe9 .InputButton__Input---3Lbdz .Input input:invalid {
    box-shadow: none
}
.InputButton---gKCe9 .InputButton__Button---2xgW0 {
    margin: 1px 0;
    padding: 0 1.15rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative
}
.InputButton---gKCe9 .InputButton__Button---2xgW0.InputButton__Button_small---2Tuy8 {
    height: 1.95rem
}
.InputButton---gKCe9 .InputButton__Button---2xgW0.InputButton__Button_medium---2B8t2 {
    height: 2.7rem
}
.InputButton---gKCe9 .InputButton__Button---2xgW0.InputButton__Button_large---3M5ST {
    height: 3rem
}
.InputButton---gKCe9 .InputButton__Button---2xgW0.InputButton__Button_withLabel---2dwms {
    bottom: -1rem
}
.Preview---3bb0k {
    width: 320px;
    height: 500px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    padding: 1rem .65rem
}
.Preview---3bb0k .input-wrapper .Input.active,
.Preview---3bb0k .input-wrapper>label {
    border-color: inherit
}
.ButtonContainer---1QRtL button {
    white-space: nowrap
}
.WelcomeMessage---ixLqx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 391px
}
.Composer---1-oO7 {
    background-color: #fff
}
.Composer---1-oO7 .ComposerFooter---1W0NA {
    padding: 0 .5rem .5rem 1rem;
    text-align: right
}
.Composer---1-oO7 .input-wrapper {
    width: 100%
}
.Composer---1-oO7 .input-wrapper .Input {
    border-radius: 0;
    border-width: 0;
    border: none
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.PreviewSection---3q7_t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem
}
.PreviewSection---3q7_t.fade-enter {
    opacity: .01;
    max-height: 0;
    margin-bottom: 0
}
.PreviewSection---3q7_t.fade-enter.fade-enter-active {
    opacity: 1;
    max-height: 100%;
    margin-bottom: 3rem;
    transition-property: opacity, max-height, margin-bottom;
    transition-timing-function: ease-out, ease-in-out, ease-in-out;
    transition-duration: .85s, 1.25s, .58s;
    transition-delay: .4s, 0s, 115ms
}
.PreviewSection---3q7_t.fade-leave {
    opacity: 1;
    max-height: 100%;
    margin-bottom: 3rem;
    transition-property: opacity, max-height, margin-bottom;
    transition-timing-function: ease, ease, ease;
    transition-duration: .5s, 1s, .85s;
    transition-delay: 0s, 0s, .4s
}
.PreviewSection---3q7_t.fade-leave.fade-leave-active {
    opacity: .01;
    max-height: 0;
    margin-bottom: 0
}
.PreviewLabel---3u8kV {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    color: #9a9a9a;
    margin-bottom: 1.5rem
}
.PreviewCard---1Vxdr {
    width: 320px;
    height: 500px;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    padding: 2rem
}
.ColorInput---VS29C {
    margin-right: .5rem;
    text-transform: uppercase;
    padding-bottom: 18px
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.IconSet---2P9f- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 1rem;
    width: 10.8rem;
    height: 8rem;
    margin-bottom: .8rem;
    transition: border .3s ease
}
.IconSet---2P9f-:hover {
    cursor: pointer;
    border: 1px solid #13ddb0
}
.IconSet---2P9f-.selected:hover {
    cursor: auto;
    border: 1px solid #f8f8f8
}
.IconSet---2P9f-.selected svg path {
    fill: currentColor
}
.IconPicker---25i6t {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .5rem;
    width: 22.7rem
}
.IconPicker---25i6t,
.IconPickerRow---2VkxL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.IconPickerRow---2VkxL {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-right: 5px
}
.IconPickerRow---2VkxL svg path {
    fill: #9a9a9a
}
.UIDropAreaContainer---3fDA5 {
    position: relative
}
.UIDropArea---YWIGP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    border-radius: .3125rem;
    border: 2px solid #eee;
    padding: .75rem
}
.UIDropArea---YWIGP:hover {
    cursor: pointer
}
.UIDropArea---YWIGP.active,
.UIDropArea---YWIGP.active .UIDropArea__Preview {
    border-color: #13ddb0;
    outline: none
}
.UIDropArea---YWIGP .UIDropArea__Preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #f8f8f8
}
.UIDropArea---YWIGP .UIDropArea__Preview img {
    width: 30px
}
.UIDropArea__Clear---7LGFC {
    position: absolute;
    right: 0;
    top: -1.9rem
}
.PremiumOverlay---77y2s {
    position: relative;
    background-color: hsla(0, 0%, 93%, .5);
    overflow: hidden;
    cursor: pointer
}
.PremiumOverlay__Banner---3OTPX {
    position: absolute;
    color: #fff;
    top: 15px;
    right: -21px;
    width: 90px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    font-size: .75rem;
    background-color: #13cb6e
}
.CustomIconPicker---_5g8g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1rem;
    color: #9a9a9a
}
.GatedIconPicker---2sZzL {
    padding: .75rem;
    overflow: hidden
}
.GatedIconPicker---2sZzL,
.Widget---1kbtf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .3125rem
}
.Widget---1kbtf {
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 #ccc
}
.DriftBrandingContainerDisabled---2GL-e {
    background: #f8f8f8;
    border-radius: .3125rem
}
.DriftBrandingContainerDisabled---2GL-e .react-toggle .react-toggle-track,
.DriftBrandingContainerDisabled---2GL-e .react-toggle:hover .react-toggle-track {
    background-color: #b5d2e1
}
.DriftBrandingContainerDisabled---2GL-e .react-toggle .react-toggle-thumb,
.DriftBrandingContainerDisabled---2GL-e .react-toggle:hover .react-toggle-thumb {
    border-color: #b5d2e1
}
.BrandingLink--black---2Dyi3 {
    color: #000!important
}
.CalloutTail---iak9m {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: -10px;
    bottom: 10px;
    background-color: inherit;
    -webkit-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    pointer-events: none;
    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, .2)
}
.Callout---3Z63N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: .625rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.Callout---3Z63N.hasClickHandler---40cfv {
    cursor: pointer
}
.Callout---3Z63N.hasTail---2q4Bs .Content---3lxLW {
    overflow: hidden
}
.Content---3lxLW {
    position: relative;
    border-radius: inherit
}
.DismissButton---3pkvF {
    display: block;
    width: 2rem;
    height: 2rem;
    padding: .25rem;
    margin: .5rem .5rem 0 0;
    background: none;
    border: none;
    cursor: pointer;
    vertical-align: middle
}
.DismissButton---3pkvF:hover .DismissButtonIcon---2BeGz {
    background-color: #9a9a9a
}
.DismissButton---3pkvF .DismissButtonIcon---2BeGz {
    width: 1.25rem;
    height: 1.25rem;
    padding: 3px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    background-color: #ccc;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .2s ease
}
.ScrollableContent---15B_I {
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}
.sliderTransitionAppear---k4uDC,
.sliderTransitionEnter---1EFuA,
.sliderTransitionLeave---2vjeE.sliderTransitionLeaveActive---zBJmR {
    opacity: .01;
    -webkit-transform: translateX(45px);
    transform: translateX(45px)
}
.sliderTransitionAppear---k4uDC.sliderTransitionAppearActive---2aMal,
.sliderTransitionEnter---1EFuA.sliderTransitionEnterActive---2AJw6,
.sliderTransitionLeave---2vjeE {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.sliderTransitionAppear---k4uDC.sliderTransitionAppearActive---2aMal,
.sliderTransitionEnter---1EFuA.sliderTransitionEnterActive---2AJw6 {
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
.sliderTransitionLeave---2vjeE.sliderTransitionLeaveActive---zBJmR {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
    transition: transform .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1)
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.Content---3q73B blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.Content---3q73B {
    font-size: .875rem
}
.Content---3q73B p {
    margin: 0
}
.Content---3q73B a {
    text-decoration: underline
}
.Content---3q73B b,
.Content---3q73B strong {
    font-weight: 600
}
.Content---3q73B:focus {
    border-color: #13ddb0
}
.Content---3q73B img {
    display: block;
    margin: auto;
    max-width: 100%
}
.CtaButton---HyT12:after {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: -10px;
    bottom: 10px;
    background-color: inherit;
    -webkit-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    pointer-events: none;
    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, .2)
}
.CtaButton---HyT12 {
    position: relative
}
.Slider---3p28j .DismissButton---11rLu {
    opacity: 0
}
.Slider---3p28j:hover .DismissButton---11rLu,
.widget-container-mobile .DismissButton---11rLu {
    opacity: 1
}
.Slider---3p28j {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.Slider---3p28j,
.Slider---3p28j>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.Headline---1B2MA {
    padding: 1rem
}
.Headline---1B2MA:first-child {
    border-bottom: 1px solid #eee
}
.Headline---1B2MA:last-child {
    border-bottom: 0
}
.Content---3q73B {
    max-height: 200px;
    max-width: 100%;
    padding: 1rem
}
.CtaButton---HyT12 {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    border-radius: .625rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.FlexContentWrapper---1ibCF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.DismissButtonWrapper---1j8kq {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}
.widget-container-mobile .Headline---1B2MA {
    padding: .75rem
}
.widget-container-mobile .Content---3q73B {
    max-height: 180px;
    padding: .75rem
}
.widget-container-mobile .CtaButton---HyT12 {
    padding: 4px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.TitleBar---2WYw8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.TitleBar---2WYw8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.FieldRow---woYV6 {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.FieldRow---woYV6 {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.Content---1yTir blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.Content---1yTir {
    font-size: .875rem
}
.Content---1yTir p {
    margin: 0
}
.Content---1yTir a {
    text-decoration: underline
}
.Content---1yTir b,
.Content---1yTir strong {
    font-weight: 600
}
.Content---1yTir:focus {
    border-color: #13ddb0
}
.Content---1yTir img {
    display: block;
    margin: auto;
    max-width: 100%
}
.FieldRow---woYV6,
.TitleBar---2WYw8 {
    padding-left: 1rem;
    padding-right: 1rem
}
.FieldRow---woYV6 {
    border-bottom: 1px solid #9a9a9a;
    line-height: 2rem;
    padding-left: $FieldRowPadding;
    padding-right: $FieldRowPadding
}
.FieldRow---woYV6 .FieldRow__Name---3vy2o {
    color: #9a9a9a;
    margin-right: .3rem
}
.TitleBar---2WYw8 {
    height: 2rem;
    background-color: #eee
}
.TitleBar---2WYw8>div {
    height: .666666666666667rem;
    width: .666666666666667rem;
    background-color: #ccc;
    border-radius: 50%
}
.TitleBar---2WYw8>div:not(:first-child) {
    margin-left: .333333333333333rem
}
.WindowPreviewContainer---iietN {
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    box-shadow: 0 2px 2px 0 #ccc;
    background-color: #f8f8f8;
    border-radius: .3125rem;
    border: 2px solid #ccc
}
.WindowPreviewContainer---iietN:not(:first-child) {
    margin-top: 1rem
}
.sendtestcampaignmodal {
    width: 30.65rem
}
.sendtestcampaignmodal__title.modal-title {
    margin-left: 0
}
.sendtestcampaignmodal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0 0
}
.sendtestcampaignmodal__tip {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1rem 0 0
}
.DateRangePicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}
.DateRangePicker .DateRangePicker__LegendItemColor--selection {
    background-color: #ed5434
}
.DateRangePicker .DateRangePicker__PaginationArrow {
    border: 0;
    cursor: pointer;
    display: block;
    height: 35px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 35px;
    z-index: 1
}
.DateRangePicker .DateRangePicker__PaginationArrow:hover {
    background-color: #ccc
}
.DateRangePicker .DateRangePicker__PaginationArrow--previous {
    left: 20px
}
.DateRangePicker .DateRangePicker__PaginationArrow--next {
    right: 20px
}
.DateRangePicker .DateRangePicker__PaginationArrowIcon {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    position: absolute;
    top: 10px;
    width: 0
}
.DateRangePicker .DateRangePicker__PaginationArrowIcon--is-disabled {
    opacity: .25
}
.DateRangePicker .DateRangePicker__PaginationArrowIcon--previous {
    border-left: 8px solid transparent;
    border-right: 8px solid #aaa;
    right: 11px
}
.DateRangePicker .DateRangePicker__PaginationArrowIcon--next {
    border-left: 8px solid #aaa;
    border-right: 8px solid transparent;
    left: 11px
}
.DateRangePicker .DateRangePicker__Month {
    width: 100%;
    color: #333;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.DateRangePicker .DateRangePicker__MonthHeader {
    color: #000;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center
}
.DateRangePicker .DateRangePicker__MonthHeaderLabel {
    display: inline-block;
    position: relative
}
.DateRangePicker .DateRangePicker__MonthHeaderSelect {
    background: #e4e4e4;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}
.DateRangePicker .DateRangePicker__MonthDates {
    border-collapse: separate;
    border-spacing: 0 1px;
    margin: 0;
    width: 100%
}
.DateRangePicker .DateRangePicker__MonthDates thead {
    box-sizing: initial
}
.DateRangePicker .DateRangePicker__Date,
.DateRangePicker .DateRangePicker__WeekdayHeading {
    font-size: 12px;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
    width: 14.28571%
}
.DateRangePicker .DateRangePicker__Date {
    border: 0 solid #f4f5f6;
    border-right-width: 1px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}
.DateRangePicker .DateRangePicker__Date:first-child {
    border-left-width: 1px
}
.DateRangePicker .DateRangePicker__Date--weekend {
    background-color: #f6f7f9
}
.DateRangePicker .DateRangePicker__Date--otherMonth {
    opacity: .25
}
.DateRangePicker .DateRangePicker__Date--is-disabled {
    color: #cdcdd1;
    cursor: default
}
.DateRangePicker .DateRangePicker__Date--is-selected {
    color: #fff
}
.DateRangePicker .DateRangePicker__Date--is-highlighted {
    color: #333
}
.DateRangePicker .DateRangePicker__CalendarDatePeriod {
    bottom: 0;
    position: absolute;
    top: 0
}
.DateRangePicker .DateRangePicker__CalendarSelection {
    background-color: #ed5434;
    border: 1px solid #eb401d;
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px
}
.DateRangePicker .DateRangePicker__CalendarSelection--inOtherMonth {
    opacity: .5
}
.DateRangePicker .DateRangePicker__CalendarSelection--start {
    border-bottom-left-radius: 5px;
    border-right-width: 0;
    border-top-left-radius: 5px;
    left: 5px
}
.DateRangePicker .DateRangePicker__CalendarSelection--end {
    border-bottom-right-radius: 5px;
    border-left-width: 0;
    border-top-right-radius: 5px;
    right: 5px
}
.DateRangePicker .DateRangePicker__CalendarSelection--segment {
    border-left-width: 0;
    border-right-width: 0
}
.DateRangePicker .DateRangePicker__CalendarSelection--single {
    border-radius: 5px;
    left: 5px;
    right: 5px
}
.DateRangePicker .DateRangePicker__CalendarHighlight {
    background-color: hsla(0, 0%, 100%, .25);
    border: 1px solid rgba(0, 0, 0, .25);
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px
}
.DateRangePicker .DateRangePicker__CalendarHighlight--inOtherMonth {
    opacity: .5
}
.DateRangePicker .DateRangePicker__CalendarHighlight--start {
    border-bottom-left-radius: 5px;
    border-right-width: 0;
    border-top-left-radius: 5px;
    left: 5px
}
.DateRangePicker .DateRangePicker__CalendarHighlight--end {
    border-bottom-right-radius: 5px;
    border-left-width: 0;
    border-top-right-radius: 5px;
    right: 5px
}
.DateRangePicker .DateRangePicker__CalendarHighlight--segment {
    border-left-width: 0;
    border-right-width: 0
}
.DateRangePicker .DateRangePicker__CalendarHighlight--single {
    background-color: #fff;
    border: 1px solid #eb401d;
    border-radius: 5px;
    left: 5px;
    right: 5px
}
.DateRangePicker .DateRangePicker__FullDateStates {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.DateRangePicker .DateRangePicker__DateLabel {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.InputWrapper---Y7wPb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.InputWrapper---Y7wPb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.InputWrapper---Y7wPb {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.InputWrapper---Y7wPb {
    width: 100%;
    margin: .39rem 0;
    border: 2px solid #eee;
    border-radius: .3125rem
}
.InputWrapper---Y7wPb.error {
    -webkit-animation-name: shake;
    animation-name: shake;
    border: 2px solid #ff7f93;
    box-sizing: border-box
}
.InputWrapper---Y7wPb.active {
    border-color: #13ddb0
}
.InputWrapper---Y7wPb.read-only {
    background-color: #fafafa
}
.InputWrapper---Y7wPb .subdomain-postfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-left: 2px solid #eee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.InputWrapper---Y7wPb .subdomain-postfix.valid {
    color: #0176ff
}
.InputWrapper---Y7wPb.active .subdomain-postfix {
    border-color: #13ddb0
}
.InputWrapper---Y7wPb.error .subdomain-postfix {
    border-color: #ff7f93
}
.InputWrapper---Y7wPb.small input,
.InputWrapper---Y7wPb.small textarea {
    font-size: .75rem;
    font-weight: 400
}
.InputWrapper---Y7wPb.small input {
    height: 1.7rem
}
.InputWrapper---Y7wPb.medium input,
.InputWrapper---Y7wPb.medium textarea {
    font-size: .875rem;
    font-weight: 400
}
.InputWrapper---Y7wPb.medium input {
    height: 2.5rem
}
.InputWrapper---Y7wPb.large input,
.InputWrapper---Y7wPb.large textarea {
    font-size: 1rem;
    font-weight: 500
}
.InputWrapper---Y7wPb.large input {
    height: 2.8rem
}
.InputWrapper---Y7wPb input,
.InputWrapper---Y7wPb textarea {
    outline: none;
    width: 100%;
    border-radius: .3125rem;
    color: #000;
    border: none;
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.InputWrapper---Y7wPb input:-moz-read-only,
.InputWrapper---Y7wPb textarea:-moz-read-only {
    background-color: #fafafa
}
.InputWrapper---Y7wPb input:read-only,
.InputWrapper---Y7wPb textarea:read-only {
    background-color: #fafafa
}
.InputWrapper---Y7wPb textarea {
    overflow-y: auto
}
.InputWrapper---Y7wPb input {
    height: 2.8rem
}
.InputWrapper---Y7wPb .overlay-label {
    position: absolute;
    width: 12.1rem;
    right: -13.1rem;
    top: .9rem;
    background-color: #0176ff;
    color: #fff;
    padding: .8rem 1.25rem;
    box-shadow: -1px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    z-index: 3
}
.InputWrapper---Y7wPb .overlay-label:after {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    width: 0;
    height: 0;
    border-width: .5rem 0 0 .5rem;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    border-style: solid;
    border-color: transparent transparent transparent #0176ff
}
.InputWrapper---Y7wPb .overlay-label.error {
    background-color: #ccc
}
.InputWrapper---Y7wPb .overlay-label.error:after {
    border-color: transparent transparent transparent #ccc
}
.InputWrapper---Y7wPb .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.InputWrapper---Y7wPb .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.InputWrapper---Y7wPb .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.InputWrapper---Y7wPb .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.InputWrapper---Y7wPb .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.InputWrapper---Y7wPb .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.InputWrapper---Y7wPb {
    background: #fff;
    position: relative;
    border-color: #e1eef4;
    padding: .25rem .75rem
}
.InputWrapper---Y7wPb .DropDown {
    position: absolute;
    top: 2.5rem;
    left: 2rem;
    width: 15rem;
    margin-bottom: 3rem
}
.InputWrapper---Y7wPb .DropDown .TimeSelectorDropdown {
    padding: 1rem
}
.campaign-segment-option---fSMuK,
.campaign-segment-option---fSMuK .type,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.DeliveryTimeFrame---XDhVO,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.DeliveryTimeFrame---XDhVO,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.campaign-segment-option---fSMuK,
.campaign-segment-option---fSMuK .type,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.DeliveryTimeFrame---XDhVO,
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.DeliveryTimeFrame---XDhVO,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Disclaimer---1LMRt,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.Disclaimer---1LMRt,
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.DeliveryTimeFrame---XDhVO,
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.DeliveryTimeFrame---XDhVO>:first-child,
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.DeliveryTimeFrame---XDhVO>:last-child,
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.react-select-box-option.react-select-box-option-focused .campaign-segment-option---fSMuK svg *,
.react-select-box-option:hover .campaign-segment-option---fSMuK svg *,
.TargetingAudience---1ovUf .AriaMenuButton [role=menu] [role=menuitem]:focus svg *,
.TargetingAudience---1ovUf .AriaMenuButton [role=menu] [role=menuitem]:hover svg * {
    stroke: #fff
}
.react-select-box-option.react-select-box-option-focused .campaign-segment-option---fSMuK *,
.react-select-box-option:hover .campaign-segment-option---fSMuK *,
.TargetingAudience---1ovUf .AriaMenuButton [role=menu] [role=menuitem]:focus *,
.TargetingAudience---1ovUf .AriaMenuButton [role=menu] [role=menuitem]:hover * {
    color: #fff
}
.campaign-segment-option---fSMuK {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.campaign-segment-option---fSMuK .type .type-icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15px;
    margin-right: .25rem
}
.campaign-segment-option---fSMuK .type.ID_LIST .type-icon svg {
    height: 12px;
    width: 12px
}
.campaign-segment-option---fSMuK .type.QUERY .type-icon svg {
    height: 5px;
    width: 15px
}
.campaign-segment-option---fSMuK .end-user-count {
    color: #9a9a9a;
    font-size: 12px;
    min-width: 4.1rem
}
.campaign-segment-option---fSMuK .end-user-count .count-value {
    font-size: 14px
}
.campaign-segment-option---fSMuK .end-user-count .user-icon svg {
    margin-right: .15rem;
    height: 13px;
    width: 11px
}
.DeliveryTimeFrame---XDhVO {
    cursor: pointer;
    height: 90px;
    width: 167.5px
}
.DeliveryTimeFrame---XDhVO .dsg-Body {
    text-transform: uppercase;
    font-weight: 500;
    margin-top: .5rem
}
.DeliveryTimeFrame---XDhVO.isSelected svg * {
    fill: #13cb6e;
    stroke: #13cb6e
}
.Disclaimer---1LMRt {
    color: #7695a5;
    margin-top: .25rem
}
.EmailFallBackDaysInput---2To-Y {
    margin: 0 .4rem
}
.EmailFallBackDaysInput---2To-Y .Input {
    background-color: #fff
}
.EmailFallBackDaysInput---2To-Y .Input input {
    height: 32px;
    width: 28px;
    padding: 0
}
.TargetingInputArea .AriaMenuButton [role=button] {
    border-color: #e1eef4
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.SuccessMessage---vYAso,
.Today---3QiDz {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2,
.SuccessMessage---vYAso {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.Today---3QiDz {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Today---3QiDz {
    color: #9a9a9a;
    margin-bottom: 25px
}
.SuccessMessage---vYAso {
    margin-bottom: 50px
}
dl.DescriptionList {
    margin: 0;
    overflow: auto;
    font-size: 14px
}
dl.DescriptionList dt {
    float: left;
    clear: left;
    margin-right: 5px;
    padding: 3px 0;
    color: #7695a5
}
dl.DescriptionList dtafter {
    content: ":"
}
dl.DescriptionList dd {
    display: table-cell;
    padding: 3px;
    margin-left: 100px;
    margin-bottom: 100px;
    color: #0176ff;
    line-height: 20px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Header---1JDZ6 {
    -ms-flex-preferred-size: 3.3rem;
    flex-basis: 3.3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px .8rem rgba(0, 0, 0, .05)
}
.Header---1JDZ6 .Header__column_left---2Qb8E {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding-left: 1rem
}
.Header---1JDZ6 .Header__column_right---1coBl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding-right: 1rem;
    text-align: right
}
.Header---1JDZ6 .Header__column_center---34YrN {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}
.Header---1JDZ6 .Header__back_btn---2uHc2 {
    height: .8rem;
    margin-right: 7px
}
.Header---1JDZ6 .Header__back_btn---2uHc2>svg {
    width: 8px;
    height: 12px
}
.Header---1JDZ6 .Header__close_btn---3JXuX {
    cursor: pointer
}
.Header---1JDZ6 .Header__close_btn---3JXuX>svg {
    width: 12px;
    height: 12px
}
.Header---1JDZ6 .Header__compose_btn---13lvL {
    display: inline-block;
    margin-top: 4px;
    height: auto;
    -webkit-transform: none;
    transform: none;
    cursor: pointer
}
.Header---1JDZ6 .Header__compose_btn---13lvL>svg {
    width: 20px;
    height: 20px
}
.Header---1JDZ6 .Header__back_link---2IKiU {
    cursor: pointer
}
.Header---1JDZ6 .Header__back_link---2IKiU img {
    margin-right: .5rem
}
.ModalOverlay---1BGo- {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    transition: background-color .3s ease
}
.ModalOverlay---1BGo-.ModalOverlay--light---3c6gD {
    background: hsla(0, 0%, 100%, .9)
}
.ModalOverlay---1BGo-.ModalOverlay--dark---3izeh {
    background: rgba(0, 0, 0, .78)
}
.ModalContent---2nR4X {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}
.CloseButton---39u9N {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: 1rem;
    cursor: pointer
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.CTAButton---1Peeb {
    display: inline-block
}
.CTAButton---1Peeb.dsg-LargeButton {
    text-transform: none;
    font-size: 1rem;
    border-radius: 0 0 .3125rem .3125rem;
    text-align: center
}
.Well---2k1Hf {
    background: #fff;
    border-top: 6px solid #13ddb0;
    border-radius: .3125rem
}
.Well---2k1Hf.theme-light {
    border: 1px solid #ccc;
    border-top: 6px solid #13ddb0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.ProductAnnouncementTakeover---3b6P4 {
    max-width: 600px;
    max-height: 100vh;
    padding: 1rem
}
.ProductAnnouncementTakeover---3b6P4 .Headline---2s7N3 {
    text-align: center
}
.ProductAnnouncementTakeover---3b6P4 .Headline---2s7N3.theme-light {
    color: #000
}
.ProductAnnouncementTakeover---3b6P4 .Headline---2s7N3.theme-dark {
    color: #fff
}
.ProductAnnouncementTakeover---3b6P4 .ScrollableArea---xXC1z {
    overflow-y: auto;
    overflow-x: hidden
}
.ProductAnnouncementTakeover---3b6P4 .Content---2rQ_z {
    padding: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ProductAnnouncementTakeover---3b6P4 .Content---2rQ_z img {
    max-width: 100%
}
.ProductAnnouncementTakeover---3b6P4 .SenderInfoWrapper---2lhLs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1rem
}
.ProductAnnouncementTakeover---3b6P4 .SenderInfo---1t38N {
    padding-left: 1rem
}
.ProductAnnouncementTakeover---3b6P4 .SenderInfo---1t38N .SenderCompanyName---3k_Y5 {
    font-style: italic
}
.ProductAnnouncementTakeover---3b6P4 .Message---1ZRiJ {
    font-size: 1.3125rem
}
.ProductAnnouncementTakeover---3b6P4 .Message---1ZRiJ p {
    margin: .25rem 0
}
.ProductAnnouncementTakeover---3b6P4 .Footer---3E1xw {
    margin: 4rem 0;
    text-align: center;
    color: #9a9a9a
}
.widget-container-mobile .ProductAnnouncementTakeover---3b6P4 {
    max-width: 100%
}
.widget-container-mobile .Headline---2s7N3 {
    font-size: 1.3125rem
}
.widget-container-mobile .Content---2rQ_z {
    padding: 1rem
}
.widget-container-mobile .Footer---3E1xw {
    margin: 1rem 0
}
.SenderInfoWrapper---LL6XR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1rem
}
.SenderInfo---GClY7 {
    padding-left: 1rem
}
.OrgName---3sw1X {
    font-style: italic
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.WelcomeMessage---2yqZ6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 391px
}
.WelcomeMessageContent---13aZK {
    overflow: hidden;
    background-color: #fff
}
.Composer---F2GGU {
    background-color: #fff
}
.Composer---F2GGU .ComposerFooter---18Gjq {
    margin: 0 .5rem .5rem 1rem;
    text-align: right
}
.Composer---F2GGU .input-wrapper {
    width: 100%
}
.Composer---F2GGU .input-wrapper .Input {
    border-radius: 0;
    border-width: 0;
    border: none
}
.Body---L13WK {
    font-weight: 400
}
.CtaButton---2NBMR {
    display: block;
    min-height: 2.6rem;
    font-size: 15px;
    font-weight: 500;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    color: #eee;
    text-align: center;
    height: auto!important;
    padding: 4px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.SliderPreviewsWrapper---3nUWH,
.Wrapper---3JvVx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.SliderPreviewsWrapper---3nUWH,
.Wrapper---3JvVx {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around,
.Label---2HZNe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.Content---2cTFA blockquote,
.TakeoverContent---3LdTf blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.Content---2cTFA,
.TakeoverContent---3LdTf {
    font-size: .875rem
}
.Content---2cTFA p,
.TakeoverContent---3LdTf p {
    margin: 0
}
.Content---2cTFA a,
.TakeoverContent---3LdTf a {
    text-decoration: underline
}
.Content---2cTFA b,
.Content---2cTFA strong,
.TakeoverContent---3LdTf b,
.TakeoverContent---3LdTf strong {
    font-weight: 600
}
.Content---2cTFA:focus,
.TakeoverContent---3LdTf:focus {
    border-color: #13ddb0
}
.Content---2cTFA img,
.TakeoverContent---3LdTf img {
    display: block;
    margin: auto;
    max-width: 100%
}
.TakeoverContent---3LdTf {
    font-size: 1.3125rem
}
.Wrapper---3JvVx {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto
}
.SliderPreviewsWrapper---3nUWH {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 510px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    padding: 2rem
}
.SliderPreviewsWrapper---3nUWH>:not(:first-child) {
    margin-top: 3rem
}
.Label---2HZNe {
    font-size: .875rem;
    font-weight: 500;
    color: #9a9a9a;
    text-transform: uppercase;
    margin-bottom: .5rem
}
.Label---2HZNe>:not(:last-child) {
    margin-right: .2rem
}
.TakeoverPreview---1LRr8 {
    position: relative;
    overflow: hidden
}
.TakeoverPreview---1LRr8 .takeover-background {
    width: 100%;
    height: 95%;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}
.TakeoverPreview---1LRr8 .takeover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.WelcomeMessagePreview---1XHtm {
    margin: 3rem 1rem
}
.SliderPreview---2jjTo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.SliderPreview---2jjTo>div:first-child {
    margin-right: 1rem
}
.PreviewEnter---2nruS,
.PreviewLeave---1fMF_ {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow: hidden
}
.PreviewEnter---2nruS {
    opacity: 0;
    -webkit-animation-name: lifeIn;
    animation-name: lifeIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.PreviewLeave---1fMF_ {
    -webkit-animation-name: lifeIn;
    animation-name: lifeIn;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-int;
    animation-timing-function: ease-int
}
@-webkit-keyframes lifeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes lifeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.EmailCaptureSlider__Bubble__Copy---1XGtf blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.EmailCaptureSlider__Bubble__Copy---1XGtf {
    font-size: .875rem
}
.EmailCaptureSlider__Bubble__Copy---1XGtf p {
    margin: 0
}
.EmailCaptureSlider__Bubble__Copy---1XGtf a {
    text-decoration: underline
}
.EmailCaptureSlider__Bubble__Copy---1XGtf b,
.EmailCaptureSlider__Bubble__Copy---1XGtf strong {
    font-weight: 600
}
.EmailCaptureSlider__Bubble__Copy---1XGtf:focus {
    border-color: #13ddb0
}
.EmailCaptureSlider__Bubble__Copy---1XGtf img {
    display: block;
    margin: auto;
    max-width: 100%
}
.EmailCaptureSlider---3bubs {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-top: 1rem;
    padding-left: 1rem
}
.EmailCaptureSlider---3bubs.slideIn---HxKOY {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: slideIn cubic-bezier(0, 0, .2, 1) 1;
    animation: slideIn cubic-bezier(0, 0, .2, 1) 1;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
.EmailCaptureSlider---3bubs.slideOut---3CN9u {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: slideOut cubic-bezier(.4, 0, 1, 1) 1;
    animation: slideOut cubic-bezier(.4, 0, 1, 1) 1;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}
.EmailCaptureSlider---3bubs .cross-fade-leave,
.EmailCaptureSlider---3bubs:hover .EmailCaptureSlider__Dismiss---TvpEq {
    opacity: 1
}
.EmailCaptureSlider---3bubs .cross-fade-leave.cross-fade-leave-active {
    opacity: 0;
    transition: opacity .25s ease-in
}
.EmailCaptureSlider---3bubs .cross-fade-enter {
    opacity: 0
}
.EmailCaptureSlider---3bubs .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .25s ease-in
}
.EmailCaptureSlider---3bubs .cross-fade-height {
    transition: height .25s ease-in-out
}
.EmailCaptureSlider__Dismiss---TvpEq {
    background-color: #ccc;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    transition: all .2s;
    opacity: 0;
    margin-top: .75rem;
    margin-right: .75rem
}
.EmailCaptureSlider__Dismiss---TvpEq img {
    width: .5rem;
    height: .5rem
}
.EmailCaptureSlider__Bubble---TBWrl {
    padding: 1rem 1rem .5rem;
    position: relative;
    background-color: #fff;
    border-top-left-radius: .625rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4)
}
.EmailCaptureSlider__Bubble---TBWrl form {
    margin: 0
}
.EmailCaptureSlider__Bubble---TBWrl .Input input {
    padding: .5rem;
    font-size: 1rem;
    height: 2rem
}
.EmailCaptureSlider__Bubble---TBWrl .footer-enter {
    opacity: .01
}
.EmailCaptureSlider__Bubble---TBWrl .footer-enter.footer-enter-active {
    opacity: 1;
    transition: opacity .25s ease-in
}
.EmailCaptureSlider__Bubble---TBWrl .footer-leave {
    opacity: 1
}
.EmailCaptureSlider__Bubble---TBWrl .footer-leave.footer-leave-active {
    opacity: .01;
    transition: opacity .25s ease-in
}
.EmailCaptureSlider__Bubble__Title---2QiXc {
    font-size: 1.3125rem;
    font-weight: 500;
    padding-bottom: .5rem
}
.EmailCaptureSlider__Bubble__Copy---1XGtf {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem
}
.EmailCaptureSlider__Bubble__Copy---1XGtf p {
    margin-top: 0;
    margin-bottom: 0
}
.EmailCaptureSlider__Bubble__Composer---3Zik9 {
    padding-top: 12px;
    padding-bottom: 2px
}
.EmailCaptureSlider__Bubble__Footer---3B8T8 {
    position: relative;
    width: 100%;
    height: 20px
}
.EmailCaptureSlider__Bubble__Branding---2T7fK,
.EmailCaptureSlider__Bubble__EnterPrompt---3D2IX {
    position: absolute;
    width: 100%;
    height: 100%
}
.EmailCaptureSlider__Bubble__Avatar---PE7eS {
    width: 5.5rem;
    height: 5.5rem;
    margin-left: 22px;
    background-position: 50%;
    background-size: cover;
    border-radius: .3125rem
}
.widget-container-mobile .EmailCaptureSlider__Dismiss---TvpEq {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    margin: 6px auto auto 6px
}
.widget-container-mobile .EmailCaptureSlider__Bubble---TBWrl form {
    margin-bottom: 2px
}
.widget-container-mobile .EmailCaptureSlider__Bubble__Composer---3Zik9 {
    padding-top: 0;
    padding-bottom: 2px
}
.widget-container-mobile .EmailCaptureSlider__Bubble__Avatar---PE7eS {
    width: 4rem;
    height: 4rem;
    margin-left: 12px
}
.widget-container-mobile .EmailCaptureSlider__Bubble__Title---2QiXc {
    font-size: 1rem;
    font-weight: 600;
    padding: 0
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slideIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slideOut {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}
@keyframes slideOut {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.SliderPreviewsWrapper---_rER5 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 482px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 80px;
    padding-top: 80px;
    margin-bottom: 2rem;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    overflow: hidden
}
.Label---ATunj {
    font-size: .875rem;
    font-weight: 500;
    color: #9a9a9a;
    text-transform: uppercase;
    margin-bottom: .5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Minimized---1Ksya .minimized-preview---iQfPH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Minimized---1Ksya .minimized-preview---iQfPH {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.Minimized---1Ksya .dismiss-button---1Cnny,
.Minimized---1Ksya .unread-count---3gG54 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.Minimized---1Ksya .dismiss-button---1Cnny,
.Minimized---1Ksya .unread-count---3gG54 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Minimized---1Ksya {
    max-width: 21.6em;
    position: relative
}
.Minimized---1Ksya .minimized-content---3LdHq {
    width: 21.75em;
    overflow: hidden;
    background-color: #fff;
    border-radius: .3125rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4)
}
.Minimized---1Ksya .minimized-content---3LdHq.type-no-preview {
    width: 3.25em
}
.Minimized---1Ksya .minimized-preview---iQfPH {
    height: 3.25em;
    cursor: pointer
}
.Minimized---1Ksya .minimized-icon---3uiLL {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.25em;
    height: 3.25em;
    cursor: pointer;
    background-size: 60%;
    background-color: #0176ff;
    background-position: 50%;
    background-repeat: no-repeat
}
.Minimized---1Ksya .minimized-icon---3uiLL.nps-preview {
    background-image: url(/assets/ee78106a945954d33fa6bb41a8453df4.svg)
}
.Minimized---1Ksya .minimized-icon---3uiLL.announcement-preview {
    background-image: url(/assets/f1d6c1e55093fd1d55d704df71af5a54.svg)
}
.Minimized---1Ksya .dismiss-button---1Cnny {
    position: absolute;
    top: -.75rem;
    left: -.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #ccc;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer
}
.Minimized---1Ksya .dismiss-button---1Cnny img {
    width: .5rem;
    height: .5rem
}
.Minimized---1Ksya .unread-badge---2g4_Z {
    position: absolute;
    top: -.75rem;
    right: -.75rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background-color: #ff001f;
    border: 3px solid #fff;
    border-radius: 1.25rem
}
.Minimized---1Ksya .unread-count---3gG54 {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: $font-size-base;
    font-weight: 600;
    line-height: 1em
}
.Minimized---1Ksya .minimized-preview-content---2erjI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 100%;
    max-width: 100%;
    padding: .25rem 1rem;
    color: #000
}
.Minimized---1Ksya .minimized-expanded---2Sqk3 {
    overflow: hidden
}
.AnnouncementPreview---36Rm1,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.AnnouncementPreview---36Rm1,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.AnnouncementPreview---36Rm1 .announcement-title---3VgRl,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.AnnouncementPreview---36Rm1 .announcement-title---3VgRl,
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.AnnouncementPreview---36Rm1 .announcement-title---3VgRl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.AnnouncementPreview---36Rm1 {
    height: 100%;
    cursor: pointer
}
.AnnouncementPreview---36Rm1 .announcement-title---3VgRl {
    margin-top: .2rem;
    line-height: 1.2rem;
    font-weight: 500
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8,
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8,
button.color-blue {
    background-color: #0176ff
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8:hover:not([disabled]),
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8,
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8 svg *,
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8:hover:not([disabled]),
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8[disabled],
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8,
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8>:not(:last-child),
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.AnnouncementExpanded---3KGDM {
    font-size: .875rem;
    border-top: 1px solid #eee
}
.AnnouncementExpanded---3KGDM .announcement-cta---1gAz8 {
    width: 100%;
    text-transform: none;
    font-size: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.AnnouncementExpanded---3KGDM .announcement-body---1obp8 {
    max-height: 10rem;
    padding: 1rem;
    white-space: pre-line;
    overflow-y: auto
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.NPSPreview---fuBGL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.NPSPreview---fuBGL {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.NPSPreview---fuBGL {
    height: 100%;
    cursor: pointer
}
.NPSPreview---fuBGL .nps-question---Cq8Gy {
    margin-top: .2rem;
    line-height: 1.2rem;
    font-size: .875rem;
    font-weight: 500
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.NPSExpanded---wrZz8 .rating---1_ya0,
.NPSExpanded---wrZz8 button,
.NPSExpanded---wrZz8.thank-you-step .thank-you-container---DJSoO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.NPSExpanded---wrZz8 .labels---3bNC7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around,
.NPSExpanded---wrZz8 .ratings---2h3oN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.NPSExpanded---wrZz8,
.NPSExpanded---wrZz8 textarea,
.NPSExpanded---wrZz8.thank-you-step .note---2-ktD,
.NPSExpanded---wrZz8.thank-you-step .thank-you-sorry-container---3MN-2 .note---2-ktD {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2,
.NPSExpanded---wrZz8.thank-you-step .note---2-ktD {
    font-size: 2rem
}
.dsg-h3,
.NPSExpanded---wrZz8.thank-you-step .thank-you-sorry-container---3MN-2 .note---2-ktD {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.NPSExpanded---wrZz8,
.NPSExpanded---wrZz8 textarea {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.NPSExpanded---wrZz8 button {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg *,
.NPSExpanded---wrZz8 button svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]),
.NPSExpanded---wrZz8 button:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled],
.NPSExpanded---wrZz8 button[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton,
.NPSExpanded---wrZz8 button {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child),
.NPSExpanded---wrZz8 button>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.NPSExpanded---wrZz8 {
    border-top: 1px solid #eee
}
.NPSExpanded---wrZz8.rating-step {
    padding: 2.2rem 1rem 1.5rem
}
.NPSExpanded---wrZz8.free-response-step {
    padding: 0
}
.NPSExpanded---wrZz8.thank-you-step {
    padding: 1rem 2rem
}
.NPSExpanded---wrZz8.thank-you-step .thank-you-sorry-container---3MN-2 {
    text-align: center
}
.NPSExpanded---wrZz8.thank-you-step img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 3.6rem;
    width: 3.6rem;
    margin-right: 1.5rem
}
.NPSExpanded---wrZz8 .rating---1_ya0 {
    position: relative;
    height: 1.2rem;
    width: 1.2rem;
    cursor: pointer
}
.NPSExpanded---wrZz8 .rating---1_ya0 .rating-foreground---1QP4F {
    font-size: .75rem;
    text-align: center;
    color: #9a9a9a;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .3125rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    position: absolute;
    height: 1.2rem;
    width: 1.2rem;
    top: 0;
    left: 0;
    z-index: 2
}
.NPSExpanded---wrZz8 .rating---1_ya0 .rating-foreground---1QP4F:hover {
    background-color: transparent;
    color: #fff;
    font-weight: 600;
    border: 1px solid transparent;
    box-shadow: none
}
.NPSExpanded---wrZz8 .rating---1_ya0 .rating-background---w0BpE {
    border: 1px solid #fff;
    border-radius: .3125rem;
    position: absolute;
    height: 1.2rem;
    width: 1.2rem;
    top: 0;
    left: 0;
    z-index: 1
}
.NPSExpanded---wrZz8 .labels---3bNC7 {
    font-size: .75rem;
    margin: .5rem .5rem 0
}
.NPSExpanded---wrZz8 textarea {
    width: 100%;
    min-height: 6rem;
    padding: .5rem 1rem;
    border: none;
    color: #000;
    outline: none;
    resize: none
}
.NPSExpanded---wrZz8 button {
    font-size: 1rem;
    color: #fff;
    width: 100%;
    border-radius: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.container.TextResponseInput,
.container.TextResponseInput .box,
.container.TextResponseInput .FollowUpQuestionForm,
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.RestContent {
    background: #fafafa
}
.container.TextResponseInput {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    height: 100%
}
@media screen and (max-width: 640px) {
    .container.TextResponseInput {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 1rem
    }
}
.container.TextResponseInput .FollowUpQuestionForm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}
.container.TextResponseInput .FollowUpQuestionForm__rating {
    font-size: 1.3125rem;
    margin: 0 0 2rem;
    text-align: center
}
.container.TextResponseInput .FollowUpQuestionForm__rating-numeric-score {
    font-weight: 600
}
.container.TextResponseInput .FollowUpQuestionForm__question-copy {
    background: #13ddb0;
    min-width: 18rem;
    color: #fff;
    text-align: center;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem;
    font-size: 1rem;
    font-weight: 400;
    padding: 1rem;
    margin: 0
}
.container.TextResponseInput .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2rem
}
@media screen and (max-width: 640px) {
    .container.TextResponseInput .box {
        width: auto
    }
}
.container.TextResponseInput .box .input-wrapper {
    width: 100%
}
.container.TextResponseInput .box .Input {
    border: 1px solid #ccc;
    border-top: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.container.TextResponseInput .box .Input textarea {
    min-height: 3rem;
    resize: none;
    padding: 1rem;
    font-size: .875rem
}
.container.TextResponseInput .thankyou {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 5px solid #13ddb0;
    border-radius: .3125rem;
    padding: 1rem;
    text-align: center
}
.container.TextResponseInput .thankyou svg {
    margin-top: 1rem;
    width: 4rem;
    height: 4rem
}
.container.TextResponseInput .thankyou img {
    margin-bottom: 2rem;
    max-width: 100%
}
.container.TextResponseInput .powered-by {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 1rem;
    border-top: 1px solid #ccc
}
.container.TextResponseInput .powered-by a,
.container.TextResponseInput .powered-by span {
    color: #9a9a9a;
    font-size: .875rem
}
.Wrapper---S_yDa .TextResponseInput {
    height: auto;
    margin-top: 1rem
}
.Wrapper---S_yDa .powered-by {
    position: static!important;
    margin-top: 2rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.EditTemplate---3cigE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}
.EditSidebar---3BZST {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 25rem;
    min-width: 25rem;
    border-right: 1px solid #eee
}
.EditSidebar---3BZST .AriaMenuButton,
.EditSidebar---3BZST input,
.EditSidebar---3BZST textarea {
    font-size: .875rem!important;
    font-weight: 400!important
}
.EditSidebar---3BZST .AriaMenuButton {
    width: 100%
}
.EditPreview---3Z_bY {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: 30rem;
    padding: 3rem 2rem;
    overflow-y: auto;
    background-color: #f8f8f8
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.CustomizeTemplate---iAwUf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}
.CustomizeSidebar---1IwOf {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 25rem;
    min-width: 25rem;
    border-right: 1px solid #e1eef4;
    font-size: .875rem
}
.CustomizePreview,
.CustomizeSidebar---1IwOf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}
.CustomizePreview {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: 30rem;
    padding: 3rem 2rem;
    overflow-y: auto;
    background-color: #f2f6f8;
    position: relative
}
.CustomizePreview .close-button {
    position: absolute;
    top: 10px;
    right: 10px
}
.ExitButton---dxkx1 {
    position: fixed;
    width: 22px;
    height: 22px;
    right: 1rem;
    top: 1rem
}
.ExitButton---dxkx1:hover path {
    opacity: 1;
    fill: #0176ff
}
.BotAvatar---3QaUz svg .color {
    fill: currentColor
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.BotDialogPreviewContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #7695a5
}
.BotDialogPreview {
    height: 100%;
    max-height: 50rem;
    overflow: hidden;
    width: 30rem;
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #b5d2e1
}
.BotDialogPreview h2,
.BotDialogPreview h3,
.BotDialogPreview p {
    margin: 0
}
.BotDialogPreview h2 {
    padding-bottom: 1rem;
    padding-left: .5rem;
    color: #394f5a;
    border-bottom: 1px solid #e1eef4
}
.BotDialogPreview .bot-dialog-contents {
    height: 100%;
    overflow: auto;
    padding: 2rem 0
}
.BotDialogPreview .empty-bot-dialog-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 7.25rem;
    overflow: auto
}
.BotDialogPreview .empty-bot-dialog-contents p {
    text-align: center;
    max-width: 19.5rem;
    margin-top: 1.5rem
}
.BotDialogPreview .empty-bot-dialog-contents a.create-new-interaction {
    margin-top: 1rem
}
.QuestionPreview {
    margin-bottom: 2rem
}
.QuestionPreview h3 {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    color: #7695a5;
    margin: 0
}
.QuestionPreview p.prompt {
    font-size: .875rem;
    color: #394f5a
}
.QuestionPreview .details {
    margin-top: .5rem;
    font-size: .75rem
}
.BotCampaignEdit---3HV8P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}
.BotCampaignEdit---3HV8P .Sidebar {
    width: 25rem;
    min-width: 25rem;
    height: 100vh;
    display: inline-block;
    border-right: 1px solid #e1eef4
}
.BotCampaignEdit---3HV8P .Preview {
    height: 100%;
    width: 100%;
    padding: 4rem 2rem;
    background-color: #f2f6f8
}
.BotCampaignEdit---3HV8P .dsg-Label--gray {
    color: #7695a5;
    margin-bottom: .5rem
}
.BotCampaignEdit---3HV8P .Input.small input {
    font-size: .875rem
}
.BotCampaignEdit---3HV8P .AriaMenuButton {
    width: 100%;
    font-size: .875rem;
    margin-top: .5rem
}
.BotCampaignEdit---3HV8P .AriaMenuButton [role=button] {
    border-color: #e1eef4
}
.BotCampaignEdit---3HV8P .TargetConditionInput {
    margin-bottom: 2rem
}
.BotCampaignEdit---3HV8P .exit {
    height: 1.5rem;
    width: 1.5rem;
    color: #e1eef4;
    position: absolute;
    top: 1rem;
    right: 1rem
}
.BotCampaignEdit---3HV8P .exit:hover {
    color: #0176ff
}
.BotCampaignEdit---3HV8P svg {
    fill: currentColor
}
.AttachmentUpload,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.AttachmentUpload,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.AttachmentUpload .file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.AttachmentUpload {
    width: 220px;
    padding: .25rem;
    margin: 5px 6px;
    cursor: pointer;
    font-size: 14px;
    border-radius: .3125rem;
    background-color: #e1eef4
}
.AttachmentUpload:not(:last-child) {
    margin-bottom: .7rem
}
.AttachmentUpload:hover .file-name,
.AttachmentUpload:hover .file-size {
    color: #0176ff
}
.AttachmentUpload .CircleOfWaiting {
    width: 1.7rem;
    margin-right: .8rem;
    padding: 0 .4rem;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.AttachmentUpload .CircleOfWaiting .circle {
    width: .25rem;
    height: .25rem;
    margin: 0;
    background-color: #13ddb0
}
.AttachmentUpload .preview {
    position: relative;
    margin-right: .8rem
}
.AttachmentUpload .preview .no-preview-filename {
    position: absolute;
    top: 46%;
    left: 25%;
    max-width: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 7px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0176ff
}
.AttachmentUpload .preview .preview-img {
    height: 1.7rem;
    width: 1.7rem;
    background-size: cover;
    background-position: 50%
}
.AttachmentUpload .file-name {
    margin-right: .25rem
}
.AttachmentUpload .file-size {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #9a9a9a
}
.AttachmentUpload .remove-icon {
    padding: .3rem
}
.AttachmentUpload .remove-icon img {
    height: .5rem;
    width: .5rem
}
.Attachment {
    position: relative;
    display: inline-block;
    margin: auto
}
.Attachment .no-preview-filename {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    color: #0176ff
}
.Attachment.small {
    margin: 2px 5px;
    background-color: #e1eef4;
    height: 5rem;
    width: 5rem;
    padding: .5rem;
    border-radius: .625rem;
    transition: all .3s
}
.Attachment.small:hover {
    background-color: #9edcf7
}
.Attachment.small div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}
.Attachment.small .no-preview-filename {
    margin-right: 0;
    font-size: 12px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.AttachmentViewer .info-bar,
.AttachmentViewer .Modal .modal-content,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.AttachmentViewer .info-bar,
.AttachmentViewer .Modal .modal-content,
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.AttachmentViewer .Modal .modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 27.5rem;
    min-height: 23.5rem;
    padding: .7rem;
    border-radius: .3125rem;
    background-color: #666
}
.AttachmentViewer .attachment-arrow-next,
.AttachmentViewer .attachment-arrow-prev {
    position: absolute;
    top: 40%
}
.AttachmentViewer .attachment-arrow-next path,
.AttachmentViewer .attachment-arrow-prev path {
    color: #fff
}
.AttachmentViewer .attachment-arrow-prev {
    left: -6rem;
    height: 1rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.AttachmentViewer .attachment-arrow-next {
    right: -6rem;
    height: 1rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.AttachmentViewer .info-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 1.4rem 0 .7rem;
    text-align: center;
    font-size: 12px;
    color: #fff
}
.AttachmentViewer .info-bar .download-icon svg {
    width: 1rem
}
.AttachmentViewer .Attachment img {
    max-height: 60vh;
    max-width: 70vw
}
.AssignButton .user-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.AssignButton {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.AssignButton:hover .user-icon svg {
    border-color: #0176ff
}
.AssignButton:hover .user-icon svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.AssignButton:hover .user-name {
    opacity: 1
}
.AssignButton .current-assignee {
    font-size: 12px;
    height: 1.55rem;
    position: relative
}
.AssignButton .user-icon {
    margin-right: 12px;
    border: 1px dashed #7695a5;
    border-radius: .3125rem;
    padding: 1px 7px
}
.AssignButton .user-icon svg {
    width: .75rem;
    height: .95rem
}
.AssignButton .user-icon svg * {
    fill: #7695a5
}
.AssignButton .user-name {
    color: #0176ff;
    opacity: .8
}
.AssignButton .assign-dropdown {
    padding: 1rem 0 0;
    position: absolute;
    top: 2.8rem;
    width: 12.8rem;
    left: -11.7rem;
    color: #000
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ConversationStatus {
    display: inline-block
}
.ConversationStatus .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #13cb6e;
    text-transform: uppercase;
    font-weight: 600
}
.ConversationStatus .status.archived,
.ConversationStatus .status.closed {
    color: #b5d2e1
}
.ConversationStatus .status.pending {
    color: #9edcf7
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.ConversationStatusDropDown,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.ConversationStatusDropDown,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ConversationStatusDropDown .dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.ConversationStatusDropDown .dropdown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.ConversationStatusDropDown .dropdown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.ConversationStatusDropDown,
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.ConversationStatusDropDown>:first-child,
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.ConversationStatusDropDown>:last-child,
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.ConversationStatusDropDown {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .6rem;
    position: relative;
    cursor: pointer
}
.ConversationStatusDropDown.archived .caret-toggle svg *,
.ConversationStatusDropDown.closed .caret-toggle svg * {
    stroke: #b5d2e1;
    fill: #b5d2e1
}
.ConversationStatusDropDown.pending .caret-toggle svg * {
    stroke: #9edcf7;
    fill: #9edcf7
}
.ConversationStatusDropDown.open .caret-toggle svg * {
    stroke: #13cb6e;
    fill: #13cb6e
}
.ConversationStatusDropDown .caret-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 8px
}
.ConversationStatusDropDown .caret-toggle svg {
    width: .5rem;
    height: .4rem
}
.ConversationStatusDropDown .ConversationStatus {
    cursor: pointer
}
.ConversationStatusDropDown .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 2.3rem;
    right: .8rem;
    padding: .9rem
}
.ConversationStatusDropDown .dropdown .ConversationStatus {
    width: 100%;
    transition: background-color .3s
}
.ConversationStatusDropDown .dropdown .ConversationStatus:hover {
    background-color: #e1eef4
}
.ConversationStatusDropDown .dropdown .ConversationStatus:not(:last-of-type) {
    margin-bottom: .5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.TagButton .tag-dropdown .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between,
.TagButton .tag-dropdown .sub-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.TagButton .tag-dropdown .sub-title {
    padding: .5rem 1.3rem;
    color: #9a9a9a;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #eee
}
.DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.DropDown {
    position: absolute;
    z-index: 1
}
.TagButton {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block
}
.TagButton .tag-icon-wrapper {
    border: 1px dashed #ccc;
    border-radius: .3125rem;
    padding: .2rem .4rem
}
.TagButton .tag-icon-wrapper:hover {
    border-color: #0176ff
}
.TagButton .tag-icon-wrapper:hover .tag-icon svg path {
    fill: #0176ff
}
.TagButton .tag-icon svg {
    width: .8rem;
    height: .8rem
}
.TagButton .tag-icon path {
    fill: #9a9a9a
}
.TagButton .tag-icon:hover path {
    fill: #ccc
}
.TagButton .tag-icon.isSelected path {
    fill: #0176ff
}
.TagButton .tag-dropdown {
    position: absolute;
    top: 2.4rem;
    width: 12.8rem;
    left: -12rem
}
.TagButton .tag-dropdown .sub-title {
    cursor: auto;
    color: #7695a5;
    bordor-color: #b5d2e1;
    margin-bottom: .5rem
}
.TagButton .tag-dropdown .sub-title svg {
    width: 1rem;
    cursor: pointer
}
.TagButton .tag-dropdown .sub-title svg path {
    fill: #7695a5
}
.TagButton .tag-dropdown .sub-title svg:hover path {
    fill: #0176ff
}
.Row---1lSzT {
    font-size: .875rem;
    white-space: nowrap;
    padding: 10px 13px;
    display: block;
    color: #000!important;
    cursor: pointer;
    overflow: hidden
}
.Row---1lSzT:hover {
    background-color: #e1eef4
}
.Wrapper---3YQMA .additional-actions .dropdown,
.Wrapper---3YQMA .AssignButton .assign-dropdown,
.Wrapper---3YQMA .ConversationStatusDropdown .dropdown,
.Wrapper---3YQMA .TagButton .tag-dropdown {
    border-top-right-radius: .625rem;
    top: auto;
    bottom: 38px;
    overflow: hidden;
    border-color: #e1eef4
}
.Wrapper---3YQMA .additional-actions .dropdown:after,
.Wrapper---3YQMA .additional-actions .dropdown:before,
.Wrapper---3YQMA .AssignButton .assign-dropdown:after,
.Wrapper---3YQMA .AssignButton .assign-dropdown:before,
.Wrapper---3YQMA .ConversationStatusDropdown .dropdown:after,
.Wrapper---3YQMA .ConversationStatusDropdown .dropdown:before,
.Wrapper---3YQMA .TagButton .tag-dropdown:after,
.Wrapper---3YQMA .TagButton .tag-dropdown:before {
    display: none
}
.Wrapper---3YQMA .AssignButton .assign-dropdown,
.Wrapper---3YQMA .ConversationStatusDropdown .dropdown,
.Wrapper---3YQMA .TagButton .tag-dropdown {
    left: 0;
    right: auto
}
.Wrapper---3YQMA .additional-actions .dropdown {
    right: 0;
    left: auto
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper,
.Wrapper__Actions---2UyY_ {
    cursor: pointer
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper:hover,
.Wrapper__Actions---2UyY_:hover {
    color: #0176ff
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper svg,
.Wrapper__Actions---2UyY_ svg {
    cursor: pointer
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper svg *,
.Wrapper__Actions---2UyY_ svg * {
    fill: #7695a5!important
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper svg:hover *,
.Wrapper__Actions---2UyY_ svg:hover * {
    fill: #0176ff!important
}
.Wrapper---3YQMA {
    border-bottom: 2px solid #e1eef4;
    color: #7695a5;
    height: 35px
}
.Wrapper---3YQMA .ConversationStatusDropdown {
    border: none;
    box-shadow: none;
    font-size: .875rem;
    font-weight: 600;
    background-color: transparent;
    margin-left: 12px;
    margin-right: 6px
}
.Wrapper---3YQMA .AssignButton .assign-dropdown {
    width: 18rem
}
.Wrapper---3YQMA .TagButton {
    margin-bottom: 0;
    margin-right: 0
}
.Wrapper---3YQMA .TagButton .tag-dropdown .TagDropDownList {
    max-height: 50vh;
    overflow-y: auto
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper {
    border-color: #7695a5
}
.Wrapper---3YQMA .TagButton .tag-icon-wrapper:hover {
    border-color: #0176ff
}
.Wrapper---3YQMA .additional-actions {
    position: relative
}
.Wrapper---3YQMA .additional-actions .dropdown .upgrade-replies {
    color: #ccc!important
}
.Wrapper---3YQMA .additional-actions .dropdown .upgrade-replies strong {
    color: #13cb6e;
    display: block
}
.Wrapper---3YQMA .TagList .Tag {
    margin-bottom: 0
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.EmojiPicker---16svj {
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 2
}
.EmojiPicker---16svj .emoji-mart {
    font-family: inherit;
    font-size: .75rem
}
.EmojiPicker---16svj .emoji-mart .emoji-mart-title-label {
    display: none
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.DropDown {
    position: absolute;
    z-index: 1
}
.ShareCalendarDropdown---2DGfG {
    width: 260px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #b5d2e1;
    border-radius: 10px;
    box-shadow: 2px 2px 20px 0 rgba(182, 185, 224, .2);
    overflow: hidden
}
.ShareCalendarDropdown---2DGfG .search---2XUmQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e1eef4
}
.ShareCalendarDropdown---2DGfG .search---2XUmQ .drift-form,
.ShareCalendarDropdown---2DGfG .search---2XUmQ input {
    width: 100%
}
.ShareCalendarDropdown---2DGfG .empty---2UGwr {
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: .875rem;
    color: #000;
    padding: 1rem
}
.ShareCalendarDropdown---2DGfG .rows---QvEkk {
    height: 200px;
    overflow-y: auto;
    background-color: #f2f6f8
}
.ShareCalendarDropdown---2DGfG .row---2e6e_ {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding-left: 1rem;
    border-top: 1px solid #e1eef4;
    background-color: #fff
}
.ShareCalendarDropdown---2DGfG .row---2e6e_:last-child {
    border-bottom: 1px solid #e1eef4
}
.ShareCalendarDropdown---2DGfG .row---2e6e_:hover {
    background-color: #effaff
}
.MiniTag---zBWl6 {
    cursor: pointer;
    position: relative
}
.MiniTag---zBWl6>.Tag {
    position: absolute;
    bottom: 35px;
    left: 0;
    white-space: nowrap;
    height: 0;
    opacity: 0;
    transition: all .3s
}
.MiniTag---zBWl6:hover>.Tag {
    height: 20.19px;
    opacity: 1
}
.TypingIndicators---2rU2d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7695a5;
    font-size: .75rem
}
.TypingUser---2O2Qt {
    font-weight: 500;
    margin-left: .25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Composer---15T4X,
.Composer---15T4X .composer-bar,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Composer---15T4X,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Composer---15T4X .composer-bar,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Composer---15T4X button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.Composer---15T4X button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.Composer---15T4X button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.Composer---15T4X .composer-bar .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.Composer---15T4X .composer-bar .DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px
}
.Composer---15T4X .composer-bar .DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px
}
.Composer---15T4X .composer-bar .DropDown {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: 0
}
.Composer---15T4X .composer-bar .DropDown:before {
    bottom: -10px;
    top: auto;
    right: -1px
}
.Composer---15T4X .composer-bar .DropDown:after {
    bottom: -8px;
    top: auto;
    right: 0
}
.Composer---15T4X {
    position: relative;
    margin: 0 1rem;
    background-color: #fff
}
.Composer---15T4X .markdown-editor {
    padding: 10px;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}
.Composer---15T4X .markdown-editor textarea {
    resize: none;
    width: 100%;
    border: none;
    font-size: .875rem
}
.Composer---15T4X .markdown-editor textarea::-webkit-input-placeholder {
    color: #b5d2e1
}
.Composer---15T4X .markdown-editor textarea::-moz-placeholder {
    color: #b5d2e1
}
.Composer---15T4X .markdown-editor textarea:-ms-input-placeholder {
    color: #b5d2e1
}
.Composer---15T4X .markdown-editor textarea::placeholder {
    color: #b5d2e1
}
.Composer---15T4X #textAreaComponent {
    cursor: text
}
.Composer---15T4X #textAreaComponent img,
.Composer---15T4X #textAreaComponent svg {
    display: none
}
.Composer---15T4X button {
    border-radius: .3125rem
}
.Composer---15T4X.drag-over {
    opacity: .5;
    border: 2px solid #0176ff;
    border-radius: .625rem
}
.Composer---15T4X.is-note .markdown-editor,
.Composer---15T4X.is-note div[contenteditable=true],
.Composer---15T4X.is-note textarea {
    background-color: #fffcd9
}
.Composer---15T4X.is-note .AttachmentUpload {
    background-color: rgba(0, 0, 0, .1)
}
.Composer---15T4X.is-note .AttachmentUpload .remove-icon svg * {
    fill: #9a9a9a
}
.Composer---15T4X .drop-zone {
    width: 100%
}
.Composer---15T4X .text-area {
    width: 100%;
    outline: none;
    color: #333;
    border: 2px solid #e1eef4;
    border-radius: .625rem;
    background-color: transparent
}
.Composer---15T4X .text-area.focused,
.Composer---15T4X .text-area.focused .composer-actions,
.Composer---15T4X .text-area:focus,
.Composer---15T4X .text-area:focus .composer-actions {
    border-color: #b5d2e1
}
.Composer---15T4X .text-area.focused [contenteditable=true],
.Composer---15T4X .text-area:focus [contenteditable=true] {
    min-height: 5rem
}
.Composer---15T4X .text-area [contenteditable=true] {
    padding: .75rem 1rem;
    min-height: 5rem;
    max-height: 15rem;
    overflow-y: auto;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}
.Composer---15T4X .text-area [contenteditable=true].medium-editor-placeholder:after {
    color: #b5d2e1
}
.Composer---15T4X .text-area.post-note {
    background-color: #fef79e
}
.Composer---15T4X .text-area .AttachmentUploadSection {
    margin-left: 7px
}
.Composer---15T4X .text-area .AttachmentUploadSection .AttachmentUpload .remove-icon svg {
    width: .5rem;
    height: .5rem
}
.Composer---15T4X .composer-bar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 1.7rem;
    margin-top: .85rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.Composer---15T4X .composer-bar .DropDown {
    color: #000;
    position: absolute;
    bottom: 2.5rem
}
.ComposerFooter---lTE6d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #7695a5;
    font-size: .75rem;
    margin-left: .5rem;
    margin-right: .3rem;
    height: 1.5rem
}
.ComposerFooter---lTE6d .bold {
    font-weight: 500
}
.ComposerFooter---lTE6d .italic {
    font-style: italic
}
.ComposerFooter---lTE6d .markdown-copy>* {
    margin-right: 3px
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Item---nm2Ph {
    width: 100%;
    padding: 4px 15px 4px 0;
    font-size: 15px
}
.Item---nm2Ph,
.Item---nm2Ph .info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.Item---nm2Ph .info-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 10px;
    margin-top: 2px;
    width: 60px
}
.Item---nm2Ph .info-container>.Avatar {
    height: 38px;
    width: 38px
}
.Item---nm2Ph .time {
    font-size: .75rem;
    color: #7695a5
}
.Item---nm2Ph .name {
    font-weight: 500;
    margin-right: 5px
}
.Item---nm2Ph.is-subitem .time,
.Item---nm2Ph .right-content {
    opacity: 0;
    transition: opacity .3s
}
.Item---nm2Ph:hover .right-content,
.Item---nm2Ph:hover .time {
    opacity: 1
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.FallbackEvent---3lQMw {
    background-color: #f2f6f8;
    padding: 5px 5px 5px 70px;
    margin: 10px 0;
    font-size: .875rem;
    color: #7695a5;
    font-style: italic
}
.FallbackEvent---3lQMw .time {
    margin-left: 5px;
    font-size: .75rem;
    font-style: normal
}
.event-content---jht9X {
    color: #7695a5;
    font-style: italic
}
.event-content---jht9X .TagList {
    display: inline-block;
    font-style: normal;
    margin-left: 8px
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.LinkCard---28t4T {
    width: 100%;
    max-width: 500px;
    margin-top: 1rem;
    border-radius: 5px;
    border: 1px solid #e1eef4;
    overflow: hidden
}
.LinkCard---28t4T .thumbnail-landscape img {
    display: block;
    width: 100%
}
.LinkCard---28t4T .thumbnail-square {
    padding: 12px;
    border-bottom: 1px solid #e1eef4
}
.LinkCard---28t4T .thumbnail-square img {
    display: block;
    max-height: 80px
}
.LinkCard---28t4T .info {
    padding: 12px;
    font-size: .875rem
}
.LinkCard---28t4T .info .title {
    font-weight: 500;
    margin-bottom: 4px
}
.LinkCard---28t4T .info .title a {
    text-decoration: none;
    color: #000
}
.LinkCard---28t4T .info .title a:hover {
    text-decoration: underline
}
.LinkCard---28t4T .info .description {
    margin-bottom: 4px;
    white-space: pre-line
}
.LinkCard---28t4T .info .site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7695a5
}
.Message {
    position: relative
}
.Message .fade-enter {
    opacity: .01;
    transition: opacity .3s
}
.Message .fade-enter.fade-enter-active {
    opacity: 1
}
.Message .fade-leave {
    opacity: 1;
    transition: opacity .3s
}
.Message .fade-leave.fade-leave-active {
    opacity: .01
}
.Message .message-status {
    color: #7695a5;
    font-size: .75rem;
    font-style: italic
}
.Message .new-messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    font-size: .75rem;
    top: -10px;
    width: calc(100% - 15px);
    color: #13cb6e;
    padding-right: 4px
}
.Message .new-messages .separator {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    border-bottom: 1px solid #13cb6e
}
.Message .new-messages .content {
    padding-left: 4px
}
.message-content---3tuOV {
    overflow: hidden;
    word-break: break-word
}
.message-content---3tuOV br,
.message-content---3tuOV p {
    margin: 0
}
.message-content---3tuOV b,
.message-content---3tuOV strong {
    font-weight: 600
}
.dots-icon---3smED {
    cursor: pointer
}
.dots-icon---3smED svg {
    margin-top: 10px;
    margin-left: 4px;
    height: 4px
}
.dots-icon---3smED svg path {
    fill: #b5d2e1
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.SourceEvent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.SourceEvent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.SourceEvent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 0 1rem 55px;
    font-size: .875rem;
    color: #7695a5
}
.SourceEvent .source {
    display: inline-block;
    width: 45%;
    margin-right: 16px;
    margin-bottom: 8px
}
.SourceEvent .source svg {
    height: 12px;
    width: 12px
}
.SourceEvent .source svg path {
    fill: currentColor
}
.SourceEvent .source a {
    position: relative
}
.SourceEvent .source .icon {
    margin: 4px 12px 0 0
}
.SourceEvent .source .link {
    word-wrap: break-word;
    max-width: 65%
}
@media screen and (max-width: 1200px) {
    .SourceEvent .source {
        width: 100%
    }
    .SourceEvent [tooltip]:after {
        width: 11rem
    }
}
.DriftModal---KkacM {
    width: 30rem
}
.DriftModal---KkacM h3 {
    padding-bottom: 20px
}
.DriftModal---KkacM h3,
.DriftModal---KkacM p {
    margin: 0;
    text-align: center
}
.DriftModal---KkacM .content {
    padding: 40px
}
.DriftModal---KkacM .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #e1eef4;
    padding: 15px
}
.DriftModal---KkacM .actions .drift-button {
    width: 45%
}
.DriftModal---KkacM.hide-primary .actions .drift-button {
    width: 100%
}
.Header---1ZEfo {
    border-bottom: 1px solid #e1eef4;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.Header---1ZEfo .header-title {
    height: 100%;
    padding-top: 5px
}
.Header---1ZEfo .participants {
    position: absolute;
    cursor: pointer
}
.Header---1ZEfo .participants:hover {
    color: #0176ff
}
.Header---1ZEfo .Avatar {
    height: 2.5rem;
    width: 2.5rem;
    margin-right: .75rem
}
.Header__Action---ZrS2O {
    height: 36px;
    width: 36px;
    border-radius: .3125rem;
    cursor: pointer;
    margin: 0 3px
}
.Header__Action---ZrS2O svg path {
    fill: #7695a5
}
.Header__Action---ZrS2O .user-card-icon svg {
    height: 20px;
    width: 16px
}
.Header__Action---ZrS2O .settings-icon svg {
    height: 18px;
    width: 18px
}
.Header__Action---ZrS2O .user-outline-icon svg {
    height: 18px;
    width: 16px
}
.Header__Action---ZrS2O.active {
    background-color: #f2f6f8
}
.Header__Action---ZrS2O:hover svg path {
    fill: #0176ff
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.newMessageNotification---33lCK {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.newMessageNotification---33lCK {
    position: absolute;
    width: 250px;
    height: 30px;
    background: #13cb6e;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 2rem
}
.message-section-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.messages-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}
.messages-section .messages>:not(.day-divider):not(.SourceEvent) {
    transition: background-color .3s
}
.messages-section .messages>:not(.day-divider):not(.SourceEvent) .content {
    transition: color .3s
}
.messages-section .messages>:not(.day-divider):not(.SourceEvent).is-note {
    background-color: #fffcd9
}
.messages-section .messages>:not(.day-divider):not(.SourceEvent):hover:not(.failed) {
    background-color: #effaff
}
.messages-section .messages:last-child {
    margin-bottom: 30px
}
.messages-section .day-divider {
    text-align: center;
    color: #394f5a;
    padding: 16px 0;
    font-size: .75rem;
    font-weight: 500
}
.messages-section .day-divider .flex-1 {
    border-bottom: 1px solid #e1eef4
}
.messages-section .Composer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.newMessageNotification---33lCK {
    left: 50%;
    margin-left: -125px;
    bottom: 0;
    z-index: 1;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Conversation,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Conversation,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Conversation .summary,
.Conversation .summary .actions,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.Conversation .summary .subject:not(.editable) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.Conversation {
    position: relative;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: 400px;
    height: 100%;
    overflow-y: auto
}
.Conversation .summary {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 3rem;
    font-size: 16px;
    border-bottom: 2px solid #eee;
    padding: 0 .5rem;
    margin: 0 1.56rem
}
.Conversation .summary a {
    color: #0176ff
}
.Conversation .summary .conversation-id {
    margin-right: .75rem;
    font-size: 24px
}
.Conversation .summary .conversation-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.Conversation .summary .conversation-info .with {
    margin-left: .2rem;
    margin-right: .2rem
}
.Conversation .summary .subject {
    font-weight: 600
}
.Conversation .summary .subject:not(.editable) {
    max-width: 10.5rem
}
.Conversation .summary .conversation-with {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
    overflow: visible;
    text-overflow: ellipsis
}
.Conversation .summary .conversation-with .other-collaborators {
    position: relative;
    overflow: visible;
    margin-left: .25rem
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-dropdown {
    position: absolute;
    top: 2.05rem;
    width: 14.3rem;
    right: -11.5rem
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-count {
    color: #0176ff;
    cursor: pointer
}
.Conversation .summary .conversation-with .other-collaborators .collaborators-count:hover {
    color: #0960c5
}
.Conversation .summary .conversation-with .add-people {
    margin-left: .5rem;
    height: .75rem;
    cursor: pointer
}
.Conversation .summary .actions {
    cursor: pointer
}
.Conversation .summary .actions>:not(:last-child) {
    margin-right: .7rem
}
.Conversation.loading .summary {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #ccc
}
.Conversation.loading .summary>* {
    margin: 0 .25rem
}
.loader-rotating {
    -webkit-animation: rotate-full 1.25s infinite ease;
    animation: rotate-full 1.25s infinite ease;
    border: .25em solid #eee;
    border-right-color: transparent;
    border-radius: 1em;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 1.5em;
    height: 1.5em
}
@-webkit-keyframes rotate-full {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes rotate-full {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.InviteSelectContainer {
    position: relative
}
.InviteSelectContainer .user-label {
    margin-left: .75rem
}
.InviteSelectContainer .submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.25rem;
    height: 56px
}
.InviteSelectContainer .invite-select-tips {
    padding: .5rem .75rem
}
.InviteSelectContainer .invite-select-tips>span svg {
    margin: 0 2px
}
.InviteSelectContainer .invite-select-tips>span:first-child {
    margin-right: 3rem
}
.Select.InviteSelect .Select-control {
    border-width: 2px;
    border-color: #e1eef4;
    border-radius: .3125rem;
    width: calc(100% - 110px);
    height: 56px
}
.Select.InviteSelect .Select-control .Select-multi-value-wrapper {
    padding-bottom: 5px
}
.Select.InviteSelect .Select-control .Select-placeholder {
    top: 9px;
    color: #b5d2e1
}
.Select.InviteSelect .Select-control .Select-input {
    padding-top: 6px
}
.Select.InviteSelect .Select-control .Select-value {
    color: #394f5a;
    background-color: #e1eef4;
    border-radius: .3125rem;
    padding: 3px .3rem;
    border: none
}
.Select.InviteSelect .Select-control .Select-value .Select-value-icon {
    border-right: none;
    font-size: 1.3rem;
    padding: 0
}
.Select.InviteSelect .Select-control .Select-value .Select-value-icon:hover {
    background-color: #e1eef4;
    color: #0176ff
}
.Select.InviteSelect .Select-arrow-zone {
    display: none
}
.Select.InviteSelect .Select-menu-outer {
    border: none;
    box-shadow: none;
    margin-top: 3rem
}
.Select.InviteSelect .Select-menu-outer .Select-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #e1eef4;
    padding: 1rem 2rem 1rem 1rem
}
.Select.InviteSelect .Select-menu-outer .Select-option.is-focused {
    background-color: #effaff
}
.Select.InviteSelect .Select-menu-outer .Select-option.is-focused:after {
    content: "+ Add";
    font-size: .875rem;
    color: #0176ff
}
.Select.InviteSelect.is-focused .Select-control {
    border-color: #13cb6e
}
.InviteModalOverlay h2.dsg-h2 {
    margin-bottom: 1.75rem;
    color: #394f5a
}
.InviteModalOverlay .Select-menu {
    max-height: calc(100vh - 320px)
}
.InviteModalOverlay .ReactModal__Overlay {
    transition: opacity .3s ease-in-out
}
.InviteModalOverlay .ReactModal__Overlay--after-open {
    opacity: 1
}
.InviteModalOverlay .ReactModal__Overlay--before-close {
    opacity: 0
}
.InviteModalOverlay .ReactModal__Content {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .3s ease-in-out
}
.InviteModalOverlay .ReactModal__Content--after-open {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.InviteModalOverlay .ReactModal__Content--before-close {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}
.InviteModalOverlay .InviteModalContainer {
    width: 100%;
    height: 100%;
    position: relative
}
.InviteModalOverlay .InviteModalContainer h3.dsg-h3 {
    margin: 0
}
.InviteModalOverlay .InviteModal__Contents {
    max-width: 700px;
    min-width: 600px;
    margin-right: auto;
    margin-left: auto;
    height: 100%
}
.InviteModalOverlay .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.ConversationListItem .conversation-count .count,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.ConversationListItem .user-and-timestamp,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ConversationList {
    overflow-y: auto
}
.ConversationListItem .summary,
.ConversationListItem .TagList .Tag span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ConversationListItem .conversation-count .count {
    min-width: 1.56rem;
    background-color: #0176ff;
    border-radius: 1.25rem;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding-left: .5rem;
    padding-right: .5rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.newConversationNotification---2TiEK {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.newConversationNotification---2TiEK {
    position: absolute;
    width: 250px;
    height: 30px;
    background: #13cb6e;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 2rem
}
.ConversationList {
    background-color: #f2f6f8
}
.ConversationList .list-item-enter,
.ConversationList .list-item-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.ConversationList .list-item-enter {
    opacity: 0
}
.ConversationList .list-item-enter.list-item-enter-active {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.ConversationList .list-item-leave.list-item-leave-active {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.ConversationListItem {
    border-bottom: 1px solid #e1eef4;
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    cursor: pointer;
    position: relative
}
.ConversationListItem .presence-dot {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color .5s ease
}
.ConversationListItem .presence-dot.active {
    background-color: #13cb6e
}
.ConversationListItem .presence-indicator:not(.active) {
    background-color: transparent
}
.ConversationListItem .Tag.status {
    background-color: #13cb6e
}
.ConversationListItem.pending .Tag.status {
    background-color: #9edcf7
}
.ConversationListItem.closed {
    background-color: #f2f6f8
}
.ConversationListItem.closed .Tag.status {
    background-color: #b5d2e1
}
.ConversationListItem.selected {
    background-color: #effaff
}
.ConversationListItem.selected .identifier {
    color: #0176ff;
    font-weight: 600
}
.ConversationListItem:hover .identifier {
    color: #0176ff
}
.ConversationListItem .TagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3rem
}
.ConversationListItem .TagList .Tag {
    overflow: hidden
}
.ConversationListItem .TagList .email-tag {
    background-color: #b5d2e1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.ConversationListItem .TagList .email-tag svg {
    height: .65rem;
    margin-right: .4rem
}
.ConversationListItem .TagList .email-tag svg * {
    fill: #fff
}
.ConversationListItem .TagList .lead-tag {
    background-color: #e877dc;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.ConversationListItem .user-and-timestamp {
    width: 100%
}
.ConversationListItem .conversation-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #7695a5;
    font-size: 14px;
    margin-top: .35rem
}
.ConversationListItem .conversation-count .count {
    background-color: transparent;
    border: 1px solid #7695a5;
    color: #7695a5;
    margin-right: .35rem
}
.ConversationListItem .timestamp-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #7695a5
}
.ConversationListItem .timestamp-container .timestamp {
    margin-right: .5rem
}
.ConversationListItem .identifier {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ConversationListItem .summary {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 14px;
    line-height: 1rem;
    color: #7695a5
}
.ConversationListItem .summary.selected,
.ConversationListItem .summary.selected * {
    color: #0176ff!important;
    font-weight: 600
}
.ConversationListItem .conversation-summaries .summary:hover {
    color: #0176ff
}
.ConversationListItem .collapse-arrow {
    position: absolute;
    box-sizing: content-box;
    bottom: .15rem;
    right: .15rem;
    width: .75rem;
    height: .45rem;
    padding: .25rem;
    cursor: pointer
}
.ConversationListItem .collapse-arrow.collapsed {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.newConversationNotification---2TiEK {
    z-index: 3;
    margin-left: .5rem;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.EmptyConversation---2t9Gc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    padding: 60px;
    text-align: center
}
.EmptyConversation---2t9Gc>:not(:last-child) {
    margin-bottom: 50px
}
.EmptyConversation---2t9Gc .empty-inbox {
    width: 70%;
    max-width: 350px
}
.EmptyConversation---2t9Gc .soccer-ball {
    width: 30%;
    max-width: 150px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around,
.SelectOption.selected .select-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.SelectOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}
.SelectOption .select,
.SelectOption .select-circle {
    height: 1.25rem;
    width: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.SelectOption .select-circle .Avatar,
.SelectOption .select .Avatar {
    height: 100%;
    width: 100%
}
.SelectOption .select-circle .Avatar .initials,
.SelectOption .select .Avatar .initials {
    font-size: 9px
}
.SelectOption .select-circle {
    border-radius: 50%;
    border: 1.5px solid #ccc
}
.SelectOption.selected .select-circle {
    border-color: #0176ff;
    background-color: #0176ff
}
.SelectOption.selected .select-circle svg {
    height: .5rem
}
.SelectOption.selected .select-circle path {
    fill: #fff
}
.SelectOption .name {
    font-size: 16px;
    margin-left: .65rem
}
.SelectOption .name:hover {
    color: #0176ff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.SetAdvancedSearchView .selection {
    box-shadow: 0 2px 0 #eee
}
.dsg-card,
.dsg-IconButton,
.SetAdvancedSearchView .selection {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child,
.SetAdvancedSearchView .selection>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child,
.SetAdvancedSearchView .selection>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.SetAdvancedSearchView .actions button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.SetAdvancedSearchView .actions button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.SetAdvancedSearchView .actions button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.SetAdvancedSearchView .selection.assignee .SelectOption .name,
.SetAdvancedSearchView .selection.conversation-tag .SelectOption .name .Tag span,
.SetAdvancedSearchView .selection.participant .SelectOption .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.Modal .modal-content.SetAdvancedSearchView-content {
    padding: 2.1rem 1.3rem
}
.SetAdvancedSearchView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 27rem;
    height: 32.5rem;
    max-height: 80vh
}
.SetAdvancedSearchView .filter-selections {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    padding: 0 .8rem
}
.SetAdvancedSearchView .selection:not(:first-child) {
    margin-top: 1rem
}
.SetAdvancedSearchView .selection.status {
    padding-bottom: 1rem
}
.SetAdvancedSearchView .selection.assignee .SelectOption .name,
.SetAdvancedSearchView .selection.conversation-tag .SelectOption .name,
.SetAdvancedSearchView .selection.participant .SelectOption .name {
    width: 9.4rem
}
.SetAdvancedSearchView .selection.conversation-tag .SelectOption .name .Tag {
    max-width: 100%
}
.SetAdvancedSearchView .selection.assignee,
.SetAdvancedSearchView .selection.participant {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.SetAdvancedSearchView .selection.assignee .divider,
.SetAdvancedSearchView .selection.participant .divider {
    margin-bottom: .8rem
}
.SetAdvancedSearchView .selection>.name {
    font-size: 12px;
    padding: .45rem .9rem;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #ccc
}
.SetAdvancedSearchView .selection>.content {
    padding: 1.4rem 1.1rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}
.SetAdvancedSearchView .SelectOption {
    margin-bottom: .85rem
}
.SetAdvancedSearchView .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.SetAdvancedSearchView .divider {
    border-bottom: 2px solid #eee
}
.SetAdvancedSearchView .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .85rem;
    border-top: 2px solid #eee
}
.SetAdvancedSearchView .actions .cancel {
    margin-right: .75rem;
    cursor: pointer;
    color: #ccc
}
.SetAdvancedSearchView .actions .cancel:hover {
    color: #a3a3a3
}
.PeopleSearchInput .search-results .add-end-user .name,
.PeopleSearchInput .search-results .search-result .email {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.PeopleSearchInput .search-results .add-end-user,
.PeopleSearchInput .search-results .search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.65rem;
    padding: .6rem .9rem
}
.PeopleSearchInput .search-results .add-end-user .name,
.PeopleSearchInput .search-results .search-result .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.PeopleSearchInput .search-results .add-end-user .Avatar,
.PeopleSearchInput .search-results .search-result .Avatar {
    margin-right: .5rem
}
.PeopleSearchInput .Input {
    margin-bottom: 0
}
.PeopleSearchInput .search-results {
    position: absolute;
    z-index: 1;
    max-height: 15.5rem;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-top: none;
    border-bottom-left-radius: .35rem;
    border-bottom-right-radius: .35rem
}
.PeopleSearchInput .search-results .search-result:hover {
    background-color: #e1eef4
}
.PeopleSearchInput .search-results .search-result:not(:last-child) {
    border-bottom: 1px solid #eee
}
.PeopleSearchInput .search-results .search-result .userInfo {
    overflow: hidden
}
.PeopleSearchInput .search-results .search-result .email {
    font-size: 12px
}
.PeopleSearchInput .search-results .add-end-user svg {
    cursor: pointer;
    height: 1.25rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.UserSearchInput,
.UserSearchInput .user-pill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.UserSearchInput,
.UserSearchInput .user-pill {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.UserSearchInput {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 2px solid #eee;
    border-radius: .3125rem;
    padding: .2rem
}
.UserSearchInput.active {
    border-color: #13ddb0
}
.UserSearchInput.disabled,
.UserSearchInput.disabled input {
    background-color: #f8f8f8
}
.UserSearchInput>* {
    margin: .2rem
}
.UserSearchInput .PeopleSearchInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 8rem;
    position: relative
}
.UserSearchInput .PeopleSearchInput .search-results {
    width: calc(100% + 14px);
    right: -7px;
    top: 40px
}
.UserSearchInput .user-pill {
    background-color: #e1eef4;
    border-radius: .3125rem;
    height: 1.9rem;
    padding: .3rem
}
.UserSearchInput .user-pill .Avatar {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem
}
.UserSearchInput .user-pill i {
    padding: .3rem;
    cursor: pointer
}
.UserSearchInput .user-pill i svg {
    height: .65rem;
    width: .65rem
}
.UserSearchInput .Input {
    border: none;
    margin-top: 0
}
.UserSearchInput .Input input {
    height: 1.9rem;
    padding: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.new-conversation-modal---cO0UW .message-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0
}
.new-conversation-modal---cO0UW .message-input label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.new-conversation-modal---cO0UW .message-input label .Input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 10px;
    position: relative
}
.new-conversation-modal---cO0UW .message-input label .Input textarea {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    height: 100%
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.ViewSelectorDropdown---3YSqV .view-item,
.ViewSelectorDropdown---3YSqV .view-item .view-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.ViewSelectorDropdown---3YSqV .filler {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ViewSelectorDropdown---3YSqV .view-selector {
    width: 100%
}
.ViewSelectorDropdown---3YSqV .view-selector-menu {
    margin: 0
}
.ViewSelectorDropdown---3YSqV .view-selector-button {
    height: auto;
    border-radius: 0;
    border-bottom: 1px solid #e1eef4;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 0
}
.ViewSelectorDropdown---3YSqV .view-selector-button:after {
    content: none
}
.ViewSelectorDropdown---3YSqV .view-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 59px;
    padding: 0 20px;
    cursor: pointer;
    width: 100%;
    font-size: .875rem;
    border-bottom: 1px solid #e1eef4
}
.ViewSelectorDropdown---3YSqV .view-item.view-title {
    border: none
}
.ViewSelectorDropdown---3YSqV .view-item.view-title i {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}
.ViewSelectorDropdown---3YSqV .view-item.view-title i svg * {
    fill: #7695a5
}
.ViewSelectorDropdown---3YSqV .view-item.view-title:hover {
    color: #000;
    background-color: #fff
}
.ViewSelectorDropdown---3YSqV .view-item.active {
    color: #0176ff
}
.ViewSelectorDropdown---3YSqV .view-item:hover {
    color: #fff;
    background-color: #0176ff
}
.ViewSelectorDropdown---3YSqV .view-item svg {
    width: 15px;
    margin-left: 5px;
    margin-right: 8px;
    fill: #ccc
}
.ViewSelectorDropdown---3YSqV .view-item .view-count {
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 28px;
    padding: 0 5px;
    background-color: #b5d2e1;
    border-radius: 12px;
    font-size: .75rem
}
.ViewSelectorDropdown---3YSqV .view-item .view-name {
    margin-left: 10px
}
.ClosableTag .close-button {
    width: .5rem;
    height: .5rem;
    margin-left: .5rem;
    cursor: pointer;
    opacity: .5
}
.ClosableTag .close-button:hover {
    opacity: 1
}
.AdvancedFilters---1BoRG,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.AdvancedFilters---1BoRG,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.AdvancedFilters---1BoRG {
    padding: 15px;
    border-bottom: 1px solid #eee
}
.AdvancedFilters---1BoRG .ClosableTag {
    margin: .1rem
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag,
.AdvancedFilters---1BoRG .advanced-filters-status .ClosableTag {
    border: 1px solid #ccc;
    background: #fff;
    color: #9a9a9a
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag.open,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag.open,
.AdvancedFilters---1BoRG .advanced-filters-status .ClosableTag.open {
    color: #13cb6e
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag.pending,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag.pending,
.AdvancedFilters---1BoRG .advanced-filters-status .ClosableTag.pending {
    color: #9edcf7
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag.closed,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag.closed,
.AdvancedFilters---1BoRG .advanced-filters-status .ClosableTag.closed {
    color: #b5d2e1
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag .close-button path,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag .close-button path,
.AdvancedFilters---1BoRG .advanced-filters-status .ClosableTag .close-button path {
    fill: #b5d2e1;
    stroke: #b5d2e1
}
.AdvancedFilters---1BoRG .advanced-filters-assignees .ClosableTag .Avatar,
.AdvancedFilters---1BoRG .advanced-filters-participants .ClosableTag .Avatar {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}
.AdvancedFilters---1BoRG .advanced-filters-conversation-tags .ClosableTag .close-button path {
    fill: #fff;
    stroke: #fff
}
.SectionHeader---2Eahg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #7695a5;
    height: 36px;
    border-top: 1px solid #e1eef4;
    border-bottom: 1px solid #e1eef4;
    font-size: .6875rem;
    padding-left: 12px
}
.SectionHeader---2Eahg svg * {
    fill: #7695a5
}
.Table---37XIa>a * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.SectionBody---M2Xwi {
    padding: 19px 12px 42px
}
.Table---37XIa {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Table---37XIa,
.Table---37XIa>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.Table---37XIa>a {
    color: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem;
    height: 34px;
    padding-left: 6px;
    padding-right: 6px
}
.Table---37XIa>a:not(:last-child) {
    margin-right: 5px
}
.Table---37XIa>a:nth-child(odd) {
    background-color: #e1eef4
}
.ViewTimeLine---3pyFO {
    border-radius: 5px;
    border: 1px solid #e1eef4;
    color: #7695a5;
    cursor: pointer;
    font-size: .875rem;
    display: block;
    height: 34px;
    margin-top: 12px
}
.ViewTimeLine---3pyFO:hover {
    color: #0176ff
}
.Card---3wUK_ .edit {
    opacity: 0;
    transition: opacity .3s
}
.Card---3wUK_:hover .edit {
    opacity: 1
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CardWrapper---1SvLQ .tag-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.CardWrapper---1SvLQ {
    margin-bottom: 1rem
}
.CardWrapper---1SvLQ .tag-dropdown {
    top: auto;
    bottom: 36px;
    right: -5px;
    left: auto;
    border-top-right-radius: .625rem
}
.CardWrapper---1SvLQ .tag-dropdown:after,
.CardWrapper---1SvLQ .tag-dropdown:before {
    display: none
}
.CardWrapper---1SvLQ .geosuggest__input {
    height: 1.7rem;
    margin: .39rem 0
}
.Button---11wCx {
    border: 1px solid #e1eef4;
    border-radius: .3125rem;
    color: #7695a5;
    height: 35px;
    transition: color .5s;
    cursor: pointer
}
.Button---11wCx:hover {
    color: #0176ff
}
.Button---11wCx:hover svg * {
    fill: #0176ff
}
.HeaderBody---2AUBH svg * {
    fill: #000
}
.Avatars---KXyiZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem
}
.AvatarExtra---3Nzzm {
    height: 20px;
    background: #e1eef4;
    color: #0176ff;
    border-radius: 5px;
    padding: 0 2px
}
.Sidebar---2YX5n {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.followIcon---2ntZQ {
    margin-right: 5px
}
.followIcon---2ntZQ svg {
    height: 10px
}
.followIcon---2ntZQ svg path {
    fill: #0176ff
}
.Sidebar---2YX5n {
    width: 250px;
    background-color: #f2f6f8;
    height: 100%;
    border-left: 1px solid #e1eef4;
    position: relative;
    overflow-y: auto
}
.Sidebar---2YX5n svg * {
    fill: #7695a5
}
.Sidebar---2YX5n .end-user-info {
    margin-bottom: 5px
}
.Sidebar---2YX5n .close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}
.Sidebar---2YX5n .close-icon svg {
    width: 13px;
    height: 13px
}
.Sidebar---2YX5n .close-icon svg path {
    fill: #fff
}
.AboutCard---rHoio {
    box-shadow: none!important;
    border: none!important;
    background: initial!important;
    border-top: 1px solid #e1eef4!important;
    border-radius: initial!important;
    white-space: normal!important
}
.AboutCard---rHoio>div {
    padding-left: 12px!important;
    padding-right: 12px!important
}
.AboutCard---rHoio .SegmentRow---23Wi- {
    padding-left: 0!important;
    padding-right: 0!important
}
.ParticipantsSidebar---Sv0KT {
    width: 250px;
    height: 100%;
    background-color: #f2f6f8;
    border-left: 1px solid #e1eef4;
    overflow-y: auto
}
.ParticipantsSidebar---Sv0KT .header {
    height: 60px;
    border-bottom: 1px solid #e1eef4;
    padding: 0 20px
}
.ParticipantsSidebar---Sv0KT .close-icon {
    cursor: pointer
}
.ParticipantsSidebar---Sv0KT .close-icon svg {
    width: 13px;
    height: 13px
}
.ParticipantsSidebar---Sv0KT .close-icon svg path {
    fill: #b5d2e1;
    transition: fill .3s
}
.ParticipantsSidebar---Sv0KT .close-icon:hover svg path {
    fill: #7695a5
}
.ParticipantsSidebar---Sv0KT .content {
    padding: 0 20px
}
.ParticipantsSidebar---Sv0KT .participants-list {
    padding: 40px 0 20px
}
.ParticipantsSidebar---Sv0KT .participant {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px 0;
    height: 55px;
    width: 100%
}
.ParticipantsSidebar---Sv0KT .Avatar {
    margin-right: 10px
}
.ParticipantsSidebar---Sv0KT .participant-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65%;
    height: 100%
}
.ParticipantsSidebar---Sv0KT .invite-button {
    width: 100%;
    margin-bottom: 40px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.ConversationListWrapper---1FLXD .action-container,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.ConversationListWrapper---1FLXD .action-container,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ConversationListWrapper---1FLXD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 17.6rem;
    width: 17.6rem;
    border-right: 1px solid #e1eef4;
    border-left: 1px solid #e1eef4;
    height: 100%
}
.ConversationListWrapper---1FLXD .action-container {
    border-bottom: 2px solid #eee
}
.ConversationListWrapper---1FLXD .compose-new-message {
    padding: 1.1rem 1.2rem 1rem 0
}
.ConversationListWrapper---1FLXD .compose-new-message .compose-icon {
    cursor: pointer
}
.ConversationListWrapper---1FLXD .compose-new-message .compose-icon svg {
    height: 1.4rem;
    width: 1.3rem
}
.ConversationListWrapper---1FLXD .compose-new-message .compose-icon:hover path {
    fill: #0176ff;
    stroke: #0176ff
}
.ConversationListWrapper---1FLXD .ConversationList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ConversationListWrapper---1FLXD .ConversationList.empty .nothing-found {
    margin-top: 3rem;
    text-align: center;
    color: #ccc
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.SupportConsolePage---14S3t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start,
.SupportConsolePage---14S3t {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.SupportConsolePage---14S3t {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100vh
}
.SupportConsolePage---14S3t .Avatar .initials {
    color: #7695a5;
    background-color: #e1eef4
}
.headerIcon---1aJ-Z {
    cursor: pointer;
    margin-right: .3rem;
    vertical-align: middle
}
.headerIcon---1aJ-Z svg {
    height: 16px;
    width: 16px;
    vertical-align: baseline;
    margin-left: .3rem
}
.headerIcon---1aJ-Z path {
    fill: #0176ff;
    stroke: #0176ff
}
.headerIcon---1aJ-Z circle {
    stroke: #0176ff
}
.ChooseReplyModal .search-or-create,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.ChooseReplyModal .search-or-create,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.ChooseReplyModal button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.ChooseReplyModal button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.ChooseReplyModal button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.ChooseReplyModal .reply-row .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ChooseReplyModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30.1rem;
    height: 32.5rem
}
.ChooseReplyModal .search-or-create {
    position: relative
}
.ChooseReplyModal .search-or-create img {
    position: absolute;
    z-index: 1;
    left: .9rem;
    height: .85rem;
    width: .85rem
}
.ChooseReplyModal .search-or-create input {
    padding-left: 1.9rem;
    height: 2.1rem
}
.ChooseReplyModal .search-or-create button.color-blue {
    width: 2.1rem;
    height: 2.1rem;
    min-width: 0;
    padding: 0;
    margin-left: .9rem;
    font-size: 32px;
    line-height: 0;
    border-radius: .3125rem
}
.ChooseReplyModal .search-or-create .tool-tip {
    bottom: 2.9rem;
    right: 1rem
}
.ChooseReplyModal .replies {
    overflow: scroll
}
.ChooseReplyModal .reply-row {
    padding: .75rem;
    cursor: pointer
}
.ChooseReplyModal .reply-row .name {
    font-size: 18px;
    font-weight: 500
}
.ChooseReplyModal .reply-row .text {
    color: #9a9a9a
}
.ChooseReplyModal .reply-row:hover {
    background-color: #eee
}
.ChooseReplyModal .reply-row:hover .name {
    color: #0176ff
}
.ChooseReplyModal .reply-row:not(:last-of-type) {
    border-bottom: 1px solid #ccc
}
.ChooseReplyModal .no-replies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.ChooseReplyModal .no-replies img {
    width: 10.2rem;
    height: 10.2rem;
    margin-top: 2.9rem;
    margin-bottom: 1.4rem
}
.ChooseReplyModal .no-replies .message {
    font-size: 18px;
    color: #ccc;
    width: 20rem;
    text-align: center;
    margin-bottom: 3.7rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.ComposeReplyModal button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.ComposeReplyModal button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.ComposeReplyModal button[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.ComposeReplyModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30.1rem
}
.ComposeReplyModal .ComposeReplyModal--TextArea {
    height: 14.5rem
}
.ComposeReplyModal .ComposeReplyModal--TextArea .Input {
    overflow-y: auto
}
@media screen and (max-height: 540px) {
    .ComposeReplyModal .ComposeReplyModal--TextArea {
        height: 20vh
    }
}
.ComposeReplyModal .tags {
    height: 1.5rem;
    margin-top: .5rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #ccc
}
.ComposeReplyModal .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .85rem
}
.ComposeReplyModal .actions .cancel {
    margin-right: .75rem;
    cursor: pointer;
    color: #ccc
}
.ComposeReplyModal .actions .cancel:hover {
    color: #a3a3a3
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.CollapsePanel_toggle---Gzb-J,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.CollapsePanel_toggle---Gzb-J,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CollapsePanel_container---1q6fd,
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.CollapsePanel_container---1q6fd>:first-child,
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.CollapsePanel_container---1q6fd>:last-child,
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.CollapsePanel_container---1q6fd {
    margin-bottom: 1.5rem;
    border-bottom: none
}
.CollapsePanel_toggle---Gzb-J {
    border-bottom: 1px solid #eee;
    cursor: pointer
}
.CollapsePanel_toggle---Gzb-J:hover .CollapsePanel_caret---VrJ5c path {
    fill: #0176ff
}
.CollapsePanel_toggle---Gzb-J .CollapsePanel_caret---VrJ5c {
    width: .8rem;
    height: .3rem;
    margin: .4rem 1.5rem .4rem 1rem
}
.CollapsePanel_toggle---Gzb-J .CollapsePanel_caret---VrJ5c path {
    fill: #9a9a9a
}
.CollapsePanel_toggle---Gzb-J .CollapsePanel_caret---VrJ5c.collapsed {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.CollapsePanel_toggle---Gzb-J .CollapsePanel_title---2MMGV {
    font-size: 1.3125rem;
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.1rem
}
.CollapsePanel_content---2rfAj {
    padding: 1rem
}
.CollapsePanel_content---2rfAj p {
    color: #000
}
.CollapsePanel_wrap---1-ies {
    height: auto;
    overflow: hidden;
    transition: height .5s
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.CustomFilters .end-user-filter,
.CustomFilters .end-user-filter .selection,
.CustomFilters .end-user-filter .top,
.CustomFilters .filter-header,
.CustomFilters .numerical-filter .min-max-range,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.CustomFilters .end-user-filter,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.CustomFilters .end-user-filter .selection,
.CustomFilters .end-user-filter .top,
.CustomFilters .filter-header,
.CustomFilters .numerical-filter .min-max-range,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.CustomFilters.loading,
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CustomFilters .end-user-filter.filter-list-view .top,
.CustomFilters .filter-header,
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.CustomFilters .end-user-filter.filter-list-view .top>:first-child,
.CustomFilters .filter-header>:first-child,
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.CustomFilters .end-user-filter.filter-list-view .top>:last-child,
.CustomFilters .filter-header>:last-child,
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.CustomFilters .filter-header-text,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.CustomFilters .filter-header-text,
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.CustomFilters .end-user-filter button.dsg-SmallButton,
button.color-teal {
    background-color: #13ddb0
}
.CustomFilters .end-user-filter button.dsg-SmallButton:hover:not([disabled]),
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.CustomFilters .date-filter .data-picking-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eee;
    border-radius: .3125rem;
    color: #000;
    font-size: 16px;
    height: 2.8rem;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.CustomFilters .date-filter .data-picking-input:focus {
    border-color: #13ddb0;
    outline: none
}
.CustomFilters .date-filter .data-picking-input .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.CustomFilters .date-filter .data-picking-input .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.CustomFilters .date-filter .data-picking-input .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.CustomFilters .date-filter .data-picking-input .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.CustomFilters .date-filter .data-picking-input .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.CustomFilters .date-filter .data-picking-input .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.CustomFilterContainer---2f3sG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f2f6f8
}
.AddDynamicSegmentButton---yB51o {
    margin-bottom: 20px;
    width: 100%
}
.AddDynamicSegmentButton---yB51o svg * {
    fill: #fff;
    stroke: #fff
}
.AddFilterCard---imgvy .selections>.panel:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}
.AddFilterCard---imgvy .selections>.panel:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.AddFilterCard---imgvy .panel {
    margin-bottom: 0;
    padding: 0
}
.AddFilterCard---imgvy .panel.CollapsePanel_content {
    overflow: initial
}
.AddFilterCard---imgvy .panel.CollapsePanel_content .input-wrapper {
    margin: .5rem
}
.AddFilterCard---imgvy .panel.CollapsePanel_content .CampaignSearch .loading-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}
.AddFilterCard---imgvy .panel.CollapsePanel_content ul {
    overflow: scroll;
    height: calc(100% - 3rem)
}
.AddFilterCard---imgvy .panel.CollapsePanel_content ul li.CampaignItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.AddFilterCard---imgvy .panel.CollapsePanel_content ul li.CampaignItem svg {
    max-width: 1rem;
    max-height: 1rem;
    height: 1rem;
    width: 1rem;
    margin-left: .25rem;
    margin-right: .75rem
}
.AddFilterCard---imgvy .panel.CollapsePanel_content ul li.CampaignItem svg path {
    fill: #7695a5
}
.AddFilterCard---imgvy .panel span.panel {
    font-size: .875rem;
    font-weight: 500;
    padding: 1rem
}
.AddFilterCard---imgvy .panel div.panel {
    height: calc(100vh - 25rem);
    overflow: scroll
}
.AddFilterCard---imgvy ul.attributes {
    margin: 0;
    padding: 0
}
.AddFilterCard---imgvy ul.attributes li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: .25rem .6rem;
    margin-bottom: .3rem;
    cursor: pointer
}
.AddFilterCard---imgvy ul.attributes li:hover {
    background: #effaff
}
.AddFilterCard---imgvy ul.attributes li .icon {
    display: inline-block;
    width: 1rem;
    margin-right: .5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.AddFilterCard---imgvy ul.attributes li .icon svg {
    max-width: 1rem;
    max-height: .7rem
}
.AddFilterCard---imgvy ul.attributes li .icon svg * {
    stroke: #7695a5;
    fill: #7695a5
}
.CustomFilters {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem
}
.CustomFilters .UISelect {
    margin-bottom: .5rem
}
.CustomFilters .add-filter {
    color: #b5d2e1;
    width: 120px;
    height: 37px;
    cursor: pointer;
    transition: all .3s;
    border-color: #e1eef4;
    box-shadow: 0 2px 0 0 #e1eef4
}
.CustomFilters .add-filter svg * {
    transition: all .3s;
    fill: #b5d2e1;
    stroke: #b5d2e1
}
.CustomFilters .add-filter:hover {
    color: #0176ff
}
.CustomFilters .add-filter:hover svg * {
    fill: #0176ff;
    stroke: #0176ff
}
.CustomFilters .segments:not(.no-bar)>:after,
.CustomFilters .static-segment-info>:not(:last-child):after {
    content: "";
    border-left: 1px solid #b5d2e1;
    height: 20px;
    margin-left: 20px
}
.CustomFilters.loading {
    padding-top: 5rem
}
.CustomFilters .CircleOfWaiting .circle {
    background-color: #13cb6e
}
.CustomFilters .filter-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem
}
.CustomFilters .filter-header a.clear-all {
    line-height: 34px
}
.CustomFilters .end-user-filter:not(.filter-list-view) .top {
    background-color: #fff;
    border: 1px solid #e1eef4;
    border-top-right-radius: .3125rem;
    border-top-left-radius: .3125rem
}
.CustomFilters .end-user-filter:not(.filter-list-view) .selections {
    background-color: #fff;
    border-left: 1px solid #e1eef4;
    border-right: 1px solid #e1eef4;
    border-bottom: 1px solid #e1eef4;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    box-shadow: 0 2px 0 0 #e1eef4
}
.CustomFilters .end-user-filter:not(.filter-list-view) .filter-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}
.CustomFilters .end-user-filter button.dsg-SmallButton {
    background-color: #13cb6e;
    width: 100%;
    margin-top: 1rem
}
.CustomFilters .end-user-filter.filter-list-view .filter-truncate {
    word-break: break-all
}
.CustomFilters .end-user-filter.filter-list-view .top {
    border-color: #e1eef4;
    box-shadow: 0 2px 0 0 #e1eef4
}
.CustomFilters .end-user-filter .top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e1eef4
}
.CustomFilters .end-user-filter .top .dsg-Label {
    width: 100%;
    padding: .5rem 1rem
}
.CustomFilters .end-user-filter .top .close-icon {
    padding-right: 1rem
}
.CustomFilters .end-user-filter .top .collapse-control {
    cursor: pointer;
    padding: .25rem
}
.CustomFilters .end-user-filter .top .collapse-control img {
    width: .65rem;
    height: .65rem
}
.CustomFilters .end-user-filter .selections {
    padding: 1rem 1rem 1.5rem
}
.CustomFilters .end-user-filter .selection .CheckBox {
    margin-right: .4rem
}
.CustomFilters .end-user-filter .selection.checked {
    color: #0176ff;
    font-weight: 500
}
.CustomFilters .end-user-filter .selection:not(:last-of-type) {
    margin-bottom: .9rem
}
.CustomFilters .end-user-filter .input-wrapper {
    margin-left: 1.4rem;
    margin-right: .5rem
}
.CustomFilters .custom-filter .dsg-Body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    padding-right: 0;
    font-weight: 500;
    width: 100%
}
.CustomFilters .custom-filter .dsg-Body.cancel,
.CustomFilters .custom-filter .dsg-Body.editing {
    width: 80%
}
.CustomFilters .custom-filter .dsg-Body.filter-title.close {
    width: 90%
}
.CustomFilters .custom-filter .back-button svg {
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: .4rem
}
.CustomFilters .custom-filter .close-icon svg {
    height: .7rem;
    width: .7rem
}
.CustomFilters .custom-filter .close-icon:hover svg * {
    opacity: 1
}
.CustomFilters .custom-filter .back-button,
.CustomFilters .custom-filter .close-icon {
    cursor: pointer
}
.CustomFilters .custom-filter .back-button svg *,
.CustomFilters .custom-filter .close-icon svg * {
    fill: #0176ff;
    stroken: #0176ff
}
.CustomFilters .custom-filter .cancel-link {
    padding: .5rem 1rem .5rem 0
}
.CustomFilters .custom-filter.filter-list-view {
    min-height: 50px
}
.CustomFilters .custom-filter .input-wrapper label {
    width: 100%
}
.CustomFilters .date-filter .selections .dsg-Label {
    text-transform: uppercase;
    padding: .75rem 0
}
.CustomFilters .date-filter .data-date-offset-input {
    vertical-align: middle
}
.CustomFilters .date-filter .data-date-offset-input .input-wrapper {
    display: inline-block;
    width: 5rem
}
.CustomFilters .date-filter .data-picking-input {
    cursor: pointer;
    height: 1.7rem;
    font-size: 12px;
    position: relative
}
.CustomFilters .date-filter .data-picking-input .DropDown {
    left: 1.8rem;
    top: 1.7rem
}
.CustomFilters .date-filter .data-picking-input .DropDown .DateRangePicker {
    width: 13.5rem
}
.CustomFilters .numerical-filter input[type=number]::-webkit-inner-spin-button,
.CustomFilters .numerical-filter input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.CustomFilters .numerical-filter .min-max-range {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 1.4rem
}
.CustomFilters .numerical-filter .min-max-range .input-wrapper {
    margin-left: 0;
    margin-right: 0
}
.CustomFilters .numerical-filter .min-max-range .Input {
    width: 6.75rem
}
.CustomFilters .Input input {
    height: 1.7rem;
    font-size: 12px
}
.CustomFilters .AriaMenuButton {
    margin: .5rem 0 .75rem;
    width: 100%
}
.CustomFilters .react-select-box-container {
    margin-bottom: .55rem
}
.CustomFilters .react-select-box-container .react-select-box-label,
.CustomFilters .react-select-box-container .react-select-box-option {
    font-size: 12px
}
.CustomFilters .react-select-box-container .react-select-box {
    height: 1.7rem
}
.CustomFilters .react-select-box-container .react-select-box-options {
    margin-bottom: 1.2rem
}
.CustomFilters .react-select-box-container .react-select-box-options .react-select-box-option {
    height: 1.95rem;
    min-height: 0
}
.CustomFilters .tags-filter .Select {
    width: 100%
}
.CustomFilters .tags-filter .Select .Select-value {
    position: relative;
    border: 0;
    background: transparent
}
.CustomFilters .tags-filter .Select .Select-value .Select-value-icon {
    position: absolute;
    left: 5px;
    color: #fff;
    z-index: 3;
    top: -2px;
    font-size: 20px;
    border-right: #fff
}
.CustomFilters .tags-filter .Select .Select-value .Select-value-icon:hover {
    background: transparent
}
.CustomFilters .tags-filter .Select .Select-value .Select-value-label .Tag {
    padding-left: 2rem
}
.CustomFilters .tags-filter .tag-list .Tag {
    margin: .5rem .5rem .5rem 0
}
.TopSection---2e4Be {
    text-align: center
}
.TopSection---2e4Be .color-gray-dark:not(:last-child) {
    margin-bottom: 25px
}
.BottomControl---1GizO {
    border-top: 1px solid #ccc;
    padding: 15px 35px
}
.BottomControl---1GizO>* {
    cursor: pointer;
    transition: color .5s
}
.BottomControl---1GizO>:hover {
    color: #0176ff
}
.select-bar---o78QU {
    background-color: #fafafa;
    height: 40px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.EndUserTable,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.EndUserTable,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.Table .table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Table {
    box-shadow: 0 2px 0 #eee
}
.dsg-card,
.dsg-IconButton,
.EndUserTable {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child,
.EndUserTable>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child,
.EndUserTable>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.EndUserTable table,
.Table table,
.Table table td {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.EndUserTable table,
.Table table,
.Table table td {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Table input.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eee;
    border-radius: .3125rem;
    color: #000;
    font-size: 16px;
    height: 2.8rem;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.Table input.search:focus {
    border-color: #13ddb0;
    outline: none
}
.dsg-largeRow,
.dsg-row,
.EndUserTable table td,
.EndUserTable table td .flex *,
.Table table td,
.Table table th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.Table table th {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.dsg-largeRow,
.dsg-row {
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.Table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: .3125rem
}
.Table table td {
    padding: .85rem
}
.Table table th {
    padding: .65rem;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.Table table th.sort-asc:after,
.Table table th.sort-desc:after {
    content: "";
    position: absolute;
    height: .8rem;
    width: .65rem;
    margin: .15rem .5rem;
    background-image: url(/assets/2be7e54f95ea9b20539c51393911ea09.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.Table table th.sort-desc:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.Table table tbody {
    display: block;
    height: calc(100% - 2.125rem)
}
.Table table tbody tr:last-child {
    border-bottom: none;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.Table table tbody tr:nth-child(2n) {
    background-color: #fafafa
}
.Table table tbody tr:hover {
    background-color: #effaff
}
.Table table tbody tr,
.Table table thead {
    display: table;
    table-layout: fixed;
    width: 100%
}
.Table {
    position: relative;
    padding: 1.25rem 1.25rem 0;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .3125rem
}
.Table .table-header {
    border-bottom: 2px solid #eee;
    margin: 0 0 1rem
}
.Table input.search {
    height: 2.125rem;
    margin-right: 1rem
}
.Table h2 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 500
}
.EndUserTable {
    width: 100%;
    padding: 0
}
.EndUserTable .CheckBox {
    margin-left: 1rem;
    margin-right: 1rem
}
.EndUserTable .table-wrapper {
    position: relative
}
.EndUserTable .table-header {
    margin-bottom: 0
}
.EndUserTable .table-header>:not(:last-child) {
    margin-right: .5rem
}
.EndUserTable .table-header .input-wrapper {
    padding-left: 1rem
}
.EndUserTable table {
    background-color: #fff;
    min-width: 54rem
}
.EndUserTable table thead {
    display: table-header-group
}
.EndUserTable table tbody {
    display: table-row-group
}
.EndUserTable table tbody tr {
    display: table-row
}
.EndUserTable table th {
    padding: .65rem 1rem .65rem 0;
    color: #7695a5
}
.EndUserTable table th.sort-asc,
.EndUserTable table th.sort-desc {
    color: #000
}
.EndUserTable table td {
    padding: .5rem 0;
    min-width: 7rem;
    padding-right: 1rem
}
.EndUserTable table td:first-child,
.EndUserTable table th:first-child {
    padding-left: 0;
    width: 3rem
}
.EndUserTable table .Avatar {
    margin-right: .5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.UploadCsvPrompt .icon-container,
.UploadCsvPrompt div.container,
.UploadCsvPrompt div.container div.button,
.UploadCsvPrompt div.container div.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.UploadCsvPrompt div.container div.button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.UploadCsvPrompt .icon-container,
.UploadCsvPrompt div.container,
.UploadCsvPrompt div.container div.text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.UploadCsvPrompt div.container div.button a {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.UploadCsvPrompt div.container div.button a:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.UploadCsvPrompt div.container div.button a[disabled] {
    cursor: inherit;
    background-color: #eee
}
.UploadCsvPrompt div.container div.button a,
button.color-teal {
    background-color: #13ddb0
}
.UploadCsvPrompt div.container div.button a:hover:not([disabled]),
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.UploadCsvPrompt {
    border: 1px solid #b5d2e1;
    box-shadow: 0 4px 0 0 #e1eef4;
    border-radius: 10px;
    position: relative;
    padding: 1rem;
    margin-top: 1rem
}
.UploadCsvPrompt table {
    background: transparent
}
.UploadCsvPrompt table td:nth-child(2) {
    position: relative;
    left: -1rem
}
.UploadCsvPrompt table tbody tr:hover {
    background: transparent
}
.UploadCsvPrompt .close {
    position: absolute;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    right: 0;
    top: 0;
    margin: 1rem
}
.UploadCsvPrompt .icon-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.UploadCsvPrompt .icon-container>img {
    width: 3.125rem;
    height: 3.125rem;
    display: block
}
.UploadCsvPrompt .icon-container span {
    display: block
}
.UploadCsvPrompt span.placeholder-line {
    border-radius: 2px;
    height: 1rem;
    background: #e1eef4;
    display: inline-block;
    margin: 0 1rem
}
.UploadCsvPrompt div.container {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 1rem
}
.UploadCsvPrompt div.container,
.UploadCsvPrompt div.container div.text {
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.UploadCsvPrompt div.container div.text {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}
.UploadCsvPrompt div.container div.text h1,
.UploadCsvPrompt div.container div.text h2 {
    margin: 0
}
.UploadCsvPrompt div.container div.text h2 {
    color: #7695a5
}
.UploadCsvPrompt div.container div.button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.UploadCsvPrompt div.container div.button a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2.8rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Select---UEZ9v .Select-control {
    border-radius: 0;
    height: 51px;
    z-index: 3;
    border-style: solid;
    border-color: #eee;
    border-width: 2px 0
}
.Select---UEZ9v .Select-control:hover {
    box-shadow: none
}
.Select---UEZ9v .Select-control .Select-value-label {
    font-weight: 500;
    color: #000!important
}
.Select---UEZ9v .Select-control .Select-placeholder,
.Select---UEZ9v .Select-control .Select-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.Select---UEZ9v .Select-control .Select-input input {
    height: 35px
}
.Select---UEZ9v .Select-menu-outer {
    border-radius: 0;
    border-width: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Page.CustomerList .customer-list,
.Page.CustomerList .empty,
.Page.CustomerList .EndUserTable,
.Page.CustomerList .top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start,
.Page.CustomerList .customer-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.Page.CustomerList .empty,
.Page.CustomerList .EndUserTable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Page.CustomerList .top-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton,
.Page.CustomerList .card,
.Page.CustomerList .empty {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child,
.Page.CustomerList .card>:first-child,
.Page.CustomerList .empty>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child,
.Page.CustomerList .card>:last-child,
.Page.CustomerList .empty>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.Page.CustomerList {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.Page.CustomerList {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Page.CustomerList .empty button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.Page.CustomerList .empty button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.Page.CustomerList .empty button[disabled] {
    cursor: inherit;
    background-color: #eee
}
.Page.CustomerList .empty button {
    height: 2.15rem;
    padding: 0 1rem;
    font-size: 14px
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
.Page.CustomerList .empty button,
button.color-blue {
    background-color: #0176ff
}
.Page.CustomerList .empty button:hover:not([disabled]),
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.Page.CustomerList .label {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy,
.Page.CustomerList .label {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.LeftBar---3WAGy {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    height: 100%
}
.Page.CustomerList {
    display: block;
    background-color: #fafafa;
    overflow: hidden
}
.Page.CustomerList .top-bar {
    height: 7.25rem;
    padding: 0 1.5rem;
    background-color: #fff;
    border-bottom: 1px solid #e1eef4
}
.Page.CustomerList .customer-list {
    position: relative;
    height: 100%
}
.Page.CustomerList .customer-list .EndUserTable {
    padding-right: 0;
    border-radius: 0;
    overflow-x: auto;
    padding: 0
}
.Page.CustomerList .customer-list .EndUserTable .userNameColumn a:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.Page.CustomerList .customer-list .EndUserTable .table-header {
    padding: 4px 4px 6px 8px;
    border-color: #e1eef4;
    border-width: 1px
}
.Page.CustomerList .cards {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 15rem;
    margin-right: .625rem
}
.Page.CustomerList .card {
    height: 5.6rem;
    max-width: 18rem;
    margin-bottom: .625rem;
    padding: .75rem 1.25rem;
    cursor: pointer;
    transition: -webkit-transform 80ms ease;
    transition: transform 80ms ease;
    transition: transform 80ms ease, -webkit-transform 80ms ease
}
.Page.CustomerList .card.isSelected,
.Page.CustomerList .card:hover {
    border-color: #13ddb0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}
.Page.CustomerList .card .label {
    color: #7695a5
}
.Page.CustomerList .card .metric-count {
    font-size: 44px;
    line-height: 1em
}
.Page.CustomerList .empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding: 1rem 0 2rem
}
.Page.CustomerList .empty img {
    width: 11.5rem;
    height: 11.5rem;
    margin: 1rem 0
}
.Page.CustomerList .empty .major {
    margin: 1rem 0;
    font-size: 18px
}
.Page.CustomerList .EndUserTable {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}
.Page.CustomerList .EndUserTable .table-wrapper {
    overflow-y: scroll;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.FileDropArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    padding: 30px;
    color: #7695a5;
    border-radius: .3125rem;
    border: 1px dashed #394f5a;
    background-color: #f2f6f8;
    transition: all .2s ease
}
.FileDropArea .contents>* {
    padding: 4px 0
}
.FileDropArea.active {
    border-style: solid;
    background-color: #e1eef4
}
.FileDropArea.fileSelected {
    border-color: #13cb6e;
    border-style: solid;
    background-color: rgba(19, 203, 110, .1)
}
.FileDropArea .upload-icon {
    width: 40px;
    margin-right: 5px
}
.FileDropArea .CircleOfWaiting .circle {
    background-color: #7695a5
}
.FileDropArea .loading-section {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.CsvImport---2swxI {
    padding: 2rem 1rem 6rem
}
.CsvImport---2swxI .attribute-select {
    width: 350px
}
.CsvImport---2swxI svg g,
.CsvImport---2swxI svg path {
    fill: currentColor
}
.CsvImport---2swxI h1 {
    margin: 0;
    color: #394f5a
}
.CsvImport---2swxI h3.section-title {
    padding-top: 2.5rem;
    border-top: 1px solid #e1eef4
}
.CsvImport---2swxI .page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.CsvImport---2swxI .actions button:last-child {
    margin-left: .5rem
}
.CsvImport---2swxI .import-hints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 42px
}
.CsvImport---2swxI .import-hints .ImportHint {
    max-width: 350px
}
.CsvImport---2swxI .import-hints .ImportHint .title {
    font-weight: 500
}
.CsvImport---2swxI .Checkbox>* {
    cursor: pointer
}
.Dropdown---1USoa {
    left: 0;
    top: 25px;
    border-radius: 5px!important;
    padding: 14px
}
.Dropdown---1USoa:after,
.Dropdown---1USoa:before {
    display: none
}
.Dropdown---1USoa>.dsg-Regular:not(:last-child) {
    margin-bottom: 10
}
.Card---2JShL {
    border-radius: 5px;
    border: 1px solid #e1eef4;
    padding: 16px;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.Card---2JShL.note {
    background-color: #fffcd9
}
.TypeIcon---37ax- {
    height: 28px;
    width: 28px;
    margin-right: 10px;
    border: 1px solid #b5d2e1;
    background-color: #f2f6f8;
    border-radius: 50%
}
.timelineEventIcon {
    width: auto;
    height: 12px
}
.LinkIcon---3Qf90 {
    height: 32px;
    width: 32px;
    border-radius: 5px;
    border: 1px solid #e1eef4
}
.LinkIcon---3Qf90:hover svg * {
    fill: #0176ff
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.NoteBody---2abPP blockquote {
    font-style: italic;
    padding: .5rem 1rem;
    border-left: 2px solid #ccc;
    color: #ccc;
    margin: 0
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.NoteBody---2abPP {
    font-size: .875rem
}
.NoteBody---2abPP p {
    margin: 0
}
.NoteBody---2abPP a {
    text-decoration: underline
}
.NoteBody---2abPP b,
.NoteBody---2abPP strong {
    font-weight: 600
}
.NoteBody---2abPP:focus {
    border-color: #13ddb0
}
.NoteBody---2abPP img {
    display: block;
    margin: auto;
    max-width: 100%
}
.NoteBody---2abPP {
    margin-top: 14px
}
.TimelineAttributes---_FTAx {
    color: #333;
    font-size: .75rem
}
.TimelineAttributes---_FTAx .attributeKey {
    font-weight: 700
}
.TimelineAttributes---_FTAx .attributeValue {
    display: inline-block;
    margin-left: .25rem
}
.TimelineAttributes---_FTAx ul {
    margin: 0;
    padding: .5rem 0 0 2.6rem;
    list-style: none
}
.TimelineAttributes---_FTAx ul li {
    margin-top: .25rem
}
.NPSEvent---1fe6C {
    border: 2px solid #000;
    border-radius: 5px;
    padding: .25rem .75rem;
    margin: .5rem .75rem 0 0
}
.NPSEvent---1fe6C.promoter {
    border-color: #13cb6e
}
.NPSEvent---1fe6C.passive {
    border-color: #9edcf7
}
.NPSEvent---1fe6C.detractor {
    border-color: #e92e4b
}
.NPSEvent---1fe6C.dismissed {
    border-color: #e877dc
}
.TimeLine---35E_g:after,
.TimeLine---35E_g>div:last-child:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    height: 100%
}
.TimeLine---35E_g {
    position: relative;
    z-index: 0
}
.TimeLine---35E_g>div {
    position: relative;
    z-index: 1
}
.TimeLine---35E_g>div:not(:last-child) {
    margin-bottom: 10px
}
.TimeLine---35E_g>div:last-child:after {
    z-index: -1;
    border-left: 1px solid #f2f6f8
}
.TimeLine---35E_g:after {
    border-left: 1px solid #b5d2e1;
    z-index: 0
}
.MonthDivider---3TmjR {
    background-color: #e1eef4;
    border-radius: 5px;
    padding: 6px 12px;
    text-transform: uppercase
}
.Action---1Cgth {
    cursor: pointer;
    color: #0176ff
}
.Action---1Cgth svg * {
    fill: #0176ff
}
.SelectedAction---3_LTn {
    cursor: pointer;
    color: #7695a5;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 2px solid #e1eef4;
    border-right: 2px solid #e1eef4;
    border-left: 2px solid #e1eef4
}
.SelectedAction---3_LTn svg * {
    fill: #7695a5
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.CustomerInfo .EditableInfoCard,
.dsg-card {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.CustomerInfo .EditableInfoCard>:first-child,
.dsg-card>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.CustomerInfo .EditableInfoCard>:last-child,
.dsg-card>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.CustomerInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f6f8;
    position: relative;
    height: 100%;
    overflow-y: auto
}
.CustomerInfo .left-section {
    width: 21rem;
    padding: 1rem 0 1rem 1rem
}
.CustomerInfo .left-section .EndUserIdentity {
    margin-bottom: 1rem
}
.CustomerInfo .right-section {
    padding-top: 1rem;
    height: 100%;
    min-width: 35rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}
.CustomerInfo .right-section .profile-content-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem 1rem 4rem;
    margin-top: 5px
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.ManageInbox .divider,
.ManageInbox .manage-inbox .config-header .title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.ManageInbox .divider,
.ManageInbox .manage-inbox .config-header .title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline,
.ManageInbox .manage-inbox .forward-container .forward-address-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.ManageInbox {
    position: relative;
    right: 0;
    opacity: 1;
    transition: all 325ms ease-in-out
}
.ManageInbox.move-back {
    right: -2rem;
    opacity: .3
}
.ManageInbox a {
    text-decoration: none;
    cursor: pointer
}
.ManageInbox .config-inbox-settings {
    margin-bottom: 2rem
}
.ManageInbox .divider {
    margin: .8rem 0;
    border-bottom: 1px solid #eee
}
.ManageInbox .micro-copy {
    font-size: 12px;
    color: #9a9a9a;
    margin-left: .25rem
}
.ManageInbox .back {
    font-size: 23px;
    color: #0176ff;
    font-weight: 500
}
.ManageInbox .back:hover path {
    fill: #0960c5
}
.ManageInbox .back svg {
    position: relative;
    width: 1rem;
    top: -.2rem;
    margin-right: .5rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.ManageInbox .back svg path {
    fill: #0176ff
}
.ManageInbox .manage-inbox .section {
    margin-bottom: 3rem
}
.ManageInbox .manage-inbox .section .section-header {
    margin-bottom: .15rem
}
.ManageInbox .manage-inbox .email-address,
.ManageInbox .manage-inbox .inbox-name {
    position: relative;
    margin-bottom: 1rem
}
.ManageInbox .manage-inbox .inbox-icon svg {
    width: 1.5rem;
    position: absolute;
    top: 1rem;
    left: 1.2rem
}
.ManageInbox .manage-inbox .inbox-icon svg path {
    fill: #13ddb0
}
.ManageInbox .manage-inbox .forward-to-icon svg {
    width: 1.2rem;
    position: absolute;
    top: 1rem;
    left: 1.3rem
}
.ManageInbox .manage-inbox .inbox-settings .Input {
    padding-left: 2.6rem;
    margin-top: 0;
    width: 80%
}
.ManageInbox .manage-inbox .inbox-settings .Input input {
    font-weight: 400
}
.ManageInbox .manage-inbox .forward-container {
    color: #9a9a9a;
    opacity: 0;
    -webkit-transform: translateY(-.4rem);
    transform: translateY(-.4rem);
    transition: all .6s ease-in-out
}
.ManageInbox .manage-inbox .forward-container.shown {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.ManageInbox .manage-inbox .forward-container .micro-copy {
    margin-bottom: 2rem
}
.ManageInbox .manage-inbox .forward-container .forward-to-title {
    color: #9a9a9a;
    font-size: 18px;
    margin-bottom: .75rem
}
.ManageInbox .manage-inbox .forward-container .forward-to-title .your-email {
    font-weight: 500
}
.ManageInbox .manage-inbox .forward-container .forward-address-container {
    background-color: #f8f8f8;
    border: 2px solid #eee;
    border-radius: .3125rem;
    padding: .5rem 1rem;
    margin-bottom: .4rem;
    width: 100%;
    height: 4rem
}
.ManageInbox .manage-inbox .forward-container .forward-address-container svg {
    width: 2.5rem;
    margin-right: 1rem
}
.ManageInbox .manage-inbox .forward-container .forward-address-container svg path {
    fill: #0176ff
}
.ManageInbox .manage-inbox .forward-container .forward-address-container .forward-to {
    color: #000;
    font-size: 24px
}
.ManageInbox .manage-inbox .forward-container .set-up-steps {
    margin-bottom: 2rem
}
.ManageInbox .manage-inbox .config-header:last-child {
    margin-bottom: 4rem
}
.ManageInbox .manage-inbox .config-header {
    margin-top: 4.625rem
}
.ManageInbox .manage-inbox .config-header .title {
    font-size: 18px;
    color: #000;
    font-weight: 500
}
.ManageInbox .manage-inbox .config-header .help {
    margin-left: auto
}
.ManageInbox .manage-inbox .DKIM-section {
    margin-bottom: 3rem
}
.ManageInbox .manage-inbox .DKIM-section .DKIM-intro {
    color: #9a9a9a;
    font-weight: 500;
    margin-bottom: 2rem
}
.ManageInbox .manage-inbox .DKIM-section .DKIM-intro .current-email {
    padding: .2rem .5rem;
    background-color: #f8f8f8
}
.ManageInbox .manage-inbox .DKIM-section table {
    width: 100%;
    border: none;
    margin-bottom: 2rem;
    box-shadow: none
}
.ManageInbox .manage-inbox .DKIM-section table tr:first-child {
    border-top: 1px solid #eee
}
.ManageInbox .manage-inbox .DKIM-section table td:first-child,
.ManageInbox .manage-inbox .DKIM-section table td:nth-child(2),
.ManageInbox .manage-inbox .DKIM-section table th:first-child,
.ManageInbox .manage-inbox .DKIM-section table th:nth-child(2) {
    width: 4rem
}
.ManageInbox .manage-inbox .DKIM-section table td {
    border-bottom: 1px solid #eee;
    padding: .3rem .3rem .4rem 0
}
.ManageInbox .manage-inbox .DKIM-section table th {
    padding-left: 0;
    padding-right: 0;
    font-size: 10px;
    color: #9a9a9a;
    font-weight: 600;
    text-align: left
}
.ManageInbox .manage-inbox .DKIM-section table th,
.ManageInbox .manage-inbox .DKIM-section table tr {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.ManageInbox .manage-inbox .DKIM-section table th:hover,
.ManageInbox .manage-inbox .DKIM-section table tr:hover {
    background-color: transparent
}
.ManageInbox .manage-inbox .DKIM-section table .type {
    text-transform: uppercase;
    font-size: 12px
}
.ManageInbox .manage-inbox .DKIM-section table .status svg {
    width: 1rem
}
.ManageInbox .manage-inbox .DKIM-section table .status.success path {
    fill: #13cb6e
}
.ManageInbox .manage-inbox .DKIM-section table .status.failure path {
    fill: #e92e4b
}
.ManageInbox .manage-inbox .DKIM-section table .Input input {
    font-size: 16px;
    font-weight: 400;
    height: 2.5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.HelpModal .modal-content .bottom-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.HelpModal .modal-content .bottom-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.HelpModal .modal-content .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.HelpModal .modal-content {
    width: 37.5rem;
    height: 27.5rem
}
.HelpModal .modal-content .set-up-steps {
    margin-bottom: 2rem
}
.HelpModal .modal-content .set-up-steps .link-text {
    margin-top: 2rem
}
.HelpModal .modal-content .set-up {
    color: #9a9a9a;
    margin-bottom: 6rem
}
.HelpModal .modal-content .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 1rem
}
.HelpModal .modal-content .button-container button {
    font-weight: 600;
    text-transform: uppercase
}
.HelpModal .modal-content .bottom-divider {
    border-bottom: 2px solid #eee;
    width: 100%;
    margin-bottom: 1.5rem
}
.TimeSelect---3qfJC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.TimeSelect---3qfJC .Select {
    width: 200px
}
.Calendar---3m5nZ {
    max-width: 900px
}
.Calendar---3m5nZ .section {
    margin-bottom: 2rem
}
.Calendar---3m5nZ .section-with-bottom-border {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e1eef4
}
.Calendar---3m5nZ .well {
    padding: 30px;
    background-color: #f2f6f8
}
.Calendar---3m5nZ .header {
    font-size: 1.3125rem;
    font-weight: 500
}
.Calendar---3m5nZ .subtitle {
    font-size: .875rem;
    color: #7695a5
}
.Calendar---3m5nZ .description,
.Calendar---3m5nZ .error {
    margin-top: .5rem;
    font-size: .75rem
}
.Calendar---3m5nZ .error {
    color: #e92e4b
}
.Calendar---3m5nZ .drift-form label {
    font-size: .875rem;
    color: #7695a5;
    width: 100%
}
.Calendar---3m5nZ .drift-form input {
    width: 100%;
    font-weight: 500
}
.Calendar---3m5nZ .drift-form textarea {
    width: 100%;
    resize: none;
    font-weight: 500
}
.Calendar---3m5nZ .drift-form .Select {
    display: block;
    margin: 5px 0 0
}
.Calendar---3m5nZ .drift-form .Select-control {
    border: 2px solid #e1eef4
}
.Calendar---3m5nZ .drift-form .Select-control:hover {
    box-shadow: none
}
.Calendar---3m5nZ ul {
    padding-left: 0
}
.Calendar---3m5nZ ul li {
    list-style: none
}
.TitleCard---3RssV {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.TitleCard---3RssV,
.TitleCard---3RssV .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.TitleCard---3RssV .header {
    width: 100%;
    padding: 1.3rem 1.5rem 1.3rem 1rem;
    border-bottom: 1px solid #e1eef4
}
.TitleCard---3RssV .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.TitleCard---3RssV .subtitle {
    font-size: .875rem;
    color: #7695a5
}
.TitleCard---3RssV .content {
    width: 100%;
    padding: 1.5rem
}
.TitleCard---3RssV .content p {
    margin-bottom: 1rem
}
.Title---BnwPL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.Title---BnwPL .card-section-title {
    font-weight: 500
}
.Section---MeH1p {
    margin-bottom: 1.5rem
}
.LabeledInput---2Md43 {
    color: #b5d2e1
}
.Subsection---8t0fl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 2rem
}
.Subsection---8t0fl .Subsection__Title---24NGq {
    width: 100%;
    color: #394f5a;
    font-weight: 500;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e1eef4;
    margin-bottom: 1rem
}
.Subsection---8t0fl .Subsection__Body---3BZoW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ProfileHandle---39O2m.available .input-wrapper .dsg-label {
    color: #13cb6e
}
.ProfileHandle---39O2m div.input-wrapper {
    margin-bottom: .25rem
}
.ProfileHandle---39O2m div.input-wrapper .dsg-label {
    font-size: .75rem
}
.ProfileHandle---39O2m .handle-preview {
    font-size: .75rem;
    margin-left: .25rem;
    margin-bottom: 1rem;
    color: #7695a5
}
.VisibilityToggle---I6Mc9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem
}
.SocialHandle---29BSi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: border-color .3s;
    margin: 0
}
.SocialHandle---29BSi .input-wrapper {
    margin-left: 8rem
}
.SocialHandle---29BSi .Input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.SocialHandle__URL---1Y5LF {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem;
    color: #7695a5;
    background-color: #f2f6f8;
    width: 8rem;
    padding: 0 .75rem;
    border: 2px solid #e1eef4;
    border-right: none;
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem
}
.SocialHandle__InputContainer---3SDOe {
    position: relative
}
.MessagingInfo---3GnSx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem
}
.FakeBrowser---1GwS6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 221px;
    min-height: 135px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: .5rem;
    background: #ccc;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.FakeBrowser---1GwS6 .TopBar---k-56v {
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
    background: #fff
}
.FakeBrowser---1GwS6 .AddressBar---3mzTQ {
    display: inline-block;
    height: 6px;
    max-width: 40%;
    width: 100%;
    border-radius: 2px;
    background: #f1f1f1
}
.FakeBrowser---1GwS6 .ViewPort---1Putb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    background-color: #ccc;
    overflow: hidden
}
.CardLayoutPreviewContainer---1kBjL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    padding-top: 15px
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx {
    background: #fff;
    min-width: 67%;
    border-radius: 3px 3px 0 0
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx>div {
    padding: 4px 20px
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx p {
    background: #ececec;
    height: 4px;
    margin: 4px 0;
    border-radius: 1px
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 15px 20px 5px;
    background: #d6d6d6;
    border-radius: inherit
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx header .Avatar {
    width: 25px;
    height: 25px;
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff
}
.CardLayoutPreviewContainer---1kBjL .CardLayoutPreview---2ipkx header h1 {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 15px;
    background: #fff;
    border-radius: 1px
}
.WideLayoutPreviewContainer---26pkm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5,
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Header---10Hcj {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Header---10Hcj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: inherit;
    background-position: bottom;
    background-size: cover;
    background-color: #eee
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Header---10Hcj img {
    overflow: hidden
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Header---10Hcj>div {
    padding: 5px 10px;
    background: #ccc
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Header---10Hcj p {
    background: #fff;
    height: 5px;
    margin: 5px 0;
    border-radius: 1px
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5 {
    background: #fff;
    padding: 0 5%
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5 h1,
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5 p {
    background: #ececec;
    border-radius: 1px
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5 h1 {
    height: 10;
    margin: 15px 0 10px
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5 p {
    height: 5px;
    margin: 5px 0
}
.WideLayoutPreviewContainer---26pkm .WideLayoutPreview__Content---3P4v5>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 15px;
    margin: 10px 0;
    color: #ececec;
    background: none
}
.ThemeSettings---Vth2k .CoverPhotoUploadButton---5zxE1 {
    margin-top: 2rem;
    background-color: #fff;
    color: #0075ff;
    border: 1px solid #0075ff
}
.ThemeSettings---Vth2k .CoverPhotoUploadButton---5zxE1:hover {
    background-color: #0075ff;
    color: #fff
}
.DropZone---1Wtn2,
.DropZone--active---1Rdcl {
    background: transparent
}
.ProfileLayoutInput---1Iy1F {
    width: 221px;
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 2rem 2rem 0;
    cursor: pointer
}
.ProfileLayoutInput---1Iy1F>* {
    box-shadow: 0 1px 7px 0 #b6d2e0
}
.ProfileLayoutInput---1Iy1F.ProfileLayoutInput--checked---2e6Fy>* {
    box-shadow: 0 1px 7px 0 #27c971
}
.ProfileLayoutInput---1Iy1F .ProfileLayoutInput__radio---KTE-i {
    display: none
}
.UserProfile---Tk8zx .handle-label .dsg-Label:not(.error) {
    font-size: .75rem;
    color: #1fa45c
}
.UserProfile---Tk8zx .dsg-Label {
    margin-bottom: .5rem;
    text-transform: none;
    color: #394f5a;
    font-size: .875rem;
    font-weight: 400
}
.UserProfile---Tk8zx .geosuggest__input {
    font-size: .875rem;
    padding: .3rem .75rem;
    border-color: #e1eef4
}
.UserProfile---Tk8zx .geosuggest__suggests {
    font-size: .875rem
}
.UserProfile---Tk8zx .action-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    max-height: 0;
    max-width: 13rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    color: #b5d2e1;
    transition: all .3s ease-in-out;
    overflow: hidden
}
.UserProfile---Tk8zx .action-controls .save {
    width: 6rem;
    background-color: #13cb6e;
    min-width: 0;
    transition: background-color .3s
}
.UserProfile---Tk8zx .action-controls .save[disabled] {
    background-color: #e1eef4
}
.UserProfile---Tk8zx .action-controls .save:hover:not([disabled]) {
    background-color: #1fa45c
}
.UserProfile---Tk8zx .action-controls .cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.UserProfile---Tk8zx .action-controls div {
    cursor: pointer
}
.UserProfile---Tk8zx .action-controls.shown {
    opacity: 1;
    max-height: 3.5rem;
    margin-top: 1rem
}
.UserProfile---Tk8zx .profile-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}
.Accordion---NqJRy {
    border-bottom: 1px solid #e1eef4
}
.Accordion---NqJRy.is-open {
    padding-bottom: 60px
}
.Accordion---NqJRy .header {
    padding: 30px 10px;
    transition: background-color .4s
}
.Accordion---NqJRy:not(.is-locked) .header {
    cursor: pointer
}
.Accordion---NqJRy:not(.is-locked):not(.is-open) .header:hover {
    background-color: #effaff
}
.Accordion---NqJRy h1 {
    margin: 0;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 1rem;
    color: #394f5a
}
.Accordion---NqJRy h2 {
    margin: 0;
    font-size: .875rem;
    color: #7695a5;
    padding-right: 40px
}
.Accordion---NqJRy .content {
    padding: 20px 10px 0
}
.Accordion---NqJRy .down-caret-icon svg {
    width: 20px
}
.Accordion---NqJRy:not(.is-open) .down-caret-icon svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.Avatar---2ojEG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.page-notifications {
    max-width: 1100px
}
.page-notifications h2,
.page-notifications h3 {
    font-weight: 500
}
.page-notifications .notifications-options-section {
    padding: 20px 30px
}
.Settings .settings-content .page-notifications p.preference-help-text {
    margin: -10px 0 30px
}
.notifications-options-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.page-notifications>section {
    margin: 0 0 30px;
    min-width: 840px
}
.page-notifications section h2 {
    padding: 15px 30px;
    margin: 0
}
.page-notifications section h3 {
    font-weight: 500;
    margin: 15px 0;
    font-size: 21px
}
.notifications-options-wrapper>.notifications-options-select:last-child,
.notifications-options-wrapper label:last-child {
    margin-left: 15px
}
.notifications-options-wrapper>label:first-child .notifications-options-select {
    min-width: 520px;
    margin: 10px 0 0
}
.notifications-options-wrapper .select-help-links {
    margin: 15px 0 0 5px;
    font-weight: 400
}
.notifications-options-wrapper .select-help-links strong {
    font-weight: 600
}
.notifications-options-wrapper label {
    color: #9a9a9a;
    font-weight: 500;
    font-size: 12px
}
.page-notifications .notifications-options-wrapper .notifications-options-select {
    font-size: 14px;
    padding: 10px 0;
    margin: 10px 0 0 10px;
    min-width: 180px
}
.notifications-options-select.react-select-box-container {
    border-color: #e1eef4
}
.page-notifications .flex-space {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 0px;
    flex: 2 0 0
}
.page-notifications .notifications-options-instructions {
    border: 1px solid #b5d2e1;
    border-left: 10px solid #b5d2e1;
    border-radius: 6px;
    margin: .5rem 0 2rem;
    padding: 1rem
}
.notifications-options-instructions.warn {
    border-color: #fef79e;
    background: #fffcd9
}
.page-notifications .select-help-links {
    margin: 10px 0 0 5px
}
.page-notifications .notifications-options-wrapper button.test-button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 10px 0 0 10px;
    vertical-align: bottom
}
.notifications-browser-warning p {
    display: inline-block;
    width: 70%;
    padding-right: 60px
}
.notifications-browser-warning button {
    display: inline-block;
    vertical-align: top;
    width: 30%
}
.page-notifications .agent-status {
    border-top: 1px solid #e1eef4;
    padding: 30px 0 15px;
    margin: 60px 0 0
}
.page-notifications section .pill-bg {
    background: #f2f6f8;
    border-top: 1px solid transparent;
    border-radius: 5px;
    line-height: 1.5;
    padding: 30px;
    margin: 0
}
.UserProfile---3By5i .handle-label .dsg-Label:not(.error) {
    font-size: .75rem;
    color: #1fa45c
}
.UserProfile---3By5i .dsg-Label {
    margin-bottom: .5rem;
    text-transform: none;
    color: #394f5a;
    font-size: .875rem;
    font-weight: 400
}
.UserProfile---3By5i .geosuggest__input {
    font-size: .875rem;
    padding: .3rem .75rem;
    border-color: #e1eef4
}
.UserProfile---3By5i .geosuggest__suggests {
    font-size: .875rem
}
.UserProfile---3By5i .action-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    max-height: 0;
    max-width: 13rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    color: #b5d2e1;
    transition: all .3s ease-in-out;
    overflow: hidden
}
.UserProfile---3By5i .action-controls .save {
    width: 6rem;
    background-color: #13cb6e;
    min-width: 0;
    transition: background-color .3s
}
.UserProfile---3By5i .action-controls .save[disabled] {
    background-color: #e1eef4
}
.UserProfile---3By5i .action-controls .save:hover:not([disabled]) {
    background-color: #1fa45c
}
.UserProfile---3By5i .action-controls .cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.UserProfile---3By5i .action-controls div {
    cursor: pointer
}
.UserProfile---3By5i .action-controls.shown {
    opacity: 1;
    max-height: 3.5rem;
    margin-top: 1rem
}
.UserProfile---3By5i .profile-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}
.CompanyInfo---2dZmm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.CompanyInfoContainer---28mHp .dsg-Label {
    margin-bottom: .5rem;
    text-transform: none;
    color: #394f5a;
    font-size: .875rem;
    font-weight: 400
}
.CompanyInfoContainer---28mHp .action-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    max-height: 0;
    max-width: 13rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    color: #b5d2e1;
    transition: all .3s ease-in-out;
    overflow: hidden
}
.CompanyInfoContainer---28mHp .action-controls .save {
    width: 6rem;
    background-color: #13cb6e;
    min-width: 0;
    transition: background-color .3s
}
.CompanyInfoContainer---28mHp .action-controls .save[disabled] {
    background-color: #e1eef4
}
.CompanyInfoContainer---28mHp .action-controls .save:hover:not([disabled]) {
    background-color: #1fa45c
}
.CompanyInfoContainer---28mHp .action-controls .cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CompanyInfoContainer---28mHp .action-controls div {
    cursor: pointer
}
.CompanyInfoContainer---28mHp .action-controls.shown {
    opacity: 1;
    max-height: 3.5rem;
    margin-top: 1rem
}
.ProfileUrl---4hyqJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.ProfileUrl---4hyqJ .input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ProfileUrl---4hyqJ .ProfileDomain---XjDUl {
    margin-top: 6px;
    margin-left: .75rem;
    color: #7695a5;
    font-size: .875rem
}
.CompanyInfo---376b_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.CompanyInfoContainer---38GmI .dsg-Label {
    margin-bottom: .5rem;
    text-transform: none;
    color: #394f5a;
    font-size: .875rem;
    font-weight: 400
}
.CompanyInfoContainer---38GmI .action-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    max-height: 0;
    max-width: 13rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    color: #b5d2e1;
    transition: all .3s ease-in-out;
    overflow: hidden
}
.CompanyInfoContainer---38GmI .action-controls .save {
    width: 6rem;
    background-color: #13cb6e;
    min-width: 0;
    transition: background-color .3s
}
.CompanyInfoContainer---38GmI .action-controls .save[disabled] {
    background-color: #e1eef4
}
.CompanyInfoContainer---38GmI .action-controls .save:hover:not([disabled]) {
    background-color: #1fa45c
}
.CompanyInfoContainer---38GmI .action-controls .cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.CompanyInfoContainer---38GmI .action-controls div {
    cursor: pointer
}
.CompanyInfoContainer---38GmI .action-controls.shown {
    opacity: 1;
    max-height: 3.5rem;
    margin-top: 1rem
}
.ProfileUrl---BlWut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.ProfileUrl---BlWut .input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ProfileUrl---BlWut .ProfileDomain---13Y9n {
    margin-top: 6px;
    margin-left: .75rem;
    color: #7695a5;
    font-size: .875rem
}
.InputWithAttachment---3ynZU {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: border-color .3s;
    margin: 0
}
.InputWithAttachment---3ynZU .Input {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.InputWithAttachment---3ynZU .InputWithAttachment__attachment---2HXdi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .75rem;
    color: #7695a5;
    background-color: #f2f6f8;
    padding: 0 .75rem;
    border-left: 2px solid #e1eef4
}
.manage-team-table-container {
    position: relative
}
.team-table-filter-bar {
    margin: 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.team-table-filter-bar input[type=search] {
    width: 100%;
    margin: 0 5px 0 0
}
.team-table-filter-bar .Select {
    width: 320px
}
.team-table-filter-bar button {
    margin: 0 5px 0 0
}
.team-user-info,
.team-user .Avatar {
    display: inline-block;
    vertical-align: top
}
.team-user .Avatar {
    width: 50px;
    height: 50px
}
.team-user-info {
    margin: 2px 0 0 15px
}
.team-user-info strong {
    font-weight: 500;
    font-size: 16px;
    color: #394f5a;
    display: block
}
.team-user-info .email-only {
    margin: 12px 0 0
}
.team-user-info .name {
    text-transform: capitalize
}
.team-user-info small {
    font-size: 14px;
    color: #7695a5
}
.team-table input[type=checkbox] {
    margin: 0 auto;
    display: block
}
.team-table .actions span {
    display: inline-block;
    margin: 0 0 0 20px;
    cursor: pointer
}
.team-table .actions svg {
    height: 18px
}
.team-table .actions svg:hover path {
    fill: #7695a5
}
.team-table .actions svg path {
    fill: #b5d2e1
}
.team-table .admin-role-upgrade.actions {
    width: 88px
}
.team-table .admin-role-upgrade.team-permissions {
    background: #f2f6f8;
    width: 105px;
    position: relative;
    overflow: hidden
}
.team-table .admin-role-upgrade svg {
    height: 18px;
    margin: 0 auto;
    display: block
}
.team-table .admin-role-upgrade svg path {
    fill: #b5d2e1
}
.team-table .resend-invite {
    color: #7695a5;
    cursor: pointer
}
.team-table .resend-invite:hover {
    text-decoration: underline
}
.drift-table-zero-state {
    position: absolute;
    left: calc(50% - 200px);
    top: 250px;
    text-align: center;
    color: #7695a5
}
.drift-table-zero-state strong {
    font-size: 21px;
    font-weight: 400;
    color: #7795a4;
    margin: 0 0 5px
}
.drift-table-zero-state p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.8
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.accordion {
    background-color: #fff;
    border-radius: 5px;
    max-width: 100%;
    border: 1px solid #e1eef4;
    box-shadow: 0 2px 0 0 #e1eef4;
    margin: 0 auto 1.6rem;
    max-width: 36em
}
.accordion .content,
.accordion .title {
    padding: 1.25rem
}
.accordion .title {
    font-size: 1.3125rem;
    cursor: pointer
}
.accordion .title.locked {
    cursor: auto
}
.accordion .title~.content {
    font-size: .875rem;
    border-top: 1px solid #e1eef4;
    display: none;
    height: 0
}
.accordion .active.content {
    display: block;
    transition: .1s;
    height: auto
}
.accordion .connect-account {
    font-size: 1rem;
    font-weight: 600;
    padding: .5rem 0;
    text-transform: uppercase
}
.accordion .title .logo {
    height: 36px;
    max-width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.accordion .title .logo svg {
    height: 100%;
    max-height: 66px;
    max-width: 100%
}
.accordion .title .logo img {
    max-width: 100%;
    max-height: 100%
}
.accordion .title .connected-icon svg {
    width: 20px;
    height: 20;
    margin-right: 16px
}
.accordion .icon {
    width: 16px;
    height: 9px
}
.accordion .icon svg {
    max-width: 1rem
}
.accordion .active .icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.settings-content .accordion .content p:not(:last-child) {
    margin-bottom: 1rem
}
.IntegrationControl---VkqRe {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00cb66;
    text-transform: capitalize;
    margin: .5rem 0 0
}
.content .IntegrationControl---VkqRe .connected-icon svg {
    height: 16px;
    width: 16px;
    margin-right: 8px
}
.IntegrationLink---2N7Jj {
    cursor: pointer
}
.DisconnectLink---2l2Hk {
    color: #7695a5;
    padding-top: .5rem
}
.connect-caret svg {
    height: 12px;
    padding-left: .5rem
}
.body-font {
    font-size: 16px;
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.SnippetCard__container---Oj7Vr .SnippetCard__snippet---2Pxu0 {
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace
}
.body-font.TimesNewRoman {
    font-family: Times New Roman, serif
}
.body-font.Helvetica {
    font-family: Helvetica, sans-serif
}
.body-font.Georgia {
    line-height: 1.45;
    font-family: Georgia, serif
}
.body-font.ComicSansMS {
    font-family: Comic Sans MS, sans-serif
}
.body-font.Brandon {
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif
}
.body-font.Lato {
    font-family: Lato, sans-serif
}
.body-font.OpenSans {
    line-height: 1.35;
    font-family: Open Sans, sans-serif
}
.body-font.Roboto {
    line-height: 1.35;
    font-family: Roboto, sans-serif
}
.body-font.RobotoSlab {
    line-height: 1.35;
    font-family: Roboto, serif
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.SnippetCard__container---Oj7Vr {
    position: relative;
    width: 100%
}
.SnippetCard__container---Oj7Vr .SnippetCard__snippet---2Pxu0 {
    font-size: .875rem;
    margin: 1rem 0 0;
    border-radius: .3125rem;
    border: 2px solid #e1eef4;
    color: #9a9a9a;
    resize: none;
    background: #f2f6f8;
    outline: 0;
    cursor: pointer;
    overflow: auto;
    padding: .75rem;
    max-height: 10rem
}
.SnippetCard__container---Oj7Vr .drift-button {
    position: absolute;
    right: 0;
    bottom: -48px
}
.SnippetCard__container---Oj7Vr .copy-button {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .25rem .5rem;
    border: 2px solid #e1eef4;
    background-color: #fff;
    border-top-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    font-weight: 500;
    color: #b5d2e1;
    cursor: pointer
}
.SnippetCard__container---Oj7Vr:hover .copy-button {
    color: #0176ff
}
.body-font {
    font-size: 16px;
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.body-font.TimesNewRoman {
    font-family: Times New Roman, serif
}
.body-font.Helvetica {
    font-family: Helvetica, sans-serif
}
.body-font.Georgia {
    line-height: 1.45;
    font-family: Georgia, serif
}
.body-font.ComicSansMS {
    font-family: Comic Sans MS, sans-serif
}
.body-font.Brandon {
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif
}
.body-font.Lato {
    font-family: Lato, sans-serif
}
.body-font.OpenSans {
    line-height: 1.35;
    font-family: Open Sans, sans-serif
}
.body-font.Roboto {
    line-height: 1.35;
    font-family: Roboto, sans-serif
}
.body-font.RobotoSlab {
    line-height: 1.35;
    font-family: Roboto, serif
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.StepContainer---OX3Fc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem
}
.StepContent---21K-4 {
    margin-left: 1rem;
    max-width: 90%
}
.FileIcon---2TChG {
    width: 18px
}
.RefreshIcon---2TT46 {
    width: 20px
}
.ChatIcon---1Kkax {
    width: 22px
}
.BackLink,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.GetStartedCards---3MSpy>.dsg-card>.dsg-Label {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.GetStarted---1NsZh,
.Integration {
    height: 100%;
    overflow-y: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f2f6f8;
    padding: 10vh 5vw 5vh
}
.GetStarted---1NsZh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.GetStarted---1NsZh>.flex-column {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.GetStartedCards---3MSpy {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: calc(100vw - 150px)
}
@media (max-width: 1100px) {
    .GetStartedCards---3MSpy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.GetStartedCards---3MSpy>.dsg-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .65rem;
    margin-left: .65rem;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media (max-width: 1100px) {
    .GetStartedCards---3MSpy>.dsg-card {
        width: 375px
    }
    .GetStartedCards---3MSpy>.dsg-card:not(:first-child) {
        margin-top: 15px
    }
}
.GetStartedCards---3MSpy>.dsg-card .content {
    padding: 1.5rem
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card {
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    color: #0176ff;
    cursor: pointer;
    position: relative
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card.coming-soon {
    color: #9a9a9a
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card.coming-soon .GetStartedCards__Icon---atCb5 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card.all-set>img {
    margin-left: auto;
    -webkit-filter: none;
    filter: none
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card.coming-soon {
    cursor: not-allowed
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card.coming-soon .ribbon {
    background-color: #eee;
    color: #9a9a9a
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card:not(:first-child) {
    margin-top: 15px
}
.GetStartedCards---3MSpy>.dsg-card .content .dsg-card .ribbon {
    background-color: #13ddb0;
    color: #fff;
    padding-left: 16px;
    padding-right: 8px;
    right: 0;
    height: 17.5px;
    top: calc(50% - 8px);
    border-width: 2px 0;
    position: absolute;
    display: block;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 8px 50%, 0 0);
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 8px 50%, 0 0)
}
.GetStartedCards---3MSpy>.dsg-card>.dsg-Label {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eee
}
.GetStartedCards__Icon {
    width: 45px
}
.InviteYourTeam {
    margin-top: 25px
}
.InviteYourTeam img {
    margin-bottom: 14px
}
.Integration>.dsg-h1 {
    text-align: center;
    margin-bottom: 50px
}
.Integration>.dsg-card {
    margin-bottom: 40px;
    max-width: 480px
}
.Integration .dsg-LargeButton,
.Integration>.dsg-card,
.Integration button {
    margin-left: auto;
    margin-right: auto
}
.Integration button.color-gray {
    background-color: #ccc;
    margin-top: 70px
}
.Integration .manage-link {
    text-transform: capitalize;
    color: #0176ff;
    font-size: .875rem;
    font-weight: 400
}
.Integration .manage-link:hover {
    cursor: pointer;
    color: #0960c5
}
.Integration .disconnect-link {
    color: #7695a5;
    font-size: .875rem
}
.Integration .disconnect-link:hover {
    cursor: pointer;
    color: #e92e4b
}
.Integration .Input,
.Integration .Input.active {
    border: 1px solid #b5d2e1
}
.Integration .Input input:-moz-read-only {
    background-color: #f2f6f8
}
.Integration .Input input:read-only {
    background-color: #f2f6f8
}
.Integration svg path {
    fill: currentColor
}
.IntegrationHeader {
    border-bottom: 1px solid #e1eef4
}
.IntegrationTitle {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: .25rem
}
.IntegrationSubTitle {
    font-size: 1.25rem;
    color: #7695a5;
    margin-bottom: 1rem
}
.IntegrationBack {
    font-size: 1rem;
    margin: 1.25rem 0 3rem;
    text-align: left
}
.IntegrationCard__Title {
    height: 66px;
    border-bottom: 2px solid #eee
}
.IntegrationCard__Content {
    padding: 29px
}
.IntegrationCard__Content>.dsg-body {
    margin-bottom: 30px
}
.BackLink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0176ff
}
.BackLink:hover {
    cursor: pointer
}
.invite-team {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 30px;
    left: 0
}
.invite-team .InviteSelectContainer {
    width: 650px;
    margin: 0 auto
}
.invite-team header h1 {
    font-size: 28px;
    color: #394f5a
}
.invite-team header h1,
.invite-team header p {
    margin: 0;
    padding: 0;
    width: 650px;
    margin: 0 auto;
    text-align: left
}
.invite-team header p {
    color: #7695a5;
    padding: 5px 0 20px;
    font-size: 14px
}
.invite-team .Select-menu {
    max-height: 100%
}
.invite-team .close-button {
    position: absolute;
    top: 50px;
    right: 10px;
    cursor: pointer
}
.invite-team .close-button svg {
    width: 18px
}
.invite-team .close-button svg path {
    fill: #b5d2e1
}
.invite-team .no-seats .Select-menu {
    display: none
}
.invite-team .no-seat-warning {
    width: 650px;
    margin: 10px auto;
    background: #fffcd9;
    padding: 10px;
    border-top: 1px solid #b5d2e1;
    font-size: 14px;
    color: #394f5a
}
.invite-team footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0
}
.invite-team footer button {
    margin: 0 15px 0 0;
    width: 200px
}
.invite-permissions {
    width: 650px;
    margin: 0 auto
}
.invite-permissions header {
    margin: 20px 0;
    border-bottom: 1px solid #7695a5;
    padding: 0 0 20px
}
.invite-permissions header .Avatar {
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: top
}
.invite-permissions header small {
    display: none
}
.invite-permissions header:not(.multi-user-header) .team-user-info {
    margin: 7px 0 0 15px
}
.invite-permissions .team-user-info strong:not(.name) {
    text-transform: lowercase
}
.invite-permissions .team-user-info strong {
    font-size: 14px;
    font-weight: 400;
    color: #7695a5
}
.invite-permissions .multi-user-header>span {
    position: relative;
    display: inline-block;
    cursor: help
}
.invite-permissions .drift-form label {
    width: 100%
}
.invite-permissions .multi-user-header .Avatar {
    height: 30px;
    width: 30px;
    margin: 5px
}
.invite-permissions ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.invite-permissions .scope-detail,
.invite-permissions input[type=checkbox] {
    vertical-align: top;
    display: inline-block;
    color: #394f5a;
    cursor: pointer
}
.invite-permissions input[type=checkbox] {
    margin: 5px 0 0
}
.invite-permissions .scope-detail {
    margin: 0 0 10px 15px;
    width: 85%
}
.invite-permissions .scope-detail strong {
    font-size: 16px;
    font-weight: 500
}
.invite-permissions .scope-detail p {
    font-size: 14px;
    margin: 5px 0
}
.invite-team-slack {
    margin: 20px auto;
    z-index: 10;
    position: relative;
    width: 650px;
    border-top: 1px solid #b5d2e1
}
.invite-team-slack .IntegrationBack,
.invite-team-slack .IntegrationHeader {
    display: none
}
.invite-team-slack .accordion {
    border: none;
    box-shadow: none;
    max-width: 650px
}
.invite-team-slack .title .logo {
    height: 27px
}
.invite-team-slack .accordion .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px 0 10px
}
.invite-team-slack .title~.content {
    border: none;
    padding: 0;
    padding: 0 0 0 5px
}
.invite-team-success {
    width: 650px;
    margin: 0 auto
}
.invite-team-success footer {
    margin: 50px 0
}
.invite-team-success .drift-table {
    width: 650px;
    margin: 0 auto 30px;
    border: none;
    border-top: 1px solid #e1eef4
}
.invite-team-success .drift-table tr:last-child td,
.invite-team-success .drift-table tr td {
    border-bottom: 1px solid #e1eef4
}
.invite-team-success .drift-table .name span {
    color: #7695a5;
    margin: 0 0 0 10px
}
.invite-team-success .drift-table .name {
    font-size: 14px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.team-invite-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    float: right
}
.team-invite-container button {
    margin: 0 0 0 15px
}
.manage-team {
    position: relative
}
.manage-team label {
    margin: 2px 0
}
.manage-team .input-wrapper {
    margin: 7px 0
}
.drift-form .Select-value-label svg {
    height: 1em;
    margin: 10px 10px 0 0;
    display: inline-block;
    vertical-align: top
}
.drift-form .Select-value-label svg path {
    fill: currentColor
}
.team-edit-modal {
    width: 450px;
    border-radius: 5px
}
.team-edit-modal header {
    background: #f2f6f8
}
.team-edit-modal header .Avatar {
    height: 60px;
    width: 60px;
    display: inline-block;
    vertical-align: top
}
.team-edit-modal .multi-user-header .Avatar {
    height: 40px;
    width: 40px;
    margin: 5px
}
.team-edit-modal header small {
    display: block
}
.team-edit-modal header strong span {
    font-size: 14px;
    position: relative;
    cursor: help;
    color: #b5d2e1
}
.team-edit-modal section h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 30px;
    color: #394f5a
}
.team-edit-modal ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.team-edit-modal .scope-detail,
.team-edit-modal input[type=checkbox] {
    vertical-align: top;
    display: inline-block;
    color: #394f5a;
    cursor: pointer
}
.team-edit-modal input[type=checkbox] {
    margin: 5px 0 0
}
.team-edit-modal .scope-detail {
    margin: 0 0 10px 15px;
    width: 85%
}
.team-edit-modal .scope-detail strong {
    font-size: 16px;
    font-weight: 500
}
.team-edit-modal .scope-detail p {
    font-size: 14px;
    margin: 5px 0
}
.team-edit-modal [tooltip]:after {
    width: 180px
}
.team-edit-modal footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.team-edit-modal footer button {
    width: 100%
}
.team-edit-modal footer button:last-child {
    margin: 0 0 0 15px
}
.drift-modal header .close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    cursor: pointer
}
.drift-modal {
    background: #fff;
    border: 1px solid #e1eef4;
    min-width: 350px
}
.drift-modal>section,
.drift-modal footer,
.drift-modal header {
    padding: 15px 25px
}
.drift-modal header {
    border-bottom: 1px solid #e1eef4
}
.drift-modal header h2 {
    margin: 0;
    color: #394f5a
}
.drift-modal footer {
    border-top: 1px solid #e1eef4;
    text-align: right
}
.TeamCard {
    max-height: 80vh
}
.TeamCard .content {
    overflow-y: auto
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ReplyEditDropDown .options {
    min-height: 3.15rem;
    padding-left: 1.3rem;
    padding-right: .85rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    border-bottom: 1px solid #eee
}
.ReplyEditDropDown .options:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.ReplyEditDropDown .options:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-bottom: none
}
.ReplyEditDropDown .options:hover {
    background-color: #0176ff;
    color: #fff
}
.ReplyEditDropDown .options:hover .selected-check-mark.icon-svg * {
    stroke: #fff;
    fill: #fff
}
.ReplyEditDropDown .options:hover .Avatar .initials {
    color: #fff;
    border-color: #fff
}
.ReplyEditDropDown .options .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ReplyEditDropDown .options .Avatar {
    margin-right: .5rem
}
.ReplyEditDropDown .options .selected-check-mark.icon-svg {
    height: .7rem;
    width: 1rem
}
.ReplyEditDropDown .options .selected-check-mark.icon-svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.ReplyTable tr .preview .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ReplyTable tr td:nth-of-type(2),
.ReplyTable tr th:nth-of-type(2) {
    width: 8.4rem
}
.ReplyTable tr td:nth-of-type(3),
.ReplyTable tr th:nth-of-type(3) {
    width: 5rem
}
.ReplyTable tr .edit {
    position: relative;
    cursor: pointer
}
.ReplyTable tr .edit.selected svg * {
    fill: #0176ff
}
.ReplyTable tr .edit svg {
    height: 1.15rem;
    width: 1.15rem
}
.ReplyTable tr .edit .DropDown {
    position: absolute;
    top: 2.2rem;
    left: -5.7rem;
    width: 6.4rem
}
.ReplyTable tr .preview .name {
    font-size: 18px;
    font-weight: 500
}
.ReplyTable tr .preview .text {
    color: #9a9a9a
}
.ReplyTable tr:hover .name {
    color: #0176ff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.ManageSavedReplies table,
.ManageSavedReplies table td {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.ManageSavedReplies table,
.ManageSavedReplies table td {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.ManageSavedReplies table th {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.dsg-largeRow,
.dsg-row,
.ManageSavedReplies table td,
.ManageSavedReplies table th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.dsg-largeRow,
.dsg-row {
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.ManageSavedReplies table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: .3125rem
}
.ManageSavedReplies table td {
    padding: .85rem
}
.ManageSavedReplies table th {
    padding: .65rem;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.ManageSavedReplies table th.sort-asc:after,
.ManageSavedReplies table th.sort-desc:after {
    content: "";
    position: absolute;
    height: .8rem;
    width: .65rem;
    margin: .15rem .5rem;
    background-image: url(/assets/2be7e54f95ea9b20539c51393911ea09.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.ManageSavedReplies table th.sort-desc:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.ManageSavedReplies table tbody {
    display: block;
    height: calc(100% - 2.125rem)
}
.ManageSavedReplies table tbody tr:last-child {
    border-bottom: none;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.ManageSavedReplies table tbody tr:nth-child(2n) {
    background-color: #fafafa
}
.ManageSavedReplies table tbody tr:hover {
    background-color: #effaff
}
.ManageSavedReplies table tbody tr,
.ManageSavedReplies table thead {
    display: table;
    table-layout: fixed;
    width: 100%
}
.ManageSavedReplies {
    height: 100%
}
.ManageSavedReplies table td {
    overflow: initial
}
.ManageSavedReplies table tr:hover {
    background-color: initial
}
.ManageSavedReplies .ComposeReplyModal button {
    display: block
}
.gated-saved-replies .settings-button,
.gated-saved-replies .settings-button:hover {
    background: #e1eef4
}
.gated-saved-replies .blank-replies-table svg {
    max-width: 100%;
    height: auto;
    margin: 60px 0 0
}
.EnabledSection---2utqg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3rem
}
.EnabledSection---2utqg .main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .5rem
}
.EnabledSection---2utqg .title {
    font-size: 1.3125rem;
    font-weight: 500;
    margin-bottom: .5rem
}
.EnabledSection---2utqg .description {
    font-size: .875rem;
    color: #7695a5
}
.BotAvatarPreviewContainer---24T__ {
    transition: box-shadow .3s
}
.BotAvatarPreviewContainer---24T__ .bot-avatar {
    border-radius: 50%
}
.BotAvatarPreviewContainer---24T__:hover {
    cursor: pointer
}
.BotAvatarPreviewContainer---24T__.active .bot-avatar {
    box-shadow: 0 0 0 2px #13cb6e
}
.BotAvatarPicker__Preview---3fH7L {
    height: 8rem;
    width: 8rem;
    margin-right: 1.5rem
}
.BotAvatarPicker__Preview---3fH7L:hover {
    cursor: pointer
}
.BotAvatarPicker__Loading---3rBtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem;
    width: 8rem;
    margin-right: 1.5rem
}
.BotAvatarPicker__Loading---3rBtl .circle {
    background-color: #13cb6e
}
.BotAvatarCard {
    min-height: 18.475rem
}
.BotAvatarPreviewContainer---10n9g {
    transition: box-shadow .3s
}
.BotAvatarPreviewContainer---10n9g .bot-avatar {
    border-radius: 50%
}
.BotAvatarPreviewContainer---10n9g:hover {
    cursor: pointer
}
.BotAvatarPreviewContainer---10n9g.active .bot-avatar {
    box-shadow: 0 0 0 2px #13cb6e
}
.BotUpgradeCopy---3tApQ {
    padding: 1rem;
    color: #7695a5;
    background-color: #f2f6f8;
    border-radius: .3125rem;
    border-left: .5rem solid #13cb6e
}
.BotUpgradeCopy---3tApQ .bold {
    font-weight: 500
}
.ConversationPreview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    border-radius: .3125rem;
    border: 1px solid #e1eef4;
    margin-right: 1rem;
    font-size: .875rem;
    min-width: 270px;
    max-width: 340px
}
.ConversationPreview .message {
    padding: .5rem .75rem;
    border-radius: .625rem;
    color: #7695a5;
    background-color: #e1eef4;
    margin-bottom: .75rem;
    max-width: 70%
}
.ConversationPreview .preview {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-radius: 1rem;
    color: #b5d2e1;
    border: 1px solid #e1eef4;
    font-size: .75rem;
    padding: .3rem
}
.BotMessage---x6H1m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.InlineSaveButton---17XUw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    max-height: 0;
    max-width: 13rem;
    width: 100%;
    font-size: $font-size-base;
    font-weight: $medium;
    color: #b5d2e1;
    transition: all .3s ease-in-out;
    overflow: hidden
}
.InlineSaveButton---17XUw .inline-cancel {
    cursor: pointer;
    color: #b5d2e1
}
.InlineSaveButton---17XUw .inline-cancel:hover {
    color: #7695a5
}
.InlineSaveButton---17XUw.shown {
    opacity: 1;
    max-height: 3.5rem;
    margin-bottom: 1rem
}
.UserSelect---3SbMp {
    margin-bottom: 1.5rem
}
.UserSelect---3SbMp .team-name-input .Input {
    max-width: none;
    font-size: 1rem
}
.UserSelect---3SbMp .team-name-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem
}
.UserSelect---3SbMp .team-name-section .team-title {
    text-transform: capitalize;
    margin-bottom: .5rem
}
.UserSelect---3SbMp .team-name-section .team-rename {
    color: #7695a5;
    cursor: pointer
}
.UserSelect---3SbMp .team-name-section .team-rename:hover {
    color: #394f5a
}
.UserSelect---3SbMp .user-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.UserSelect---3SbMp .Select {
    margin-bottom: .5rem
}
.UserSelect---3SbMp .Select--multi .Select-value {
    color: #394f5a;
    background-color: #e1eef4;
    border-radius: .3125rem;
    padding: 3px .3rem;
    border: none
}
.UserSelect---3SbMp .Select--multi .Select-value-icon {
    border-right: none;
    font-size: 1.3rem;
    padding: 0
}
.UserSelect---3SbMp .Select--multi .Select-value-icon:hover {
    background-color: #e1eef4;
    color: #0176ff
}
.TeamSettings---3OvcL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.TeamSettings---3OvcL .preview-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.TeamSettings---3OvcL .team-section {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.RoutingContainer---1QxWh .dsg-card {
    margin-bottom: 1rem
}
.RoutingContainer---1QxWh .section .save {
    width: 6rem;
    background-color: #13cb6e;
    min-width: 0;
    transition: background-color .3s
}
.RoutingContainer---1QxWh .section .save:hover {
    background-color: #1fa45c
}
.RoutingContainer---1QxWh .section .cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.RoutingContainer---1QxWh .section .drag-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    color: #7695a5
}
.RoutingContainer---1QxWh .section .title {
    font-size: 1.3125rem;
    font-weight: 500;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem
}
.RoutingContainer---1QxWh .section .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.RoutingContainer---1QxWh .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin: 0;
    max-width: 12.5rem
}
.RoutingContainer---1QxWh .Input.active {
    border-color: #13cb6e
}
.RoutingContainer---1QxWh .Input.error {
    border-color: #ff7f93
}
.RoutingContainer---1QxWh .Input input,
.RoutingContainer---1QxWh .Input textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: 0 .75rem
}
.RoutingContainer---1QxWh .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.RoutingContainer---1QxWh .Input::-moz-placeholder {
    color: #b5d2e1
}
.RoutingContainer---1QxWh .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.RoutingContainer---1QxWh .Input::placeholder {
    color: #b5d2e1
}
.RoutingContainer---1QxWh .Input>textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: .75rem
}
.ungated-routing-container {
    cursor: pointer
}
.ungated-routing-container .dsg-card {
    background: #e1eef4;
    color: #7695a5
}
.ungated-routing-container .dsg-card .ConversationPreview {
    border: 1px solid #7695a5
}
.ungated-routing-container .dsg-card .ConversationPreview .preview {
    color: #7695a5;
    border: 1px solid #7695a5;
    border-radius: $border-radius
}
.ungated-routing-container .BotUpgradeCopy {
    display: none
}
.ungated-routing-container .message {
    background: #f2f6f8
}
.ungated-routing-container .message:nth-child(odd) {
    background: #0075ff;
    color: #fff
}
.ungated-routing-container .BotAvatarCard input:disabled,
.ungated-routing-container .Select-control {
    background: none;
    border: 1px solid #7695a5;
    color: #7695a5;
    pointer-events: none
}
.ungated-routing-container .Select-control .Select-placeholder {
    color: #7695a5
}
.ungated-routing-container .select-arrow:after {
    border-top: 1px solid #e1eef4
}
.routing-rules {
    padding: 0 30px 0 0
}
.routing-rules>header {
    margin: 0 0 30px
}
.routing-rules>header p {
    width: 50%;
    display: inline-block;
    margin: 0;
    font-size: 14px
}
.routing-rules>header .new-rule-button {
    float: right;
    margin: 1px 0 0
}
.routing-rules h2 {
    font-size: 16px;
    font-weight: 500;
    margin: 40px 0 10px 5px;
    color: #394f5a
}
.routing-rules .rule-row p {
    color: #394f5a;
    margin: 6px 0 0;
    font-size: 12px
}
.routing-rules.loading #Group-2 rect {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}
.routing-rule-table {
    position: relative;
    min-width: 720px
}
.routing-rule-table .rule-row.will-remove-row {
    opacity: 0;
    transition: all .2s ease
}
.routing-rule-table .rule-row {
    overflow: visible;
    pointer-events: auto;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    border-top: 1px solid #e1eef4;
    margin: 0 0 1px;
    min-height: 80px;
    opacity: 1
}
.routing-rule-table .rule-row:last-child {
    border-bottom: 1px solid #e1eef4
}
.routing-rule-table .rule-row>div {
    display: table-cell;
    vertical-align: top
}
.routing-rule-table .rule-row>div>div {
    padding: 15px 10px 0;
    text-align: left
}
.routing-rule-table .rule-drag-handle p {
    -webkit-transform: rotate(90deg) translateX(10px) translateY(-20px);
    transform: rotate(90deg) translateX(10px) translateY(-20px);
    font-size: 28px;
    margin: 0 -14px;
    display: inline-block;
    color: #b5d2e1
}
.routing-rule-table div.rule-drag-wrap div.rule-drag-handle {
    opacity: 0;
    cursor: move;
    padding: 7px 0 0 15px
}
.routing-rule-table .rule-drag-wrap {
    width: 50px
}
.routing-rule-table .rule-row:hover .rule-drag-handle {
    opacity: 1
}
.rule-row .rule-priority {
    font-size: 14px;
    color: #7695a5
}
.routing-rule-table .rule-title {
    width: 300px
}
.routing-rule-table .rule-title span {
    font-weight: 500
}
.rule-title a {
    text-overflow: ellipsis;
    width: 270px
}
.routing-rule-table .rule-condition {
    width: 215px
}
.routing-rule-table .rule-condition a {
    position: relative
}
.routing-rule-table .rule-condition a span:after {
    width: 100px
}
.routing-rule-table .rule-row a {
    font-size: 14px
}
.routing-rule-table .rule-participants .Avatar {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    height: 22px;
    width: 22px
}
.rule-participants-avatars-list>span {
    display: inline-block;
    vertical-align: top;
    color: #7695a5;
    margin: 0;
    font-size: 12px
}
.rule-participants {
    width: 170px
}
.rule-participants p {
    margin: 10px 0 0
}
.rule-participants-avatars-list {
    width: 230px;
    margin: 0 0 5px
}
.rule-row div div.rules-actions {
    padding: 25px 0 0;
    width: 120px
}
.rule-row .rules-actions a {
    display: inline-block
}
.rule-row .rules-actions svg {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin: 0 10px 0 25px;
    cursor: pointer
}
.rule-row .rules-actions svg path {
    fill: #b5d2e1
}
.rule-row .rules-actions svg:hover path {
    fill: #7695a5
}
.rules-gate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin: 30px 0
}
.rules-gated-content {
    padding: 60px;
    margin: 50px 0 0
}
.rules-gated-content p {
    color: #7695a5;
    font-size: 16px;
    line-height: 1.5
}
.rules-gated-content h2 {
    margin: 0 0 15px;
    font-size: 28px;
    color: #394f5a;
    width: 489px
}
.rules-gated-content .drift-button {
    margin: 15px 15px 45px 0
}
.rules-gated-content iframe {
    display: block
}
.rules-gate svg {
    width: 420px;
    max-height: 780px;
    margin: 0
}
.rules-zero {
    width: 960px;
    margin: 50px auto 0;
    text-align: center;
    color: #394f5a
}
.rules-zero h3 {
    margin: 20px 0 0
}
.rules-zero p {
    font-size: 14px;
    margin: 5px 0 20px
}
@-webkit-keyframes pulse {
    0% {
        fill-opacity: .3
    }
    50% {
        fill-opacity: 1
    }
    to {
        fill-opacity: .3
    }
}
@keyframes pulse {
    0% {
        fill-opacity: .3
    }
    50% {
        fill-opacity: 1
    }
    to {
        fill-opacity: .3
    }
}
.overview-rule {
    padding: 20px
}
.overview-rule h3 {
    color: #394f5a;
    font-size: 16px;
    font-weight: 400;
    margin: 0
}
.overview-rule ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0 0 0 5px
}
.action-preview-users .Avatar {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 4px;
    width: 20px;
    height: 20px
}
.overview-rule li {
    margin: 10px 0 0;
    color: #7695a5
}
.overview-rule li svg {
    width: 15px;
    vertical-align: top;
    max-height: 15px;
    display: inline-block;
    margin: 3px 10px 0 0
}
.overview-rule li svg path {
    fill: #7695a5
}
.action-preview-link.active,
.action-preview-users.active,
.filter-preview-link.active,
.overview-rule li.action-preview-link.active,
.overview-rule li.filter-preview-link.active,
.overview-rule li:hover,
.overview-rule li:hover .participant-add-heading,
.rule-preview-geo-value.active {
    color: #0176ff;
    cursor: pointer
}
.action-preview-users.active svg,
.rule-preview-geo-value.active svg {
    margin: 6px 14px 0 0
}
.participant-add-heading svg path {
    fill: currentColor
}
.action-preview-link,
.action-preview-users {
    cursor: pointer
}
.overview-rule li.action-preview-link svg path,
.overview-rule li.action-preview-users svg path,
.overview-rule li.rule-preview-geo-value svg path {
    fill: #0176ff
}
.overview-rule li.rule-preview-geo-value {
    margin: 10px 0 0 30px
}
.overview-rule li.rule-preview-geo-value.active {
    margin: 10px 0 0
}
.rule-new-line-value {
    display: block
}
.active .rule-new-line-value {
    margin: 0 0 0 29px
}
.rules-url-filter .rules-choice-content input {
    width: 100%
}
.rules-url-filter .rules-choice-content fieldset {
    padding: 0
}
.rules-url-filter .rules-choice-content .rule-url-query-input {
    display: inline-block
}
.rules-url-filter .rules-choice-content fieldset small {
    margin: 5px;
    display: block;
    color: #7695a5
}
.rules-url-filter .rule-url-query-input input {
    width: 218px
}
.rules-url-filter .equals-icon {
    display: inline-block;
    margin: 0 25px
}
.rules-url-filter .rules-choice-content .rule-url-query-input:first-child input {
    border-radius: 0 5px 5px 0
}
.rules-url-filter .query-icon.drift-button {
    border-radius: 5px 0 0 5px;
    background: #e1eef4;
    color: #7695a5;
    border-right: 1px solid transparent;
    padding: .5em 1.2em
}
.rule-filter-custom-input {
    margin: 20px 0 0
}
.rule-filter-custom-input span {
    margin: 0 30px;
    color: #7695a5
}
.rule-filter-custom-input input {
    width: 200px
}
.rules-choice-card.gated-filter {
    color: #b5d2e1;
    position: relative;
    overflow: hidden
}
.rules-choice-card.gated-filter .upgrade-ribbon {
    display: block
}
.rules-choice-card .upgrade-ribbon {
    display: none
}
.rules-choice-card.gated-filter svg path,
.rules-choice-card.gated-filter svg rect {
    fill: #b5d2e1
}
.geo-filter-us-map {
    background: #f2f6f8;
    margin: 12px 0;
    position: relative
}
.geo-filter-us-map .map-wrapper {
    overflow: auto;
    height: 100%;
    width: 100%
}
.geo-filter-us-map.full-screen-map {
    position: fixed;
    top: 0;
    left: 30px;
    z-index: 20;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    box-shadow: 0 1px 136px 55px rgba(0, 0, 0, .4)
}
.geo-filter-us-map.full-screen-map .close-map {
    display: block
}
.geo-filter-us-map .close-map {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 100;
    border-radius: 50%;
    background: #394f5a;
    border: none;
    padding: 6px;
    display: none
}
.geo-filter-us-map .close-map svg {
    width: 12px
}
.geo-filter-us-map .close-map svg path {
    fill: #f2f6f8
}
.geo-filter-us-map-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10
}
.geo-filter-us-map-controls button svg {
    height: 12px
}
.geo-filter-us-map-controls button.full {
    padding: 6px
}
.geo-filter-us-map-controls button {
    display: block;
    margin: 0 0 5px;
    width: 26px;
    line-height: 23px;
    font-size: 16px;
    padding: 0;
    border-radius: 3px
}
.geo-filter-us-map i {
    transition: scale .5s ease;
    display: block
}
.geo-filter-us-map svg path {
    fill: #fff;
    transition: all .5s ease;
    stroke-width: .3px;
    stroke: #7695a5;
    cursor: pointer;
    -webkit-transform-origin: center;
    transform-origin: center
}
.geo-filter-us-map svg path.active {
    fill: #7695a5;
    stroke: #fff
}
.geo-filter-us-map svg path:active {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    stroke-width: 1.3px;
    stroke-color: #fff
}
.geo-filter-us-map svg path:hover {
    fill: #b5d2e1;
    stroke: #fff!important;
    stroke-width: .9px
}
.geo-filter-us-map svg path[style]:hover {
    fill: #7695a5!important
}
.market-categories-list {
    max-height: 400px
}
.rule-publish-content {
    width: 405px;
    margin: 0 auto;
    text-align: center
}
.rule-publish-content button,
.rule-publish-content input {
    width: 100%;
    display: block
}
.rule-publish-content input {
    text-align: center
}
.rule-publish-content input::-webkit-input-placeholder {
    color: #b5d2e1
}
.rule-publish-content input::-moz-placeholder {
    color: #b5d2e1
}
.rule-publish-content input:-ms-input-placeholder {
    color: #b5d2e1
}
.rule-publish-content input::placeholder {
    color: #b5d2e1
}
.rule-publish-content button {
    font-size: 16px;
    margin: 50px 0 0
}
.rule-publish-content small {
    margin: 4px 0 0;
    display: block;
    color: #7695a5
}
.publish-errors {
    min-width: 760px
}
.rules-error-wrapper {
    max-width: 600px;
    margin: 0 auto
}
.error-set {
    list-style: none;
    margin: 0 0 20px 5px;
    padding: 0
}
.error-set>li {
    text-indent: -5px;
    font-size: 16px;
    color: #0176ff;
    cursor: pointer;
    padding: 0
}
.error-set>li:hover {
    text-decoration: underline
}
.error-set>li:before {
    content: "- ";
    text-indent: -5px
}
.rules-error-wrapper h2 {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #e1eef4;
    padding: 0 0 5px;
    color: #394f5a
}
.rules-editor-container {
    width: 100%;
    height: 100%;
    min-width: 1220px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: table
}
.rules-editor-overview {
    background: #f2f6f8;
    width: 230px;
    max-width: 230px;
    font-size: 14px
}
.rules-editor,
.rules-editor-overview {
    height: 100%;
    display: table-cell;
    vertical-align: top
}
.rules-editor {
    width: calc(100% - 300px);
    min-height: 100%;
    padding: 0 0 220px;
    background: #fff;
    position: relative
}
.rules-editor header a {
    float: right;
    margin: 5px 0 0
}
.rules-editor-overview>header {
    margin: 0 0 30px
}
.rules-editor-overview>header,
.rules-editor>header {
    height: 70px;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e1eef4
}
.rules-editor-overview input {
    border: none;
    outline: none;
    background: none;
    font-size: 18px;
    padding: 10px 10px 10px 35px;
    background-repeat: no-repeat;
    background-position: 10px 16px;
    background-size: 15px auto;
    background-image: url(/assets/2a2e3821f960f35072d6ad5278aa37f4.svg);
    margin: 1px 0 0;
    border: 1px solid transparent;
    text-overflow: ellipsis;
    width: 200px;
    color: #394f5a
}
.rules-editor-overview input:focus {
    text-overflow: clip;
    border-color: transparent!important
}
.rules-editor .save-button {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    width: calc(100% - 230px);
    border-radius: 0;
    font-size: 16px
}
.rules-editor .rules-choice header,
.rules-editor .rules-chooser header {
    text-align: center;
    margin: 75px 0
}
.rules-editor p {
    color: #7695a5;
    text-align: center
}
.rules-choice-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 780px;
    margin: 0 auto 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.rules-choice-card {
    width: 320px;
    border: 1px solid #e1eef4;
    border-radius: 3px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
    text-align: center;
    box-sizing: content-box;
    cursor: pointer;
    margin: 0 0 15px
}
.rules-chooser p.coming-soon {
    font-size: 12px
}
.rules-choice-card svg {
    height: 40px
}
.rules-choice-card svg path {
    fill: #394f5a
}
.rules-choice-card:hover,
.rules-choice-card:hover p {
    color: #0176ff
}
.rules-choice-card:hover svg path,
.rules-choice-card:hover svg rect {
    fill: #0176ff
}
.rules-choice {
    margin: 0 auto;
    padding: 0 45px;
    max-width: 960px
}
.rules-choice-content,
.rules-choice-sidebar {
    display: inline-block;
    vertical-align: top
}
.rules-choice-sidebar {
    width: 200px
}
.rules-choice-sidebar .Select-option {
    padding: 15px 10px
}
.rules-choice-content {
    width: calc(100% - 275px);
    margin: 0 0 0 75px;
    min-width: 530px
}
.rules-choice-content.rules-content-no-sidebar {
    margin: 0 auto;
    display: block
}
.rules-choice .Select {
    width: 100%;
    cursor: pointer;
    z-index: 20
}
.rules-choice .Select-placeholder,
.rules-choice .Select-value {
    top: 2px!important
}
.rules-choice .Select-placeholder {
    color: #b5d2e1
}
.rules-choice .drift-form .Select-control {
    height: 3.2em;
    border: 1px solid #b5d2e1
}
.choice-dropdown-option {
    padding: 10px 0;
    cursor: pointer
}
.choice-dropdown-option .Avatar,
.participants-list-item .Avatar {
    display: inline-block;
    height: 25px;
    width: 25px
}
.choice-option-value {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 10px
}
.choice-option-add {
    float: right;
    display: none;
    margin: 2px 5px;
    color: #0176ff;
    font-size: 12px
}
.Select-option.is-focused {
    background: #e1f6ff
}
.Select-option,
.Select-option.is-focused {
    border-bottom: 1px solid #e1eef4
}
.Select-menu-outer {
    border-color: #e1eef4;
    box-shadow: 0 1px 0 #e1eef4
}
.Select-option.is-focused .choice-option-add {
    display: inline-block
}
.rules-choice-selection ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.rules-choice-selection-multi-column ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between
}
.rules-choice-selection-multi-column li {
    width: 45%
}
.rules-choice-selection li {
    border-bottom: 1px solid #e1eef4;
    padding: 35px 0 15px 10px
}
.rules-choice-selection li span {
    width: 82%;
    display: inline-block
}
.rules-choice-selection.rules-choice-selection-multi-column li span {
    width: 175px
}
.rules-choice-selection .remove {
    float: right;
    cursor: pointer;
    margin: 5px 10px 0
}
.rules-choice-selection .remove svg {
    height: 10px
}
.rules-choice-selection .remove path {
    fill: #b5d2e1
}
.rules-choice-sidebar fieldset {
    margin: 0;
    padding: 0 0 .75em
}
.rules-choice-sidebar .drift-button.selected {
    background: #e1eef4
}
.rules-choice-sidebar .drift-pill-set .drift-button {
    width: 50%;
    color: #7695a5
}
.drift-pill-set .drift-button:first-child {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid transparent
}
.drift-pill-set .drift-button:last-child {
    border-radius: 0 5px 5px 0
}
p.participant-rotation-helper {
    font-size: 14px;
    text-align: left;
    margin: 10px 0 0
}
.participants-list-item>span {
    vertical-align: top;
    display: inline-block;
    margin: 2px 0 0 10px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.IntegrationCard---3a3EH,
.IntegrationCard---3a3EH .active-integration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.IntegrationCard---3a3EH {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.IntegrationCard---3a3EH {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 275px;
    height: 242px;
    margin: .5rem;
    padding: 2rem;
    transition: border-color .3s;
    position: relative;
    overflow: hidden
}
.IntegrationCard---3a3EH.disabled {
    background: #e1eef4
}
.IntegrationCard---3a3EH .filler {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.IntegrationCard---3a3EH .dsg-h3 {
    margin-top: 1rem;
    margin-bottom: .5rem
}
.IntegrationCard---3a3EH:hover {
    border: 1px solid #13cb6e
}
.IntegrationCard---3a3EH .title {
    font-weight: 500;
    font-size: 1.3125rem;
    color: #000
}
.IntegrationCard---3a3EH .description {
    color: #7695a5;
    font-size: .875rem
}
.IntegrationCard---3a3EH .logo {
    height: 40px
}
.IntegrationCard---3a3EH .detail {
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500
}
.IntegrationCard---3a3EH .active-integration {
    color: #13cb6e
}
.IntegrationCard---3a3EH .active-integration img {
    margin-right: .3rem
}
.IntegrationCard---3a3EH img {
    display: block;
    height: 100%;
    width: auto
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.IntegrationList---1d7Zf,
.IntegrationListContainer---IxbFj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.IntegrationListContainer---IxbFj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-card.uiButton__Medium {
    font-size: 1rem
}
.IntegrationListContainer---IxbFj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh
}
.IntegrationListContainer---IxbFj .upgrade-pill {
    margin: 10px
}
.IntegrationListContainer---IxbFj .IntegrationsHeader---30faQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    padding-left: 8px;
    padding-bottom: 10px
}
.IntegrationListContainer---IxbFj .IntegrationsHeader---30faQ .integrations-form {
    padding-right: 5px
}
.IntegrationListContainer---IxbFj .IntegrationsTitle---cxEaQ {
    font-size: 28px;
    font-weight: 500;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.IntegrationListContainer---IxbFj .IntegrationSearch---2FPAt {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10
}
.IntegrationListContainer---IxbFj .IntegrationSearch---2FPAt .search-icon {
    min-width: 1.8rem;
    height: auto
}
.IntegrationList---1d7Zf {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.IntegrationTitle---Wx7wv {
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #e1eef4
}
.IntegrationTitle---Wx7wv h2 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 500
}
.IntegrationContent---3YpT2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.MainContent---3d7_s {
    margin-right: 1rem;
    width: 35rem
}
.PreviewContent---1TMQi {
    width: 16rem
}
.PreviewContent---1TMQi .content {
    padding-top: .5rem
}
.IntegrationCategoryDropdown---2yWYy {
    min-width: 160px
}
.IntegrationCategoryDropdown---2yWYy:hover {
    cursor: pointer
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Settings---3jsMq .settings-page-content .action-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Settings---3jsMq .settings-page-content .action-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.Settings---3jsMq .settings-page-content .settings-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Settings---3jsMq .settings-page-content button.btn-settings {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.Settings---3jsMq .settings-page-content button.btn-settings:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.Settings---3jsMq .settings-page-content button.btn-settings[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Settings---3jsMq .premium-section {
    border-top: 1px solid #e1eef4;
    padding-top: 10px;
    font-weight: 400
}
.Settings---3jsMq .premium-section .premium-section-title {
    margin-left: 10px;
    padding-bottom: 5px;
    color: #13cb6e;
    font-weight: 500;
    font-size: .875rem
}
.Settings---3jsMq .settings-main-header {
    margin: 20px 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1eef4;
    color: #394f5a;
    font-size: 2rem
}
.Settings---3jsMq .settings-navigation,
.Settings---3jsMq .settings-rest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.Settings---3jsMq .settings-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 134px;
    margin: 30px 80px 0 40px
}
.Settings---3jsMq .settings-navigation-item {
    width: 134px;
    border-radius: 3px;
    padding: 3px 10px;
    color: #7695a5;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: .875rem;
    transition: all .3s
}
.Settings---3jsMq .settings-navigation-item.selected,
.Settings---3jsMq .settings-navigation-item:hover {
    background-color: #e1eef4;
    color: #394f5a
}
.Settings---3jsMq .settings-page-content {
    background-color: #fff;
    padding-right: 130px;
    width: 100%
}
.Settings---3jsMq .settings-page-content .section-header {
    color: #13cb6e;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase
}
.Settings---3jsMq .settings-page-content .settings-heading {
    text-transform: uppercase;
    margin: 0 30px 20px
}
.Settings---3jsMq .settings-page-content .settings-back-button {
    margin: 0 30px 60px
}
.Settings---3jsMq .settings-page-content .input-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #9a9a9a;
    margin-left: .1rem
}
.Settings---3jsMq .settings-page-content .settings-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 2rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #e1eef4;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.Settings---3jsMq .settings-page-content button.btn-settings {
    font-weight: 600;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s;
    background-color: #13cb6e
}
.Settings---3jsMq .settings-page-content button.btn-settings[disabled] {
    background-color: #f2f6f8
}
.Settings---3jsMq .settings-page-content .action-controls {
    opacity: 0;
    max-height: 0;
    width: 100%;
    transition: all .25s ease-in-out;
    overflow: hidden
}
.Settings---3jsMq .settings-page-content .action-controls.shown {
    opacity: 1;
    max-height: 3.5rem
}
.Settings---3jsMq .settings-page-content .action-controls .action {
    margin-right: 2rem
}
.Settings---3jsMq .settings-page-content .action-controls .reset {
    cursor: pointer;
    font-size: 16px;
    color: #9a9a9a
}
.Settings---3jsMq .settings-page-content .action-controls .reset:hover {
    color: #333
}
.Settings---3jsMq .settings-page-content .upgrade-pill.dsg-card {
    padding: 1rem;
    color: #7695a5;
    background: #fff;
    border-radius: .3125rem;
    border-top: .5rem solid #13cb6e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.Settings---3jsMq .settings-page-content .upgrade-pill.dsg-card .title {
    font-size: 1.3125rem;
    font-weight: 500;
    margin-bottom: .5rem;
    color: #000
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.ManageInboxes .inbox .name,
.ManageInboxes .inbox .reply-email {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ManageInboxes {
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 325ms ease-in-out
}
.ManageInboxes.move-forward {
    left: -2rem;
    opacity: .3
}
.ManageInboxes .inboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.ManageInboxes .new-inbox-button {
    margin-bottom: 5px;
    margin-left: 12px
}
.ManageInboxes .inbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 13.6rem;
    height: 9.375rem;
    margin: .5rem .75rem;
    border: 2px solid #eee;
    border-radius: .625rem;
    cursor: pointer
}
.ManageInboxes .inbox:hover {
    border-color: #13ddb0
}
.ManageInboxes .inbox svg {
    width: 2.5rem;
    margin-bottom: 1rem
}
.ManageInboxes .inbox svg path {
    fill: #13ddb0
}
.ManageInboxes .inbox .name,
.ManageInboxes .inbox .reply-email {
    width: 100%;
    text-align: center;
    padding: 0 1rem
}
.ManageInboxes .inbox .name {
    font-size: 18px;
    font-weight: 500
}
.ManageInboxes .inbox .reply-email {
    font-size: 14px;
    color: #9a9a9a
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.ManageTagDropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.ManageTagDropdown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.ManageTagDropdown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.ManageTagDropdown {
    position: absolute;
    z-index: 3;
    width: 6.5rem;
    top: 2rem;
    right: 1rem;
    color: #000
}
.ManageTagDropdown>div {
    padding: 1rem;
    font-size: 16px;
    cursor: pointer
}
.ManageTagDropdown>div:hover {
    background-color: #fafafa
}
.ManageTagDropdown>div:first-of-type {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem
}
.ManageTagDropdown>div:last-of-type {
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.ManageTagsList .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between,
.ManageTagsList .sub-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around,
.ManageTagsList .add-tag-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.ManageTagsList .sub-title {
    padding: .5rem 1.3rem;
    color: #9a9a9a;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #eee
}
.DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2)
}
.DropDown:before {
    content: "";
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.DropDown:after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.DropDown {
    position: absolute;
    z-index: 1
}
.ManageTagsList .add-tag-button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px dashed #9a9a9a;
    border-radius: .3125rem;
    padding: .15rem .75rem;
    color: #9a9a9a
}
.ManageTagsList .add-tag-button>span {
    margin-left: .4rem;
    font-size: .9rem;
    font-weight: 400;
    color: #9a9a9a
}
.ManageTagsList .add-tag-button:hover {
    border-color: #0176ff
}
.ManageTagsList .add-tag-button:hover .tag-button-title {
    color: #0176ff
}
.ManageTagsList .add-tag-button:hover i svg * {
    fill: #0176ff
}
.ManageTagsList .add-tag-button .add-tag-plus {
    width: .7rem;
    height: .7rem
}
.ManageTagsList .tag {
    position: relative
}
.ManageTagsList .tags {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem
}
.ManageTagsList .tags>* {
    margin: 0 .25rem .5rem 0
}
.ManageTagsList .tags .configure-tag {
    width: .7rem;
    margin-left: .5rem;
    cursor: pointer
}
.ManageTagsList .tags .configure-tag path {
    fill: #fff
}
.ManageTagsList .tags .configure-tag:hover path {
    fill: $color-off-white
}
.ManageTagsList .tag-color-select-dropdown {
    width: 12.8rem
}
.ManageTagsList .add-tag-button {
    cursor: pointer
}
.ManageTagsList .add-tag-button .tag-color-select-dropdown {
    position: absolute;
    cursor: auto;
    top: 2.4rem;
    left: -12rem
}
.ManageTagsList .add-tag {
    position: relative
}
.ManageTags .tag-sections .section {
    box-shadow: 0 2px 0 #eee
}
.ManageTags>p {
    margin: 2rem
}
.ManageTags .tag-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem
}
.ManageTags .tag-sections .section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: .3125rem
}
.ManageTags .tag-sections .section:first-child {
    margin-right: 1rem
}
.ManageTags .tag-sections .section .section-header {
    font-size: 12px;
    padding: 1rem 2rem;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #eee
}
.ManageTags .tag-sections .section .section-content {
    padding: 1rem 2rem 0
}
.ClickThroughAccordion---1UCwF>div:first-child span {
    display: none
}
.ClickThroughAccordion---1UCwF>div:first-child:hover {
    background-color: #effaff;
    cursor: pointer
}
.ClickThroughAccordion---1UCwF>div:first-child:hover span {
    display: inline-block;
    margin-right: 15px;
    margin-top: -22px;
    font-size: .875rem;
    color: #7695a5
}
.Conversations---QJ2YB>div:last-child {
    border-bottom: none
}
.ChatWidget---1E0L_>div:last-child {
    border-bottom: none
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.SectionItem---3xhPU {
    margin-top: 25px
}
.SectionItem---3xhPU .title {
    font-size: .875rem;
    font-weight: 500;
    display: block
}
.SectionItem---3xhPU .description {
    font-size: .875rem;
    color: #7695a5
}
.SectionItem---3xhPU .content {
    margin-top: 15px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.MultiSegmentSelect---6ANJ8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem
}
.MultiSegmentSelect---6ANJ8 .add-segment {
    margin-top: .25rem
}
.SegmentSelect---2q6z2 {
    margin-top: 2rem;
    position: relative
}
.SegmentSelect---2q6z2.top-select {
    margin-top: .5rem
}
.SegmentSelect---2q6z2 .select-actions {
    position: absolute;
    right: 0;
    top: -1.65rem;
    font-size: .75rem
}
.SegmentSelect---2q6z2 .action-separator {
    color: #ccc;
    margin-left: .5rem;
    margin-right: .5rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Segment---1X_tn .AriaMenuButton {
    width: 100%
}
.Segment---1X_tn .AriaMenuButton [role=menu] {
    max-height: 30rem;
    overflow-y: scroll
}
.Segment---1X_tn .AriaMenuButton .content {
    margin-top: 0
}
.Segment---1X_tn .AriaMenuButton span {
    border: 1px solid #b5d2e1
}
.Segment---1X_tn .add-segment {
    font-size: .75rem;
    font-weight: 400
}
.Segment---1X_tn .top-select {
    margin-top: 0;
    margin-bottom: 0
}
.Segment---1X_tn .dsg-Label,
.Segment---1X_tn .dsg-Label--gray {
    text-transform: capitalize;
    color: #7695a5;
    font-size: .875rem;
    font-weight: 400;
    text-indent: 5px;
    margin-bottom: 5px
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.ChatWidgetTargetRule---_iSn0 .AriaMenuButton {
    width: 100%
}
.ChatWidgetTargetRule---_iSn0 .AriaMenuButton [role=menu] {
    max-height: 30rem;
    overflow-y: scroll
}
.ChatWidgetTargetRule---_iSn0 .AriaMenuButton .content {
    margin-top: 0
}
.ChatWidgetTargetRule---_iSn0 .AriaMenuButton span {
    border: 1px solid #b5d2e1;
    font-size: .75rem;
    font-weight: 500;
    text-indent: 0
}
.ChatWidgetTargetRule---_iSn0 .top-select {
    margin-top: 5px;
    margin-bottom: 0
}
.ChatWidgetTargetRule---_iSn0 .dsg-Label,
.ChatWidgetTargetRule---_iSn0 .dsg-Label--gray {
    text-transform: capitalize;
    color: #7695a5;
    font-size: .875rem;
    font-weight: 400;
    text-indent: 5px;
    margin-bottom: 5px
}
.MultiTimeSelect---1yckL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}
.MultiTimeSelect---1yckL .invalid-label {
    position: absolute;
    top: -28px;
    right: 0;
    color: #e92e4b;
    font-size: .75rem
}
.MultiTimeSelect---1yckL .add-time {
    font-size: .75rem
}
.TimeSelect---1dUUu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem;
    font-size: .75rem;
    color: #7695a5
}
.TimeSelect---1dUUu .invalid .Select-control {
    border-color: #e92e4b
}
.DaySelect---13CKA {
    width: 6.2rem;
    text-transform: capitalize;
    font-size: .75rem;
    font-weight: 500
}
.HourSelect---3r-Ej {
    width: 5.6rem;
    font-size: .75rem;
    font-weight: 500
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.TimeSelect---EkuXZ {
    width: 5rem;
    font-size: .75rem
}
.DayAvailability---2nZ5X {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    margin-bottom: 1rem
}
.DayAvailability---2nZ5X .day {
    text-transform: capitalize
}
.DayAvailabilityOptions---1Y13g {
    max-width: 17rem
}
.DayAvailabilityOptions---1Y13g,
.DayAvailabilitySelect---1vjkH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.DayAvailabilitySelect---1vjkH {
    max-width: 12rem
}
.WeekdaysEqual---3doFe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.BackButtonContainer---3Mb_n {
    margin-top: 30px
}
.BackButton---NuiPc,
.BackButtonContainer---3Mb_n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.BackButton---NuiPc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0176ff;
    font-size: 1rem
}
.BackButton---NuiPc svg {
    width: 14px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: .5rem
}
.BackButton---NuiPc svg path {
    fill: #0176ff
}
.BackButton---NuiPc span {
    vertical-align: middle
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.TimezoneSelect---OeYsd {
    font-size: .75rem;
    font-weight: 500
}
.RadioOption---Z1_px {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.RadioOption---Z1_px .empty-circle {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid #b5d2e1;
    background-color: #fff;
    margin-right: .75rem
}
.RadioOption---Z1_px .empty-circle.selected {
    border-color: #13cb6e
}
.RadioOption---Z1_px .circle {
    background-color: #13cb6e;
    border-radius: 50%;
    width: 75%;
    height: 75%
}
.OnlineToggle---1K3tv .react-toggle .react-toggle-track-check,
.OnlineToggle---1K3tv .react-toggle .react-toggle-track-x {
    font-size: .875rem;
    font-weight: 500;
    top: 10px;
    right: auto;
    left: 26px
}
.OnlineToggle---1K3tv .react-toggle .react-toggle-track {
    width: 80px;
    height: 24px;
    color: #fff;
    background-color: #7695a5
}
.OnlineToggle---1K3tv .react-toggle .react-toggle-thumb {
    border-color: #b5d2e1
}
.OnlineToggle---1K3tv .react-toggle:hover .react-toggle-track {
    background-color: #7695a5
}
.OnlineToggle---1K3tv .react-toggle--checked .react-toggle-track-check {
    left: 10px
}
.OnlineToggle---1K3tv .react-toggle--checked .react-toggle-track {
    background-color: #13cb6e
}
.OnlineToggle---1K3tv .react-toggle--checked .react-toggle-thumb {
    left: 57px;
    border-color: #13cb6e
}
.OnlineToggle---1K3tv .react-toggle--checked:hover .react-toggle-track {
    background-color: #13cb6e
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.WidgetModeSelector---1tInT>:not(:first-child) {
    margin-bottom: 0
}
.WidgetModeSelector---1tInT:first-child .optionTitle {
    float: left
}
.WidgetModeSelector---1tInT .manualToggle {
    float: right;
    position: relative;
    top: -24px
}
.WidgetModeSelector---1tInT .optionTitle {
    float: left;
    font-size: .875rem;
    width: 100%;
    font-weight: 500
}
.WidgetModeSelector---1tInT .optionDescription {
    color: #7695a5;
    font-size: .75rem;
    display: block
}
.WidgetModeSelector---1tInT .selectorClearance {
    margin-top: 24px
}
.WidgetModeSelector---1tInT .disabledOnlineHours {
    margin: 0 -.5rem;
    border-radius: 5px;
    padding: .75rem 2rem .75rem .5rem
}
.WidgetModeSelector---1tInT .disabledOnlineHours .dsg-Title {
    font-size: .875rem;
    font-weight: 500
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.HoursAndTargeting---3SneG {
    padding-bottom: 40px;
    min-width: 500px;
    max-width: 600px
}
.HoursAndTargeting---3SneG .mainTitle {
    margin-top: 32px
}
.HoursAndTargeting---3SneG .timezone .content {
    width: 250px
}
.HoursAndTargeting---3SneG .onlineHours {
    width: 420px;
    padding-left: 33px
}
.HoursAndTargeting---3SneG .onlineHours .content,
.HoursAndTargeting---3SneG .timezone .content {
    margin-top: 5px
}
.HoursAndTargeting---3SneG .onlineHours .title,
.HoursAndTargeting---3SneG .target .title,
.HoursAndTargeting---3SneG .timezone .title {
    color: #7695a5;
    font-size: .875rem;
    font-weight: 400;
    text-indent: 5px
}
.HoursAndTargeting---3SneG .targeting {
    margin-top: 50px
}
.DisabledAudienceAndTargeting---2Px3J {
    margin: 3rem -.5rem 0;
    border-radius: 5px;
    padding: 15px 18px
}
.DisabledAudienceAndTargeting---2Px3J div:first-child {
    margin-top: 0
}
.DisabledAudienceAndTargeting---2Px3J .content {
    color: #7695a5;
    font-size: .875rem
}
.plan-accordion-segment {
    margin-top: 2rem;
    margin-bottom: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid #e1eef4;
    clear: both
}
.plan-accordion-segment:first-of-type {
    border: 0;
    margin: 0;
    padding: 0
}
.plan-accordion-segment .plan-features-label {
    margin: 1rem 0 .5rem;
    clear: both
}
.plan-accordion-segment input[type=radio] {
    float: left;
    margin-right: 1rem
}
.plan-accordion-segment .plan-name {
    cursor: pointer
}
.plan-features-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .875rem
}
.plan-features-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.plan-features-list li {
    margin: .25rem .5rem .25rem 0;
    padding-left: 1.2rem;
    display: inline-block;
    width: 48%;
    min-width: 125px;
    float: left;
    background: url(/assets/b46b90c981a9b40a45c9892ef430150b.svg) no-repeat 0;
    background-size: 12px 8px
}
.plan-features-list li:nth-child(odd) {
    clear: left
}
.plan-selection-disabled .plan-name {
    color: #b5d2e1;
    cursor: auto
}
.UpgradeModal---2q7bi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.BottomControl---n4F11,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Header---2GcDQ,
.LeftSide---3Do5P,
.MainContent---1n5Fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.LeftSide---3Do5P,
.MainContent---1n5Fx {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.BottomControl---n4F11,
.flex,
.flex-inline,
.Header---2GcDQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.BottomControl---n4F11,
.EditableArea---2q2N8,
.Header---2GcDQ {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}
.WizardTemplate---1k6m8 {
    min-width: 1100px;
    height: 100%
}
.BottomControl---n4F11 button,
.NavControl---2aS4R {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.LeftSide---3Do5P {
    width: 400px;
    height: 100%;
    border-right: 2px solid #e1eef4;
    background-color: #fff
}
.MainContent---1n5Fx {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-y: auto;
    background-color: #f2f6f8;
    padding: 2rem
}
.Header---2GcDQ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 2px solid #e1eef4
}
.EditableArea---2q2N8,
.Header---2GcDQ .dsg-h2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.EditableArea---2q2N8 {
    padding-top: 45px
}
.EditableArea---2q2N8 .react-select-box-container {
    height: 65px
}
.EditableArea---2q2N8 .AriaMenuButton,
.EditableArea---2q2N8 input,
.EditableArea---2q2N8 textarea {
    font-size: .875rem!important;
    font-weight: 400!important
}
.EditableArea---2q2N8 input {
    height: 40px
}
.EditableArea---2q2N8 .AriaMenuButton {
    width: 100%
}
.EditableArea---2q2N8 .react-select-box-options {
    max-height: 40vh;
    overflow-y: auto
}
.BottomControl---n4F11 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 2px solid #e1eef4
}
.BottomControl---n4F11>* {
    width: 100%
}
.BottomControl---n4F11 button {
    background-color: #13ddb0
}
.BottomControl---n4F11 .dsg-Regular {
    text-transform: uppercase;
    color: #7695a5
}
.CancelControl---24xhF {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #7695a5
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.NavigationBreadCrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.NavigationBreadCrumb {
    border-radius: .3125rem;
    overflow: hidden
}
.NavigationBreadCrumb--Navigation {
    opacity: 1;
    position: relative;
    padding-right: 11px;
    padding-left: 22px;
    line-height: 22px;
    color: #fff;
    background-color: #b5d2e1;
    font-size: .75rem;
    font-weight: 600
}
a.NavigationBreadCrumb--Navigation {
    color: #fff;
    background-color: #13cb6e
}
a.NavigationBreadCrumb--Navigation:after {
    background-color: #13cb6e
}
a.NavigationBreadCrumb--Navigation:hover {
    color: #fff;
    background-color: $color-dark-green
}
.NavigationBreadCrumb--Navigation:first-child {
    border-radius: .3125rem 0 0 .3125rem;
    padding-left: 14.666666666666666px
}
.NavigationBreadCrumb--Navigation:last-child {
    border-radius: 0 .3125rem .3125rem 0;
    padding-right: 14.666666666666666px
}
.NavigationBreadCrumb--Navigation:last-child:after {
    content: none
}
.NavigationBreadCrumb--Navigation:after {
    content: "";
    position: absolute;
    top: 0;
    right: -11px;
    width: 22px;
    height: 22px;
    -webkit-transform: scale(.707) rotate(45deg);
    transform: scale(.707) rotate(45deg);
    z-index: 1;
    box-shadow: 2px -2px 0 2px #fff;
    border-radius: 0 5px 0 50px;
    background-color: #b5d2e1
}
.SuccessMessage {
    font-size: 2rem;
    margin-bottom: 50px
}
.dot-color-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: .5rem auto 1rem
}
.picker-color-option {
    border-radius: 100em;
    height: 30px;
    width: 30px;
    margin: 0 15px 15px 0;
    cursor: pointer
}
.picker-color-option:nth-child(8n+0) {
    margin-right: 0
}
.WelcomeProfileTitle---1Wj0U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%
}
.WelcomeProfileTitle---1Wj0U h1.title {
    margin: 15px -2rem 10px;
    color: #0176ff;
    font-size: 2rem
}
.WelcomeProfileTitle---1Wj0U p {
    margin-top: .5rem;
    margin-bottom: .5rem
}
.WelcomeProfileTitle---1Wj0U p.description {
    text-align: center;
    margin: 0 -2rem 3rem;
    font-size: 1rem
}
.WelcomeProfileStep---2CtAm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    font-size: .875rem;
    width: 100%
}
.WelcomeProfileStep---2CtAm p {
    margin-top: 0;
    margin-bottom: .75rem
}
.WelcomeProfileStep---2CtAm .card {
    width: 28rem;
    padding: 2rem;
    margin-bottom: 2rem
}
.WelcomeProfileStep---2CtAm .input-wrapper {
    margin-bottom: 1rem;
    width: 100%
}
.WelcomeProfileStep---2CtAm .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin: 0
}
.WelcomeProfileStep---2CtAm .Input.active {
    border-color: #13cb6e
}
.WelcomeProfileStep---2CtAm .Input.error {
    border-color: #ff7f93
}
.WelcomeProfileStep---2CtAm .Input input,
.WelcomeProfileStep---2CtAm .Input textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: 0 .75rem
}
.WelcomeProfileStep---2CtAm .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.WelcomeProfileStep---2CtAm .Input::-moz-placeholder {
    color: #b5d2e1
}
.WelcomeProfileStep---2CtAm .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.WelcomeProfileStep---2CtAm .Input::placeholder {
    color: #b5d2e1
}
.WelcomeProfileStep---2CtAm .Input>textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: .75rem
}
.Tip---2D_FY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    text-align: right;
    font-size: .875rem;
    width: 320px;
    padding-right: 1rem;
    padding-bottom: 1rem
}
.Tip---2D_FY h3.title {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    margin: 0 0 1rem
}
.Tip---2D_FY p {
    margin: 0;
    font-size: .875rem
}
.Tip---2D_FY img.pic {
    width: 30px;
    height: 30px;
    border-radius: 50%
}
.Tip__Author---2s5Pj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem
}
.Tip__Author---2s5Pj .author {
    margin-right: .35rem;
    font-style: italic
}
.Submit---1-xxj {
    width: 100%
}
.Submit---1-xxj button.submit-button {
    width: 100%;
    padding: .65rem 1rem;
    font-size: 16px;
    margin-bottom: 1rem;
    background-color: #13cb6e
}
.Testimonial---1r1aT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 100%;
    font-size: .875rem;
    padding: 2rem
}
.Testimonial---1r1aT h3.dsg-h3 {
    font-size: .875rem
}
.Testimonial---1r1aT p {
    margin-top: 0
}
.Testimonial---1r1aT .quotes {
    font-style: italic;
    margin-bottom: 0
}
.Testimonial---1r1aT .description {
    font-style: italic;
    text-align: center
}
.Testimonial---1r1aT .author {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}
.Testimonial---1r1aT img {
    margin-top: 7rem;
    border-radius: 50%;
    height: 146px;
    width: 146px
}
.create-customize {
    padding: 5% 0
}
.create-customize .create-customize-tip {
    width: 250px;
    color: #fff;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: -30%;
    margin-top: -2%
}
.create-customize .create-customize-tip .tip-arrow {
    margin-top: .75rem;
    margin-bottom: 1rem;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.create-customize-preview {
    height: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
img.create-customize-avatar {
    max-height: 580px;
    max-width: 600px;
    margin-left: 80%;
    border-radius: 5px
}
.create-customize-chat-preview {
    width: 359px;
    position: relative
}
.create-customize-chat-preview i {
    font-style: normal
}
.create-customize-chat-preview .customer-avatar {
    position: absolute;
    border-radius: 100rem;
    width: 29px;
    height: 29px;
    top: 25.75rem;
    left: 10.25rem;
    border: 4px rgba(0, 0, 0, .5)
}
#create-customize-chat-preview-svg {
    width: 359px
}
#create-customize-chat-preview-svg svg {
    color: inherit
}
#create-customize-chat-preview-svg svg #color {
    color: inherit;
    fill: currentColor
}
.AvatarPicker---3r-T3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .3125rem;
    overflow: hidden;
    border: 2px solid #e1eef4;
    width: 100%;
    transition: border-color .3s;
    border-radius: 5px
}
.AvatarPicker---3r-T3 .AvatarPicker__Preview {
    background-color: #f2f6f8;
    min-width: 70px;
    min-height: 85px;
    padding: 1rem .5rem;
    border-right: 2px solid #e1eef4;
    text-align: center
}
.AvatarPicker---3r-T3:hover {
    cursor: pointer;
    border-color: #13cb6e
}
.AvatarPicker---3r-T3.active {
    border-color: #13cb6e
}
.AvatarPicker---3r-T3 .AvatarPicker__Loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.AvatarPicker---3r-T3 .AvatarPicker__Loading .circle {
    background-color: #13cb6e
}
.preview-instructions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}
.color-picker-container {
    margin-bottom: 2rem
}
.create-profile {
    height: 100%
}
.create-profile,
.create-profile .create-profile-tip {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.create-profile .create-profile-tip {
    width: 140px;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    margin-left: 40%;
    margin-top: -10%
}
.create-profile .create-profile-tip .tip-arrow {
    margin-top: -1.2rem;
    margin-right: -1.4rem;
    margin-bottom: 1rem;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.create-profile-layout {
    position: relative;
    border-radius: 5px;
    height: 500px;
    width: 800px;
    margin: 0 auto
}
.profile-layout-cover {
    height: 100%;
    width: 50%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-size: cover;
    background-position: 50%;
    margin-right: -2px
}
.profile-overlay {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    position: absolute
}
.profile-overlay-name {
    width: 352px;
    font-size: 36px;
    top: 32%;
    right: 1%
}
.preview-placeholder-text {
    color: #7695a5
}
.profile-overlay-org {
    width: 333px;
    font-size: 12px;
    top: 48.5%;
    right: 1%
}
.profile-overlay-org .link {
    color: #0176ff
}
#create-details-preview-svg {
    width: 50%;
    max-width: 373px
}
#create-details-preview-svg svg {
    color: inherit;
    height: 100%
}
#create-details-preview-svg svg #color {
    color: inherit;
    fill: currentColor
}
.RoleSelect---2M2sP {
    width: 100%
}
.RoleSelect---2M2sP .Select-control {
    border-color: #e1eef4
}
.RoleSelect---2M2sP .Select-arrow,
.RoleSelect---2M2sP .Select-placeholder {
    color: #b5d2e1
}
.RoleSelect---2M2sP.is-open>.Select-control,
.RoleSelect---2M2sP .Select-menu-outer {
    border-color: #e1eef4
}
.RoleSelect---2M2sP.is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e
}
.FinePrint---1dOxr {
    margin: .5rem 0 2rem;
    font-size: .6875rem;
    width: 20rem;
    text-align: center
}
.TelephoneInput---1_gHS .react-tel-input {
    width: auto;
    margin-bottom: 1rem
}
.TelephoneInput---1_gHS .react-tel-input input {
    border-radius: .3125rem;
    box-shadow: none;
    border: 2px solid #e1eef4;
    transition: border-color .3s
}
.TelephoneInput---1_gHS .react-tel-input input:focus {
    border-color: #13cb6e
}
.button-wrapper {
    width: 100%
}
.url-handle-input-container {
    margin-bottom: 1rem
}
.url-handle-input-container .profile-drift-link {
    font-size: 21px;
    color: #0176ff;
    margin-bottom: 1rem
}
.profile-connect-preview {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile-connect-preview .profile-connect-chat-preview {
    position: relative;
    margin-top: -4rem
}
.profile-connect-preview .profile-connect-chat-preview .profile-preview-user-details {
    width: 200px;
    position: absolute;
    top: 60.25%;
    left: 17%
}
.profile-connect-preview .profile-connect-chat-preview .profile-preview-user-details .customer-avatar {
    border-radius: 100rem;
    background-size: cover;
    background-position: 0 0;
    width: 30px;
    height: 30px
}
.profile-connect-preview .profile-connect-chat-preview .profile-preview-user-details span {
    display: inline-block;
    margin-left: .5rem;
    white-space: nowrap;
    text-overflow: ellipsis
}
.profile-connect-preview .profile-connect-preview-tip {
    width: 250px;
    color: #fff;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    margin-left: -27rem
}
.profile-connect-preview .profile-connect-preview-tip .tip-arrow {
    margin-top: .75rem;
    margin-bottom: 1rem
}
#create-customize-chat-preview-svg svg {
    width: 359px;
    color: inherit
}
#create-customize-chat-preview-svg svg #color {
    color: inherit;
    fill: currentColor
}
.profile-connect {
    text-align: center;
    width: 100%
}
.profile-connect img.g-logo {
    margin-bottom: 2rem
}
.profile-connect img.small {
    width: 37px;
    height: 37px
}
.profile-connect-oauth {
    margin-bottom: 1.75rem;
    width: 100%
}
.profile-connect-oauth button.drift-button {
    margin-bottom: .5rem;
    width: 100%
}
.calendar-instruction {
    font-size: 12px
}
.RoleSelect---3k-yf {
    width: 100%
}
.RoleSelect---3k-yf .Select-control {
    border-color: #e1eef4;
    height: 3em
}
.RoleSelect---3k-yf .Select-arrow,
.RoleSelect---3k-yf .Select-placeholder {
    color: #b5d2e1
}
.RoleSelect---3k-yf.is-open>.Select-control,
.RoleSelect---3k-yf .Select-menu-outer {
    border-color: #e1eef4
}
.RoleSelect---3k-yf.is-focused:not(.is-open)>.Select-control {
    border-color: #13cb6e
}
.FinePrint---1o0wM {
    margin: .5rem 0 2rem;
    font-size: .6875rem;
    width: 20rem;
    text-align: center
}
.TelephoneInput---QdEP0 .react-tel-input {
    width: auto;
    margin-bottom: 1rem
}
.TelephoneInput---QdEP0 .react-tel-input input {
    border-radius: .3125rem;
    box-shadow: none;
    border: 2px solid #e1eef4;
    transition: border-color .3s
}
.TelephoneInput---QdEP0 .react-tel-input input:focus {
    border-color: #13cb6e
}
a.onboarding-terms {
    font-size: 12px
}
.WordPressConfigure---3uKTK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px
}
.SegmentCardContainer---3QgOb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px
}
.HubSpotCardContainer---mT9ZB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px
}
.GlobalModal---2Ok_R {
    border-radius: .3125rem!important;
    padding: 0!important;
    width: 28rem;
    height: 20rem
}
.GlobalModalContent---2auUJ {
    text-align: center;
    padding: 55px
}
.GlobalModalButtonContainer---2N4BC {
    width: 100%;
    padding: .75rem;
    border-top: 1px solid #ccc
}
.GlobalModalButtonContainer---2N4BC button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.CounterContainer---2MS_t {
    position: relative;
    background-color: #7695a5;
    height: .5rem;
    margin-top: .5rem;
    border-radius: .625rem;
    overflow: hidden
}
.CounterContainer---2MS_t.light {
    background-color: #f2f6f8
}
.CounterContainer---2MS_t .counter-grow-leave {
    opacity: 1
}
.CounterContainer---2MS_t .counter-grow-leave.counter-grow-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.CounterContainer---2MS_t .counter-grow-enter {
    max-width: 0
}
.CounterContainer---2MS_t .counter-grow-enter.counter-grow-enter-active {
    max-width: 100%;
    transition: 1s ease;
    transition-delay: 2s
}
.CounterContainer---2MS_t .counter-grow-appear {
    max-width: 0
}
.CounterContainer---2MS_t .counter-grow-appear.counter-grow-appear-active {
    max-width: 100%;
    transition: max-width 1s ease-in-out;
    transition-delay: 1s
}
.Counter---1486f {
    position: absolute;
    left: 0;
    height: .5rem;
    border-radius: .625rem;
    max-width: 100%
}
.counter-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15rem;
    margin: 1rem 1.5rem 1rem 1rem
}
.counter-card,
.counter-container,
.plan-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.counter-card,
.plan-card {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 3.625rem;
    width: 100%;
    padding: .75rem;
    margin: .25rem;
    background-color: #394f5a;
    border-radius: .3125rem
}
.counter-card .description,
.plan-card .description {
    font-size: .75rem;
    color: #b5d2e1
}
.counter-card-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    line-height: 1
}
.PlanCta {
    padding-top: 1rem
}
.PlanCta.disabled-account {
    background-color: #f56c4c;
    width: 100%;
    padding: 10px 20px
}
.PlanCta.disabled-account .description {
    color: #fff
}
.PlanCta .description {
    color: #b5d2e1;
    margin: .75rem 0 1.25rem
}
.PlanCta .close-button {
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: #b5d2e1
}
.PlanCta .close-button svg path {
    fill: currentColor
}
.PlanCta .close-button:hover {
    cursor: pointer;
    color: #0176ff
}
.notification-bar-wrapper {
    width: 100%;
    color: #fff
}
.teaseVisible .notification-bar-wrapper {
    margin: 0;
    width: 100%
}
.notification-bar-wrapper h3 {
    margin: 0
}
.notification-bar-wrapper .bold {
    font-weight: 500
}
.notification-bar {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    background-color: rgba(57, 79, 90, .95);
    width: calc(100% - 180px);
    right: 0;
    z-index: 10
}
.notification-bar button.color-green {
    width: 10.5rem;
    background-color: #13cb6e
}
.notification-bar .close-button {
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: #b5d2e1
}
.notification-bar .close-button svg path {
    fill: currentColor
}
.notification-bar .close-button:hover {
    cursor: pointer;
    color: #0176ff
}
.global-notification-tease {
    transition: all .5s ease;
    color: #fff;
    padding: 10px;
    font-weight: 500;
    text-align: center;
    margin: -100px 0 0;
    position: relative
}
.global-notification-tease.show-bar {
    margin: 0
}
.global-notification-tease.warning {
    background: #f56c4c
}
.global-notification-tease.success {
    background: #13cb6e
}
.global-notification-tease.general {
    background: #0176ff;
    color: #fff
}
.global-notification-tease.passive {
    background: #fefbd1;
    color: #394f5a
}
.global-notification-tease p {
    margin: 0;
    padding: 0;
    display: inline-block
}
.global-notification-tease .drift-button.notification-button {
    cursor: pointer;
    background: rgba(0, 0, 0, .1);
    border: none;
    color: #fff;
    margin: 0 0 0 10px
}
.global-notification-tease .notification-button:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .25)
}
.global-notification-tease.passive .drift-button.notification-button {
    color: #394f5a
}
.notifications-dissmiss-actions {
    display: block;
    margin: 10px 0 0
}
.global-notification-tease a {
    color: #fff;
    text-decoration: underline
}
.global-notification-tease svg {
    width: 15px;
    margin: 0 6px -1px 0
}
.global-notification-tease svg path {
    fill: currentColor
}
.global-notification-tease .dismiss-notification {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px
}
.Tooltip---2cilP {
    position: relative;
    padding: .25rem .5rem;
    color: #fff;
    font-weight: 500;
    border-radius: .3125rem;
    background-color: #394f5a
}
.Tooltip---2cilP .tooltip {
    position: absolute;
    height: 10px;
    width: 10px;
    left: -5px;
    bottom: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #394f5a
}
.Section---GKOMd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 11px;
    margin: 1.25rem 0;
    color: #b5d2e1;
    border-radius: .3125rem;
    transition: background-color .3s;
    transition: width .3s;
    transition-delay: .1s;
    height: 28px;
    min-height: 28px
}
.Section---GKOMd.nav-action {
    margin: .25rem 0
}
.Section---GKOMd .nowrap {
    white-space: nowrap
}
.Section---GKOMd.active,
.Section---GKOMd.active:hover {
    color: #394f5a;
    background-color: #f2f6f8
}
.Section---GKOMd.active:hover {
    cursor: auto
}
.Section---GKOMd:hover {
    cursor: pointer;
    color: #b5d2e1;
    background-color: rgba(181, 210, 225, .1)
}
.Section---GKOMd:hover .Tooltip---4yAAL {
    display: block
}
.Section---GKOMd a {
    color: inherit
}
.Section---GKOMd .label {
    margin-left: 1rem
}
.Section---GKOMd.inbox-switch .Tooltip---4yAAL {
    left: 52px
}
.Section---GKOMd svg {
    height: 16px;
    width: 16px
}
.Section---GKOMd svg path {
    fill: currentColor
}
.Section---GKOMd .Tooltip---4yAAL {
    display: none;
    position: absolute;
    left: 60px;
    z-index: 1000
}
.Inbox---yF1sO {
    position: relative;
    margin: .25rem 0
}
.Inbox---yF1sO,
.Inbox---yF1sO .inbox-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.Inbox---yF1sO .inbox-count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 26px;
    height: 15px;
    left: 2px;
    top: -2px;
    color: #fff;
    background-color: #7695a5;
    font-size: .75rem;
    border-radius: 15px
}
.Inbox---yF1sO .inbox-count.empty {
    background-color: #ccc
}
.Inbox---yF1sO .inbox-icon {
    width: 34px;
    padding: 9px;
    color: #7695a5;
    background: #e1eef4;
    border-radius: .3125rem;
    margin-right: .5rem
}
.Inbox---yF1sO.active .inbox-count {
    background-color: #13cb6e
}
.Inbox---yF1sO.active .inbox-icon {
    background: #fff;
    box-shadow: 0 0 0 1px;
    color: #0176ff
}
.Inbox---yF1sO svg path {
    fill: currentColor
}
.SwitchInbox---1T0Sp {
    position: relative
}
.SwitchInbox---1T0Sp .unread-marker {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #e92e4b
}
.UpgradeButtonContainer---7aCaZ {
    margin: 0 .5rem 2rem;
    width: 148px
}
.UpgradeButtonContainer---7aCaZ .title {
    color: #b5d2e1;
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 500
}
.UpgradeButtonContainer---7aCaZ .description {
    color: #b5d2e1;
    font-size: .75rem
}
.UpgradeButtonContainer---7aCaZ .upgrade-button {
    background-color: #f56c4c
}
.UpgradeButtonContainer---7aCaZ .upgrade-icon {
    margin: 0 .4rem 0 0;
    display: block;
    width: 8px;
    height: 12px
}
.UpgradeButtonContainer---7aCaZ .upgrade-icon path {
    fill: transparent!important;
    stroke-width: 2px
}
.Logo---Xy_E6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.5rem 5px
}
.Popover---1C_nt {
    top: .7rem;
    left: 190px;
    width: 22rem;
    z-index: 2147483647;
    color: #000;
    position: fixed;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    border-radius: .3125rem;
    overflow: hidden;
    background: #fff
}
.teaseVisible .Popover---1C_nt {
    transition: all .25s ease-in;
    top: 2.5rem
}
.teaseVisible.success .Popover---1C_nt {
    -webkit-animation: slideTopUp 1s;
    animation: slideTopUp 1s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}
.Popover---1C_nt .PopoverSection---218lZ {
    padding: 1rem
}
.Popover---1C_nt .offline,
.Popover---1C_nt .online {
    color: #fff
}
.Popover---1C_nt .offline .dsg-h4,
.Popover---1C_nt .online .dsg-h4 {
    font-weight: 500
}
.Popover---1C_nt .offline .dsg-Body,
.Popover---1C_nt .online .dsg-Body {
    font-style: italic
}
.Popover---1C_nt .online {
    background-color: #13cb6e
}
.Popover---1C_nt .offline {
    background-color: #7695a5
}
.Popover---1C_nt .subtext {
    color: #394f5a
}
.DisabledOnlineHours---bK57s .PopoverSection---218lZ {
    margin: 0;
    padding: 1rem 2rem 1rem 1rem
}
.DisabledOnlineHours---bK57s .description {
    color: #9a9a9a;
    font-size: .75rem
}
.OnCallSection---1akfX {
    border-top: 1px solid #e1eef4
}
@-webkit-keyframes slideTopUp {
    0% {
        top: 2.5rem
    }
    to {
        top: .7rem
    }
}
@keyframes slideTopUp {
    0% {
        top: 2.5rem
    }
    to {
        top: .7rem
    }
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.DriftStatusIcon---2FeMG {
    cursor: pointer
}
.DriftStatusIcon---2FeMG svg {
    height: 15px;
    transition: color 325ms ease-in-out;
    color: #7695a5;
    margin: .3rem .3rem 0 0
}
.DriftStatusIcon---2FeMG svg path {
    fill: currentColor
}
.DriftStatusIcon---2FeMG:hover svg {
    color: #e1eef4
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Sidebar---31fWA .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Sidebar---31fWA .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.Sidebar---31fWA .item .count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.Sidebar---31fWA .item .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Sidebar---31fWA .item .count {
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem;
    border-radius: 1.25rem;
    background-color: #ccc;
    font-size: 14px
}
.Sidebar---31fWA .item .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.Sidebar---31fWA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-color: #394f5a;
    padding: 1rem .5rem 0;
    transition: width .3s;
    overflow-y: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.Sidebar---31fWA .settings-nav {
    padding-bottom: 50px
}
.Sidebar---31fWA .settings-nav .item-groups {
    padding-left: 10px
}
.Sidebar---31fWA .settings-nav .section-header {
    color: #13cb6e;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}
.Sidebar---31fWA .settings-nav .settings-heading {
    text-transform: uppercase;
    margin: 5px 0
}
.Sidebar---31fWA .settings-nav .settings-back-button {
    display: inline-block;
    margin: -1px 0 15px;
    color: #b5d2e1;
    font-size: 14px
}
.Sidebar---31fWA .settings-nav .settings-back-button span {
    margin: -1px 0 0;
    display: inline-block;
    vertical-align: top
}
.Sidebar---31fWA .settings-nav .item.nav {
    margin-bottom: .5rem
}
.Sidebar---31fWA .fade-leave {
    opacity: 1
}
.Sidebar---31fWA .fade-leave.fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.Sidebar---31fWA .fade-enter {
    opacity: .01
}
.Sidebar---31fWA .fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.Sidebar---31fWA .fade-enter svg {
    width: .85rem;
    height: .8rem;
    margin-right: .5rem
}
.Sidebar---31fWA .section-header {
    font-size: 11px;
    color: #333;
    margin-bottom: .5em
}
.Sidebar---31fWA .item-groups {
    padding-left: 1.3rem
}
.Sidebar---31fWA .item-group {
    margin-bottom: 20px
}
.Sidebar---31fWA .item-group.alignBottom {
    position: absolute;
    bottom: 1rem
}
.Sidebar---31fWA .item {
    margin-bottom: 1rem;
    color: #b5d2e1
}
.Sidebar---31fWA .item.nav {
    margin-bottom: 1rem
}
.Sidebar---31fWA .item:hover {
    cursor: pointer
}
.Sidebar---31fWA .item:hover .title {
    color: #b5d2e1;
    background-color: rgba(181, 210, 225, .1)
}
.Sidebar---31fWA .item:hover .count {
    background-color: #13ddb0
}
.Sidebar---31fWA .item:hover path {
    fill: #0176ff
}
.Sidebar---31fWA .item svg {
    width: 1rem;
    margin-right: .6rem
}
.Sidebar---31fWA .item .count {
    color: #fff;
    width: 2rem;
    margin-right: .5rem
}
.Sidebar---31fWA .item .title {
    width: 140px;
    border-radius: .3125rem;
    padding: 3px 0 3px 5px;
    font-size: 14px
}
.Sidebar---31fWA .item .title.uppercase {
    text-transform: uppercase
}
.Sidebar---31fWA .item.isSelected .count {
    background-color: #13ddb0
}
.Sidebar---31fWA .item.isSelected .title {
    color: #394f5a;
    background-color: #f2f6f8
}
.App---3HNzd,
.AppContainer---haZ5V {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.App---3HNzd {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 0;
    height: 100vh
}
.App---3HNzd .counter-fade-leave {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.App---3HNzd .counter-fade-leave.counter-fade-leave-active {
    transition: .3s ease-in-out
}
.App---3HNzd .counter-fade-enter,
.App---3HNzd .counter-fade-leave.counter-fade-leave-active {
    opacity: .7;
    -webkit-transform: translate3d(0, -155px, 0);
    transform: translate3d(0, -155px, 0)
}
.App---3HNzd .counter-fade-enter.counter-fade-enter-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .3s ease-in-out
}
.App---3HNzd .counter-fade-appear {
    opacity: .7;
    -webkit-transform: translate3d(0, -155px, 0);
    transform: translate3d(0, -155px, 0)
}
.App---3HNzd .counter-fade-appear.counter-fade-appear-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .3s ease-in-out;
    transition-delay: 1s
}
.CloseButton---1CD0A {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem
}
.CloseButton---1CD0A:hover {
    cursor: pointer
}
.CloseButton---1CD0A:hover svg * {
    fill: #0176ff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.NotFoundPage .not-found-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.NotFoundPage .not-found-message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center,
.NotFoundPage .not-found-message {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.NotFoundPage .not-found-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.NotFoundPage {
    height: 100vh;
    background-size: cover;
    background-image: url(/assets/8e47ea15679bdcc4dcbf2f5534e5850f.svg);
    background-position: bottom
}
.NotFoundPage .not-found-message {
    margin: 0
}
.NotFoundPage .not-found-message h1 {
    font-size: 50px;
    margin-top: 7rem
}
.NotFoundPage .not-found-message p {
    font-size: 20px
}
.WelcomeLayoutContainer---bv_QX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.WelcomeLayout---2gS6I {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    height: 100%;
    background-color: #fff;
    min-width: 550px;
    color: #7695a5;
    border-color: #b5d2e1
}
.WelcomeLayout---2gS6I .submit {
    background: #13cb6e;
    text-transform: none;
    font-size: 1rem;
    font-weight: 500
}
.WelcomeLayout---2gS6I button[disabled] {
    background-color: #e1eef4
}
.WelcomeLayout---2gS6I .cross-fade-leave {
    opacity: 1
}
.WelcomeLayout---2gS6I .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomeLayout---2gS6I .cross-fade-enter {
    opacity: .01
}
.WelcomeLayout---2gS6I .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.WelcomeLayout---2gS6I .cross-fade-height {
    transition: height .3s
}
.BreadCrumbContainer---dbs1t .cross-fade-leave {
    opacity: 1
}
.BreadCrumbContainer---dbs1t .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.BreadCrumbContainer---dbs1t .cross-fade-enter {
    opacity: .01
}
.BreadCrumbContainer---dbs1t .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.BreadCrumbContainer---dbs1t .cross-fade-height {
    transition: height .3s
}
.WelcomeLayoutNav---2YRCV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 10rem;
    color: #b5d2e1
}
.WelcomeLayoutNav---2YRCV span {
    margin: 0 .3rem
}
.WelcomeLayoutNav---2YRCV a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.WelcomeLayoutNav---2YRCV path {
    fill: #0176ff
}
.WelcomeLayoutNav---2YRCV .back-caret svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 10px;
    width: 10px
}
.WelcomeLayoutNav---2YRCV .forward-caret svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 10px;
    width: 10px
}
.WelcomePreview---3FflC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    transition: width .75s ease;
    overflow-x: hidden
}
.WelcomePreview---3FflC p {
    color: #fff;
    text-align: center
}
.WelcomePreview---3FflC .swap-leave {
    opacity: 1
}
.WelcomePreview---3FflC .swap-leave.swap-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomePreview---3FflC .swap-enter {
    opacity: .01;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}
.WelcomePreview---3FflC .swap-enter.swap-enter-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .5s ease;
    transition-delay: .3s
}
.WelcomeTip---7K-4Q {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.WelcomeBreadCrumbs---34tcg.disabled-finish div:last-child {
    background: #e1eef4
}
.WelcomeBreadCrumbs---34tcg.disabled-finish div:last-child a {
    pointer-events: none;
    cursor: default;
    color: #b5d2e1
}
.WelcomeBreadCrumbs---34tcg a:hover {
    color: #fff
}
.WelcomeContainer---33gUM {
    height: 100%;
    min-width: 100%
}
.Welcome---1KR_K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    width: 400px;
    margin-top: 1rem
}
.WelcomeLayoutContainer---2OYiN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.WelcomeLayout---1ON7N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    height: 100%;
    background-color: #fff;
    min-width: 550px;
    color: #7695a5;
    border-color: #b5d2e1
}
.WelcomeLayout---1ON7N .submit {
    background: #13cb6e;
    text-transform: none;
    font-size: 1rem;
    font-weight: 500
}
.WelcomeLayout---1ON7N button[disabled] {
    background-color: #e1eef4
}
.WelcomeLayout---1ON7N .cross-fade-leave {
    opacity: 1
}
.WelcomeLayout---1ON7N .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomeLayout---1ON7N .cross-fade-enter {
    opacity: .01
}
.WelcomeLayout---1ON7N .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.WelcomeLayout---1ON7N .cross-fade-height {
    transition: height .3s
}
.BreadCrumbContainer---1FQ-k .cross-fade-leave {
    opacity: 1
}
.BreadCrumbContainer---1FQ-k .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.BreadCrumbContainer---1FQ-k .cross-fade-enter {
    opacity: .01
}
.BreadCrumbContainer---1FQ-k .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.BreadCrumbContainer---1FQ-k .cross-fade-height {
    transition: height .3s
}
.WelcomeLayoutNav---3yN1O {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 10rem;
    color: #b5d2e1
}
.WelcomeLayoutNav---3yN1O span {
    margin: 0 .3rem
}
.WelcomeLayoutNav---3yN1O a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.WelcomeLayoutNav---3yN1O path {
    fill: #0176ff
}
.WelcomeLayoutNav---3yN1O .back-caret svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 10px;
    width: 10px
}
.WelcomeLayoutNav---3yN1O .forward-caret svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 10px;
    width: 10px
}
.WelcomePreview---1-WlC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    transition: width .75s ease;
    overflow: hidden;
    font-family: Brandon;
    font-weight: 500
}
.WelcomePreview---1-WlC p {
    color: #fff;
    text-align: center
}
.WelcomePreview---1-WlC .swap-leave {
    opacity: 1
}
.WelcomePreview---1-WlC .swap-leave.swap-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomePreview---1-WlC .swap-enter {
    opacity: .01;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}
.WelcomePreview---1-WlC .swap-enter.swap-enter-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .5s ease;
    transition-delay: .3s
}
.WelcomeTip---2rJRs {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.WelcomeBreadCrumbs---1YKKN.disabled-finish div:last-child {
    background: #e1eef4
}
.WelcomeBreadCrumbs---1YKKN.disabled-finish div:last-child a {
    pointer-events: none;
    cursor: default;
    color: #b5d2e1
}
.WelcomeBreadCrumbs---1YKKN a:hover {
    color: #fff
}
.WelcomeContainer---3TetA {
    height: 100%;
    min-width: 100%
}
.Welcome---rmjT2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    width: 350px;
    margin-top: 1rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.integrationLander---1Nqm_ .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.integrationLander---1Nqm_ .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}
.integrationLander---1Nqm_ .container h1,
.integrationLander---1Nqm_ .container p {
    text-align: center
}
.integrationLander---1Nqm_ .container h1 {
    font-weight: 600;
    margin-bottom: 0
}
.integrationLander---1Nqm_ .container .CircleOfWaiting .circle {
    background: #13ddb0
}
.WelcomeLayoutContainer---2hjV2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.WelcomeLayout---dwttv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    height: 100%;
    background-color: #f2f6f8;
    min-width: 550px;
    color: #7695a5;
    border-color: #b5d2e1
}
.WelcomeLayout---dwttv .submit {
    background: #13cb6e;
    text-transform: none;
    font-size: 1rem;
    font-weight: 500
}
.WelcomeLayout---dwttv button[disabled] {
    background-color: #e1eef4
}
.WelcomeLayout---dwttv .cross-fade-leave {
    opacity: 1
}
.WelcomeLayout---dwttv .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomeLayout---dwttv .cross-fade-enter {
    opacity: .01
}
.WelcomeLayout---dwttv .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.WelcomeLayout---dwttv .cross-fade-height {
    transition: height .3s
}
.NavButtons---3efYg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.NavButtons---3efYg,
.NavButtons---3efYg .nav-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.NavButtons---3efYg .nav-button {
    margin: 1rem auto
}
.NavButtons---3efYg .nav-button path {
    fill: #0176ff
}
.NavButtons---3efYg .nav-button.skip svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 10px;
    width: 10px
}
.BreadCrumbContainer---1lGW8 .cross-fade-leave {
    opacity: 1
}
.BreadCrumbContainer---1lGW8 .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.BreadCrumbContainer---1lGW8 .cross-fade-enter {
    opacity: .01
}
.BreadCrumbContainer---1lGW8 .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.BreadCrumbContainer---1lGW8 .cross-fade-height {
    transition: height .3s
}
.WelcomeLayoutNav---JCJzf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 10rem;
    color: #b5d2e1
}
.WelcomeLayoutNav---JCJzf span {
    margin: 0 .3rem
}
.WelcomeLayoutNav---JCJzf a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.WelcomeLayoutNav---JCJzf path {
    fill: #0176ff
}
.WelcomeLayoutNav---JCJzf .back-caret svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 10px;
    width: 10px
}
.WelcomeLayoutNav---JCJzf .forward-caret svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 10px;
    width: 10px
}
.WelcomePreview---3INBp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    transition: width .75s ease;
    overflow-x: hidden
}
.WelcomePreview---3INBp p {
    color: #fff;
    text-align: center
}
.WelcomePreview---3INBp .swap-leave {
    opacity: 1
}
.WelcomePreview---3INBp .swap-leave.swap-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.WelcomePreview---3INBp .swap-enter {
    opacity: .01;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}
.WelcomePreview---3INBp .swap-enter.swap-enter-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .5s ease;
    transition-delay: .3s
}
.WelcomeTitle---twGU6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.WelcomeTitle---twGU6 h1.title {
    margin: 30px 0 10px 5px;
    color: #0176ff;
    font-size: 2rem
}
.WelcomeTitle---twGU6 p {
    margin-top: .5rem;
    margin-bottom: .5rem
}
.WelcomeTitle---twGU6 p.description {
    width: 28rem;
    text-align: center;
    margin: 0 0 30px;
    font-size: .875rem
}
.WelcomeTip---1XDcs {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.WelcomeBreadCrumbs---3GFGD a,
.WelcomeBreadCrumbs---3GFGD a:after {
    background-color: #13cb6e
}
.WelcomeBreadCrumbs---3GFGD a:hover {
    color: #fff;
    background-color: $color-dark-green
}
.WelcomeContainer---1YBSi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Welcome---2PUAH,
.WelcomeContainer---1YBSi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}
.Welcome---2PUAH {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}
.ProfileDetails---7Amdw .center {
    text-align: center
}
.ProfileDetails---7Amdw .input-wrapper:last-child {
    margin-bottom: 0
}
.Integration---2L8S2 {
    height: 100%;
    overflow-y: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f2f6f8;
    padding: 5vh 5vw
}
.Integration---2L8S2>.dsg-h1 {
    text-align: center;
    margin-bottom: 50px
}
.Integration---2L8S2>.dsg-card {
    margin-bottom: 40px;
    max-width: 480px
}
.Integration---2L8S2 .dsg-LargeButton,
.Integration---2L8S2 button,
.Integration---2L8S2>.dsg-card {
    margin-left: auto;
    margin-right: auto
}
.Integration---2L8S2 button.color-gray {
    background-color: #ccc;
    margin-top: 70px
}
.Integration---2L8S2 .manage-link {
    text-transform: capitalize;
    color: #0176ff;
    font-size: .875rem;
    font-weight: 400
}
.Integration---2L8S2 .manage-link:hover {
    cursor: pointer;
    color: #0960c5
}
.Integration---2L8S2 .disconnect-link {
    color: #7695a5;
    font-size: .875rem
}
.Integration---2L8S2 .disconnect-link:hover {
    cursor: pointer;
    color: #e92e4b
}
.Integration---2L8S2 .Input,
.Integration---2L8S2 .Input.active {
    border: 1px solid #b5d2e1
}
.Integration---2L8S2 .Input input:-moz-read-only {
    background-color: #f2f6f8
}
.Integration---2L8S2 .Input input:read-only {
    background-color: #f2f6f8
}
.ProfileDetailsPreview---Vac4Z {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%
}
.SidebarContainer---1QJYN {
    position: relative;
    width: 100%;
    height: 80%
}
.Sidebar---1IXtw {
    position: absolute;
    left: 70px;
    bottom: 54px;
    height: 508px;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: .3125rem
}
.SidebarPreview---1U08_ {
    width: 100%;
    background-color: transparent;
    border: none
}
.ArrowText---1A9VX {
    position: relative;
    margin-right: 58px;
    margin-bottom: 30px;
    font-size: .875rem
}
.ArrowText---1A9VX svg {
    position: absolute;
    right: -10px;
    top: 32px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}
@media (max-height: 750px) {
    .ArrowText---1A9VX {
        display: none
    }
}
.PreviewSlackChat---1-FpC {
    height: 100%;
    width: 60%;
    position: absolute;
    top: 117px;
    left: 16px;
    background: url(/assets/47d367b6268fbb236afd289f339c509f.png) 0 0 no-repeat;
    background-size: contain
}
.PreviewSlackLiveChat---2qJce {
    border-left: 2px solid #2d88f3
}
.PreviewLaptop---2bNvD svg {
    width: 100%;
    height: auto
}
.body-font {
    font-size: 16px;
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.InstallLayout---2U6-8 code {
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace
}
.body-font.TimesNewRoman {
    font-family: Times New Roman, serif
}
.body-font.Helvetica {
    font-family: Helvetica, sans-serif
}
.body-font.Georgia {
    line-height: 1.45;
    font-family: Georgia, serif
}
.body-font.ComicSansMS {
    font-family: Comic Sans MS, sans-serif
}
.body-font.Brandon {
    font-family: Brandon, Helvetica Neue, Helvetica, sans-serif
}
.body-font.Lato {
    font-family: Lato, sans-serif
}
.body-font.OpenSans {
    line-height: 1.35;
    font-family: Open Sans, sans-serif
}
.body-font.Roboto {
    line-height: 1.35;
    font-family: Roboto, sans-serif
}
.body-font.RobotoSlab {
    line-height: 1.35;
    font-family: Roboto, serif
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    src: url(/assets/ca4b8eb68c22d352e66c5508d37debc3.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    src: url(/assets/95fd2a9cd47ea6009591b47beb968ec1.otf)
}
@font-face {
    font-family: Brandon;
    font-style: normal;
    src: url(/assets/cc4e72bde1aa38ceeb75e0c140ffa99c.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    src: url(/assets/d5e252ed23dde9520a0cb00bfbf01a6e.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    src: url(/assets/89fdab2e1f6bc815c0df0e055515a4df.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    src: url(/assets/9edcb0f3b1b7f0478b7243a4ca9df922.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 100;
    font-style: italic;
    src: url(/assets/489b444903272857a16085347209a0fa.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/78cbe164d94c53424c2eb976849e5418.otf)
}
@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url(/assets/c1b472c36be832ed15b190a41b15f0bd.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/9e0cb5983393efb290832cf2888a7499.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 600;
    font-style: italic;
    src: url(/assets/cddabec12b491d07865fd4aba660edd5.otf)
}
@font-face {
    font-family: Brandon;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/439294e51803674cc30c580d74c5947b.otf)
}
@font-face {
    font-family: Lato;
    font-weight: 100;
    src: url(/assets/db15ac7981b2d2897d1a3c22892b5a51.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 300;
    src: url(/assets/5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf)
}
@font-face {
    font-family: Lato;
    font-style: normal;
    src: url(/assets/7f690e503a254e0b8349aec0177e07aa.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 500;
    src: url(/assets/44dfe8cc676882243911a3197a50169e.ttf)
}
@font-face {
    font-family: Lato;
    font-weight: 600;
    src: url(/assets/77d353744697c77955f9bacc7f3ed90a.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url(/assets/1bf71be111189e76987a4bb9b3115cb7.ttf)
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    src: url(/assets/629a55a7e793da068dc580d184cc0e31.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 500;
    src: url(/assets/33f225b8f5f7d6b34a0926f58f96c1e9.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/50145685042b4df07a1fd19957275b81.ttf)
}
@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url(/assets/8bac22ed4fd7c8a30536be18e2984f84.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url(/assets/3f68500b267c20051088bcc0698af773.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(/assets/7b5fb88f12bec8143f00e21bc3222124.ttf)
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    src: url(/assets/ac3f799d5bbaf5196fab15ab8de8431c.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(/assets/fe13e4170719c2fc586501e777bde143.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url(/assets/d329cc8b34667f114a95422aaad1b063.ttf)
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(/assets/893fe14628bd7ac498d550e96367e1be.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 100;
    src: url(/assets/317a4210ef29a41c456503c8e5951448.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 300;
    src: url(/assets/79754934891c17dd798ca5e7eb5fa9a9.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-style: normal;
    src: url(/assets/1ec06eed11bbcb1ee510b8f3522adea8.ttf)
}
@font-face {
    font-family: RobotoSlab;
    font-weight: 500;
    src: url(/assets/d63ef23299458362f3edbf6cd8c2c510.ttf)
}
.InstallLayoutContainer---10E6w {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}
.InstallLayout---2U6-8,
.InstallLayoutContainer---10E6w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100%
}
.InstallLayout---2U6-8 {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    font-size: .875rem;
    background-color: #fff
}
.InstallLayout---2U6-8 code {
    font-size: .75rem;
    color: #9a9a9a;
    background-color: #e1eef4
}
.InstallLayout---2U6-8 p {
    margin: 0
}
.InstallLayout---2U6-8 p.description {
    width: 32rem
}
.InstallLayout---2U6-8 .input-wrapper {
    margin-bottom: 1rem
}
.InstallLayout---2U6-8 .dsg-LargeButton {
    background-color: #13cb6e
}
.InstallLayout---2U6-8 .dsg-LargeButton[disabled] {
    background-color: #e1eef4
}
.InstallLayout---2U6-8 .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin: 0
}
.InstallLayout---2U6-8 .Input.active {
    border-color: #13cb6e
}
.InstallLayout---2U6-8 .Input.error {
    border-color: #ff7f93
}
.InstallLayout---2U6-8 .Input input,
.InstallLayout---2U6-8 .Input textarea {
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: .75rem
}
.InstallLayout---2U6-8 .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.InstallLayout---2U6-8 .Input::-moz-placeholder {
    color: #b5d2e1
}
.InstallLayout---2U6-8 .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.InstallLayout---2U6-8 .Input::placeholder {
    color: #b5d2e1
}
.InstallLayout---2U6-8 .install-card {
    width: 766px;
    padding: 1.5rem;
    margin-bottom: 2.5rem
}
.InstallLayout---2U6-8 .submit {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    background-color: #13cb6e
}
.InstallLayout---2U6-8 .cross-fade-leave {
    opacity: 1
}
.InstallLayout---2U6-8 .cross-fade-leave.cross-fade-leave-active {
    opacity: .01;
    transition: opacity .3s
}
.InstallLayout---2U6-8 .cross-fade-enter {
    opacity: .01
}
.InstallLayout---2U6-8 .cross-fade-enter.cross-fade-enter-active {
    opacity: 1;
    transition: opacity .3s
}
.InstallLayout---2U6-8 .cross-fade-height {
    transition: height .3s
}
.TransitionContainer---1L2jz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.NavButtons---2GL0L,
.TransitionContainer---1L2jz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.NavButtons---2GL0L {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.NavButtons---2GL0L .nav-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}
.NavButtons---2GL0L .nav-button path {
    fill: #0176ff
}
.NavButtons---2GL0L .nav-button.back svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 10px;
    width: 10px
}
.NavButtons---2GL0L .nav-button.skip {
    margin-left: 1.5rem
}
.NavButtons---2GL0L .nav-button.skip svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 10px;
    width: 10px
}
.Rocket---2vGYm {
    max-height: 270px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}
.Content---22hf8 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 30px 4.5vw 20px
}
.Content---22hf8.email-prompt {
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 2
}
.Content---3Kirs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 30px 4.5vw 20px
}
.splash-title {
    color: #0176ff;
    margin: 10px 0
}
.splash-copy {
    color: #7695a5;
    margin-bottom: 20px
}
.splash-bg {
    background: url(/assets/a1c021de29dfc4c85847ce2b98cc5268.svg) 0 0 no-repeat;
    background-size: cover
}
.splash-iphone {
    height: 48%;
    width: 100%;
    background: url(/assets/85c81607845ccc0435a7e956516771d9.png) bottom no-repeat;
    background-size: contain
}
.Content---3_2Vu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 30px 4.5vw 20px
}
.splash-title {
    color: #0176ff;
    margin: 10px 0
}
.splash-copy {
    color: #7695a5;
    margin-bottom: 20px
}
.splash-bg {
    background: url(/assets/a1c021de29dfc4c85847ce2b98cc5268.svg) 0 0 no-repeat;
    background-size: cover
}
.splash-android {
    height: 48%;
    width: 100%;
    background: url(/assets/58035599e443aa73c7373dd01afdf698.png) bottom no-repeat;
    background-size: contain
}
.Content---38_BL>:first-child,
.FailedContent---24ZlI>:first-child {
    margin-bottom: 60px
}
@media (max-height: 580px) {
    .Content---38_BL>:first-child,
    .FailedContent---24ZlI>:first-child {
        margin-bottom: 20px
    }
}
@media (max-width: 700px) {
    .FailedContent---24ZlI .flex-space-between {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.FailedContent---24ZlI .flex-space-between img {
    width: 290px;
    height: 190px;
    max-height: 30vh
}
@media (max-width: 700px) {
    .FailedContent---24ZlI .flex-space-between img {
        margin-bottom: 20px
    }
}
.Content---38_BL>:nth-child(3) {
    margin-top: 40px
}
@media (max-height: 580px) {
    .Content---38_BL>:nth-child(3) {
        margin-top: 20px
    }
}
.Content---38_BL .dsg-card>:nth-child(2) {
    padding: 30px
}
@media (max-height: 580px) {
    .Content---38_BL .dsg-card>:nth-child(2) {
        padding-top: 15px;
        padding-bottom: 15px
    }
}
@media (max-width: 600px) {
    .Content---38_BL {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Column---3n7bE .react-tel-input input,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Column---3n7bE .react-tel-input input,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Column---3n7bE .react-tel-input input {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Column---3n7bE .react-tel-input input {
    width: 100%;
    position: relative;
    margin: .39rem 0;
    border: 2px solid #eee;
    border-radius: .3125rem
}
.Column---3n7bE .react-tel-input input.error {
    -webkit-animation-name: shake;
    animation-name: shake;
    border: 2px solid #ff7f93;
    box-sizing: border-box
}
.Column---3n7bE .react-tel-input input.active {
    border-color: #13ddb0
}
.Column---3n7bE .react-tel-input input.read-only {
    background-color: #fafafa
}
.Column---3n7bE .react-tel-input input .subdomain-postfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-left: 2px solid #eee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.Column---3n7bE .react-tel-input input .subdomain-postfix.valid {
    color: #0176ff
}
.Column---3n7bE .react-tel-input input.active .subdomain-postfix {
    border-color: #13ddb0
}
.Column---3n7bE .react-tel-input input.error .subdomain-postfix {
    border-color: #ff7f93
}
.Column---3n7bE .react-tel-input input.small input,
.Column---3n7bE .react-tel-input input.small textarea {
    font-size: .75rem;
    font-weight: 400
}
.Column---3n7bE .react-tel-input input.small input {
    height: 1.7rem
}
.Column---3n7bE .react-tel-input input.medium input,
.Column---3n7bE .react-tel-input input.medium textarea {
    font-size: .875rem;
    font-weight: 400
}
.Column---3n7bE .react-tel-input input.medium input {
    height: 2.5rem
}
.Column---3n7bE .react-tel-input input.large input,
.Column---3n7bE .react-tel-input input.large textarea {
    font-size: 1rem;
    font-weight: 500
}
.Column---3n7bE .react-tel-input input.large input {
    height: 2.8rem
}
.Column---3n7bE .react-tel-input input input,
.Column---3n7bE .react-tel-input input textarea {
    outline: none;
    width: 100%;
    border-radius: .3125rem;
    color: #000;
    border: none;
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.Column---3n7bE .react-tel-input input input:-moz-read-only,
.Column---3n7bE .react-tel-input input textarea:-moz-read-only {
    background-color: #fafafa
}
.Column---3n7bE .react-tel-input input input:read-only,
.Column---3n7bE .react-tel-input input textarea:read-only {
    background-color: #fafafa
}
.Column---3n7bE .react-tel-input input textarea {
    overflow-y: auto
}
.Column---3n7bE .react-tel-input input input {
    height: 2.8rem
}
.Column---3n7bE .react-tel-input input .overlay-label {
    position: absolute;
    width: 12.1rem;
    right: -13.1rem;
    top: .9rem;
    background-color: #0176ff;
    color: #fff;
    padding: .8rem 1.25rem;
    box-shadow: -1px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    z-index: 3
}
.Column---3n7bE .react-tel-input input .overlay-label:after {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    width: 0;
    height: 0;
    border-width: .5rem 0 0 .5rem;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    border-style: solid;
    border-color: transparent transparent transparent #0176ff
}
.Column---3n7bE .react-tel-input input .overlay-label.error {
    background-color: #ccc
}
.Column---3n7bE .react-tel-input input .overlay-label.error:after {
    border-color: transparent transparent transparent #ccc
}
.GetStartedCards---3MQXP>.dsg-card>.dsg-Label {
    padding-left: 25px;
    padding-right: 25px
}
.GetStarted---2IKLv,
.Wrapper---3JarB {
    height: 100%;
    overflow-y: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f2f6f8;
    padding: 10vh 5vw 5vh
}
.GetStarted---2IKLv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.GetStarted---2IKLv>.flex-column {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.GetStartedCards---3MQXP {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: calc(100vw - 150px)
}
@media (max-width: 1100px) {
    .GetStartedCards---3MQXP {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.GetStartedCards---3MQXP>.dsg-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media (max-width: 1100px) {
    .GetStartedCards---3MQXP>.dsg-card {
        width: 375px
    }
    .GetStartedCards---3MQXP>.dsg-card:not(:first-child) {
        margin-top: 15px
    }
}
.GetStartedCards---3MQXP>.dsg-card .content {
    padding: 25px
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card {
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    color: #0176ff;
    cursor: pointer;
    position: relative
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card.coming-soon {
    color: #9a9a9a
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card.coming-soon .GetStartedCards__Icon---2czNi {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card.all-set>img {
    margin-left: auto;
    -webkit-filter: none;
    filter: none
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card.coming-soon {
    cursor: not-allowed
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card.coming-soon .ribbon {
    background-color: #eee;
    color: #9a9a9a
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card:not(:first-child) {
    margin-top: 15px
}
.GetStartedCards---3MQXP>.dsg-card .content .dsg-card .ribbon {
    background-color: #13ddb0;
    color: #fff;
    padding-left: 16px;
    padding-right: 8px;
    right: 0;
    height: 17.5px;
    top: calc(50% - 8px);
    border-width: 2px 0;
    position: absolute;
    display: block;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 8px 50%, 0 0);
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 8px 50%, 0 0)
}
.GetStartedCards---3MQXP>.dsg-card>.dsg-Label {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eee
}
.GetStartedCards__Icon---2czNi {
    width: 45px
}
.InviteYourTeam---2A88v {
    margin-top: 25px
}
.InviteYourTeam---2A88v img {
    margin-bottom: 14px
}
.Wrapper---3JarB {
    background-color: #f2f6f8
}
.Wrapper---3JarB .dsg-card {
    border-color: #e1eef4;
    box-shadow: 0 2px 0 0 #e1eef4!important;
    color: #b5d2e1
}
.Wrapper---3JarB .dsg-card::-webkit-input-placeholder {
    color: #b5d2e1
}
.Wrapper---3JarB .dsg-card::-moz-placeholder {
    color: #b5d2e1
}
.Wrapper---3JarB .dsg-card:-ms-input-placeholder {
    color: #b5d2e1
}
.Wrapper---3JarB .dsg-card::placeholder {
    color: #b5d2e1
}
.Wrapper---3JarB .dsg-Label--gray {
    color: #7695a5
}
.Wrapper---3JarB .Input {
    border-color: #e1eef4;
    transition: border-color .3s
}
.Wrapper---3JarB .Input.active {
    border-color: #13cb6e
}
.Wrapper---3JarB button.color-teal {
    background-color: #13cb6e
}
.Column---3n7bE {
    width: 480px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}
.Column---3n7bE .react-tel-input {
    margin: .39rem 0;
    width: 100%
}
.Column---3n7bE .react-tel-input input {
    box-shadow: none;
    height: 2.5rem;
    font-size: .875rem
}
.Column---3n7bE .react-tel-input .selected-flag {
    height: 100%
}
.Column---3n7bE .react-tel-input .country-list {
    top: 39px
}
.Column---3n7bE>.dsg-Body {
    text-align: center
}
.Column---3n7bE>.dsg-card {
    width: 100%;
    margin: 35px auto 40px;
    padding: 35px
}
.Column---3n7bE>.dsg-card select {
    height: 2.5rem;
    margin: .39rem 0
}
.Column---3n7bE>.dsg-card>:not(:first-child) {
    margin-top: 15px
}
.Column---3n7bE>.dsg-card>.flex-space-between>:first-child {
    margin-right: 10px
}
.Column---3n7bE>.dsg-card>.flex-space-between>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.internalStatsContainer---2C3Jb .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.internalStatsContainer---2C3Jb .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}
.internalStatsContainer---2C3Jb .container h1,
.internalStatsContainer---2C3Jb .container p {
    text-align: center
}
.internalStatsContainer---2C3Jb .container h1 {
    font-weight: 600;
    margin-bottom: 0
}
.internalStatsContainer---2C3Jb .today {
    text-align: center;
    font-size: 4em
}
.internalStatsContainer---2C3Jb .yesterday {
    text-align: center;
    font-size: 2em
}
.internalStatsContainer---2C3Jb .change {
    color: green;
    text-align: center;
    font-size: .75em
}
.internalStatsContainer---2C3Jb .negativeChange {
    color: red;
    text-align: center;
    font-size: .75em
}
.internalStatsContainer---2C3Jb .label {
    width: auto;
    text-align: center;
    font-size: .8em;
    font-weight: 700
}
.internalStatsContainer---2C3Jb .older {
    font-size: 2em
}
.internalStatsContainer---2C3Jb .img-responsive {
    display: block;
    width: 100% 9;
    max-width: 100%;
    height: auto
}
.lite-contact-send-message>form {
    padding: 10px
}
.lite-contact-send-message form button,
.lite-contact-send-message input,
.lite-contact-send-message label,
.lite-contact-send-message textarea {
    width: 100%
}
.lite-contact-send-message textarea:focus:required {
    border-color: #13cb6e
}
.lite-contact-send-message textarea {
    min-width: 100%;
    height: 120px;
    resize: none
}
.contact-record-takeover.closed {
    background: transparent
}
.contact-record-takeover.closed .contact-record-lite {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px)
}
.contact-record-takeover {
    position: fixed;
    z-index: 201;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    display: block;
    height: 100%;
    transition: all .5s ease
}
.contact-record-lite {
    min-width: 360px;
    max-width: 360px;
    height: 100%;
    overflow: auto;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 0;
    background-color: #f2f6f8;
    border-left: 1px solid #7695a5;
    padding: 0 0 30px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.contact-record-lite header {
    width: 100%;
    height: 105px;
    display: block;
    margin: 0 0 50px;
    background-size: cover
}
.contact-record-lite header:after {
    content: " ";
    background: linear-gradient(90deg, #0176ff, #13cb6e);
    display: block;
    width: 100%;
    height: 105px;
    position: absolute;
    top: 0;
    opacity: .2
}
.contact-record-lite .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1
}
.contact-record-lite .close-button svg path {
    fill: #fff
}
.contact-record-lite .close-button svg {
    width: 20px;
    cursor: pointer
}
.contact-record-lite header .Avatar {
    margin: 0 auto;
    position: relative;
    bottom: -45px;
    border: 1px solid #fff;
    z-index: 1
}
.contact-record-lite>section>* {
    -webkit-animation: slideIn .6s forwards;
    animation: slideIn .6s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: hidden;
    max-height: 0
}
section.lite-contact-about>* {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
section.lite-contact-segments>* {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.lite-contact-basic-info {
    text-align: center
}
.lite-contact-basic-info svg {
    height: 12px
}
.lite-contact-basic-info h2 {
    color: #0176ff;
    font-size: 21px;
    margin: 0 0 10px
}
.lite-contact-basic-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    color: #7695a5
}
.lite-contact-basic-info ul li {
    margin: 0 0 10px
}
.contact-follow-link,
.contact-follow-link svg path {
    color: #0176ff;
    fill: #0176ff;
    cursor: pointer
}
.lite-contact-about .dsg-card,
.lite-contact-segments .dsg-card {
    all: unset
}
.lite-contact-segments {
    margin: 30px 0 0
}
@-webkit-keyframes slideIn {
    0% {
        max-height: 0
    }
    to {
        max-height: 1000px
    }
}
@keyframes slideIn {
    0% {
        max-height: 0
    }
    to {
        max-height: 1000px
    }
}
.pr-table thead {
    width: 100%
}
.pr-table th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #394f5a;
    border: none;
    white-space: nowrap
}
.pr-table thead th div {
    position: absolute;
    background: transparent;
    padding: 12px 25px;
    top: 0;
    margin-left: -25px;
    line-height: normal
}
.pr-data-company .pr-logo,
.pr-data-name img {
    height: 30px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top
}
.pr-data-name .name {
    color: #0176ff;
    cursor: pointer;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}
.pr-data-name .Avatar,
.pr-data-name .name {
    display: inline-block;
    vertical-align: middle
}
.pr-data-chatbutton .drift-button {
    width: 88px
}
.pr-data-chatbutton .drift-button.sent-message svg {
    margin-top: 3px
}
.drift-button.sent-message {
    background-color: #f2f6f8
}
.pr-data-name .Avatar {
    margin: 0 10px 0 0
}
.pr-data-name .Avatar img {
    width: 30px;
    height: 30px
}
.pr-td {
    position: relative
}
.pr-data-company span,
.pr-data-name a,
.pr-data-name span {
    display: inline-block;
    vertical-align: top
}
.pr-td>div {
    padding: .5rem;
    white-space: nowrap;
    display: block
}
.pr-path-link {
    color: #7695a5;
    display: inline-block;
    margin-left: .35rem
}
.pr-table .pr-user-disabled td {
    background: #f2f6f8;
    color: #b5d2e1
}
.pr-table .pr-user-disabled td a {
    color: #b5d2e1
}
.pr-table .pr-user-disabled td .offline-text {
    color: #7695a5
}
.pr-table .pr-user-enter td div {
    -webkit-animation-name: enterRow;
    animation-name: enterRow
}
.pr-table .pr-user-enter td div,
.pr-table .pr-user-leave td div {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transform: translateZ(0)
}
.pr-table .pr-user-leave td div {
    max-height: 0;
    opacity: 0;
    padding: 0 1em;
    -webkit-animation-name: exitRow;
    animation-name: exitRow
}
.pr-table td>div {
    opacity: 1;
    max-height: 100px;
    max-width: 200px;
    overflow-x: hidden;
    padding: 1em;
    min-width: 100px
}
.pr-table td.pr-data-number div {
    width: 70px
}
td.pr-data-last-update div {
    width: 140px
}
.pr-table th {
    vertical-align: middle
}
.pr-table tbody td {
    padding: 0;
    border-top: 1px solid #f2f6f8
}
.pr-table tbody tr {
    position: relative;
    overflow: visible
}
.presence-zero-state {
    position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 150px);
    text-align: center;
    color: #7695a5
}
.presence-zero-state strong {
    font-size: 21px;
    font-weight: 400;
    color: #7795a4;
    margin: 0 0 5px
}
.presence-zero-state p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.8
}
.presence-row-title-card {
    position: absolute;
    left: 150px;
    top: 15px;
    z-index: 10
}
@-webkit-keyframes enterRow {
    0% {
        max-height: 0;
        opacity: 0;
        padding: 0 1em
    }
    to {
        max-height: 150px;
        opacity: 1;
        padding: 1em
    }
}
@keyframes enterRow {
    0% {
        max-height: 0;
        opacity: 0;
        padding: 0 1em
    }
    to {
        max-height: 150px;
        opacity: 1;
        padding: 1em
    }
}
@-webkit-keyframes exitRow {
    0% {
        max-height: 150px;
        opacity: 1;
        padding: 1em
    }
    to {
        max-height: 0;
        opacity: 0;
        padding: 0 1em
    }
}
@keyframes exitRow {
    0% {
        max-height: 150px;
        opacity: 1;
        padding: 1em
    }
    to {
        max-height: 0;
        opacity: 0;
        padding: 0 1em
    }
}
.page-presence {
    overflow: hidden;
    height: 100%;
    min-height: 900px;
    min-width: 910px;
    padding: 0
}
.page-presence h1 {
    margin: 0 0 70px;
    font-size: 32px;
    font-weight: 400;
    padding: 20px 0;
    margin: 0 20px;
    text-align: left;
    color: #394f5a;
    border-bottom: 1px solid #e1eef4
}
.presence-table-outer {
    padding-top: 40px;
    background: #f2f6f8;
    height: calc(100% - 155px);
    position: relative;
    margin: 70px 0 0
}
.presence-table-wrapper {
    background: #f2f6f8;
    overflow-y: auto;
    height: 100%
}
.page-presence .pr-filter-bar {
    width: 100%;
    display: block;
    padding: 0 15px;
    position: absolute;
    top: -53px;
    z-index: 200
}
.pr-filter-bar>span {
    margin: 7px
}
.pr-filter-bar .drift-form,
.pr-filter-bar>span {
    display: inline-block
}
.pr-filter-bar .drift-form input {
    width: 300px;
    margin-right: 15px
}
.pr-filter-actions button {
    display: inline-block;
    min-width: 165px
}
.pr-filter-actions {
    float: right;
    display: inline-block;
    text-align: left;
    color: #9a9a9a
}
.pr-filter-actions .Select {
    width: 180px;
    margin-right: 15px
}
.pr-filter-actions .Select svg {
    width: 1.25em;
    margin: -2px 8px -2px 4px;
    vertical-align: initial
}
.pr-filter-actions .Select svg.path {
    fill: #7695a5
}
.pr-filter-known-users {
    cursor: pointer
}
.pr-filter-known-users.active {
    font-weight: 500
}
.pr-filter-known-users:hover {
    text-decoration: underline
}
.pr-gate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 1200px;
    width: 100%;
    margin: 30px 0
}
.pr-gated-content {
    padding: 60px
}
.pr-gated-content p {
    color: #7695a5;
    font-size: 16px;
    line-height: 1.5
}
.pr-gated-content h2 {
    margin: 0 0 15px;
    font-size: 28px;
    color: #394f5a;
    width: 489px
}
.pr-gated-content .drift-button {
    margin: 15px 15px 45px 0
}
.pr-gated-content iframe {
    display: block
}
.pr-gate img {
    width: 100%;
    max-height: 780px
}
.upgrade-pill div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.presence-problems {
    float: right;
    vertical-align: top;
    margin: -62px 30px 0 0;
    font-weight: 400;
    font-size: 14px;
    width: 365px
}
.presence-problems svg {
    height: 15px;
    margin: 0 6px -4px 0
}
.presence-problems svg path {
    fill: #e92e4b
}
.AcceptIntegrate---1n_fk {
    background-color: #f2f6f8;
    height: 100vh
}
.AcceptIntegrate---1n_fk .circle {
    background-color: #13cb6e
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.InboxButton button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.InboxButton button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.InboxButton .inbox-dropdown .selection-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between,
.InboxButton .inbox-dropdown .selection-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.InboxButton .inbox-dropdown .selection-header {
    padding: .5rem 1.3rem;
    color: #9a9a9a;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #eee
}
.InboxButton .inbox-dropdown .row {
    min-height: 3.15rem;
    padding-left: 1.3rem;
    padding-right: .85rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    border-bottom: 1px solid #eee
}
.InboxButton .inbox-dropdown .row:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.InboxButton .inbox-dropdown .row:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-bottom: none
}
.InboxButton .inbox-dropdown .row:hover {
    background-color: #0176ff;
    color: #fff
}
.InboxButton .inbox-dropdown .row:hover .selected-check-mark.icon-svg * {
    stroke: #fff;
    fill: #fff
}
.InboxButton .inbox-dropdown .row:hover .Avatar .initials {
    color: #fff;
    border-color: #fff
}
.InboxButton .inbox-dropdown .row .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.InboxButton .inbox-dropdown .row .Avatar {
    margin-right: .5rem
}
.InboxButton .inbox-dropdown .row .selected-check-mark.icon-svg {
    height: .7rem;
    width: 1rem
}
.InboxButton .inbox-dropdown .row .selected-check-mark.icon-svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.InboxButton .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.InboxButton .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.InboxButton .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.InboxButton .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.InboxButton .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.InboxButton .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.InboxButton button {
    position: relative;
    padding: .625rem;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    font-size: 18px;
    font-weight: 600;
    background-color: #0176ff;
    color: #fff;
    cursor: pointer;
    border-radius: .3125rem
}
.InboxButton button.selected,
.InboxButton button:hover {
    background-color: #0960c5
}
.InboxButton img {
    margin-left: .5rem;
    height: 1.4rem
}
.InboxButton .inbox-dropdown {
    position: absolute;
    top: 8rem;
    left: 4rem;
    color: #000
}
.InboxButton .inbox-dropdown .row {
    cursor: pointer
}
.InboxButton .inbox-dropdown .row .mailbox-icon {
    height: 1.5rem;
    width: 1.5rem;
    margin-bottom: -.75rem;
    margin-right: .5rem
}
.InboxButton .inbox-dropdown .row:hover .mailbox-icon path {
    fill: #fff
}
.TabbedView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #13ddb0;
    margin-bottom: 1rem
}
.TabbedView .tab {
    margin-right: 1rem;
    padding: .75rem 1rem;
    font-size: 18px;
    font-weight: 500;
    color: #9a9a9a;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem;
    cursor: pointer
}
.TabbedView .tab.isSelected {
    background-color: #13ddb0;
    color: #fff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.Table .table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Table {
    box-shadow: 0 2px 0 #eee
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title,
.Table table,
.Table table td {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body,
.Table table,
.Table table td {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Table input.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eee;
    border-radius: .3125rem;
    color: #000;
    font-size: 16px;
    height: 2.8rem;
    padding: 0 1.15rem;
    box-sizing: border-box
}
.Table input.search:focus {
    border-color: #13ddb0;
    outline: none
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink,
.Table table th {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.dsg-largeRow,
.dsg-row,
.Table table td,
.Table table th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.dsg-largeRow,
.dsg-row {
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.Table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: .3125rem
}
.Table table td {
    padding: .85rem
}
.Table table th {
    padding: .65rem;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.Table table th.sort-asc:after,
.Table table th.sort-desc:after {
    content: "";
    position: absolute;
    height: .8rem;
    width: .65rem;
    margin: .15rem .5rem;
    background-image: url(/assets/2be7e54f95ea9b20539c51393911ea09.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.Table table th.sort-desc:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.Table table tbody {
    display: block;
    height: calc(100% - 2.125rem)
}
.Table table tbody tr:last-child {
    border-bottom: none;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.Table table tbody tr:nth-child(2n) {
    background-color: #fafafa
}
.Table table tbody tr:hover {
    background-color: #effaff
}
.Table table tbody tr,
.Table table thead {
    display: table;
    table-layout: fixed;
    width: 100%
}
.Table {
    position: relative;
    padding: 1.25rem 1.25rem 0;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .3125rem
}
.Table .table-header {
    border-bottom: 2px solid #eee;
    margin: 0 0 1rem
}
.Table input.search {
    height: 2.125rem;
    margin-right: 1rem
}
.Table h2 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 500
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.TimeSelectorButton button.main-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between,
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons .time-button {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons .time-button:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons .time-button[disabled] {
    cursor: inherit;
    background-color: #eee
}
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons .time-button {
    height: 2.15rem;
    padding: 0 1rem;
    font-size: 14px
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.TimeSelectorButton .DropDown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    border-top-right-radius: 0;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.TimeSelectorButton .DropDown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.TimeSelectorButton .DropDown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.TimeSelectorButton .DropDown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.TimeSelectorButton .DropDown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.TimeSelectorButton .DropDown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.TimeSelectorButton {
    position: relative
}
.TimeSelectorButton button.main-button {
    background-color: #fff;
    padding: .6rem;
    border: 2px solid #eee;
    outline: none;
    font-size: 18px;
    cursor: pointer;
    border-radius: .3125rem
}
.TimeSelectorButton button.main-button.selected,
.TimeSelectorButton button.main-button:hover {
    background-color: #eee
}
.TimeSelectorButton svg {
    margin-left: .8rem;
    height: .6rem
}
.TimeSelectorButton svg path {
    fill: #0176ff
}
.TimeSelectorButton .DropDown {
    position: absolute;
    top: 4rem;
    left: 2rem
}
.TimeSelectorButton .DropDown .TimeSelectorDropdown {
    padding: 1rem
}
.TimeSelectorButton .time-selector-dropdown {
    width: 20rem;
    padding: .5rem 0 0;
    color: #000
}
.TimeSelectorButton .time-selector-dropdown .preset-time-buttons {
    margin-bottom: .5rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.DashboardPage .metrics,
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.DashboardPage .metrics,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.DashboardPage {
    overflow: auto;
    padding: 1rem 2.8rem 0;
    background-color: #fff
}
.DashboardPage .chart-container {
    margin-bottom: 3.125rem
}
.DashboardPage .chart-container canvas {
    height: 13.5rem;
    width: 100%!important
}
.DashboardPage .tabular-info table {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.DashboardPage .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.DashboardPage .controls>div {
    margin-right: .625rem
}
.DashboardPage .metrics {
    margin-bottom: 2rem
}
.DashboardPage .metrics>div {
    width: 14rem;
    margin-right: 5rem
}
.DashboardPage .TabbedView {
    margin-bottom: 0
}
.DashboardPage .tool-tip table {
    border: none;
    box-shadow: none
}
.DashboardPage .tool-tip table tr {
    border: none;
    table-layout: inherit
}
.DashboardPage .tool-tip table tr:hover {
    background-color: inherit
}
.DashboardPage .tool-tip table td:first-child {
    width: 6rem
}
.DashboardPage .tool-tip table td {
    font-size: 12px;
    padding: 0;
    color: #fff
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.DashBoardCard__Head---3miKe,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.DashBoardCard__Head---3miKe,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.DashBoardCard---1n91g table,
.DashBoardCard---1n91g table td,
.DashBoardCard__Title---3wPDw,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.DashBoardCard__Title---3wPDw,
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.DashBoardCard---1n91g table,
.DashBoardCard---1n91g table td,
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.DashBoardCard---1n91g table th,
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.DashBoardCard---1n91g table td,
.DashBoardCard---1n91g table th,
.dsg-largeRow,
.dsg-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.dsg-largeRow,
.dsg-row {
    border-top: 1px solid #eee;
    min-height: 30px;
    padding: 5px 1rem
}
.dsg-largeRow:last-child,
.dsg-row:last-child {
    border-bottom: 1px solid #eee
}
.dsg-largeRow {
    min-height: 45px
}
.DashBoardCard---1n91g table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: .3125rem
}
.DashBoardCard---1n91g table td {
    padding: .85rem
}
.DashBoardCard---1n91g table th {
    padding: .65rem;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.DashBoardCard---1n91g table th.sort-asc:after,
.DashBoardCard---1n91g table th.sort-desc:after {
    content: "";
    position: absolute;
    height: .8rem;
    width: .65rem;
    margin: .15rem .5rem;
    background-image: url(/assets/2be7e54f95ea9b20539c51393911ea09.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.DashBoardCard---1n91g table th.sort-desc:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.DashBoardCard---1n91g table tbody {
    display: block;
    height: calc(100% - 2.125rem)
}
.DashBoardCard---1n91g table tbody tr:last-child {
    border-bottom: none;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.DashBoardCard---1n91g table tbody tr:nth-child(2n) {
    background-color: #fafafa
}
.DashBoardCard---1n91g table tbody tr:hover {
    background-color: #effaff
}
.DashBoardCard---1n91g table tbody tr,
.DashBoardCard---1n91g table thead {
    display: table;
    table-layout: fixed;
    width: 100%
}
.DashBoardCard---1n91g {
    width: 100%;
    margin: 1rem 0;
    border-width: 2px
}
.DashBoardCard---1n91g p {
    color: #7695a5
}
.DashBoardCard---1n91g p strong {
    font-weight: 500
}
.DashBoardCard---1n91g .dsg-MediumButton {
    background-color: #13cb6e
}
.DashBoardCard__Head---3miKe {
    padding: 1.5rem 2rem;
    width: 100%;
    height: 75px;
    border-bottom: 2px solid #e1eef4
}
.DashBoardCard__Title---3wPDw {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.DashBoardCard__Content---2392m {
    padding: 2rem
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.NextStepCard---3f7h0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.NextStepCard---3f7h0 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.NextStepCard---3f7h0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 275px;
    height: 242px;
    margin: .5rem;
    padding: 2rem;
    transition: border .3s;
    position: relative;
    overflow: hidden
}
.NextStepCard---3f7h0 .filler {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.NextStepCard---3f7h0:hover {
    border: 1px solid #13cb6e
}
.NextStepCard---3f7h0 .icon {
    height: 60px;
    margin: 10px
}
.NextStepCard---3f7h0 .icon img {
    display: block;
    height: 100%;
    width: auto
}
.NextStepCard---3f7h0 .detail {
    margin-top: 1rem
}
.NextStepCard---3f7h0 .title {
    font-weight: 500
}
.NextStepCard---3f7h0 .detail {
    font-weight: 500;
    text-transform: uppercase
}
.NextStepCard__UpgradeRibbon---3f4qY {
    position: absolute;
    color: #fff;
    top: 15px;
    right: -21px;
    width: 90px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    font-size: .75rem;
    background-color: #13cb6e
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-quote,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-quote,
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.dsg-ultralight-weight {
    font-weight: 100!important
}
.dsg-light-weight {
    font-weight: 300!important
}
.dsg-regular-weight {
    font-weight: 400!important
}
.dsg-medium-weight {
    font-weight: 500!important
}
.dsg-bold-weight {
    font-weight: 600!important
}
.dsg-heavy-weight {
    font-weight: 700!important
}
.dsg-Label,
.dsg-Label--gray,
.dsg-Label--navy,
.dsg-Label--pink {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}
.dsg-Label--gray {
    color: #9a9a9a
}
.dsg-Label--navy {
    color: #7695a5
}
.dsg-Link,
.dsg-Link--gray {
    cursor: pointer;
    text-decoration: none;
    color: #0176ff
}
.dsg-Link:hover {
    color: #0960c5
}
.dsg-Link--gray {
    color: #ccc
}
.dsg-Label--pink {
    color: #ff7f93
}
.dsg-quote {
    color: #9a9a9a;
    font-style: italic
}
.NextStepsSection---PVhiE .dsg-card {
    width: 250px;
    padding: 20px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.NewestFaces---1PC9v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.NewestFaces---1PC9v {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.NewestFaces---1PC9v {
    margin-bottom: .75rem
}
.NewestFaces---1PC9v>:not(:first-child) {
    margin-left: 11px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Legend---3_GOo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline,
.Legend---3_GOo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.ContactGrowthGraphHeader---1ISKE,
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ContactGrowthGraphHeader---1ISKE,
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .625rem;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:before {
    position: absolute;
    z-index: -2;
    border: 10px solid transparent;
    border-right-color: #ccc;
    top: -10px;
    right: -1px
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:after {
    position: absolute;
    z-index: -1;
    border: 9px solid transparent;
    border-right-color: #fff;
    top: -8px;
    right: 0
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown {
    border-top-right-radius: .625rem;
    border-top-left-radius: 0
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:before {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #ccc;
    left: -1px
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:after {
    content: "";
    border-right-color: transparent!important;
    border-left-color: #fff;
    left: 0
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown {
    border-top-right-radius: 0;
    border-top-left-radius: .625rem
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:after,
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.ContactGrowthGraphHeader---1ISKE {
    font-size: .6875rem;
    font-weight: 500
}
.ContactGrowthGraphHeader---1ISKE .main-button {
    font-size: .6875rem!important
}
.ContactGrowthGraphHeader---1ISKE .time-selector-dropdown {
    color: initial;
    left: -15rem;
    top: 3.5rem
}
.Legend__Square---3li68 {
    height: 1rem;
    width: 1rem;
    margin-right: .3rem;
    border-radius: .3125rem
}
.EmptyState---2pEBY {
    text-align: center;
    color: #ccc
}
.EmptyState---2pEBY img {
    width: 100%
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between,
.Wrapper---5-tK_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between,
.Wrapper---5-tK_ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.title-and-count---riHDe {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 8rem
}
.title-and-count---riHDe:not(:first-child) {
    margin-left: 2rem
}
.title-and-count---riHDe .count---1oRpZ {
    font-size: 2.5rem
}
.limit---2ipmn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    font-size: .875rem;
    color: #b5d2e1;
    padding-bottom: .5rem
}
.Wrapper---5-tK_>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.Wrapper---5-tK_>:not(:first-child) {
    margin-left: 45px
}
.ContactCounts---396Mz {
    margin-bottom: 1rem
}
.SeeAllLink---15gOC {
    background-color: #f2f6f8;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: .3125rem
}
.SeeAllLink---15gOC:hover {
    background-color: #e1eef4
}
.odd---3ditx {
    cursor: pointer;
    background-color: #f2f6f8
}
.odd---3ditx:hover {
    background-color: #effaff
}
.even---27y1D {
    cursor: pointer
}
.even---27y1D:hover {
    background-color: #effaff
}
.header---1Hnqs {
    border-bottom: 1px solid #e1eef4
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start,
.Illustration---zeEbV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column,
.Illustration---zeEbV {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center,
.Illustration__Cta---cMJ9Q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.Illustration__Cta---cMJ9Q {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg *,
.Illustration__Cta---cMJ9Q svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]),
.Illustration__Cta---cMJ9Q:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled],
.Illustration__Cta---cMJ9Q[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton,
.Illustration__Cta---cMJ9Q {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child),
.Illustration__Cta---cMJ9Q>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.Illustration---zeEbV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eee;
    border-radius: .625rem;
    padding: 20px
}
.Illustration__Message---TddzD {
    font-size: 1rem;
    color: #9a9a9a
}
.Illustration__Cta---cMJ9Q {
    margin-top: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA,
.flex,
.flex-column,
.flex-start,
.SettingsButtonIcon---PTo0w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA,
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA .card-title---3Sbk9,
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA .card-title---3Sbk9,
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.Dashboard---XWFFT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    background-color: #f2f6f8;
    height: 100%
}
.Dashboard---XWFFT .dashboard-container---2EIhj {
    width: 1110px;
    margin: 0 auto;
    padding: 1rem .5rem
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS {
    width: 100%;
    min-height: 100px;
    margin: 1rem 0;
    border-width: 2px
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA {
    padding: 1.5rem 2rem;
    width: 100%;
    height: 75px;
    border-bottom: 2px solid #e1eef4
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS .card-head---172TA .card-title---3Sbk9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS p {
    color: #7695a5
}
.Dashboard---XWFFT .dashboard-container---2EIhj .card---1n0uS p strong {
    font-weight: 500
}
.upgrade-button-container---2hRUS .upgrade-button {
    background-color: #f56c4c
}
.upgrade-button-container---2hRUS .upgrade-icon {
    margin: 0 .4rem 0 0;
    display: block;
    width: 8px;
    height: 12px
}
.upgrade-button-container---2hRUS .upgrade-icon path {
    fill: transparent!important;
    stroke-width: 2px
}
.SettingsButtonIconContainer---21EsQ {
    margin: .75rem .5rem .75rem 2rem
}
.SettingsButtonIcon---PTo0w {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.SettingsButtonIcon---PTo0w:hover {
    cursor: pointer
}
.SettingsButtonIcon---PTo0w .gear {
    margin-right: .3rem
}
.SettingsButtonIcon---PTo0w .gear svg {
    width: 20px;
    height: 20px
}
.SettingsButtonIcon---PTo0w .caret svg {
    width: 10px;
    height: 10px
}
.SettingsButtonIcon---PTo0w path {
    fill: #b5d2e1;
    stroke: #b5d2e1
}
.SettingsButtonIcon---PTo0w:hover path {
    fill: #0176ff;
    stroke: #0176ff
}
.CardEnter---1mOsg,
.CardLeave---3i48m {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow: hidden
}
.CardEnter---1mOsg {
    -webkit-animation-name: lifeIn---2yDEu;
    animation-name: lifeIn---2yDEu;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.CardLeave---3i48m {
    -webkit-animation-name: lifeIn---2yDEu;
    animation-name: lifeIn---2yDEu;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}
.SettingsDropdown---1jU-k {
    margin-top: 1.5rem
}
.SettingsDropdown---1jU-k .uiDropdownitem {
    padding: .5rem 2rem .5rem 1rem
}
.SettingsDropdown---1jU-k .uiDropdownitem a {
    color: inherit
}
@-webkit-keyframes lifeIn---2yDEu {
    0% {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    to {
        opacity: 1;
        max-height: 400px
    }
}
@keyframes lifeIn---2yDEu {
    0% {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    to {
        opacity: 1;
        max-height: 400px
    }
}
.ContactInfo---2agMW {
    min-width: 75%;
    margin-top: 5px
}
.ContactPillAvatar---1ywok {
    max-width: 30px;
    max-height: 30px;
    height: auto;
    border-radius: 3px;
    margin-right: 8px
}
.CloseIcon---3yXfO {
    padding: 9px;
    cursor: pointer
}
.CloseIcon---3yXfO svg {
    width: 9px;
    height: 9px
}
.ContactsList---2Ox9k {
    max-height: 20rem;
    overflow-y: auto
}
.ContactPill---14e7g {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    padding: 6px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 9px 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.dsg-Button,
.dsg-IconButton,
.dsg-IconButton2,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton,
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-card,
.dsg-IconButton {
    border: 1px solid #eee;
    border-radius: .3125rem;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #eee
}
.dsg-card>:first-child,
.dsg-IconButton>:first-child {
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}
.dsg-card>:last-child,
.dsg-IconButton>:last-child {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}
.dsg-card-dotted {
    border: 1px dotted #ccc;
    border-radius: .3125rem
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
.SpecialAddButton---2zW3v {
    display: inline-block;
    min-width: 8rem;
    height: 2.8rem;
    font-size: 1em;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .3125rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.SpecialAddButton---2zW3v:focus {
    outline: none;
    box-shadow: 0 0 .5rem #0176ff
}
.SpecialAddButton---2zW3v[disabled] {
    cursor: inherit;
    background-color: #eee
}
button.color-teal {
    background-color: #13ddb0
}
button.color-teal:hover:not([disabled]) {
    background-color: #10b993;
    box-shadow: none
}
button.color-blue {
    background-color: #0176ff
}
button.color-blue:hover:not([disabled]) {
    background-color: #0960c5;
    box-shadow: none
}
button.color-black {
    background-color: #000
}
button.color-black:hover:not([disabled]) {
    background-color: #4d4d4d
}
button.color-black[disabled] {
    background-color: #eee
}
button.color-red {
    background-color: #e92e4b
}
button.color-red:hover:not([disabled]) {
    background-color: #d0021b;
    box-shadow: none
}
.dsg-Button,
.dsg-LargeButton,
.dsg-MediumButton,
.dsg-SmallButton {
    border-radius: .3125rem;
    text-align: center;
    font-weight: 600;
    font-size: .875rem;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #0176ff
}
.dsg-Button svg *,
.dsg-LargeButton svg *,
.dsg-MediumButton svg *,
.dsg-SmallButton svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-Button:hover:not([disabled]),
.dsg-LargeButton:hover:not([disabled]),
.dsg-MediumButton:hover:not([disabled]),
.dsg-SmallButton:hover:not([disabled]) {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
.dsg-Button[disabled],
.dsg-LargeButton[disabled],
.dsg-MediumButton[disabled],
.dsg-SmallButton[disabled] {
    cursor: inherit;
    color: #fff;
    background-color: #eee
}
.dsg-LargeButton {
    padding: 0 30px;
    min-height: 40px
}
.dsg-MediumButton {
    padding: 0 20px;
    min-height: 34px
}
.dsg-MediumButton>:not(:last-child) {
    margin-right: .3rem
}
.dsg-SmallButton {
    padding: 0 16px;
    min-height: 25px
}
.dsg-IconButton {
    cursor: pointer;
    width: 34px;
    height: 34px
}
.dsg-IconButton svg * {
    stroke: #9a9a9a;
    fill: #9a9a9a
}
.dsg-IconButton:hover svg * {
    stroke: #0176ff;
    fill: #0176ff
}
.dsg-IconButton--disabled {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}
.dsg-IconButton2 {
    border-radius: .3125rem;
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: none;
    border: none
}
.dsg-IconButton2 svg * {
    stroke: #fff;
    fill: #fff
}
.dsg-IconButton2--pink {
    background-color: #ff7f93
}
.InviteTeamModal---1gkCr {
    width: 380px;
    padding: 0!important;
    overflow-y: initial
}
.InviteTeamModal---1gkCr .ContactPill---3nwa8,
.InviteTeamModal---1gkCr .input-wrapper {
    width: 100%
}
.InviteTeamModal---1gkCr .dsg-h3 {
    color: #000;
    text-align: center
}
.InviteTeamModal---1gkCr .description {
    font-size: .875rem;
    color: #7695a5;
    text-align: center;
    padding: 0 2rem;
    margin-bottom: .5rem
}
.InviteTeamModal---1gkCr .color-green {
    background-color: #13cb6e
}
.InviteTeamModal---1gkCr .flex-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.InviteTeamModal---1gkCr .Input {
    border: 2px solid #e1eef4;
    transition: border-color .3s
}
.InviteTeamModal---1gkCr .Input.active {
    border-color: #13cb6e
}
.InviteTeamModal---1gkCr .Input::-webkit-input-placeholder {
    color: #b5d2e1
}
.InviteTeamModal---1gkCr .Input::-moz-placeholder {
    color: #b5d2e1
}
.InviteTeamModal---1gkCr .Input:-ms-input-placeholder {
    color: #b5d2e1
}
.InviteTeamModal---1gkCr .Input::placeholder {
    color: #b5d2e1
}
.InviteTeamModal---1gkCr .Input .overlay-label:after {
    top: -2px
}
.InviteTeamModal---1gkCr .close-button svg path {
    fill: #7695a5
}
.InviteTeamModal---1gkCr input {
    height: 40px
}
.InviteTeamModal---1gkCr .EmailPill---eXhxY,
.InviteTeamModal---1gkCr input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem
}
.InviteTeamModal---1gkCr>* {
    width: 100%;
    padding: 16px
}
.InviteTeamModal---1gkCr>:first-child {
    padding-top: 24px
}
.SpecialAddButton---2zW3v {
    height: 40px!important;
    width: 40px!important;
    min-width: 0!important;
    padding: 0!important;
    font-size: 26px!important;
    line-height: 0;
    border-radius: 0 .2rem .2rem 0!important;
    background-color: #13cb6e
}
.EmailPill---eXhxY {
    height: 40px;
    margin-top: 12px;
    border: 2px solid #e1eef4;
    border-radius: .3125rem;
    padding: 0 1rem
}
.ButtonSection---2xlaC {
    border-top: 2px solid #e1eef4
}
.ButtonSection---2xlaC .dsg-LargeButton {
    width: 100%
}
.Overview---3uhuB {
    padding: 50px 20px;
    width: 100%
}
.Overview---3uhuB .overview-col {
    max-width: 500px;
    min-width: 350px
}
.Overview---3uhuB h1 {
    font-size: 2rem;
    color: #394f5a
}
.Overview---3uhuB h2 {
    display: inline-block;
    font-size: 1.3125rem;
    color: #394f5a;
    margin: 0
}
.Overview---3uhuB .upgrade-divider {
    background-color: #f2f6f8;
    padding: 25px
}
.Overview---3uhuB .upgrade-divider p {
    color: #7695a5;
    font-size: .875rem
}
.Overview---3uhuB .talk-button {
    margin-left: 8px
}
.Overview---3uhuB .bubble {
    color: #fff;
    font-size: .875rem;
    margin-left: 15px;
    padding: 5px 10px;
    border-radius: 500px
}
.Overview---3uhuB .bubble.free {
    background-color: #13cb6e
}
.Overview---3uhuB .bubble.upgrade {
    background-color: #0176ff
}
.Overview---3uhuB .overview-profile-ui {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 400px;
    max-width: 500px;
    width: 100%
}
.Overview---3uhuB .profile-overview-splash {
    position: relative;
    overflow: hidden
}
.Overview---3uhuB .profile-overview-splash .profile-cover-container {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 85.5%;
    border-radius: 5px;
    z-index: -10;
    overflow: hidden
}
.Overview---3uhuB .profile-overview-splash .profile-cover-container .profile-cover {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}
.Overview---3uhuB .profile-overview-splash #profile-preview-svg svg {
    color: inherit
}
.Overview---3uhuB .profile-overview-splash #profile-preview-svg svg #color {
    color: inherit;
    fill: currentColor
}
.Overview---3uhuB .customer-details-preview {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    width: 100%;
    padding-left: 20%;
    top: 70%
}
.Overview---3uhuB .customer-details-preview .customer-avatar {
    border-radius: 100rem;
    width: 29px;
    height: 29px;
    border: 4px rgba(0, 0, 0, .5)
}
.Overview---3uhuB .customer-details-preview .customer-name {
    padding: .25rem 0 0 .5rem
}
.Overview---3uhuB .profile-link {
    font-size: .875rem;
    border-radius: 5px;
    width: 100%;
    background-image: url(/assets/4efa9886ba82e361fbbbaff1a5b1f072.svg);
    background-color: #f2f6f8;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px;
    padding: .5rem 1.5rem .5rem 2.5rem;
    margin-bottom: 1rem
}
.Overview---3uhuB .overview-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.Overview---3uhuB .overview-title p {
    font-size: 1rem;
    color: #7695a5
}
.Overview---3uhuB .overview-title .overview-title-img {
    height: 350px;
    padding-left: 50px
}
.Overview---3uhuB .overview-step {
    max-width: 500px
}
.Overview---3uhuB .overview-video-section,
.Overview---3uhuB .premium-steps>* {
    margin-top: 100px
}
.Overview---3uhuB .premium-steps img {
    width: 320px
}
.Overview---3uhuB .fb-recommend-btn {
    border: none;
    overflow: hidden;
    margin-bottom: 30px
}
.Overview---3uhuB .overview-video-section .upgrade-divider {
    display: block;
    background-color: transparent
}
.Overview---3uhuB .overview-video-section .upgrade-divider .buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.Overview---3uhuB .overview-step p {
    font-size: .875rem;
    color: #394f5a
}
.Overview---3uhuB .tasks {
    border-top: 1px solid #e1eef4;
    padding-top: 1em
}
.Overview---3uhuB .task {
    padding: 5px
}
.Overview---3uhuB .task p {
    margin: 0 0 0 10px
}
.Overview---3uhuB .task svg {
    width: 20px;
    height: 20px
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex,
.flex-column,
.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex,
.flex-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-center,
.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-space-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.col-1 {
    width: 8.333333333333334%
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-2 {
    width: 16.666666666666668%
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.col-3 {
    width: 25%
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.col-4 {
    width: 33.333333333333336%
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.col-5 {
    width: 41.66666666666667%
}
.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.col-6 {
    width: 50%
}
.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.col-7 {
    width: 58.333333333333336%
}
.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.col-8 {
    width: 66.66666666666667%
}
.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.col-9 {
    width: 75%
}
.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.col-10 {
    width: 83.33333333333334%
}
.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.col-11 {
    width: 91.66666666666667%
}
.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.col-12 {
    width: 100%
}
.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.dsg-Body,
.dsg-h1,
.dsg-h2,
.dsg-h3,
.dsg-Regular,
.dsg-Small,
.dsg-Title {
    font-size: .875rem;
    font-weight: 400
}
.dsg-h1 {
    font-size: 2.5rem
}
.dsg-h2 {
    font-size: 2rem
}
.dsg-h3 {
    font-size: 1.3125rem
}
.dsg-Title {
    font-size: 1rem
}
.dsg-Body {
    font-size: .875rem
}
.dsg-Regular {
    font-size: .75rem
}
.dsg-Small {
    font-size: .6875rem
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    65% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 0;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 25%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, 1);
        animation-timing-function: cubic-bezier(.215, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    75% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.Wrapper---1d1lV {
    height: 100%;
    overflow-y: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media screen and (max-width: 900px) {
    .Wrapper---1d1lV {
        display: block
    }
}
.Wrapper---1d1lV .dsg-Label--gray {
    color: #7695a5
}
.Wrapper---1d1lV .Input {
    border-color: #e1eef4;
    transition: border-color .3s;
    margin-left: auto;
    margin-right: auto
}
@media screen and (max-width: 900px) {
    .Wrapper---1d1lV .Input {
        margin-left: 0;
        margin-right: 0
    }
}
.Wrapper---1d1lV .Input.active {
    border-color: #13cb6e
}
.Wrapper---1d1lV button.submit:not([disabled]) {
    background-color: #13cb6e
}
.Wrapper---1d1lV .input-wrapper,
.Wrapper---1d1lV button.submit {
    width: 300px
}
@media screen and (max-width: 900px) {
    .Wrapper---1d1lV .input-wrapper,
    .Wrapper---1d1lV button.submit {
        width: 100%
    }
}
.Column---1xDkp {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 550px;
    padding: 5vh 5vw
}
@media screen and (max-width: 900px) {
    .Column---1xDkp {
        min-width: auto
    }
}
.Sidebar---3F5sG {
    width: 325px;
    height: 100%;
    background: url(/assets/1a7c943770deb0641408c7c3de1854ec.png) 100% 0 no-repeat;
    padding-top: 3rem;
    background-size: cover
}
@media screen and (max-width: 900px) {
    .Sidebar---3F5sG {
        width: auto;
        padding-top: 1rem;
        height: auto
    }
}
.Sidebar---3F5sG .slick-slide {
    height: auto
}
.Sidebar---3F5sG .slick-dots li {
    margin: 0
}
.Sidebar---3F5sG .slick-dots li button:before {
    font-size: 10px;
    color: #fff;
    opacity: .5
}
.Sidebar---3F5sG .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff
}
.UnSubscribeSideBar---1-KDm {
    background: linear-gradient(180deg, #0176ff 0, #0176ff 70%, #0960c5)
}
.UnSubscribe---3rrwg {
    text-align: center;
    height: 100vh
}
@media (max-width: 700px) {
    .UnSubscribe---3rrwg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}
.UnSubscribeContent---2cgIw {
    padding: 25px
}
.UnSubscribeContent---2cgIw .dsg-h2 {
    margin-bottom: 35px
}
.UnSubscribeContent---2cgIw .dsg-Body {
    color: #7695a5;
    width: 380px;
    margin-bottom: 30px
}
.UnSubscribeContent---2cgIw button {
    display: block;
    width: 350px
}
@media (max-width: 700px) {
    .UnSubscribeContent---2cgIw .dsg-Body,
    .UnSubscribeContent---2cgIw .dsg-h2,
    .UnSubscribeContent---2cgIw button {
        max-width: calc(100vw - 50px)
    }
}
.UnSubscribeSideBar---1-KDm {
    transition: all .5s;
    width: 323px;
    height: 100vh
}
.UnSubscribeSideBar---1-KDm.done {
    -webkit-filter: navyscale(100%);
    filter: navyscale(100%)
}
@media (max-width: 700px) {
    .UnSubscribeSideBar---1-KDm {
        height: 25vh;
        width: 100%
    }
}
.UnSubscribeSideBar---1-KDm img {
    width: 238.5px;
    height: 134px
}
.Card---3QaX_ {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e1eef4;
    border-radius: 3px
}
.Card__header---3IKRy {
    background-color: #394f5a;
    border-bottom: 1px solid #e1eef4;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    padding: 4px 16px;
    height: 48px
}
.Card__content---3K8c1 {
    padding: 15px 15px 30px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}
.Sidebar---2son3 {
    height: 100%;
    border-radius: 0;
    width: 400px;
    -webkit-animation: slide-in .4s;
    animation: slide-in .4s;
    background-color: #fff
}
@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.Keyword---2kErJ {
    margin: 8px 0;
    position: relative
}
.Keyword---2kErJ .keyword-text-input {
    margin-left: 3px
}
.Keyword---2kErJ .x-icon {
    position: absolute;
    right: 12px;
    width: 13px;
    cursor: pointer
}
.Keyword---2kErJ .x-icon svg path {
    fill: #b5d2e1
}
.Keyword---2kErJ .x-icon:hover svg path {
    fill: #e92e4b
}
.Keyword---2kErJ .Select-control {
    width: 120px
}
.FollowUpSidebar---2XJ6r header,
.FollowUpSidebar---2XJ6r section {
    padding: 20px
}
.FollowUpSidebar---2XJ6r header {
    background-color: #f2f6f8;
    margin-bottom: 20px
}
.FollowUpSidebar---2XJ6r h1,
.FollowUpSidebar---2XJ6r h2,
.FollowUpSidebar---2XJ6r h3 {
    margin: 0
}
.FollowUpSidebar---2XJ6r h1 {
    font-size: 1.3125rem
}
.FollowUpSidebar---2XJ6r h2 {
    font-size: 1rem;
    color: #394f5a;
    font-weight: 500
}
.FollowUpSidebar---2XJ6r .drift-button {
    margin-right: 5px
}
.FollowUpSidebar---2XJ6r p {
    font-size: .875rem;
    color: #7695a5
}
.FollowUpSidebar---2XJ6r .keywords {
    padding-bottom: 10px
}
.FollowUpSidebar---2XJ6r .Select-control {
    height: 2.4rem
}
.Answer---QE48A {
    padding: 10px 0 20px
}
.Answer__bar---R9sgV {
    padding: 8px 5px 0
}
.Answer__bar---R9sgV p {
    margin: 0
}
.Answer__bar---R9sgV svg {
    width: 13px;
    cursor: pointer;
    margin-left: 10px
}
.Answer__bar---R9sgV svg:hover path {
    fill: #0176ff
}
.Answer__trash---HVDie svg path {
    fill: #b5d2e1
}
.Answer__trash---HVDie:hover svg path {
    fill: #e92e4b
}
.Answer__flag---3CWA9.flagged svg path {
    fill: #13cb6e
}
.Question---1KdM7 .drift-form {
    padding-bottom: 30px
}
.Question__follow-up-button---1WnMD {
    margin: 15px 0
}
.Question__follow-up-header---c4ba8 {
    padding-top: 25px;
    border-top: 1px dashed #e1eef4
}
.SeparatedButton---3-V1Z {
    width: 100%
}
.SeparatedButton__line---23WhE {
    margin-right: 10px;
    border-top: 1px dashed #e1eef4
}
.Option---2QjID {
    border: 1px solid #e1eef4;
    border-radius: 2px;
    padding: 15px;
    margin: 0 5px;
    cursor: pointer;
    text-align: center
}
.Option---2QjID.is-selected {
    border-color: #13cb6e;
    background-color: rgba(19, 203, 110, .05)
}
.Option---2QjID h1 {
    margin: 5px 0;
    font-size: .875rem;
    color: #394f5a;
    font-weight: 500
}
.Option---2QjID p {
    margin: 0;
    font-size: .75rem;
    color: #7695a5
}
.Option---2QjID svg {
    height: 20px
}
.Option---2QjID svg path {
    fill: #394f5a
}
.Interaction---2IVgT {
    height: 100vh;
    overflow-y: auto
}
.Interaction---2IVgT .drift-form input {
    width: 100%
}
.Interaction---2IVgT .interaction-header {
    padding: 20px;
    border-bottom: 1px solid #e1eef4
}
.Interaction---2IVgT .interaction-header .drift-button {
    margin-left: 10px
}
.Interaction---2IVgT .interaction-header .inline-edit {
    background: none;
    border: none
}
.Interaction---2IVgT .interaction-header svg {
    width: 14px;
    height: 14px;
    margin-right: 10px
}
.Interaction---2IVgT .interaction-edit {
    width: 500px;
    margin: 40px auto 0
}
.Interaction---2IVgT .interaction-edit>:last-child {
    margin-bottom: 200px
}
.Interaction---2IVgT .interaction-edit>:not(:last-child) {
    margin-bottom: 10px
}
.EmptyState---W9qqw {
    padding: 20px;
    height: 100%
}
.EmptyState---W9qqw .copy {
    max-width: 500px
}
.EmptyState---W9qqw .copy>:not(:last-child) {
    padding-bottom: 30px
}
.EmptyState---W9qqw .create-reply-button,
.EmptyState---W9qqw .upgrade-link {
    margin-right: 8px
}
.bot-preview-image---2Tk7o {
    max-height: 70vh
}
.InteractionListItem---1_IHI {
    border-bottom: 1px solid #e1eef4;
    padding: 15px 0
}
.InteractionListItem---1_IHI .comment-icon {
    margin-right: 20px
}
.InteractionListItem---1_IHI .comment-icon svg {
    height: 30px
}
.InteractionListItem---1_IHI .edit-button {
    margin-left: 20px;
    margin-right: -2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.InteractionListItem---1_IHI .action-dropdown {
    height: 37px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.InteractionListItem---1_IHI .action-dropdown svg {
    margin: 0;
    width: 12px
}
.InteractionListItem---1_IHI .Avatar {
    margin-right: 8px
}
.InteractionList---MlIat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    padding: 20px;
    border-bottom: 1px solid #e1eef4
}
.InteractionList---MlIat .header {
    padding-bottom: 15px;
    border-bottom: 1px solid #e1eef4
}
.InteractionList---MlIat .interaction-search-form {
    padding-right: 10px
}