@charset "utf-8";
.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-badge-small .mat-badge-content {
    font-size: 9px
    }
.mat-badge-large .mat-badge-content {
    font-size: 24px
    }
.mat-h1, .mat-headline, .mat-typography h1 {
    font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
    }
.mat-h2, .mat-title, .mat-typography h2 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
    }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
    font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
    }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
    font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
    }
.mat-h5, .mat-typography h5 {
    font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
    }
.mat-h6, .mat-typography h6 {
    font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
    }
.mat-body-2, .mat-body-strong {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-body, .mat-body-1, .mat-typography {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-body-1 p, .mat-body p, .mat-typography p {
    margin: 0 0 12px
    }
.mat-caption, .mat-small {
    font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-display-4, .mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -0.05em;
    margin: 0 0 56px
    }
.mat-display-3, .mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -0.02em;
    margin: 0 0 64px
    }
.mat-display-2, .mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -0.005em;
    margin: 0 0 64px
    }
.mat-display-1, .mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
    }
.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-mini-fab, .mat-raised-button, .mat-stroked-button {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
    }
.mat-button-toggle, .mat-card {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-card-title {
    font-size: 24px;
    font-weight: 500
    }
.mat-card-header .mat-card-title {
    font-size: 20px
    }
.mat-card-content, .mat-card-subtitle {
    font-size: 14px
    }
.mat-checkbox {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
    }
.mat-chip {
    font-size: 14px;
    font-weight: 500
    }
.mat-chip .mat-chip-remove.mat-icon, .mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 18px
    }
.mat-table {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-header-cell {
    font-size: 12px;
    font-weight: 500
    }
.mat-cell, .mat-footer-cell {
    font-size: 14px
    }
.mat-calendar {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-calendar-body {
    font-size: 13px
    }
.mat-calendar-body-label, .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
    }
.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
    }
.mat-dialog-title {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-expansion-panel-header {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 400
    }
.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-form-field-wrapper {
    padding-bottom: 1.34375em
    }
.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
    }
.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
    }
.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
    }
.mat-form-field-infix {
    padding: 0.5em 0;
    border-top: 0.84375em solid transparent
    }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.34375em) scale(0.75);
    width: 133.333333%
    }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.34374em) scale(0.75);
    width: 133.333343%
    }
.mat-form-field-label-wrapper {
    top: -0.84375em;
    padding-top: 0.84375em
    }
.mat-form-field-label {
    top: 1.34375em
    }
.mat-form-field-underline {
    bottom: 1.34375em
    }
.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: 0.666667em;
    top: calc(100% - 1.79167em)
    }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
    }
.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0.4375em 0
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.001px);
    -ms-transform: translatey(-1.28125em) scale(0.75);
    width: 133.333333%
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.00101px);
    -ms-transform: translatey(-1.28124em) scale(0.75);
    width: 133.333343%
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.00102px);
    -ms-transform: translatey(-1.28123em) scale(0.75);
    width: 133.333353%
    }
.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
    }
.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
    }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0.541667em;
    top: calc(100% - 1.66667em)
    }
@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translatey(-1.28122em) scale(0.75)
        }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translatey(-1.28121em) scale(0.75)
        }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translatey(-1.2812em) scale(0.75)
        }
    }
.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.25em 0 0.75em
    }
.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -0.5em
    }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-0.59375em) scale(0.75);
    width: 133.333333%
    }
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-0.59374em) scale(0.75);
    width: 133.333343%
    }
.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
    }
.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -0.25em
    }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.59375em) scale(0.75);
    width: 133.333333%
    }
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.59374em) scale(0.75);
    width: 133.333343%
    }
.mat-grid-tile-footer, .mat-grid-tile-header {
    font-size: 14px
    }
.mat-grid-tile-footer .mat-line, .mat-grid-tile-header .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-grid-tile-footer .mat-line:nth-child(n+2), .mat-grid-tile-header .mat-line:nth-child(n+2) {
    font-size: 12px
    }
input.mat-input-element {
    margin-top: -0.0625em
    }
.mat-menu-item {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400
    }
.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px
    }
.mat-radio-button, .mat-select {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-select-trigger {
    height: 1.125em
    }
.mat-slide-toggle-content, .mat-slider-thumb-label-text {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-slider-thumb-label-text {
    font-size: 12px;
    font-weight: 500
    }
.mat-stepper-horizontal, .mat-stepper-vertical {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-step-label {
    font-size: 14px;
    font-weight: 400
    }
.mat-step-sub-label-error {
    font-weight: 400
    }
.mat-step-label-error {
    font-size: 14px
    }
.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
    }
.mat-tab-group, .mat-tab-label, .mat-tab-link {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-tab-label, .mat-tab-link {
    font-size: 14px;
    font-weight: 500
    }
.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0
    }
.mat-tooltip {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
    }
.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
    }
.mat-list-item, .mat-list-option {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-list-base .mat-list-item {
    font-size: 16px
    }
.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
    }
.mat-list-base .mat-list-option {
    font-size: 16px
    }
.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
    }
.mat-list-base .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
    }
.mat-list-base[dense] .mat-list-item {
    font-size: 12px
    }
.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-list-base[dense] .mat-list-option {
    font-size: 12px
    }
.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
    }
.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500
    }
.mat-option {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 16px
    }
.mat-optgroup-label {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
    }
.mat-simple-snackbar {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px
    }
.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
    }
.mat-tree {
    font-family: Roboto, Helvetica Neue, sans-serif
    }
.mat-nested-tree-node, .mat-tree-node {
    font-weight: 400;
    font-size: 14px
    }
.mat-ripple {
    overflow: hidden;
    position: relative
    }
.mat-ripple:not(:empty) {
    transform: translatez(0)
    }
.mat-ripple.mat-ripple-unbounded {
    overflow: visible
    }
.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale(0)
    }
.cdk-high-contrast-active .mat-ripple-element {
    display: none
    }
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
    }
.cdk-global-overlay-wrapper, .cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
    }
.cdk-overlay-container {
    position: fixed;
    z-index: 1000
    }
.cdk-overlay-container:empty {
    display: none
    }
.cdk-global-overlay-wrapper, .cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000
    }
.cdk-overlay-pane {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
    }
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0
    }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
    }
@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6
        }
    }
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32)
    }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
    }
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
    }
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
    }
@-webkit-keyframes cdk-text-field-autofill-start {
    /*!*/
    }
@keyframes cdk-text-field-autofill-start {
    /*!*/
    }
@-webkit-keyframes cdk-text-field-autofill-end {
    /*!*/
    }
@keyframes cdk-text-field-autofill-end {
    /*!*/
    }
.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms
    }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms
    }
textarea.cdk-textarea-autosize {
    resize: none
    }
textarea.cdk-textarea-autosize-measuring {
    height: auto !important;
    overflow: hidden !important;
    padding: 2px 0 !important;
    box-sizing: content-box !important
    }
.mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1)
    }
.mat-option {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-option.mat-active, .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-option.mat-active {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
    }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
    }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
    }
.mat-optgroup-label {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-pseudo-checkbox:after {
    color: #fafafa
    }
.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
    }
.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #3f51b5
    }
.mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate {
    background: #ff4081
    }
.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336
    }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
    }
.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)
    }
.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-theme-loaded-marker {
    display: none
    }
.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
    }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-badge-content {
    color: #fff;
    background: #3f51b5
    }
.cdk-high-contrast-active .mat-badge-content {
    outline: 1px solid;
    border-radius: 0
    }
.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
    }
.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
    }
.mat-badge {
    position: relative
    }
.mat-badge-hidden .mat-badge-content {
    display: none
    }
.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, 0.38)
    }
.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
    transform: scale(0.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
    }
.mat-badge-content._mat-animation-noopable, .ng-animate-disabled .mat-badge-content {
    transition: none
    }
.mat-badge-content.mat-badge-active {
    transform: none
    }
.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
    }
.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
    }
.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
    }
.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
    }
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
    }
.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
    }
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
    }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
    }
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
    }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
    }
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
    }
.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
    }
.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
    }
.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
    }
.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
    }
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
    }
.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
    }
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
    }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
    }
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
    }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
    }
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
    }
.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
    }
.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
    }
.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
    }
.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
    }
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
    }
.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
    }
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
    }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
    }
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
    }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
    }
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
    }
.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-button, .mat-icon-button, .mat-stroked-button {
    color: inherit;
    background: transparent
    }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
    color: #3f51b5
    }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #ff4081
    }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #f44336
    }
.mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26)
    }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
    }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
    }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
    }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
    }
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
    opacity: 0.1;
    background-color: currentColor
    }
.mat-button-focus-overlay {
    background: #000
    }
.mat-stroked-button:not([disabled]) {
    border-color: rgba(0, 0, 0, 0.12)
    }
.mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff
    }
.mat-fab.mat-accent, .mat-fab.mat-primary, .mat-fab.mat-warn, .mat-flat-button.mat-accent, .mat-flat-button.mat-primary, .mat-flat-button.mat-warn, .mat-mini-fab.mat-accent, .mat-mini-fab.mat-primary, .mat-mini-fab.mat-warn, .mat-raised-button.mat-accent, .mat-raised-button.mat-primary, .mat-raised-button.mat-warn {
    color: #fff
    }
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26)
    }
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    background-color: #3f51b5
    }
.mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent {
    background-color: #ff4081
    }
.mat-fab.mat-warn, .mat-flat-button.mat-warn, .mat-mini-fab.mat-warn, .mat-raised-button.mat-warn {
    background-color: #f44336
    }
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-fab.mat-accent .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-flat-button.mat-accent .mat-ripple-element, .mat-flat-button.mat-primary .mat-ripple-element, .mat-flat-button.mat-warn .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.1)
    }
.mat-flat-button:not([class*=mat-elevation-z]), .mat-stroked-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)
    }
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)
    }
.mat-fab[disabled]:not([class*=mat-elevation-z]), .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group, .mat-button-toggle-standalone {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group-appearance-standard, .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    box-shadow: none
    }
.mat-button-toggle {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87);
    background: #fff
    }
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
    }
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.12)
    }
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.54)
    }
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, 0.26);
    background-color: #eee
    }
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
    }
.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
    }
.mat-button-toggle-group-appearance-standard, .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    border: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12)
    }
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-card-subtitle {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, 0.54)
    }
.mat-checkbox-checkmark {
    fill: #fafafa
    }
.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
    }
.mat-checkbox-mixedmark {
    background-color: #fafafa
    }
.mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #3f51b5
    }
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #ff4081
    }
.mat-checkbox-checked.mat-warn .mat-checkbox-background, .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #f44336
    }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
    }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
    }
.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-checkbox .mat-ripple-element {
    background-color: #000
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
    }
.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4
    }
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
    }
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54
    }
.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4
    }
.mat-chip.mat-standard-chip:after {
    background: #000
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.1)
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.1)
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.1)
    }
.mat-table {
    background: #fff
    }
.mat-table-sticky, .mat-table tbody, .mat-table tfoot, .mat-table thead, [mat-footer-row], [mat-header-row], [mat-row], mat-footer-row, mat-header-row, mat-row {
    background: inherit
    }
mat-footer-row, mat-header-row, mat-row, td.mat-cell, td.mat-footer-cell, th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, 0.12)
    }
.mat-header-cell {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-cell, .mat-footer-cell {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, 0.54)
    }
.mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button, .mat-datepicker-toggle {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-calendar-table-header {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, 0.12)
    }
.mat-calendar-body-label {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-calendar-body-cell-content {
    color: rgba(0, 0, 0, 0.87);
    border-color: transparent
    }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0, 0, 0, 0.38)
    }
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: rgba(0, 0, 0, 0.04)
    }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, 0.18)
    }
.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
    }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, 0.4)
    }
.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
    }
.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, 0.4)
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4)
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
    }
.mat-datepicker-content-touch {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-datepicker-toggle-active {
    color: #3f51b5
    }
.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
    }
.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
    }
.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-divider {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, 0.12)
    }
.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-action-row {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, 0.04)
    }
@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
        }
    }
.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-expansion-indicator:after, .mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, 0.26)
    }
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
    color: inherit
    }
.mat-form-field-label, .mat-hint {
    color: rgba(0, 0, 0, 0.6)
    }
.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
    }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
    }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
    }
.mat-focused .mat-form-field-required-marker {
    color: #ff4081
    }
.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, 0.87)
    }
.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
    }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
    }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after, .mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
    }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
    }
.mat-error {
    color: #f44336
    }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
    }
.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
    }
.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.04)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.02)
    }
.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
    }
.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12)
    }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
    }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
    }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
    }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.06)
    }
.mat-icon.mat-primary {
    color: #3f51b5
    }
.mat-icon.mat-accent {
    color: #ff4081
    }
.mat-icon.mat-warn {
    color: #f44336
    }
.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after, .mat-input-element:disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-input-element {
    caret-color: #3f51b5
    }
.mat-input-element::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-accent .mat-input-element {
    caret-color: #ff4081
    }
.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element {
    caret-color: #f44336
    }
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
    }
.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-list-item-disabled {
    background-color: #eee
    }
.mat-action-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-list-option:focus, .mat-list-option:hover, .mat-nav-list .mat-list-item:focus, .mat-nav-list .mat-list-item:hover {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-list-single-selected-option, .mat-list-single-selected-option:focus, .mat-list-single-selected-option:hover {
    background: rgba(0, 0, 0, 0.12)
    }
.mat-menu-panel {
    background: #fff
    }
.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-menu-item[disabled], .mat-menu-item[disabled]:after {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-menu-item-submenu-trigger:after, .mat-menu-item .mat-icon-no-color {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-menu-item-highlighted:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item:hover:not([disabled]) {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-paginator {
    background: #fff
    }
.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-paginator-decrement, .mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, 0.54);
    border-right: 2px solid rgba(0, 0, 0, 0.54)
    }
.mat-paginator-first, .mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, 0.54)
    }
.mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-progress-bar-background {
    fill: #c5cae9
    }
.mat-progress-bar-buffer {
    background-color: #c5cae9
    }
.mat-progress-bar-fill:after {
    background-color: #3f51b5
    }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ff80ab
    }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ff80ab
    }
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
    }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #ffcdd2
    }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #ffcdd2
    }
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
    }
.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #3f51b5
    }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ff4081
    }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336
    }
.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.54)
    }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
    }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
    }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
    }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
    }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
    }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
    }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button .mat-ripple-element {
    background-color: #000
    }
.mat-select-value {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-select-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-select-arrow {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-select-panel {
    background: #fff
    }
.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.12)
    }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
    }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
    }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow, .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
    }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-drawer {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-drawer, .mat-drawer.mat-drawer-push {
    background-color: #fff
    }
.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12)
    }
.mat-drawer-side {
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-drawer-side.mat-drawer-end, [dir=rtl] .mat-drawer-side {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-right: none
    }
[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, 0.6)
    }
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
    }
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, 0.54)
    }
.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, 0.54)
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, 0.54)
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
    }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
    }
.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    background-color: #fafafa
    }
.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label, .mat-primary .mat-slider-track-fill {
    background-color: #3f51b5
    }
.mat-primary .mat-slider-thumb-label-text {
    color: #fff
    }
.mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label, .mat-accent .mat-slider-track-fill {
    background-color: #ff4081
    }
.mat-accent .mat-slider-thumb-label-text {
    color: #fff
    }
.mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label, .mat-warn .mat-slider-track-fill {
    background-color: #f44336
    }
.mat-warn .mat-slider-thumb-label-text {
    color: #fff
    }
.mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, 0.2)
    }
.cdk-focused .mat-slider-track-background, .mat-slider:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-disabled .mat-slider-thumb, .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.87)
    }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26);
    background-color: transparent
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, 0.7)
    }
.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)
    }
.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)
    }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
    background-color: rgba(0, 0, 0, 0.04)
    }
@media (hover: none) {
    .mat-step-header:hover {
        background: none
        }
    }
.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff
    }
.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
    }
.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
    }
.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
    }
.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: #fff
    }
.mat-stepper-vertical-line:before {
    border-left-color: rgba(0, 0, 0, 0.12)
    }
.mat-horizontal-stepper-header:after, .mat-horizontal-stepper-header:before, .mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-sort-header-arrow {
    color: #757575
    }
.mat-tab-header, .mat-tab-nav-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-tab-group-inverted-header .mat-tab-header, .mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: none
    }
.mat-tab-label, .mat-tab-link {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
    }
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, 0.3)
    }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
    }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
    background-color: #fff
    }
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, 0.3)
    }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
    }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
    background-color: #fff
    }
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3)
    }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
    }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
    background-color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, 0.3)
    }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
    background-color: #3f51b5
    }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
    color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
    border-color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.12)
    }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, 0.3)
    }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
    background-color: #ff4081
    }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
    color: #fff
    }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
    border-color: #fff
    }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.12)
    }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3)
    }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
    background-color: #f44336
    }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
    color: #fff
    }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
    border-color: #fff
    }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: hsla(0, 0%, 100%, 0.4)
    }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, 0.12)
    }
.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
    }
.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
    }
.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
    }
.mat-toolbar .mat-focused .mat-form-field-ripple, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-form-field-underline {
    background-color: currentColor
    }
.mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-select-value {
    color: inherit
    }
.mat-toolbar .mat-input-element {
    caret-color: currentColor
    }
.mat-tooltip {
    background: rgba(97, 97, 97, 0.9)
    }
.mat-tree {
    background: #fff
    }
.mat-nested-tree-node, .mat-tree-node {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-snack-bar-container {
    color: hsla(0, 0%, 100%, 0.7);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-simple-snackbar-action {
    color: #ff4081
    }
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
    }
.ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
    }
.ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%
    }
.ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover {
    outline: none
    }
.ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] {
    display: none
    }
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover {
    color: #fff
    }
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #fff
    }
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #fff
    }
@media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color: #ccc
        }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc
        }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc
        }
    }
.ql-bubble, .ql-bubble * {
    box-sizing: border-box
    }
.ql-bubble .ql-hidden {
    display: none
    }
.ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top {
    visibility: hidden
    }
.ql-bubble .ql-tooltip {
    position: absolute;
    transform: translatey(10px)
    }
.ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
    }
.ql-bubble .ql-tooltip.ql-flip {
    transform: translatey(-10px)
    }
.ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle
    }
.ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table
    }
.ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
    }
.ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2
    }
.ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill {
    fill: #ccc
    }
.ql-bubble .ql-empty {
    fill: none
    }
.ql-bubble .ql-even {
    fill-rule: evenodd
    }
.ql-bubble .ql-stroke.ql-thin, .ql-bubble .ql-thin {
    stroke-width: 1
    }
.ql-bubble .ql-transparent {
    opacity: 0.4
    }
.ql-bubble .ql-direction svg:last-child {
    display: none
    }
.ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline
    }
.ql-bubble .ql-direction.ql-active svg:first-child {
    display: none
    }
.ql-bubble .ql-editor h1 {
    font-size: 2em
    }
.ql-bubble .ql-editor h2 {
    font-size: 1.5em
    }
.ql-bubble .ql-editor h3 {
    font-size: 1.17em
    }
.ql-bubble .ql-editor h4 {
    font-size: 1em
    }
.ql-bubble .ql-editor h5 {
    font-size: 0.83em
    }
.ql-bubble .ql-editor h6 {
    font-size: 0.67em
    }
.ql-bubble .ql-editor a {
    text-decoration: underline
    }
.ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
    }
.ql-bubble .ql-editor code, .ql-bubble .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
    }
.ql-bubble .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
    }
.ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
    }
.ql-bubble .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
    }
.ql-bubble .ql-editor img {
    max-width: 100%
    }
.ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
    }
.ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
    }
.ql-bubble .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
    }
.ql-bubble .ql-picker-options {
    background-color: #444;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
    }
.ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
    }
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2
    }
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777
    }
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777
    }
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
    }
.ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker {
    width: 28px
    }
.ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
    }
.ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px
    }
.ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0
    }
.ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
    }
.ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
    }
.ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
    }
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
    }
.ql-bubble .ql-picker.ql-header {
    width: 98px
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item:before, .ql-bubble .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: 0.83em
    }
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: 0.67em
    }
.ql-bubble .ql-picker.ql-font {
    width: 108px
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item:before, .ql-bubble .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
    }
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
    }
.ql-bubble .ql-picker.ql-size {
    width: 98px
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item:before, .ql-bubble .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
    }
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
    }
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
    }
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
    }
.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0
    }
.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px
    }
.ql-bubble .ql-color-picker svg {
    margin: 1px
    }
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff
    }
.ql-bubble .ql-tooltip {
    background-color: #444;
    border-radius: 25px;
    color: #fff
    }
.ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute
    }
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px
    }
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px
    }
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block
    }
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden
    }
.ql-bubble .ql-tooltip-editor {
    display: none
    }
.ql-bubble .ql-tooltip-editor input[type=text] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%
    }
.ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px
    }
.ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "×";
    font-size: 16px;
    font-weight: 700
    }
.ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap
    }
.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: #444;
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: 400;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1
    }
.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top: 6px solid #444;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0
    }
.ql-container.ql-bubble:not(.ql-disabled) a:after, .ql-container.ql-bubble:not(.ql-disabled) a:before {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%, -100%);
    transition: visibility 0s ease 0.2s;
    visibility: hidden
    }
.ql-container.ql-bubble:not(.ql-disabled) a:hover:after, .ql-container.ql-bubble:not(.ql-disabled) a:hover:before {
    visibility: visible
    }
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
    }
.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
    }
.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
    pointer-events: none
    }
.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
    }
.ql-clipboard p {
    margin: 0;
    padding: 0
    }
.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
    }
.ql-editor > * {
    cursor: text
    }
.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
.ql-editor ol, .ql-editor ul {
    padding-left: 1.5em
    }
.ql-editor ol > li, .ql-editor ul > li {
    list-style-type: none
    }
.ql-editor ul > li:before {
    content: "•"
    }
.ql-editor ul[data-checked=false], .ql-editor ul[data-checked=true] {
    pointer-events: none
    }
.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
    pointer-events: all
    }
.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
    }
.ql-editor ul[data-checked=true] > li:before {
    content: "☑"
    }
.ql-editor ul[data-checked=false] > li:before {
    content: "☐"
    }
.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
    }
.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right
    }
.ql-editor li.ql-direction-rtl:before {
    margin-left: 0.3em;
    margin-right: -1.5em
    }
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
    }
.ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
    }
.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
    }
.ql-editor ol li:before {
    content: counter(list-0, decimal) ". "
    }
.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
    }
.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
    }
.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
    }
.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
    }
.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
    }
.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
    }
.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
    }
.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
    }
.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
    }
.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
    }
.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
    }
.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
    }
.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
    }
.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
    }
.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
    }
.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
    }
.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
    }
.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
    }
.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
    }
.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
    }
.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
    }
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
    }
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
    }
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
    }
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
    }
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
    }
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
    }
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
    }
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
    }
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
    }
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
    }
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
    }
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
    }
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
    }
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
    }
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
    }
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
    }
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
    }
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
    }
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
    }
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
    }
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
    }
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
    }
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
    }
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
    }
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
    }
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
    }
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
    }
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
    }
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
    }
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
    }
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
    }
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
    }
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
    }
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
    }
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
    }
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
    }
.ql-editor .ql-video {
    display: block;
    max-width: 100%
    }
.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
    }
.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
    }
.ql-editor .ql-bg-black {
    background-color: #000
    }
.ql-editor .ql-bg-red {
    background-color: #e60000
    }
.ql-editor .ql-bg-orange {
    background-color: #f90
    }
.ql-editor .ql-bg-yellow {
    background-color: #ff0
    }
.ql-editor .ql-bg-green {
    background-color: #008a00
    }
.ql-editor .ql-bg-blue {
    background-color: #06c
    }
.ql-editor .ql-bg-purple {
    background-color: #93f
    }
.ql-editor .ql-color-white {
    color: #fff
    }
.ql-editor .ql-color-red {
    color: #e60000
    }
.ql-editor .ql-color-orange {
    color: #f90
    }
.ql-editor .ql-color-yellow {
    color: #ff0
    }
.ql-editor .ql-color-green {
    color: #008a00
    }
.ql-editor .ql-color-blue {
    color: #06c
    }
.ql-editor .ql-color-purple {
    color: #93f
    }
.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
    }
.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
    }
.ql-editor .ql-size-small {
    font-size: 0.75em
    }
.ql-editor .ql-size-large {
    font-size: 1.5em
    }
.ql-editor .ql-size-huge {
    font-size: 2.5em
    }
.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
    }
.ql-editor .ql-align-center {
    text-align: center
    }
.ql-editor .ql-align-justify {
    text-align: justify
    }
.ql-editor .ql-align-right {
    text-align: right
    }
.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
    }
.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
    }
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
    }
.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
    }
.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
    outline: none
    }
.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
    }
.ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover {
    color: #06c
    }
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #06c
    }
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #06c
    }
@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
        }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
        }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
        }
    }
.ql-snow, .ql-snow * {
    box-sizing: border-box
    }
.ql-snow .ql-hidden {
    display: none
    }
.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
    visibility: hidden
    }
.ql-snow .ql-tooltip {
    position: absolute;
    transform: translatey(10px)
    }
.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
    }
.ql-snow .ql-tooltip.ql-flip {
    transform: translatey(-10px)
    }
.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
    }
.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
    }
.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
    }
.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
    }
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
    fill: #444
    }
.ql-snow .ql-empty {
    fill: none
    }
.ql-snow .ql-even {
    fill-rule: evenodd
    }
.ql-snow .ql-stroke.ql-thin, .ql-snow .ql-thin {
    stroke-width: 1
    }
.ql-snow .ql-transparent {
    opacity: 0.4
    }
.ql-snow .ql-direction svg:last-child {
    display: none
    }
.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
    }
.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
    }
.ql-snow .ql-editor h1 {
    font-size: 2em
    }
.ql-snow .ql-editor h2 {
    font-size: 1.5em
    }
.ql-snow .ql-editor h3 {
    font-size: 1.17em
    }
.ql-snow .ql-editor h4 {
    font-size: 1em
    }
.ql-snow .ql-editor h5 {
    font-size: 0.83em
    }
.ql-snow .ql-editor h6 {
    font-size: 0.67em
    }
.ql-snow .ql-editor a {
    text-decoration: underline
    }
.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
    }
.ql-snow .ql-editor code, .ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
    }
.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
    }
.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
    }
.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
    }
.ql-snow .ql-editor img {
    max-width: 100%
    }
.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
    }
.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
    }
.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
    }
.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
    }
.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
    }
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
    }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
    }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
    }
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
    }
.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
    width: 28px
    }
.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
    }
.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
    }
.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
    }
.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
    }
.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
    }
.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
    }
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
    }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
    }
.ql-snow .ql-picker.ql-header {
    width: 98px
    }
.ql-snow .ql-picker.ql-header .ql-picker-item:before, .ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: 0.83em
    }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: 0.67em
    }
.ql-snow .ql-picker.ql-font {
    width: 108px
    }
.ql-snow .ql-picker.ql-font .ql-picker-item:before, .ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
    }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
    }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
    }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
    }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
    }
.ql-snow .ql-picker.ql-size {
    width: 98px
    }
.ql-snow .ql-picker.ql-size .ql-picker-item:before, .ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
    }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
    }
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
    }
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
    }
.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
    }
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
    }
.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
    }
.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
    }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
    }
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
    }
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0
    }
.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
    }
.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
    }
.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
    }
.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
    }
.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
    }
.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
    }
.ql-snow .ql-tooltip a {
    line-height: 26px
    }
.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
    }
.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
    }
.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
    }
.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
    }
.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
    }
.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
    }
.ql-snow a {
    color: #06c
    }
.ql-container.ql-snow {
    border: 1px solid #ccc
    }
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
    }
:root {
    --swiper-theme-color: #007aff
    }
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
    }
.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
    }
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
    }
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translatez(0)
    }
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
    }
.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
    }
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
    }
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
    }
.swiper-slide-invisible-blank {
    visibility: hidden
    }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
    }
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
    }
.swiper-container-3d {
    perspective: 1200px
    }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
    }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
    }
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent)
    }
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent)
    }
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent)
    }
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent)
    }
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
    }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
    }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
    }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
    }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
    }
:root {
    --swiper-navigation-size: 44px
    }
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
    }
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal
    }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
    }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
    }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
    }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
    }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
    }
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
    }
.swiper-button-lock {
    display: none
    }
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translatez(0);
    z-index: 10
    }
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
    }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
    }
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
    }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
    }
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
    }
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
    }
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
    }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
    }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translatey(-50%);
    width: 8px
    }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s
    }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
    }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translatex(-50%);
    white-space: nowrap
    }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s
    }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s
    }
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
    }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
    }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
    }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
    }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
    }
.swiper-pagination-white {
    --swiper-pagination-color: #fff
    }
.swiper-pagination-black {
    --swiper-pagination-color: #000
    }
.swiper-pagination-lock {
    display: none
    }
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
    }
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
    }
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
    }
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
    }
.swiper-scrollbar-cursor-drag {
    cursor: move
    }
.swiper-scrollbar-lock {
    display: none
    }
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
    }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
    }
.swiper-slide-zoomed {
    cursor: move
    }
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
    }
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
    }
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
    }
@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
        }
    }
@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
        }
    }
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
    }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
    }
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
    }
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
    }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
    }
.swiper-container-cube {
    overflow: visible
    }
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
    }
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
    }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
    }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
    }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
    }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
    }
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
    }
.swiper-container-flip {
    overflow: visible
    }
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
    }
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
    }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
    }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
    }
.sb-default .sb-wrapper {
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--button-color) !important
    }
.sb-default .sb-wrapper.sb-facebook {
    background-color: #4267b2
    }
.sb-default .sb-wrapper.sb-twitter {
    background-color: #00acee
    }
.sb-default .sb-wrapper.sb-google {
    background-color: #db4437
    }
.sb-default .sb-wrapper.sb-mix {
    background-color: #ff8226
    }
.sb-default .sb-wrapper.sb-line {
    background-color: #00b900
    }
.sb-default .sb-wrapper.sb-linkedin {
    background-color: #006fa6
    }
.sb-default .sb-wrapper.sb-pinterest {
    background-color: #bd081c
    }
.sb-default .sb-wrapper.sb-reddit {
    background-color: #ff4006
    }
.sb-default .sb-wrapper.sb-tumblr {
    background-color: #36465d
    }
.sb-default .sb-wrapper.sb-whatsapp {
    background-color: #25d366
    }
.sb-default .sb-wrapper.sb-messenger {
    background-color: #0080ff
    }
.sb-default .sb-wrapper.sb-telegram {
    background-color: #08c
    }
.sb-default .sb-wrapper.sb-xing {
    background-color: #006567
    }
.sb-default .sb-wrapper.sb-sms {
    background-color: #20c16c
    }
.sb-default .sb-wrapper.sb-email {
    background-color: #ff961c
    }
.sb-default .sb-wrapper.sb-vk {
    background-color: #4c75a3
    }
.sb-default .sb-wrapper.sb-copy {
    background-color: #607d8b
    }
.sb-default .sb-wrapper.sb-print {
    background-color: #765aa2
    }
.sb-default .sb-wrapper.sb-expand {
    background-color: #ff6651
    }
.sb-default .sb-wrapper.sb-show-icon.sb-show-text .sb-text {
    -webkit-filter: none;
    filter: none;
    padding-right: 1em;
    padding-left: 0
    }
.sb-default .sb-wrapper.sb-show-icon.sb-show-count .sb-count {
    padding-right: 1em;
    padding-left: 0
    }
.sb-default .sb-wrapper.sb-show-text.sb-show-count .sb-text {
    padding-right: 0.5em
    }
.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
    }
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
    }
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
    }
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
    }
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
    }
.toast-top-left {
    top: 12px;
    left: 12px
    }
.toast-top-right {
    top: 12px;
    right: 12px
    }
.toast-bottom-right {
    right: 12px;
    bottom: 12px
    }
.toast-bottom-left {
    bottom: 12px;
    left: 12px
    }
.toast-title {
    font-weight: 700
    }
.toast-message {
    word-wrap: break-word
    }
.toast-message a, .toast-message label {
    color: #fff
    }
.toast-message a:hover {
    color: #ccc;
    text-decoration: none
    }
.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff
    }
.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4
    }
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
    }
.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
    }
.toast-container * {
    box-sizing: border-box
    }
.toast-container .ngx-toastr {
    position: relative;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
    }
.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
    }
.toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E")
    }
.toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
    }
.toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
    }
.toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E")
    }
.toast-container.toast-bottom-center .ngx-toastr, .toast-container.toast-top-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
    }
.toast-container.toast-bottom-full-width .ngx-toastr, .toast-container.toast-top-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
    }
.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
    }
.toast-success {
    background-color: #51a351
    }
.toast-error {
    background-color: #bd362f
    }
.toast-info {
    background-color: #2f96b4
    }
.toast-warning {
    background-color: #f89406
    }
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4
    }
@media (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
        }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
        }
    }
@media (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
        }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
        }
    }
@media (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
        }
    }
.off-screen {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important
    }
.clearfix {
    width: 100%;
    height: 1px;
    clear: both
    }
@media (max-width: 1023.5px) {
    .desktop-visible {
        display: none !important
        }
    }
@media (min-width: 1024px) {
    .desktop-hidden {
        display: none !important
        }
    }
@media (min-width: 768px) {
    .mobiles-visible {
        display: none !important
        }
    }
@media (max-width: 767.5px) {
    .mobiles-hidden {
        display: none !important
        }
    }
.align-right {
    display: flex;
    justify-content: flex-end
    }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
    }
body {
    margin: 0
    }
main {
    display: block
    }
.wrapper--text-page h2, h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
    }
pre {
    font-family: monospace, monospace;
    font-size: 1em
    }
a {
    background-color: transparent
    }
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
    }
b, strong {
    font-weight: bolder
    }
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
img {
    border-style: none
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
    }
button, input {
    overflow: visible
    }
button, select {
    text-transform: none
    }
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
    }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
    }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
    }
fieldset {
    padding: 0.35em 0.75em 0.625em
    }
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
    }
progress {
    vertical-align: baseline
    }
textarea {
    overflow: auto
    }
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
    }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
    }
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
details {
    display: block
    }
summary {
    display: list-item
    }
[hidden], template {
    display: none
    }
article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time {
    display: block
    }
button {
    border-width: 0;
    border-radius: 0
    }
input, select, textarea {
    font-family: inherit
    }
img, svg {
    display: block;
    max-width: 100%
    }
img {
    height: auto
    }
svg {
    max-height: 100%
    }
svg:not(:root) {
    overflow: visible
    }
input[type=search] {
    -webkit-appearance: none
    }
input[type=date] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
    }
td, th {
    vertical-align: top
    }
address {
    font-style: inherit
    }
abbr[title] {
    text-decoration: none
    }
iframe {
    border-width: 0
    }
[class^=icon--]:before {
    margin-right: 0.25em
    }
[class^=icon--]:after {
    margin-left: 0.25em
    }
.icon--basket {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--basket:before {
    display: inline-block;
    width: 26px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24.25 22.79'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 .7h4.32l3.05 14a1 1 0 001 .79H19.6a1 1 0 00.94-.65L23.49 7a1 1 0 00-.58-1.29.92.92 0 00-.36-.07h-17'/%3E%3Ccircle cx='8.87' cy='20.09' r='2'/%3E%3Ccircle cx='18.87' cy='20.09' r='2'/%3E%3C/g%3E%3C/svg%3E")
    }
.icon--user {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--user:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='24.5'%3E%3Cpath d='M12.3 0C5.5 0 0 5.5 0 12.3c0 3.5 1.5 6.7 3.9 8.9.4.4.9.8 1.4 1.1 2 1.4 4.4 2.2 7 2.2 2.7 0 5.1-.9 7.1-2.3.4-.3.9-.7 1.3-1 2.4-2.2 3.9-5.4 3.9-8.9C24.5 5.5 19 0 12.3 0zm0 23c-2.6 0-4.9-.9-6.8-2.4.5-2 1.9-3.7 3.9-4.7l1-.5-.9-.7-.6-.6c-1.5-1.8-1.3-4.5.6-6.1 1.9-1.5 4.6-1.3 6.1.6s1.3 4.6-.6 6.1l-.8.7 1 .5c2 .9 3.4 2.6 3.9 4.6-1.8 1.6-4.2 2.5-6.8 2.5zm7.9-3.5c-.6-1.8-1.9-3.3-3.6-4.3.9-1 1.4-2.3 1.4-3.7 0-3.2-2.6-5.7-5.7-5.7-3.2 0-5.7 2.6-5.7 5.7 0 1.4.5 2.7 1.4 3.7-1.7 1-2.9 2.5-3.6 4.3-1.7-1.9-2.8-4.4-2.8-7.2 0-5.9 4.8-10.8 10.8-10.8S23 6.3 23 12.3c0 2.7-1.1 5.3-2.8 7.2z'/%3E%3C/svg%3E")
    }
.icon--search {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--search:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.43' height='23.43'%3E%3Cpath d='M8.8 17.6a8.8 8.8 0 118.8-8.8 8.8 8.8 0 01-8.8 8.8zm0-1.6a7.2 7.2 0 10-7.2-7.2A7.2 7.2 0 008.8 16z'/%3E%3Cpath d='M14.17 14.3l1.13-1.13 9.13 9.13-1.13 1.13-9.13-9.13z'/%3E%3C/svg%3E")
    }
.icon--menu {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--menu:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.08 14.42'%3E%3Cpath d='M.25 0h18.58v1.83H.25z'/%3E%3Cellipse cx='.25' cy='.92' rx='.25' ry='.92'/%3E%3Cellipse cx='18.83' cy='.92' rx='.24' ry='.92'/%3E%3Cpath d='M.25 6.29h18.58v1.83H.25z'/%3E%3Cellipse cx='.25' cy='7.21' rx='.25' ry='.92'/%3E%3Cellipse cx='18.84' cy='7.21' rx='.24' ry='.92'/%3E%3Cpath d='M.25 12.58h18.58v1.83H.25z'/%3E%3Cellipse cx='.25' cy='13.5' rx='.25' ry='.92'/%3E%3Cellipse cx='18.84' cy='13.5' rx='.24' ry='.92'/%3E%3C/svg%3E")
    }
.icon--close {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--close:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.55 16.55'%3E%3Cpath d='M0 .88l15.67 15.66.88-.88L.91.01'/%3E%3Cpath d='M15.68 0L.01 15.67l.89.88L16.54.91'/%3E%3C/svg%3E")
    }
.icon--right {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--right:after {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 34.7 20.9'%3E%3Cpath class='st0' d='M23.1 1.6L24.7 0l10 10.4-10.2 10.5-1.5-1.5 8-8H0V9.5h31z'/%3E%3C/svg%3E")
    }
.icon--left {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--left:before {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.7 20.9'%3E%3Cpath fill='%23fff' class='st0' d='M11.6 19.3L10 20.9 0 10.5 10.2 0l1.5 1.5-7.9 8h30.9v1.9h-31z'/%3E%3C/svg%3E")
    }
.icon--download {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--download:before {
    display: inline-block;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.9' fill='%23fff' height='16.5'%3E%3Cpath d='M9.5 10.6l4.6-4.8-.7-.7L10 8.6V0H9v8.6L5.5 5.1l-.7.7z'/%3E%3Cpath d='M16.9 10.4V13c0 1.4-1.1 2.5-2.5 2.5H3.5C2.1 15.5 1 14.4 1 13v-2.4H0V13c0 1.9 1.6 3.5 3.5 3.5h10.9c1.9 0 3.5-1.6 3.5-3.5v-2.5h-1z'/%3E%3C/svg%3E");
    margin-right: 0.5em
    }
.icon--caret {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--caret:before {
    display: inline-block;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 9'%3E%3Cg stroke='%23fff'%3E%3Cpath d='M15.519.903l-6.63 6.63M2.259.903l6.63 6.63'/%3E%3C/g%3E%3C/svg%3E");
    margin-right: 0.5em
    }
.icon_button {
    background-color: transparent;
    padding: 0;
    font-size: 0
    }
@supports ((-webkit-filter: brightness(0)) or (filter: brightness(0))) {
    . icon_button: before {
        -webkit-filter: brightness(0);
        filter: brightness(0)
        }
    }
.icon--angle_left {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--angle_left:before {
    display: inline-block;
    margin-right: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg height='1em' width='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E");
    font-size: 0
    }
.icon--angle_left_double {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--angle_left_double:before {
    display: inline-block;
    margin-right: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg height='1em' width='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M20.2 247.5L167 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L85.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L184 412.5c-4.7 4.7-12.3 4.7-17 0l-146.8-148c-4.7-4.7-4.7-12.3 0-17zm160 17l146.8 148c4.7 4.7 12.3 4.7 17 0l19.8-19.8c4.7-4.7 4.7-12.3 0-17L245.3 256l118.5-119.7c4.7-4.7 4.7-12.3 0-17L344 99.5c-4.7-4.7-12.3-4.7-17 0l-146.8 148c-4.7 4.7-4.7 12.3 0 17z'/%3E%3C/svg%3E");
    font-size: 0
    }
.icon--angle_right {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--angle_right:before {
    display: inline-block;
    margin-left: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg height='1em' width='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
    font-size: 0
    }
.icon--angle_right_double {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.icon--angle_right_double:before {
    display: inline-block;
    margin-left: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg height='1em' width='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M363.8 264.5L217 412.5c-4.7 4.7-12.3 4.7-17 0l-19.8-19.8c-4.7-4.7-4.7-12.3 0-17L298.7 256 180.2 136.3c-4.7-4.7-4.7-12.3 0-17L200 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17zm-160-17L57 99.5c-4.7-4.7-12.3-4.7-17 0l-19.8 19.8c-4.7 4.7-4.7 12.3 0 17L138.7 256 20.2 375.7c-4.7 4.7-4.7 12.3 0 17L40 412.5c4.7 4.7 12.3 4.7 17 0l146.8-148c4.7-4.7 4.7-12.3 0-17z'/%3E%3C/svg%3E");
    font-size: 0
    }
[role=banner] .icon--basket, [role=banner] .icon--menu, [role=banner] .icon--search, [role=banner] .icon--user {
    font-size: 0
    }
@supports ((-webkit-filter: brightness(1)) or (filter: brightness(1))) {
    [role=banner]. icon--basket, [role=banner]. icon--menu, [role=banner]. icon--search, [role=banner]. icon--user {
        -webkit-filter: brightness(1);
        filter: brightness(1)
        }
    }
@supports ((-webkit-filter: brightness(1)) or (filter: brightness(1))) {
    [role=banner]. icon--basket: focus, [role=banner]. icon--basket: hover, [role=banner]. icon--menu: focus, [role=banner]. icon--menu: hover, [role=banner]. icon--search: focus, [role=banner]. icon--search: hover, [role=banner]. icon--user: focus, [role=banner]. icon--user: hover {
        -webkit-filter: invert(34%) sepia(14%) saturate(1042%) hue-rotate(171deg) brightness(99%) contrast(89%);
        filter: invert(34%) sepia(14%) saturate(1042%) hue-rotate(171deg) brightness(99%) contrast(89%)
        }
    }
[role=banner] .icon--menu.active, [role=banner] .icon--search.active {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 92
    }
[role=banner] .icon--menu.active:before, [role=banner] .icon--search.active:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.55 16.55'%3E%3Cpath d='M0 .88l15.67 15.66.88-.88L.91.01'/%3E%3Cpath d='M15.68 0L.01 15.67l.89.88L16.54.91'/%3E%3C/svg%3E")
    }
@media (min-width: 1024px) {
    [role=banner] .icon--menu, [role=banner] .icon--menu.active {
        display: none
        }
    }
[role=banner] .icon--search.active {
    position: relative
    }
[role=banner] .icon--menu {
    font-size: inherit
    }
[class*=icon--social] {
    font-size: 0;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
[class*=icon--social]:before {
    display: inline-block;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 1em;
    background: #496079;
    border-radius: 50%;
    vertical-align: middle
    }
[class*=icon--social][class*="--twitter"]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18'%3E%3Cpath fill='%23fff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E")
    }
[class*=icon--social][class*="--youtube"]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='19.8' height='19.8'%3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E")
    }
[class*=icon--social][class*="--linkedin"]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='18' height='18'%3E%3Cpath fill='%23fff' d='M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z'/%3E%3C/svg%3E")
    }
[class*=icon--social][class*="--facebook"]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512' width='18' height='18'%3E%3Cpath fill='%23fff' d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229'/%3E%3C/svg%3E")
    }
[class*=icon--social][class*="--instagram"]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18'%3E%3Cpath fill='%23fff' d='M510.9 149.7c.8 21.3 1.1 56.8 1.1 106.3s-.6 85.1-1.7 106.9-4.4 40.6-9.7 56.6c-6.9 19-17.3 35.6-31.4 49.7s-30.7 24.6-49.7 31.4c-16 5.3-34.9 8.6-56.6 9.7S305.5 512 256 512s-85.1-.6-106.9-1.7-40.6-4.8-56.6-10.9c-19-6.1-35.6-16.2-49.7-30.3s-24.6-30.7-31.4-49.7c-5.3-16-8.6-34.9-9.7-56.6S0 305.5 0 256s.6-85.1 1.7-106.9 4.4-40.6 9.7-56.6c6.9-19 17.3-35.6 31.4-49.7s30.7-24.6 49.7-31.4c16-5.3 34.9-8.6 56.6-9.7S206.5 0 256 0s85.1.6 106.9 1.7 40.6 4.4 56.6 9.7c19 6.9 35.6 17.3 49.7 31.4s24.6 30.7 31.4 49.7c5.3 16.1 8.7 35.1 10.3 57.2zM456 406.9c4.6-13 7.6-33.5 9.1-61.7.8-16.8 1.1-40.4 1.1-70.9v-36.6c0-31.2-.4-54.9-1.1-70.9-1.5-29-4.6-49.5-9.1-61.7-9.1-23.6-25.5-40-49.1-49.1-12.2-4.6-32.8-7.6-61.7-9.1-16.8-.8-40.4-1.1-70.9-1.1h-36.6c-30.5 0-54.1.4-70.9 1.1-28.2 1.5-48.8 4.6-61.7 9.1-23.6 9.1-40 25.5-49.1 49.1-4.6 12.2-7.6 32.8-9.1 61.7-.8 16.8-1.1 40.4-1.1 70.9v36.6c0 30.5.4 54.1 1.1 70.9 1.5 28.2 4.6 48.8 9.1 61.7 9.9 23.6 26.3 40 49.1 49.1 13 4.6 33.5 7.6 61.7 9.1 16.8.8 40.4 1.1 70.9 1.1h36.6c31.2 0 54.9-.4 70.9-1.1 29-1.5 49.5-4.6 61.7-9.1 23.6-9.9 40-26.3 49.1-49.1zM256 124.6c23.6 0 45.5 5.9 65.7 17.7 20.2 11.8 36.2 27.8 48 48 11.8 20.2 17.7 42.1 17.7 65.7s-5.9 45.5-17.7 65.7c-11.8 20.2-27.8 36.2-48 48-20.2 11.8-42.1 17.7-65.7 17.7s-45.5-5.9-65.7-17.7c-20.2-11.8-36.2-27.8-48-48-11.8-20.2-17.7-42.1-17.7-65.7s5.9-45.5 17.7-65.7 27.8-36.2 48-48 42.1-17.7 65.7-17.7zm0 217.1c23.6 0 43.8-8.4 60.6-25.1 16.8-16.8 25.1-37 25.1-60.6s-8.4-43.8-25.1-60.6c-16.8-16.8-37-25.1-60.6-25.1s-43.8 8.4-60.6 25.1-25.1 37-25.1 60.6 8.4 43.8 25.1 60.6c16.8 16.7 37 25.1 60.6 25.1zm168-222.8c0-8.4-3-15.6-9.1-21.7S401.5 88 393.1 88s-15.6 3-21.7 9.1-9.1 13.3-9.1 21.7 3 15.6 9.1 21.7 13.3 9.1 21.7 9.1 15.4-3 21.1-9.1c5.8-6 9-13.3 9.8-21.6z'/%3E%3C/svg%3E")
    }
* {
    box-sizing: border-box
    }
:after, :before {
    box-sizing: inherit
    }
html {
    height: 100%;
    font-size: 62.5%;
    background-color: #f5f5f1;
    color: #454d51
    }
body {
    display: flex;
    flex-flow: column
    }
app-root, app-site, body, main {
    min-height: 100vh
    }
@supports (display: grid) {
    app-site {
        display: grid;
        grid-template: auto auto 1fr auto/100%
        }
    }
@supports (display: grid) {
    . site_editing {
        display: grid;
        grid-template: auto auto auto 1fr auto/100%
        }
    }
body {
    font-size: 2rem;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto
    }
main {
    min-height: 100%
    }
@font-face {
    font-family: burgess;
    src: url(burgess-regular-pro.450a999d865c00a0510c.eot);
    src: url(burgess-regular-pro.450a999d865c00a0510c.eot?#iefix) format("embedded-opentype"), url(burgess-regular-pro.807d5acafd28f71ff0cd.woff2) format("woff2"), url(burgess-regular-pro.fa27639e3c7fa636f7bc.woff) format("woff"), url(burgess-regular-pro.be4a8279579ad6dbdb9c.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
    }
@font-face {
    font-family: burgess;
    src: url(burgess-italic-pro.3db94c0c7919809ce093.eot);
    src: url(burgess-italic-pro.3db94c0c7919809ce093.eot?#iefix) format("embedded-opentype"), url(burgess-italic-pro.ab65ab7dacc2462cbc02.woff2) format("woff2"), url(burgess-italic-pro.02e001b276755ad8b877.woff) format("woff"), url(burgess-italic-pro.3a88d980b6a60039c181.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
    }
@font-face {
    font-family: burgess;
    src: url(burgess-semibold-italic-pro.bbac38199b79d4d1ee4e.eot);
    src: url(burgess-semibold-italic-pro.bbac38199b79d4d1ee4e.eot?#iefix) format("embedded-opentype"), url(burgess-semibold-italic-pro.fc1d98e4b6986156ab03.woff2) format("woff2"), url(burgess-semibold-italic-pro.f91a29a4a8f3757877f1.woff) format("woff"), url(burgess-semibold-italic-pro.39cdc721305d3916d5ab.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
    }
@font-face {
    font-family: burgess;
    src: url(burgess-semibold-pro.9dbedd0272054a4e9f23.eot);
    src: url(burgess-semibold-pro.9dbedd0272054a4e9f23.eot?#iefix) format("embedded-opentype"), url(burgess-semibold-pro.d79b79cb2927facb7a09.woff2) format("woff2"), url(burgess-semibold-pro.d51a969998af86ec3336.woff) format("woff"), url(burgess-semibold-pro.c459ad80d9af1aecc021.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
    }
@font-face {
    font-family: burgess;
    src: url(burgess-bold-italic-pro.a8bc3fa94d7683db484a.eot);
    src: url(burgess-bold-italic-pro.a8bc3fa94d7683db484a.eot?#iefix) format("embedded-opentype"), url(burgess-bold-italic-pro.57fd9d72a3be16b0725c.woff2) format("woff2"), url(burgess-bold-italic-pro.bc25868a3e54f748b0c0.woff) format("woff"), url(burgess-bold-italic-pro.247ef3a0506b225c724b.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
    }
@font-face {
    font-family: burgess;
    src: url(burgess-bold-pro.58199bc52238145c7f2d.eot);
    src: url(burgess-bold-pro.58199bc52238145c7f2d.eot?#iefix) format("embedded-opentype"), url(burgess-bold-pro.78e500d6b54135852333.woff2) format("woff2"), url(burgess-bold-pro.bfbb9993a25ec4b6d3e2.woff) format("woff"), url(burgess-bold-pro.92082eba66d0e84a945d.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
    }
body {
    font-size: 14px;
    max-width: 2000px;
    margin: 0 auto;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    line-height: 1.5
    }
@media screen and (min-width: 1180px) {
    body {
        font-size: 16px
        }
    }
.wrapper--text-page h2, h1, h2, h3, h4 {
    margin: 0 0 0.5em;
    font-family: burgess, serif;
    font-weight: 700
    }
.wrapper--text-page h2, h1 {
    font-size: 2.25em;
    line-height: 0.916667
    }
h2 {
    font-size: 2em;
    line-height: 1.235294
    }
h3 {
    font-size: 1.6em;
    line-height: 1.2
    }
p {
    margin: 0 0 1em
    }
a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
    }
app-news-article-template .post a, p a {
    color: #71b09f
    }
app-news-article-template .post a:focus, app-news-article-template .post a:hover, p a:focus, p a:hover {
    color: #f8d268
    }
[class^=wrapper] {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
    }
.wrapper--grid {
    max-width: calc(1180px + 1em);
    width: calc(95% + 1em);
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    }
.wrapper--grid > * {
    margin-right: 0.5em;
    margin-bottom: 1em;
    margin-left: 0.5em
    }
.wrapper--text-page .prompt, .wrapper--text-page p {
    max-width: 900px
    }
.wrapper--text-page p {
    margin-bottom: 2em
    }
.wrapper--table h2 {
    margin-bottom: 1em
    }
@media (max-width: 650px) {
    .wrapper--table {
        width: 100%
        }
    .wrapper--table h2 {
        width: 95%;
        margin-right: auto;
        margin-left: auto
        }
    }
.wrapper--form, .wrapper--order, .wrapper--page {
    margin-top: 3em
    }
.wrapper--checkout, .wrapper--order {
    margin-bottom: 3em
    }
.wrapper--form .button--2 {
    margin-left: 0
    }
.wrapper--form fieldset {
    margin-bottom: 2em
    }
@media (min-width: 600px) {
    .wrapper--form form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
        }
    .wrapper--form form > div, .wrapper--form form > fieldset {
        width: 48%;
        margin-top: 0
        }
    }
.wrapper--basket {
    margin-bottom: 2.5em
    }
.wrapper--basket img {
    order: 1
    }
@media (min-width: 600px) {
    .wrapper--basket {
        display: flex;
        align-items: center;
        justify-content: space-between
        }
    .wrapper--basket div, .wrapper--basket img {
        width: 48%
        }
    }
app-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 90
    }
[role=banner] {
    z-index: 90;
    left: 0;
    top: 0;
    max-width: 100%;
    background: #fff
    }
[role=banner], [role=banner] .header__main {
    position: relative;
    width: 100%
    }
[role=banner] .header__main > div {
    display: flex;
    justify-content: space-between
    }
[role=banner] .header__main .inner {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
    }
[role=banner] .header__main:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0, transparent);
    z-index: 2
    }
@media (min-width: 1024px) {
    [role=banner] .inner {
        width: 95%;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-start
        }
    }
[role=banner] .logo {
    flex-shrink: 0;
    width: 39px;
    height: 4em;
    margin-right: auto;
    display: flex
    }
[role=banner] .logo svg {
    height: auto;
    order: -1
    }
@media (min-width: 768px) {
    [role=banner] .logo {
        align-self: center;
        width: 180px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(logo.b4f011bae78b42519ebc.png)
        }
    [role=banner] .logo svg {
        display: none
        }
    }
@media (min-width: 1024px) {
    [role=banner] .logo {
        max-width: 16%
        }
    }
.header__title {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    align-self: center;
    margin-left: 1em;
    margin-right: 1em;
    line-height: 1
    }
@media (min-width: 600px) {
    .header__title {
        font-size: 1.4rem
        }
    }
@media (min-width: 768px) {
    .header__title {
        font-size: 1.2em
        }
    }
@media (min-width: 1024px) {
    .header__title {
        display: none
        }
    }
main header {
    padding-top: 2em;
    padding-bottom: 1em
    }
main header .link--back {
    padding-bottom: 2em
    }
.header--generic {
    font-size: 2.25em;
    padding: 2em 0 0;
    margin: 0
    }
.header--generic strong {
    font-weight: 700
    }
.search_page .header--generic {
    margin-bottom: 1em
    }
.header--results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5em 0
    }
@media (min-width: 768px) {
    .header--results {
        flex-wrap: nowrap
        }
    }
.header--results :first-child {
    width: 100%
    }
@media (min-width: 768px) {
    .header--results :first-child {
        width: auto;
        flex-grow: 1
        }
    }
.section__actions {
    text-align: center;
    padding-bottom: 4em
    }
.section--contrast, app-wamcontent {
    background: #fff
    }
app-wamcontent {
    display: block
    }
app-wamcontent .wrapper {
    padding-top: 5%;
    padding-bottom: 5%
    }
[role=contentinfo] {
    background-color: #454d51;
    line-height: 1.6;
    padding: 3em 0;
    font-size: 1.1em
    }
[role=contentinfo], [role=contentinfo] .link--back {
    color: #fff
    }
[role=contentinfo] [class^=button], [role=contentinfo] a {
    color: inherit
    }
[role=contentinfo] p a:focus, [role=contentinfo] p a:hover {
    color: #dcdcdc
    }
[role=contentinfo] [class^=button], [role=contentinfo] button {
    color: #000;
    background-color: #fff;
    border-color: #fff
    }
[role=contentinfo] [class^=button]:active, [role=contentinfo] [class^=button]:focus, [role=contentinfo] [class^=button]:hover, [role=contentinfo] button:active, [role=contentinfo] button:focus, [role=contentinfo] button:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
[role=contentinfo] [class^=button]:after, [role=contentinfo] [class^=button]:before, [role=contentinfo] button:after, [role=contentinfo] button:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
[role=contentinfo] .button--2 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
[role=contentinfo] .button--2:active, [role=contentinfo] .button--2:focus, [role=contentinfo] .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
[role=contentinfo] > .wrapper {
    position: relative
    }
@media (min-width: 768px) {
    [role=contentinfo] > .wrapper {
        display: flex;
        justify-content: space-between
        }
    }
[role=contentinfo] h3 {
    margin-bottom: 0.75em;
    font-size: 1.5em
    }
[role=contentinfo] a {
    color: #fff;
    text-decoration: none
    }
[role=contentinfo] a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit
    }
[role=contentinfo] a:focus, [role=contentinfo] a:hover {
    text-decoration: underline
    }
.footer__end {
    border-width: 0;
    border-top: 1px dashed #83888b;
    border-collapse: separate;
    min-width: 33%;
    padding-top: 2em;
    margin-top: 1.5em;
    text-align: center
    }
.footer__end td, .footer__end th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #83888b 0, #83888b 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #83888b 0, #83888b 8px) 1
    }
@media (min-width: 768px) {
    .footer__end {
        padding-top: 0;
        margin-top: 0;
        border-width: 0;
        text-align: left;
        margin-left: 3%
        }
    }
.footer__end .social {
    justify-content: center
    }
@media (min-width: 768px) {
    .footer__end .social {
        justify-content: flex-start
        }
    }
.footer__copy {
    font-size: 1.4rem;
    color: #999
    }
main footer {
    padding-top: 2em;
    padding-bottom: 1em
    }
main footer .link--back {
    padding-bottom: 2em
    }
.main--contrast {
    background: #fff
    }
.checkout {
    display: flex;
    flex-flow: column
    }
.checkout legend {
    padding-top: 3em
    }
.checkout app-coupon-input {
    margin-left: 3em;
    display: block;
    max-width: 31em
    }
.checkout app-coupon-input form {
    display: flex;
    align-items: center
    }
.checkout app-coupon-input input {
    margin-right: 1em
    }
.checkout app-coupon-input [class^=button] {
    margin-bottom: 0
    }
.checkout app-order-detail {
    display: block;
    top: 4em;
    margin-bottom: 3em;
    flex-grow: 1;
    order: 2
    }
@media (min-width: 630px) {
    .checkout app-order-detail {
        position: -webkit-sticky;
        position: sticky
        }
    }
.checkout app-contact-detail, .checkout app-payment-detail, .checkout app-shipping-detail {
    padding: 2.5%;
    background: #71b09f;
    color: #fff;
    display: block
    }
.checkout app-contact-detail .input input, .checkout app-contact-detail input:not([type=checkbox]):not([type=radio]), .checkout app-contact-detail select, .checkout app-contact-detail textarea, .checkout app-payment-detail .input input, .checkout app-payment-detail input:not([type=checkbox]):not([type=radio]), .checkout app-payment-detail select, .checkout app-payment-detail textarea, .checkout app-shipping-detail .input input, .checkout app-shipping-detail input:not([type=checkbox]):not([type=radio]), .checkout app-shipping-detail select, .checkout app-shipping-detail textarea {
    color: #000
    }
.checkout app-contact-detail label a, .checkout app-payment-detail label a, .checkout app-shipping-detail label a {
    color: #444
    }
@media (min-width: 500px) {
    .checkout app-contact-detail, .checkout app-payment-detail, .checkout app-shipping-detail {
        padding: 2em
        }
    }
@media (min-width: 630px) {
    .checkout app-contact-detail, .checkout app-payment-detail, .checkout app-shipping-detail {
        transform: translatex(-2em);
        max-width: 35em
        }
    }
.checkout .checkbox input ~ label, .checkout .radio input ~ label {
    color: #fff
    }
.checkout table img {
    max-width: 100%
    }
.checkout table .td--image {
    width: 3em;
    padding-right: 0
    }
.checkout .checkout_actions {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 3em;
    padding-top: 3.5em
    }
.checkout .checkout_actions a, .checkout .checkout_actions button {
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 0;
    margin-right: 0
    }
.checkout .checkout_actions a:first-child, .checkout .checkout_actions button:first-child {
    margin-right: 0.5em
    }
.checkout .checkout_actions .button--5[disabled] {
    padding-right: 3em;
    position: relative;
    z-index: 0;
    opacity: 1
    }
.checkout .checkout_actions .button--5[disabled]:after {
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translate3d(0, -50%, 0);
    -webkit-animation: rotate 1s linear infinite forwards;
    animation: rotate 1s linear infinite forwards;
    transform-origin: center;
    margin-left: 0;
    width: 26.4px;
    height: 26.4px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.4' height='26.4'%3E%3Cstyle%3E.st0{fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10}%3C/style%3E%3Cpath class='st0' d='M17.4 4.7c3.1 1.6 5.3 4.8 5.3 8.5 0 5.2-4.2 9.5-9.5 9.5s-9.5-4.2-9.5-9.5S8 3.7 13.2 3.7h1.5'/%3E%3Cpath class='st0' d='M11.7.7l3 3-3 3'/%3E%3C/svg%3E")
    }
@-webkit-keyframes rotate {
    to {
        transform: translate3d(0, -50%, 0) rotate(1turn)
        }
    }
@keyframes rotate {
    to {
        transform: translate3d(0, -50%, 0) rotate(1turn)
        }
    }
.checkout .wrapper--checkout {
    position: relative;
    z-index: 10;
    width: 100%
    }
@media (min-width: 630px) {
    .checkout .wrapper--checkout {
        display: flex;
        width: 95%;
        align-items: flex-start;
        justify-content: space-between
        }
    }
app-order-complete h2 span {
    color: #454d51
    }
app-order-complete [class^=wrapper] {
    margin-top: 7%;
    margin-bottom: 7%
    }
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
@keyframes fade-in {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
nav ul {
    display: block;
    list-style-type: none
    }
nav a {
    text-decoration: none;
    cursor: pointer
    }
.icon--menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
[role=banner] .icon--menu.active {
    position: fixed;
    top: 1em;
    right: 2.5%
    }
.nav--primary {
    line-height: 1.2
    }
@media (max-width: 1023.5px) {
    .nav--primary {
        box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.25), 0 0 6px 0 rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 91;
        height: 100vh;
        padding: 2em 5em 2em 2em;
        width: 300px;
        max-width: 100vw;
        overflow: hidden;
        overflow-y: auto;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        -webkit-animation: fade-in 0.3s;
        animation: fade-in 0.3s
        }
    .nav--primary:not(.active) {
        display: none
        }
    .nav--primary .icon--basket, .nav--primary .icon--user, [role=banner] .nav--primary .icon--basket, [role=banner] .nav--primary .icon--user {
        font-size: inherit
        }
    .nav--primary .icon--basket:before, .nav--primary .icon--user:before, [role=banner] .nav--primary .icon--basket:before, [role=banner] .nav--primary .icon--user:before {
        margin-right: 1em;
        vertical-align: middle
        }
    .nav--primary__extra a {
        text-transform: none
        }
    }
@media (min-width: 1024px) {
    .nav--primary {
        display: block
        }
    .nav--primary a {
        white-space: nowrap
        }
    }
.nav--primary > ul {
    padding: 0;
    margin: 0
    }
.nav--primary > ul + ul {
    border-width: 0;
    border-top: 1px dashed #888;
    border-collapse: separate;
    margin-top: 1em;
    padding-top: 1em
    }
.nav--primary > ul + ul td, .nav--primary > ul + ul th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
@media (min-width: 1024px) {
    .nav--primary > ul {
        display: inline-flex;
        height: 100%
        }
    }
.nav--primary > ul > li {
    padding: 1.2em 0.1em;
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    list-style-type: none
    }
@media (min-width: 1024px) {
    .nav--primary > ul > li:first-child {
        display: none
        }
    }
.nav--primary > ul > li.dropdown-active .nav--secondary {
    display: block
    }
.nav--primary > ul > li > a {
    padding-bottom: 0.5rem;
    color: inherit;
    letter-spacing: 0.05em;
    font-weight: 500;
    position: relative;
    z-index: 10
    }
.nav--primary > ul > li .active {
    color: #496079;
    border-bottom: 1px solid
    }
@media (min-width: 1024px) {
    .nav--primary > ul {
        padding-right: 1.5vw
        }
    .nav--primary > ul > li {
        padding: 2vw 0 2vw 2vw
        }
    }
@media (min-width: 1200px) {
    .nav--primary > ul > li {
        padding: 2vw 0 2vw 2.5vw
        }
    }
@media (min-width: 1600px) {
    .nav--primary > ul {
        padding-right: 1.6em
        }
    .nav--primary > ul > li {
        padding: 2.7em 0 2.7em 3.2em
        }
    }
.nav--header-actions {
    margin-left: auto;
    border-left: 1px solid #eaeaea;
    display: flex;
    align-items: center
    }
.nav--header-actions > ul {
    display: inline-flex;
    align-items: center;
    padding-left: 0
    }
.nav--header-actions > li {
    float: left
    }
.nav--header-actions a {
    margin-left: 2.6rem
    }
.nav--secondary {
    width: 100%
    }
.nav--secondary ul {
    padding: 0;
    margin: 0.5em auto 0
    }
.nav--secondary li {
    min-width: 33.3%;
    padding: 0.25em 0;
    margin: 0;
    font-size: 1.1em;
    text-transform: none
    }
.nav--secondary a {
    display: block;
    color: inherit;
    font-size: 1.6rem
    }
.nav--secondary a:active, .nav--secondary a:focus, .nav--secondary a:hover {
    text-decoration: underline
    }
.nav--secondary .inner {
    justify-content: space-between
    }
.nav--secondary .toggle {
    display: flex;
    padding-right: 1em;
    padding-left: 1em
    }
.nav--secondary .toggle:focus, .nav--secondary .toggle:hover {
    text-decoration: none
    }
@media (min-width: 768px) {
    .nav--secondary a {
        display: inline-block;
        padding: 0.25em 0;
        font-size: 1em
        }
    .nav--secondary .toggle {
        display: none
        }
    .nav--secondary .toggle-target {
        display: block !important
        }
    }
@media (min-width: 1024px) {
    .nav--secondary {
        padding: 2em 0;
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
        background: #df5365;
        display: none
        }
    .nav--secondary a {
        color: #fff
        }
    .nav--secondary ul {
        display: flex;
        flex-flow: wrap;
        margin-top: 0
        }
    .nav--secondary ul:after {
        content: "";
        min-width: 33.3%
        }
    }
.nav--footer {
    flex-grow: 1
    }
.nav--footer li, .nav--footer ul {
    padding: 0;
    margin: 0
    }
.nav--footer ul {
    width: 100%;
    -moz-columns: 2;
    column-count: 2
    }
.nav--footer a, .nav--footer li {
    color: #71b09f;
    padding: 0.3rem 0
    }
.nav--footer a {
    display: inline-block
    }
[class*=button--], [class^=button], [type=submit] {
    display: inline-block;
    padding: 1.1em 2em;
    margin: 0 0.5em 0.5em 0;
    border-radius: 4em;
    cursor: pointer;
    text-decoration: none;
    line-height: 0.9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9em;
    color: #fff;
    background-color: #000;
    border: 1px solid #000
    }
[class*=button--][disabled], [class^=button][disabled], [type=submit][disabled] {
    pointer-events: none;
    opacity: 0.75;
    cursor: default
    }
[class*=button--]:before, [class^=button]:before, [type=submit]:before {
    margin-right: 0.25em
    }
[class*=button--]:after, [class^=button]:after, [type=submit]:after {
    margin-left: 0.25em
    }
[class*=button--]:active, [class*=button--]:focus, [class*=button--]:hover, [class^=button]:active, [class^=button]:focus, [class^=button]:hover, [type=submit]:active, [type=submit]:focus, [type=submit]:hover {
    color: #454d51;
    background-color: #f5f5f1;
    border-color: #f5f5f1
    }
.button--2 {
    color: #fff;
    background-color: #496079;
    border-color: #496079
    }
.button--2:active, .button--2:focus, .button--2:hover {
    color: #496079;
    background-color: #f8d268;
    border-color: #f8d268
    }
.button--2:active:after, .button--2:active:before, .button--2:focus:after, .button--2:focus:before, .button--2:hover:after, .button--2:hover:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
.button--3 {
    color: #000;
    background-color: transparent;
    border-color: #000
    }
.button--3:active, .button--3:focus, .button--3:hover {
    color: #494949;
    background-color: rgba(71, 71, 71, 0);
    border-color: #494949
    }
.button--3:after, .button--3:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.button--4 {
    color: #496079;
    background-color: transparent;
    border-color: #496079
    }
.button--4:active, .button--4:focus, .button--4:hover {
    color: #f8d268;
    background-color: rgba(71, 71, 71, 0);
    border-color: #f8d268
    }
.button--4:after, .button--4:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
.button--4:active:after, .button--4:active:before, .button--4:focus:after, .button--4:focus:before, .button--4:hover:after, .button--4:hover:before {
    -webkit-filter: invert(4%) sepia(86%) saturate(943%) hue-rotate(320deg) brightness(98%) contrast(99%);
    filter: invert(4%) sepia(86%) saturate(943%) hue-rotate(320deg) brightness(98%) contrast(99%)
    }
.button--5 {
    color: #496079;
    background-color: #fff;
    border-color: #fff
    }
.button--5:active, .button--5:focus, .button--5:hover {
    color: #496079;
    background-color: #f8d268;
    border-color: #f8d268
    }
.button--5:active:after, .button--5:active:before, .button--5:after, .button--5:before, .button--5:focus:after, .button--5:focus:before, .button--5:hover:after, .button--5:hover:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
.button--6 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
.button--6:active, .button--6:focus, .button--6:hover {
    color: #f8d268;
    background-color: rgba(71, 71, 71, 0);
    border-color: #f8d268
    }
.button--6:active:after, .button--6:active:before, .button--6:focus:after, .button--6:focus:before, .button--6:hover:after, .button--6:hover:before {
    -webkit-filter: invert(4%) sepia(86%) saturate(943%) hue-rotate(320deg) brightness(98%) contrast(99%);
    filter: invert(4%) sepia(86%) saturate(943%) hue-rotate(320deg) brightness(98%) contrast(99%)
    }
.button--stream {
    color: #000;
    background-color: transparent;
    border-color: #000
    }
.button--stream:active, .button--stream:focus, .button--stream:hover {
    color: #494949;
    background-color: rgba(71, 71, 71, 0);
    border-color: #494949
    }
.button--stream:after, .button--stream:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.button--hire {
    color: #000;
    background-color: transparent;
    border-color: #000
    }
.button--hire:active, .button--hire:focus, .button--hire:hover {
    color: #494949;
    background-color: rgba(71, 71, 71, 0);
    border-color: #494949
    }
.button--hire:after, .button--hire:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.button--buy-now {
    color: #fff;
    background-color: #496079;
    border-color: #496079
    }
.button--buy-now:active, .button--buy-now:focus, .button--buy-now:hover {
    color: #496079;
    background-color: #f8d268;
    border-color: #f8d268
    }
.button--buy-now:active:after, .button--buy-now:active:before, .button--buy-now:focus:after, .button--buy-now:focus:before, .button--buy-now:hover:after, .button--buy-now:hover:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
.button--text {
    background-color: transparent;
    text-decoration: underline;
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    color: inherit;
    border-radius: 0;
    font-size: 1em
    }
.button--text:active, .button--text:focus, .button--text:hover {
    background-color: transparent;
    color: #df5365
    }
.button--apple {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.button--apple:after {
    display: inline-block;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.69 20.13' fill='%23FFF'%3E%3Cpath d='M28.16 4.1l-3.59 9.94h1.6l.91-2.69h3.79l.91 2.69h1.63L29.83 4.1h-1.67zm-.68 6.02l1.48-4.36H29l1.48 4.36h-3zm63.89-.2l3.12 4.12h-1.73l-2.46-3.22-.62.61v2.6h-1.49V4.1h1.49v5.8h.01l2.93-3.11h1.75l-3 3.13zm-7.82-3.25c-2.07 0-3.44 1.43-3.44 3.75 0 2.33 1.36 3.76 3.44 3.76 2.07 0 3.44-1.43 3.44-3.76-.01-2.33-1.38-3.75-3.44-3.75zm0 6.28c-1.16 0-1.92-.92-1.92-2.53 0-1.6.76-2.53 1.92-2.53s1.92.92 1.92 2.53c0 1.61-.75 2.53-1.92 2.53zm17.14-1c0 1.32-1.23 2.23-2.94 2.23-1.81 0-2.9-.89-3.04-2.27h1.47c.14.76.65 1.13 1.56 1.13.9 0 1.45-.37 1.45-.96 0-.47-.27-.74-1.06-.92l-1.18-.28c-1.38-.32-2.06-.98-2.06-2.03 0-1.29 1.13-2.18 2.79-2.18 1.69 0 2.78.94 2.83 2.27h-1.4c-.08-.7-.6-1.14-1.43-1.14-.81 0-1.34.39-1.34.97 0 .45.33.76 1.12.94l1.18.27c1.48.34 2.05.92 2.05 1.97zM20.12 4.97c-.01-.44-.04-.89-.12-1.32a4.65 4.65 0 00-.41-1.26c-.2-.4-.46-.76-.78-1.07-.31-.31-.68-.58-1.07-.78-.4-.2-.81-.33-1.26-.41-.44-.08-.88-.1-1.32-.12-.2-.01-.4-.01-.6-.01H5.58c-.2 0-.41 0-.61.01-.44.01-.89.04-1.32.12-.45.08-.86.21-1.26.41-.4.2-.76.46-1.07.78-.31.31-.58.67-.78 1.07-.2.4-.33.81-.41 1.26-.08.44-.1.88-.12 1.32-.01.2-.01.4-.01.61v8.98c0 .2 0 .4.01.61.01.44.04.89.12 1.32.08.44.21.86.41 1.26.2.4.46.76.78 1.07.31.31.68.58 1.07.78.4.2.81.33 1.26.41.44.08.88.1 1.32.12.2.01.41.01.61.01h8.98c.2 0 .41 0 .61-.01.44-.01.89-.04 1.32-.12.44-.08.85-.21 1.26-.41.4-.2.76-.46 1.07-.78.31-.31.58-.68.78-1.07.2-.4.33-.81.41-1.26.08-.44.1-.88.12-1.32.01-.2.01-.4.01-.61V6.3v-.72c-.01-.21-.01-.41-.02-.61zM9.86 15.96c0 .34 0-.81-1.17-1.67-1.2-.93-3.25-.99-4.92.23-.31.23-.53.19-.53-.15V6.45c0-.34.03-.71.53-1.07 1.67-1.21 4.25-1.24 5.56.3.32.5.53.65.53 2.12v8.16zm7.04-1.59c0 .34-.22.38-.53.15-1.67-1.21-3.72-1.15-4.92-.23-1.17.87-1.17 2.01-1.17 1.67V7.8c0-1.47.2-1.62.53-2.13 1.31-1.53 3.89-1.51 5.56-.3.5.37.53.73.53 1.07v7.93zM68.96 8.8v-.05c.99-.16 1.77-1.11 1.77-2.16 0-1.5-1.16-2.48-2.92-2.48h-3.97v9.94h3.99c2.11 0 3.39-1.06 3.39-2.81 0-1.33-.91-2.29-2.26-2.44zm-3.57-3.44h2.05c1.12 0 1.75.51 1.75 1.43 0 .98-.74 1.54-2.07 1.54h-1.73V5.36zm2.13 7.42h-2.13V9.51h2.04c1.46 0 2.22.55 2.22 1.63s-.74 1.64-2.13 1.64zm8.11-6.11c-2.07 0-3.44 1.43-3.44 3.75 0 2.33 1.36 3.76 3.44 3.76 2.07 0 3.44-1.43 3.44-3.76s-1.37-3.75-3.44-3.75zm0 6.28c-1.16 0-1.92-.92-1.92-2.53 0-1.6.76-2.53 1.92-2.53s1.92.92 1.92 2.53c0 1.61-.75 2.53-1.92 2.53zM56.39 6.67c-2.04 0-3.35 1.52-3.35 3.79 0 2.29 1.29 3.72 3.42 3.72 1.66 0 2.91-.94 3.12-2.27h-1.41c-.2.63-.83 1.06-1.67 1.06-1.19 0-1.95-.83-1.95-2.09v-.09h5.12v-.51c-.02-2.2-1.27-3.61-3.28-3.61zm-1.85 3.08c.08-1.09.81-1.89 1.84-1.89 1.04 0 1.74.78 1.78 1.89h-3.62zm-8.45-3.07c-1.05 0-1.88.53-2.31 1.36h-.03V6.8h-1.44v9.64h1.49v-3.59h.03c.41.81 1.24 1.32 2.28 1.32 1.82 0 3.02-1.45 3.02-3.75.01-2.29-1.21-3.74-3.04-3.74zm-.4 6.22c-1.14 0-1.9-.98-1.9-2.49 0-1.49.76-2.49 1.9-2.49 1.18 0 1.91.97 1.91 2.49.01 1.53-.73 2.49-1.91 2.49zm-7.58-6.22c-1.05 0-1.88.53-2.31 1.36h-.03V6.8h-1.44v9.64h1.49v-3.59h.03c.41.81 1.24 1.32 2.28 1.32 1.82 0 3.02-1.45 3.02-3.75.01-2.29-1.2-3.74-3.04-3.74zm-.39 6.22c-1.14 0-1.9-.98-1.9-2.49 0-1.49.76-2.49 1.9-2.49 1.18 0 1.91.97 1.91 2.49.01 1.53-.73 2.49-1.91 2.49zm12.62-8.8h1.49v9.94h-1.49V4.1z'/%3E%3C/svg%3E")
    }
.button--amazon {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.button--amazon:after {
    display: inline-block;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97.72 20.55' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFF'%3E%3Cpath class='st0' d='M33.7 16.98c-3.16 2.33-7.73 3.57-11.67 3.57-5.52 0-10.5-2.04-14.26-5.44-.3-.27-.03-.63.32-.42 4.06 2.36 9.08 3.79 14.27 3.79 3.5 0 7.34-.73 10.88-2.23.54-.23.98.34.46.73zm.49 2.1c-.12.29.13.4.39.19 1.69-1.42 2.13-4.38 1.78-4.81-.34-.42-3.3-.79-5.11.48-.28.19-.23.46.08.43 1.02-.12 3.28-.39 3.69.12.4.51-.45 2.64-.83 3.59zM31.72 6.27h2.89l-3.32 4.76c-.2.3-.21.65-.21.85v1.25c0 .18.2.39.39.29 1.88-1 4.14-.9 5.84-.01.21.11.41-.1.41-.28v-1.32c-.02-.18-.08-.36-.29-.48-.97-.54-2.09-.7-3.15-.68l2.86-4.09c.26-.37.41-.6.42-.78V4.73c0-.18-.14-.31-.32-.31h-5.53a.3.3 0 00-.31.31v1.23c0 .19.14.31.32.31zm-20.15 7.09V8.79c0-1-.05-2.38 1.16-2.38 1.19 0 1.04 1.42 1.04 2.38v4.57c0 .17.13.3.3.31h1.68c.18 0 .32-.14.32-.31V8.78c0-.49-.02-1.22.16-1.65.17-.44.6-.71 1-.71.49 0 .86.16.99.74.08.34.05 1.25.05 1.62v4.57c0 .17.13.3.3.31h1.68c.18 0 .32-.14.32-.31V7.9c0-.93.11-1.98-.42-2.71-.47-.65-1.24-.94-1.95-.94-.99 0-1.91.51-2.32 1.6-.47-1.09-1.13-1.6-2.18-1.6-1.04 0-1.8.51-2.21 1.6h-.03V4.73c-.01-.16-.14-.28-.31-.29H9.58c-.18 0-.32.14-.32.31v8.63c.01.15.14.27.3.28h1.68c.18.01.33-.13.33-.3zm26.96-4.32c0 2.67 1.33 4.81 3.78 4.81 2.35 0 3.84-2.09 3.84-4.72 0-2.72-1.35-4.87-3.84-4.87-2.43 0-3.78 2.09-3.78 4.78zm4.9-2.18c.22.69.25 1.56.25 2.29 0 1.11-.06 2.92-1.37 2.92-1.32 0-1.3-2.25-1.3-3.3 0-1.05.08-2.74 1.32-2.74.54-.01.91.23 1.1.83zm6.3 6.5V8.71c0-.58.03-1.11.27-1.63.19-.42.56-.69.97-.69 1.16 0 1.05 1.38 1.05 2.32v4.69c.02.15.14.26.3.27H54c.17 0 .3-.12.32-.27V7.96c0-.84 0-2-.44-2.69-.47-.74-1.21-1.02-1.96-1.02-1.16 0-1.82.56-2.29 1.74h-.03V4.68a.323.323 0 00-.3-.24h-1.56c-.17 0-.31.12-.32.28v8.63c0 .17.13.3.3.31h1.68c.18.01.32-.13.33-.3zM27 9.18c-1.22 0-2.5.26-2.5 1.69 0 .73.38 1.22 1.02 1.22.47 0 .9-.29 1.16-.76.33-.58.32-1.13.32-1.79v-.36zm1.69 4.47c.34-.3.95-.83 1.29-1.12.14-.11.11-.29.01-.45-.31-.42-.63-.77-.63-1.56V7.91c0-1.11.08-2.13-.74-2.89-.64-.62-1.71-.84-2.53-.84-1.6 0-3.39.6-3.76 2.57-.04.21.11.32.25.35l1.63.18c.15-.01.26-.16.29-.31.14-.68.71-1.01 1.35-1.01.35 0 .74.13.94.44.24.34.21.82.21 1.22v.22c-.98.11-2.25.18-3.16.58-1.05.45-1.79 1.38-1.79 2.75 0 1.75 1.1 2.62 2.52 2.62 1.2 0 1.85-.28 2.77-1.22.31.44.41.66.96 1.12.12.06.28.05.39-.04zM4.95 9.18c-1.22 0-2.5.26-2.5 1.69 0 .73.38 1.22 1.02 1.22.47 0 .9-.29 1.16-.76.33-.58.31-1.13.31-1.78v-.37zm1.7 4.47c.34-.3.95-.83 1.29-1.12.14-.11.11-.29.01-.45-.31-.42-.63-.77-.63-1.56V7.91c0-1.11.08-2.13-.74-2.89-.65-.63-1.72-.84-2.54-.84-1.6 0-3.39.6-3.76 2.57-.04.21.12.32.25.35l1.63.18c.15-.01.26-.16.29-.31.14-.68.71-1.01 1.35-1.01.35 0 .74.13.94.44.24.35.2.82.2 1.22v.22c-.96.1-2.23.18-3.15.58C.74 8.87 0 9.8 0 11.16c0 1.75 1.1 2.62 2.52 2.62 1.2 0 1.85-.28 2.77-1.22.3.44.4.66.96 1.12.13.07.29.06.4-.03zm57.26.02l-4.54-5.41 4.01-3.73h-1.83L58.2 7.76h-.02V0h-1.41v13.67h1.41V8.92h.02l3.92 4.75h1.79zm2.63-12.03c0-.54-.44-.98-.98-.98s-.98.44-.98.98.44.98.98.98c.53.01.98-.44.98-.98zm-.27 12.03V4.54h-1.41v9.13h1.41zm9.32 0V7.53c0-2.28-1.31-3.22-2.62-3.22-1.27 0-2.26.56-3.26 1.33l-.19-1.1h-1.16v9.13h1.41V7.03c.69-.6 1.72-1.39 2.84-1.39 1.39 0 1.58 1.27 1.58 2.41v5.62h1.4zm9.13-.46V0h-1.41v4.46c-.37-.1-.83-.15-1.49-.15-2.66 0-4.71 2.09-4.71 4.92 0 3.15 2.14 4.63 4.69 4.63 1.3 0 2.36-.33 2.92-.65zm-1.41-.78c-.29.13-.79.23-1.25.23-2.37 0-3.51-1.47-3.51-3.53 0-2.18 1.56-3.59 3.36-3.59.71 0 1.04.1 1.41.23v6.66zm6.29 1.12l-.17-1.02c-.23.06-.39.06-.48.06-.54 0-.75-.17-.75-1.04V0h-1.41v12.18c0 .97.48 1.68 1.6 1.68.46 0 .79-.09 1.21-.31zm8.12-4.21v-.33c0-2.84-1.29-4.71-3.65-4.71-2.2 0-3.71 1.97-3.71 4.61 0 2.61 1.39 4.94 4.3 4.94 1 0 2.16-.42 2.84-.89l-.44-1c-.54.35-1.39.68-2.22.68-1.97 0-2.97-1.56-2.97-3.3h5.85zM96.2 8.15h-4.3c0-1.45.85-2.65 2.2-2.65 1.39 0 2.1 1.37 2.1 2.65z'/%3E%3C/svg%3E")
    }
.button--amazon, .button--apple {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: none;
    border-width: 0
    }
.button--amazon:after, .button--apple:after {
    width: 8em
    }
.button--amazon:focus, .button--amazon:hover, .button--apple:focus, .button--apple:hover {
    background-color: #e57553
    }
.foreground--light, .foreground--light .link--back {
    color: #fff
    }
.foreground--light [class^=button], .foreground--light a {
    color: inherit
    }
.foreground--light p a:focus, .foreground--light p a:hover {
    color: #dcdcdc
    }
.foreground--light [class^=button], .foreground--light button {
    color: #000;
    background-color: #fff;
    border-color: #fff
    }
.foreground--light [class^=button]:active, .foreground--light [class^=button]:focus, .foreground--light [class^=button]:hover, .foreground--light button:active, .foreground--light button:focus, .foreground--light button:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
.foreground--light [class^=button]:after, .foreground--light [class^=button]:before, .foreground--light button:after, .foreground--light button:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.foreground--light .button--2 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
.foreground--light .button--2:active, .foreground--light .button--2:focus, .foreground--light .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
.foreground--dark, .foreground--dark.banner--header, .foreground--dark.banner--header .link--back, .foreground--dark .link--back {
    color: #000
    }
.foreground--dark.banner--header [class^=button], .foreground--dark.banner--header a, .foreground--dark [class^=button], .foreground--dark a {
    color: inherit
    }
.foreground--dark.banner--header p a:focus, .foreground--dark.banner--header p a:hover, .foreground--dark p a:focus, .foreground--dark p a:hover {
    color: #dcdcdc
    }
.foreground--dark.banner--header [class^=button], .foreground--dark.banner--header button, .foreground--dark [class^=button], .foreground--dark button {
    color: #fff;
    background-color: #000;
    border-color: #000
    }
.foreground--dark.banner--header [class^=button]:active, .foreground--dark.banner--header [class^=button]:focus, .foreground--dark.banner--header [class^=button]:hover, .foreground--dark.banner--header button:active, .foreground--dark.banner--header button:focus, .foreground--dark.banner--header button:hover, .foreground--dark [class^=button]:active, .foreground--dark [class^=button]:focus, .foreground--dark [class^=button]:hover, .foreground--dark button:active, .foreground--dark button:focus, .foreground--dark button:hover {
    color: #fff;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
.foreground--dark.banner--header .button--2, .foreground--dark .button--2 {
    color: #000;
    background-color: transparent;
    border-color: #000
    }
.foreground--dark.banner--header .button--2:active, .foreground--dark.banner--header .button--2:focus, .foreground--dark.banner--header .button--2:hover, .foreground--dark .button--2:active, .foreground--dark .button--2:focus, .foreground--dark .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
.foreground--dark.banner--header .button--2:after, .foreground--dark.banner--header .button--2:before, .foreground--dark .button--2:after, .foreground--dark .button--2:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
[class^=cards--] {
    padding-bottom: 3em
    }
[class^=cards--] .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-items: center
    }
[class^=cards--] [class^=wrapper] > * {
    flex-grow: 1
    }
.cards--article {
    padding-top: 4em
    }
.cards--article .wrapper--grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    }
@media (max-width: 767.5px) {
    .cards--article .wrapper--grid > * {
        max-width: calc(100% - 1em)
        }
    .cards--article .wrapper--grid > :nth-child(n+4) {
        display: none
        }
    }
@media (min-width: 768px) and (max-width: 1179.5px) {
    .cards--article .wrapper--grid > * {
        max-width: calc(33.33333% - 1em)
        }
    .cards--article .wrapper--grid > :nth-child(n+4) {
        display: none
        }
    }
@media (min-width: 1180px) {
    .cards--article .wrapper--grid > * {
        max-width: calc(33.33333% - 1em)
        }
    .cards--article .wrapper--grid > :nth-child(n+4) {
        display: none
        }
    }
@supports (grid: auto) {
    . cards--article . wrapper--grid {
        display: grid;
        flex-wrap: unset
        }
    }
.cards--article .wrapper--grid > * {
    padding-bottom: 1em;
    border-width: 0;
    border-bottom: 1px dashed #888;
    border-collapse: separate
    }
.cards--article .wrapper--grid > * td, .cards--article .wrapper--grid > * th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
@media (min-width: 768px) {
    .cards--article .wrapper--grid > * {
        border-bottom: 0;
        padding-bottom: 0
        }
    .cards--article .wrapper--grid > :after {
        display: none
        }
    }
.cards--product .wrapper--grid.wrapper--limit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    }
@media (max-width: 767.5px) {
    .cards--product .wrapper--grid.wrapper--limit > * {
        max-width: calc(50% - 1em)
        }
    .cards--product .wrapper--grid.wrapper--limit > :nth-child(n+5) {
        display: none
        }
    }
@media (min-width: 768px) and (max-width: 1179.5px) {
    .cards--product .wrapper--grid.wrapper--limit > * {
        max-width: calc(25% - 1em)
        }
    .cards--product .wrapper--grid.wrapper--limit > :nth-child(n+5) {
        display: none
        }
    }
@media (min-width: 1180px) {
    .cards--product .wrapper--grid.wrapper--limit > * {
        max-width: calc(20% - 1em)
        }
    .cards--product .wrapper--grid.wrapper--limit > :nth-child(n+6) {
        display: none
        }
    }
@supports (grid: auto) {
    . cards--product . wrapper--grid . wrapper--limit {
        display: grid;
        flex-wrap: unset
        }
    }
.cards--related {
    border-width: 0;
    border-top: 1px dashed #888;
    border-bottom: 1px dashed #888;
    border-collapse: separate;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    margin-bottom: 2em
    }
.cards--related td, .cards--related th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
.cards--related > * {
    width: 100%;
    max-width: none;
    padding-top: 2em
    }
.cards--results .wrapper--grid {
    justify-content: flex-start;
    flex-flow: wrap
    }
.cards--results .wrapper--grid > * {
    max-width: 278px;
    margin-bottom: 1em
    }
[class^=card--] {
    display: block;
    height: 100%;
    color: inherit
    }
[class^=card--] img {
    width: 100%;
    max-width: none;
    margin-bottom: 1.5em
    }
[class^=card--] p small {
    color: #333
    }
[class^=card--] a:not([class]) {
    color: inherit;
    display: block;
    width: 100%
    }
[class^=card--] a, a[class^=card--] a {
    text-decoration: none
    }
[class^=card--] a:active h3, [class^=card--] a:active ~ a h3, [class^=card--] a:focus h3, [class^=card--] a:focus ~ a h3, [class^=card--] a:hover h3, [class^=card--] a:hover ~ a h3, [class^=card--] div:active h3, [class^=card--] div:active ~ a h3, [class^=card--] div:focus h3, [class^=card--] div:focus ~ a h3, [class^=card--] div:hover h3, [class^=card--] div:hover ~ a h3, a[class^=card--] a:active h3, a[class^=card--] a:active ~ a h3, a[class^=card--] a:focus h3, a[class^=card--] a:focus ~ a h3, a[class^=card--] a:hover h3, a[class^=card--] a:hover ~ a h3, a[class^=card--] div:active h3, a[class^=card--] div:active ~ a h3, a[class^=card--] div:focus h3, a[class^=card--] div:focus ~ a h3, a[class^=card--] div:hover h3, a[class^=card--] div:hover ~ a h3 {
    text-decoration: underline
    }
.card--article {
    max-width: 375px
    }
.card--article h3 {
    font-size: 1.5em;
    color: #496079
    }
.card--article img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
    }
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    . card--article img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 12.75em;
        width: 100%
        }
    }
.card--article .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.7em
    }
.card--article .excerpt > * {
    display: inline
    }
.type-product a:not([class]) {
    display: block;
    background-color: #f2f2f2;
    padding: 0.5em;
    margin-bottom: 1.5em
    }
.type-product img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 11.75em;
    margin-bottom: 0
    }
.card--product, .type-product img {
    margin-left: auto;
    margin-right: auto
    }
.card--product {
    max-width: 220px;
    padding: 0.7em;
    font-size: 0.9em;
    text-align: center;
    background: #f5f5f1
    }
.card--product h3 {
    font-family: futura-pt, sans-serif;
    font-size: 1.1em
    }
.card--product div {
    position: relative;
    z-index: 10
    }
.card--product p {
    line-height: 1.2
    }
.card--product, .card--product a {
    display: flex;
    flex-flow: column;
    align-items: center
    }
.card--product a {
    flex-grow: 1;
    color: #454d51
    }
.card--product [class^=button] {
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    z-index: 10;
    max-width: calc(100% - 1em);
    transform: translatex(-50%);
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    display: none
    }
.card--product img {
    margin-bottom: 0
    }
.card--product h3 {
    margin-top: 1em
    }
.card--product .price {
    font-weight: 700;
    margin-top: auto
    }
.card--product:active [class^=button], .card--product:focus [class^=button], .card--product:hover [class^=button] {
    display: inline-block
    }
.card--news {
    max-width: 375px;
    padding: 1em;
    background: #f5f5f1;
    display: flex;
    flex-flow: column
    }
.card--news h3 {
    font-size: 1.5em
    }
.card--news div {
    margin-bottom: 1em
    }
.card--news time {
    margin-top: auto;
    font-size: 0.9em
    }
.card--related {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
    background-color: transparent;
    text-align: left;
    padding-left: 0
    }
.card--related img {
    max-width: 100%;
    margin-bottom: 0;
    padding-right: 1rem
    }
.card--related div {
    max-width: 55%
    }
.card--related [class^=button] {
    transform: translatex(-50%) translatex(-0.5rem)
    }
.card--performance h3 {
    font-size: 1.3em
    }
.card--performance p {
    font-size: 0.9em
    }
.card--opaque {
    background: #fff
    }
.link--back {
    display: block;
    margin-bottom: 1em;
    color: #000;
    text-decoration: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.foreground-light .link--back {
    color: #fff
    }
.link--back:focus, .link--back:hover {
    text-decoration: underline
    }
.link--back:before {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.7 20.9'%3E%3Cpath fill='%23fff' class='st0' d='M11.6 19.3L10 20.9 0 10.5 10.2 0l1.5 1.5-7.9 8h30.9v1.9h-31z'/%3E%3C/svg%3E");
    margin-right: 0.25em;
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.link--underlined {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 0.25em;
    line-height: 1;
    font-size: 0.9em;
    font-weight: 600;
    color: #496079;
    border-bottom: 1px solid;
    border-color: #71b09f;
    text-transform: uppercase;
    transition: opacity 0.1s ease-out
    }
a.link--underlined:focus, a.link--underlined:hover, a:focus .link--underlined, a:hover .link--underlined {
    border-color: #f8d268
    }
.link--card {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 0.25em;
    line-height: 1;
    font-size: 0.9em;
    font-weight: 600;
    color: #496079;
    border-bottom: 1px solid;
    border-color: #71b09f;
    text-transform: uppercase;
    transition: opacity 0.1s ease-out
    }
a.link--card:focus, a.link--card:hover, a:focus .link--card, a:hover .link--card {
    border-color: #f8d268
    }
.link--banner {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 0.25em;
    line-height: 1;
    font-size: 0.9em;
    font-weight: 600;
    color: #496079;
    border-bottom: 1px solid;
    border-color: #71b09f;
    text-transform: uppercase;
    transition: opacity 0.1s ease-out
    }
a.link--banner:focus, a.link--banner:hover, a:focus .link--banner, a:hover .link--banner {
    border-color: #f8d268
    }
.link--performance {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 0.25em;
    line-height: 1;
    font-size: 0.9em;
    font-weight: 600;
    color: #496079;
    border-bottom: 1px solid;
    border-color: #71b09f;
    text-transform: uppercase;
    transition: opacity 0.1s ease-out
    }
a.link--performance:focus, a.link--performance:hover, a:focus .link--performance, a:hover .link--performance {
    border-color: #f8d268
    }
.link--view-all {
    display: block;
    margin-bottom: 1em;
    color: #000;
    text-decoration: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.foreground-light .link--view-all {
    color: #fff
    }
.link--view-all:focus, .link--view-all:hover {
    text-decoration: underline
    }
.link--view-all:after {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 34.7 20.9'%3E%3Cpath class='st0' d='M23.1 1.6L24.7 0l10 10.4-10.2 10.5-1.5-1.5 8-8H0V9.5h31z'/%3E%3C/svg%3E");
    margin-left: 0.25em;
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.input, input:not([type=checkbox]):not([type=radio]), select, textarea {
    font-size: 16px
    }
.form-group, fieldset > p {
    display: block;
    max-width: 370px;
    margin-bottom: 0.5em
    }
select {
    display: block
    }
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
    }
app-root label, app-root legend {
    display: block;
    width: 100%;
    padding: 2px 1px;
    margin: 0;
    font-weight: 400
    }
app-root label {
    font-weight: 600
    }
app-root label span {
    color: #444;
    font-weight: 400
    }
app-root [type=submit] {
    margin-left: 0
    }
app-root .input, app-root input:not([type=checkbox]):not([type=radio]), app-root select, app-root textarea {
    width: 100%;
    padding: 12px 10px;
    line-height: 1;
    color: inherit;
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.1s ease-out;
    height: 2.8em
    }
app-root .input:active, app-root .input:hover, app-root input:not([type=checkbox]):not([type=radio]):active, app-root input:not([type=checkbox]):not([type=radio]):hover, app-root select:active, app-root select:hover, app-root textarea:active, app-root textarea:hover {
    border-color: #444;
    outline: none;
    box-shadow: inset -2px 2px 4px 0 rgba(0, 0, 0, 0.2)
    }
.product-search app-root .input, .product-search app-root input:not([type=checkbox]):not([type=radio]), .product-search app-root select, .product-search app-root textarea {
    color: #000
    }
app-root select {
    padding: 11px 10px
    }
app-root .checkbox, app-root .radio {
    margin-top: 1.5em
    }
app-root .checkbox + .checkbox, app-root .checkbox + .radio, app-root .radio + .checkbox, app-root .radio + .radio {
    margin-top: 1em
    }
app-root .checkbox input ~ label, app-root .radio input ~ label {
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.2
    }
::-webkit-input-placeholder {
    opacity: 0.6
    }
::-moz-placeholder {
    opacity: 0.6
    }
:-ms-input-placeholder {
    opacity: 0.6
    }
::-ms-input-placeholder {
    opacity: 0.6
    }
::placeholder {
    opacity: 0.6
    }
.email-input {
    position: relative;
    max-width: 500px;
    margin: 2em auto
    }
.email-input input:not([type=checkbox]):not([type=radio]) {
    height: 54px;
    padding: 1.2em 54px 1.2em 2em;
    border-radius: 27px
    }
.email-input [class^=button] {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 2px;
    font-size: 0;
    background: #496079;
    border: 0;
    border-radius: 27px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center
    }
.email-input [class^=button]:after {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 34.7 20.9'%3E%3Cpath class='st0' d='M23.1 1.6L24.7 0l10 10.4-10.2 10.5-1.5-1.5 8-8H0V9.5h31z'/%3E%3C/svg%3E");
    margin: 0;
    font-size: 2rem
    }
.input {
    display: block
    }
.form_message {
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    font-style: italic
    }
.login {
    background-color: #f5f5f1
    }
.login .wrapper--text-page h2, .login h1, .wrapper--text-page .login h2 {
    font-size: 2.7em
    }
.login p {
    margin-bottom: 2em
    }
.login p:not(.form-group) {
    max-width: 370px;
    font-size: 1.18em;
    line-height: 1.25
    }
.login label {
    margin-bottom: 0.5em
    }
.login [class^=form--], .login form {
    padding: 5%
    }
.login .form--register {
    background-color: #496079;
    color: #fff
    }
.login .form--register .checkbox input ~ label, .login .form--register .radio input ~ label {
    color: inherit
    }
@media (min-width: 768px) {
    .login {
        display: flex;
        justify-content: center
        }
    .login [class^=form--], .login form {
        padding: 3.2% 0;
        width: 50%
        }
    .login [class^=form--] fieldset, .login form fieldset {
        width: 640px;
        max-width: 100%;
        padding-left: 6.4%;
        padding-right: 6.4%
        }
    .login .form--register {
        display: flex;
        justify-content: flex-end
        }
    }
.ng-submitted .ng-invalid {
    border-color: #6e211f !important
    }
.checkbox *, .checkbox :after, .checkbox :before, .radio *, .radio :after, .radio :before {
    box-sizing: border-box
    }
.checkbox input, .radio input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
    }
.checkbox input ~ label, .radio input ~ label {
    display: flex;
    line-height: 1.1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.checkbox input ~ label:before, .radio input ~ label:before {
    content: "";
    width: 1.3em;
    height: 1.3em;
    background-color: #fff;
    box-shadow: 0 0 0 1px #dcdcdc;
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 0.5em;
    transform: translatey(-15%)
    }
.checkbox input ~ label a, .radio input ~ label a {
    margin-right: 0.3em;
    margin-left: 0.3em
    }
.checkbox input:focus ~ label:before, .radio input:focus ~ label:before {
    box-shadow: 0 0 0 2px #dcdcdc
    }
.checkbox input ~ label:before {
    border-radius: 0
    }
.checkbox input:checked ~ label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z'/%3E%3C/svg%3E");
    background-size: 80% 80%
    }
.radio input ~ label:before {
    border-radius: 50%
    }
.radio input:checked ~ label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");
    background-size: 50% 50%
    }
.select {
    position: relative;
    display: block
    }
.select, .select * {
    box-sizing: border-box
    }
.select select {
    width: 100%;
    padding-right: 30px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
    }
.select select::-ms-expand {
    display: none
    }
.select:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 2;
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #454d51;
    text-rendering: auto;
    pointer-events: none;
    content: "";
    transform: translatey(-50%)
    }
.select select {
    padding-right: 3em
    }
.select select:hover:not(:focus):not(:active) {
    border-color: transparent
    }
.select:after {
    top: 1px;
    bottom: 1px;
    transform: none;
    padding: 0.8em 0.3em 0 0.8em;
    border-left: 1px solid #f5f5f1;
    font-family: inherit;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.1em' height='1.1em' viewBox='0 0 320 512'%3E%3Cpath d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E")
    }
.swatch {
    display: inline-block;
    width: 12vw;
    height: 12vw;
    margin: 0 2em 2em 0;
    float: left
    }
.background--brand-1 {
    background-color: #df5365
    }
.background--brand-1.swatch:before {
    content: "$brand-1, #df5365"
    }
.background--brand-2 {
    background-color: #71b09f
    }
.background--brand-2.swatch:before {
    content: "$brand-2, #71b09f"
    }
.background--brand-3 {
    background-color: #454d51
    }
.background--brand-3.swatch:before {
    content: "$brand-3, #454d51"
    }
.background--brand-4 {
    background-color: #496079
    }
.background--brand-4.swatch:before {
    content: "$brand-4, #496079"
    }
.background--brand-5 {
    background-color: #006eb6
    }
.background--brand-5.swatch:before {
    content: "$brand-5, #006eb6"
    }
.background--brand-6 {
    background-color: #f8d268
    }
.background--brand-6.swatch:before {
    content: "$brand-6, #f8d268"
    }
.background--brand-7 {
    background-color: #e57553
    }
.background--brand-7.swatch:before {
    content: "$brand-7, #e57553"
    }
.background--black {
    background-color: #000
    }
.background--black.swatch:before {
    content: "$black, black"
    }
.background--neutral-1 {
    background-color: #454d51
    }
.background--neutral-1.swatch:before {
    content: "$neutral-1, #454d51"
    }
.background--neutral-2 {
    background-color: #f5f5f1
    }
.background--neutral-2.swatch:before {
    content: "$neutral-2, #f5f5f1"
    }
.background--white {
    background-color: #fff
    }
.background--white.swatch:before {
    content: "$white, white"
    }
[class^=banner] {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    padding: 2em 0;
    text-align: center
    }
.wrapper--text-page [class^=banner] h2, [class^=banner] .wrapper--text-page h2, [class^=banner] h1 {
    font-size: 0.9em;
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.07em;
    text-transform: uppercase
    }
.wrapper--text-page [class^=banner] h2:only-child, [class^=banner] .wrapper--text-page h2:only-child, [class^=banner] h1:only-child {
    margin-bottom: 0
    }
[class^=banner] h2 {
    margin: 0.5em 0 0;
    font-size: 2em;
    color: #496079
    }
[class^=banner] .wrapper {
    margin: auto;
    position: relative;
    z-index: 20
    }
[class^=banner] .wrapper:empty {
    display: none
    }
[class^=banner][style^=background-image] {
    background-position: 50%;
    background-size: cover
    }
[class^=banner] [class*=button--], [class^=banner] [class^=button], [class^=banner] [type=submit] {
    margin-top: 1em
    }
@media (min-width: 768px) {
    [class^=banner] {
        padding: 4em 0
        }
    }
.banner--carousel {
    padding: 0;
    color: #fff;
    text-align: center;
    background-color: #000;
    overflow: hidden
    }
.banner--carousel:before {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5))
    }
@media (min-width: 768px) {
    .banner--carousel:before {
        content: ""
        }
    }
.swiper-container .banner--carousel {
    height: auto
    }
.banner--carousel h2 {
    color: #71b09f
    }
.banner--carousel img {
    width: 100%
    }
@media (min-width: 768px) {
    .banner--carousel img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
        }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        . banner--carousel img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
            }
        }
    }
.banner--carousel img:only-child {
    position: relative;
    z-index: 50;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%
    }
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    . banner--carousel img: only-child {
        height: 37.5vw;
        width: auto;
        max-width: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
        }
    }
@media (min-width: 1180px) {
    .banner--carousel img:only-child {
        height: auto
        }
    }
.banner--carousel video {
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
    }
.banner--carousel .image-link {
    position: relative;
    z-index: 50;
    width: 100%;
    display: block
    }
.banner--carousel .video_wrapper {
    z-index: 0
    }
@media (max-width: 768px) {
    .banner--carousel .video_wrapper {
        position: relative;
        padding-bottom: 56.25%
        }
    }
.banner--carousel .slide {
    display: flex;
    height: 100%;
    width: 100%;
    flex-flow: column;
    flex-shrink: 0
    }
.banner--carousel .image-link .slide, .banner--carousel .slide--image-only {
    flex-flow: row;
    justify-content: center
    }
.banner--carousel .wrapper {
    z-index: 10;
    max-width: 700px;
    padding: 2em 0 4em;
    margin-top: auto;
    margin-bottom: auto
    }
@media (min-width: 768px) {
    .banner--carousel .wrapper {
        padding-top: 10em;
        padding-bottom: 10em
        }
    }
.banner--carousel .wrapper--text-page h2, .banner--carousel h1, .wrapper--text-page .banner--carousel h2 {
    font-weight: 700
    }
.banner--carousel h2 {
    margin: 0.25em 0;
    font-size: 2.8em
    }
.banner--carousel p {
    font-size: 1.2em
    }
.banner--carousel [class*=button--], .banner--carousel [class^=button], .banner--carousel [type=submit] {
    color: #fff;
    background-color: #496079;
    border-color: #496079
    }
.banner--carousel [class*=button--]:active, .banner--carousel [class*=button--]:focus, .banner--carousel [class*=button--]:hover, .banner--carousel [class^=button]:active, .banner--carousel [class^=button]:focus, .banner--carousel [class^=button]:hover, .banner--carousel [type=submit]:active, .banner--carousel [type=submit]:focus, .banner--carousel [type=submit]:hover {
    color: #496079;
    background-color: #f8d268;
    border-color: #f8d268
    }
.banner--carousel [class*=button--]:active:after, .banner--carousel [class*=button--]:active:before, .banner--carousel [class*=button--]:focus:after, .banner--carousel [class*=button--]:focus:before, .banner--carousel [class*=button--]:hover:after, .banner--carousel [class*=button--]:hover:before, .banner--carousel [class^=button]:active:after, .banner--carousel [class^=button]:active:before, .banner--carousel [class^=button]:focus:after, .banner--carousel [class^=button]:focus:before, .banner--carousel [class^=button]:hover:after, .banner--carousel [class^=button]:hover:before, .banner--carousel [type=submit]:active:after, .banner--carousel [type=submit]:active:before, .banner--carousel [type=submit]:focus:after, .banner--carousel [type=submit]:focus:before, .banner--carousel [type=submit]:hover:after, .banner--carousel [type=submit]:hover:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
@media (min-width: 768px) {
    .banner--content-left .wrapper {
        width: 600px;
        padding-left: 5em;
        margin-left: 0;
        margin-right: 50%;
        max-width: 50%;
        text-align: left
        }
    }
.banner--content-right.banner--header .wrapper, .banner--content-right .wrapper {
    text-align: left
    }
@media (min-width: 768px) {
    .banner--content-right.banner--header .wrapper, .banner--content-right .wrapper {
        width: 600px;
        max-width: 50%;
        padding-right: 5em;
        padding-left: 0;
        margin-right: 0;
        margin-left: 50%;
        text-align: left
        }
    }
.banner--masthead {
    background-color: #496079
    }
.banner--masthead, .banner--masthead .link--back {
    color: #fff
    }
.banner--masthead [class^=button], .banner--masthead a {
    color: inherit
    }
.banner--masthead p a:focus, .banner--masthead p a:hover {
    color: #dcdcdc
    }
.banner--masthead [class^=button], .banner--masthead button {
    color: #000;
    background-color: #fff;
    border-color: #fff
    }
.banner--masthead [class^=button]:active, .banner--masthead [class^=button]:focus, .banner--masthead [class^=button]:hover, .banner--masthead button:active, .banner--masthead button:focus, .banner--masthead button:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
.banner--masthead [class^=button]:after, .banner--masthead [class^=button]:before, .banner--masthead button:after, .banner--masthead button:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.banner--masthead .button--2 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
.banner--masthead .button--2:active, .banner--masthead .button--2:focus, .banner--masthead .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
.banner--masthead h2 {
    color: inherit
    }
.banner--masthead .wrapper {
    max-width: 900px
    }
.banner--media {
    text-align: left;
    background: #496079
    }
.banner--media, .banner--media .link--back {
    color: #fff
    }
.banner--media [class^=button], .banner--media a {
    color: inherit
    }
.banner--media p a:focus, .banner--media p a:hover {
    color: #dcdcdc
    }
.banner--media [class^=button], .banner--media button {
    color: #000;
    background-color: #fff;
    border-color: #fff
    }
.banner--media [class^=button]:active, .banner--media [class^=button]:focus, .banner--media [class^=button]:hover, .banner--media button:active, .banner--media button:focus, .banner--media button:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
.banner--media [class^=button]:after, .banner--media [class^=button]:before, .banner--media button:after, .banner--media button:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.banner--media .button--2 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
.banner--media .button--2:active, .banner--media .button--2:focus, .banner--media .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
@media (min-width: 768px) {
    .banner--media .wrapper {
        display: flex
        }
    }
.banner--media h2 {
    margin-left: 0;
    margin-top: 1em;
    font-size: 1.4em;
    color: inherit
    }
.banner--media .video, .banner--media img {
    margin-bottom: 2em
    }
@media (min-width: 768px) {
    .banner--media .video, .banner--media img {
        width: 40%;
        max-width: 500px;
        margin-right: 3em;
        margin-bottom: 0
        }
    }
.banner--logo-bg {
    background-color: #df5365;
    background-image: url("data:image/svg+xml;utf8,<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 450 407\"><path d=\"M259.85,118h-25.7c-16.61,0-14-10.6-14-10.6,3.47-18.09,7.14-32.41,14.84-50C242.22,40.84,254.57,15,272.45,15c3.41,0,7.42,2.08,5.54,8.07-1.41,4.53-7.49,8.13-11.7,16.31-3.77,7.31-4.55,14.22-1.93,24C267,73,278.05,80.26,289,82.14a214.18,214.18,0,0,0-12.9,25.26A16.87,16.87,0,0,1,259.85,118m3,26.1C225.24,240.87,232,388,182.88,391c-7.54.45-7.62-6.33-4.23-10.1,6.78-7.66,11-12.71,10.58-24.5-.68-18.61-16.14-32-34.69-30A52.53,52.53,0,0,0,148,327.6a598.11,598.11,0,0,0,30.07-62c12.7-31.26,24.1-75.56,35.53-121.54,3-11.95,13.76-13.06,17.4-13.1h23.28c2,0,13.37.66,8.53,13.1M448.86,30.74c-3-11.3-15-31.9-50.6-30.69-30.14,1.05-49.12,14.79-70,33.53-.17-1-.35-2-.57-2.84-3-11.3-15-31.9-50.61-30.69-32.84,1.15-52.41,17.31-75.64,38.67C181.12,58,165.23,82.31,154.85,106.64a16.66,16.66,0,0,1-16.07,10.54H110.39v13.9H133.3s14.12-.52,8.84,13.08c-37.46,96.59-30.76,243.46-79.72,246.44-7.51.45-7.58-6.32-4.21-10.09,6.76-7.64,11-12.68,10.55-24.45-.67-18.58-16.09-31.9-34.59-29.94C6.8,329.1-.44,351.08,0,364c1.07,30.75,31.65,45.59,60.3,42.58,26.58-2.69,44.19-19.4,61.21-39.35,3,28.53,32.37,42.26,60,39.35,30.71-3.14,49.45-25,69.16-48.89,16.39-21.11,38.76-66.19,49.33-92.25,12.65-31.2,24-75.43,35.45-121.32C339,129.77,354,131.08,354,131.08h31.63v-13.9H355.7c-16.47,0-13.88-10.54-13.88-10.54,3.43-18,7.09-32.21,14.72-49.68,7.15-16.47,19.39-42.16,37.09-42.16,3.38,0,7.33,2.06,5.48,8-1.39,4.5-7.41,8.08-11.58,16.22-3.74,7.26-4.53,14.13-1.91,23.88,3.24,12.06,20,20.5,32.87,18.87,32.62-4.09,33.37-39.64,30.37-51.05\" fill=\"rgba(255,255,255,.1)\" fill-rule=\"evenodd\"/></svg>");
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: 450px 400px
    }
@media (max-width: 767.5px) {
    .banner--logo-bg {
        background-image: none
        }
    }
.banner--controls {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translatex(-50%);
    z-index: 20;
    display: flex;
    padding: 0 3%;
    justify-content: flex-end;
    color: #fff
    }
@media (min-width: 768px) {
    .banner--controls {
        bottom: 3.2em
        }
    }
.banner--controls button {
    background: none;
    border: 0;
    font-size: 0;
    cursor: pointer
    }
.banner--controls button:after, .banner--controls button:before {
    font-size: 1rem
    }
.banner--controls .prev {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.banner--controls .prev:before {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.7 20.9'%3E%3Cpath fill='%23fff' class='st0' d='M11.6 19.3L10 20.9 0 10.5 10.2 0l1.5 1.5-7.9 8h30.9v1.9h-31z'/%3E%3C/svg%3E")
    }
.banner--controls .next {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
    }
.banner--controls .next:after {
    display: inline-block;
    width: 17px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 34.7 20.9'%3E%3Cpath class='st0' d='M23.1 1.6L24.7 0l10 10.4-10.2 10.5-1.5-1.5 8-8H0V9.5h31z'/%3E%3C/svg%3E")
    }
.banner--header, .banner--product {
    text-align: left;
    font-size: 1.2em
    }
.banner--header .wrapper, .banner--product .wrapper {
    text-align: center
    }
.banner--header .wrapper, .banner--header .wrapper .inner, .banner--product .wrapper, .banner--product .wrapper .inner {
    display: flex;
    flex-flow: column;
    align-items: flex-start
    }
.banner--header .wrapper > img, .banner--product .wrapper > img {
    display: inline-block;
    margin: 0 auto 2em;
    width: 350px;
    height: auto;
    max-width: 100%
    }
@media (min-width: 768px) {
    .banner--header .wrapper, .banner--product .wrapper {
        flex-flow: row;
        text-align: left
        }
    .banner--header .wrapper .inner, .banner--product .wrapper .inner {
        align-self: center
        }
    .banner--header .wrapper .wrapper, .banner--product .wrapper .wrapper {
        max-width: 600px
        }
    .banner--header .wrapper > img, .banner--product .wrapper > img {
        margin: 2em
        }
    }
.banner--header .wrapper--text-page h2, .banner--header h1, .banner--product .wrapper--text-page h2, .banner--product h1, .wrapper--text-page .banner--header h2, .wrapper--text-page .banner--product h2 {
    font-size: 2.2em;
    letter-spacing: normal;
    text-transform: none;
    width: 100%
    }
.banner--header p, .banner--product p {
    font-size: inherit;
    max-width: 850px
    }
.banner--header {
    background: #496079
    }
.banner--header, .banner--header .link--back {
    color: #fff
    }
.banner--header [class^=button], .banner--header a {
    color: inherit
    }
.banner--header p a:focus, .banner--header p a:hover {
    color: #dcdcdc
    }
.banner--header [class^=button], .banner--header button {
    color: #000;
    background-color: #fff;
    border-color: #fff
    }
.banner--header [class^=button]:active, .banner--header [class^=button]:focus, .banner--header [class^=button]:hover, .banner--header button:active, .banner--header button:focus, .banner--header button:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: #dcdcdc
    }
.banner--header [class^=button]:after, .banner--header [class^=button]:before, .banner--header button:after, .banner--header button:before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.banner--header .button--2 {
    color: #fff;
    background-color: transparent;
    border-color: #fff
    }
.banner--header .button--2:active, .banner--header .button--2:focus, .banner--header .button--2:hover {
    color: #dcdcdc;
    background-color: rgba(71, 71, 71, 0);
    border-color: #dcdcdc
    }
.banner--header .wrapper--text-page h2, .banner--header h1, .wrapper--text-page .banner--header h2 {
    font-family: burgess
    }
.banner--header .wrapper img {
    border-radius: 50%;
    width: 300px;
    margin: 0 auto 2em;
    flex-shrink: 0
    }
@media (min-width: 768px) {
    .banner--header .wrapper img {
        margin: 0 2em 0 0
        }
    }
.banner--product {
    overflow: hidden;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07)), linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07));
    padding-bottom: 0;
    padding-top: 2em
    }
.banner--product .wrapper--text-page h2, .banner--product h1, .wrapper--text-page .banner--product h2 {
    font-family: burgess, serif;
    font-size: 1.6em;
    line-height: 1.1
    }
.banner--product h2 {
    font-family: futura-pt, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 0
    }
.banner--product h4 {
    margin-bottom: 0;
    margin-top: 1em
    }
.banner--product label {
    width: auto
    }
.banner--product .product_availability, .banner--product small {
    font-size: 1.4rem
    }
.banner--product small {
    opacity: 0.6
    }
.banner--product .product_price {
    display: block;
    font-size: 1.8em;
    padding-top: 0.5em;
    font-weight: 300
    }
.banner--product .product_price h3 {
    display: inline;
    font-size: inherit
    }
.banner--product .product_availability {
    padding-bottom: 0.3em
    }
.banner--product .product_availability strong {
    color: #71b09f;
    font-weight: 400
    }
.banner--product .product_buy {
    align-items: center;
    display: flex;
    max-width: 13.5em
    }
.banner--product .product_buy app-add-to-basket-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap
    }
.banner--product .product_buy label {
    width: 100%;
    text-align: left
    }
.banner--product .product_buy [type=number] {
    width: 5.5em
    }
.banner--product .product_buy button {
    margin: 0 0 0 1em
    }
.banner--product .wrapper {
    display: flex;
    flex-flow: column;
    align-items: center
    }
.banner--product .wrapper .inner {
    margin-top: auto;
    margin-bottom: 2em;
    justify-content: center;
    align-items: center;
    max-width: 32em
    }
@media (min-width: 768px) {
    .banner--product .wrapper {
        flex-flow: row;
        align-items: stretch;
        justify-content: space-around;
        align-items: flex-start;
        align-self: flex-start
        }
    .banner--product .wrapper .inner {
        align-items: flex-start;
        margin-bottom: auto;
        margin-left: 4em
        }
    }
.banner--product .image_wrapper {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
    margin-top: 2em;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
    }
.banner--product .image_wrapper:before {
    content: "";
    order: 2;
    height: 3em;
    width: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.5)), linear-gradient(#fff, transparent), var(--imageUrl);
    margin-top: -0.5em;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.2;
    transform: rotate(180deg) scalex(-1);
    background-position-y: 0, 0, 0, bottom;
    position: relative;
    z-index: 10
    }
.banner--product .image_wrapper:after {
    order: 1;
    content: "";
    height: 0.5em;
    border-radius: 50%;
    width: 100%;
    background-color: #000;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.01));
    transform: translate3d(0, -50%, 0) scalex(1.05);
    z-index: -1;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0.7;
    box-shadow: 0 80px 365px 55px rgba(0, 0, 0, 0.1), 0 10px 45px 20px rgba(0, 0, 0, 0.4), 0 0 30px 5px #000, 0 5px 10px 5px rgba(0, 0, 0, 0.4), 0 5px 10px 5px rgba(0, 0, 0, 0.2), 0 0 50px 20px rgba(0, 0, 0, 0.1)
    }
.banner--product .image_wrapper img {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 3px 0 rgba(0, 0, 0, 0.05)
    }
@media (min-width: 600px) {
    .banner--product .image_wrapper {
        max-width: 35%
        }
    }
@media (min-width: 768px) {
    .banner--product .image_wrapper {
        max-width: 350px
        }
    }
@media (min-width: 768px) {
    .banner--product {
        flex-flow: row;
        text-align: left
        }
    .banner--product .wrapper--text-page h2, .banner--product h1, .wrapper--text-page .banner--product h2 {
        font-size: 2.25em
        }
    .banner--product label {
        margin-right: 0.5em
        }
    }
.banner--compact .wrapper {
    max-width: 960px
    }
@media (min-width: 768px) {
    .banner--compact .wrapper img {
        margin: auto 2em auto 0
        }
    }
.banner--textbox {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    color: #fff;
    display: block
    }
.banner--textbox .wrapper--text-page h2, .banner--textbox h1, .wrapper--text-page .banner--textbox h2 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0.7em
    }
.banner--textbox h2 {
    margin-top: 0;
    margin-bottom: 0.35em
    }
.banner--textbox img {
    width: 100%;
    height: auto
    }
.banner--textbox .wrapper {
    max-width: 990px;
    padding: 2.5em 3em;
    display: block;
    background-color: #71b09f;
    margin-top: -3em
    }
.banner--textbox .image_wrapper {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 31em;
    width: 100%
    }
@media (min-width: 768px) {
    .banner--textbox h2 {
        font-size: 2.5em
        }
    .banner--textbox .wrapper {
        margin-top: -5em
        }
    }
@media (min-width: 500px) {
    .banner--checkout .wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
        }
    }
.search_page h1, .search_page h2 {
    color: #496079
    }
.search_page [class^=card--] {
    background-color: #fff;
    padding: 0.7em
    }
.search_page [class^=cards--] {
    padding-top: 0;
    padding-bottom: 2em
    }
.search {
    position: relative;
    display: flex;
    color: inherit;
    background: #fff;
    border: 1px solid #eee
    }
.search .input, .search input:not([type=checkbox]):not([type=radio]), .search select, .search textarea {
    flex-grow: 1;
    width: auto;
    min-width: 0;
    background: none;
    border: 0
    }
.search [type=submit] {
    width: 2em;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    display: block;
    width: 3.6rem;
    font-size: 0;
    background: none;
    border: 0
    }
.search [type=submit]:before {
    display: inline-block;
    width: 24px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.43' height='23.43'%3E%3Cpath d='M8.8 17.6a8.8 8.8 0 118.8-8.8 8.8 8.8 0 01-8.8 8.8zm0-1.6a7.2 7.2 0 10-7.2-7.2A7.2 7.2 0 008.8 16z'/%3E%3Cpath d='M14.17 14.3l1.13-1.13 9.13 9.13-1.13 1.13-9.13-9.13z'/%3E%3C/svg%3E");
    width: 1.8rem;
    margin: 0.9rem;
    -webkit-filter: brightness(0.3);
    filter: brightness(0.3)
    }
.header__search {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 91;
    padding: 5em 0 2em;
    background: #fff;
    -webkit-animation: fade-in 0.3s;
    animation: fade-in 0.3s;
    box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.25), 0 0 6px 0 rgba(0, 0, 0, 0.5)
    }
.header__search h3 {
    font-weight: 700
    }
.header__search ol {
    border-width: 0;
    border-bottom: 1px dashed #888;
    border-collapse: separate;
    padding-bottom: 2em
    }
.header__search ol td, .header__search ol th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
.header__search ul {
    display: block;
    padding-left: 0
    }
.header__search ul a {
    margin-left: 0
    }
.header__search a:active, .header__search a:focus, .header__search a:hover {
    cursor: pointer;
    text-decoration: underline
    }
.header__search div {
    margin-bottom: 2em
    }
.header__search .inner {
    margin-bottom: 0;
    display: block
    }
.header__search:not(.active) {
    display: none
    }
@media (min-width: 768px) {
    .header__search {
        padding-bottom: 5em
        }
    }
.video {
    position: relative;
    width: 100%;
    flex-shrink: 0
    }
.video:after {
    display: block;
    content: "";
    padding-bottom: 56.25%
    }
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
    }
.post .video {
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 38em
    }
.social {
    display: flex;
    text-transform: uppercase;
    align-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 1.5em
    }
.social a {
    display: block;
    margin: 0.25rem
    }
.social a:first-of-type {
    margin-left: 1.5rem
    }
.performances .wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 3%
    }
.performances .wrapper--grid {
    padding-bottom: 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    }
@media (max-width: 767.5px) {
    .performances .wrapper--grid > * {
        max-width: calc(50% - 1em)
        }
    .performances .wrapper--grid > :nth-child(n+3) {
        display: none
        }
    }
@media (min-width: 768px) and (max-width: 1179.5px) {
    .performances .wrapper--grid > * {
        max-width: calc(25% - 1em)
        }
    .performances .wrapper--grid > :nth-child(n+5) {
        display: none
        }
    }
@media (min-width: 1180px) {
    .performances .wrapper--grid > * {
        max-width: calc(25% - 1em)
        }
    .performances .wrapper--grid > :nth-child(n+5) {
        display: none
        }
    }
@supports (grid: auto) {
    . performances . wrapper--grid {
        display: grid;
        flex-wrap: unset
        }
    }
.performances .wrapper--grid > :nth-child(2n) {
    border-width: 0;
    border-left: 1px dashed #888;
    border-collapse: separate
    }
.performances .wrapper--grid > :nth-child(2n) td, .performances .wrapper--grid > :nth-child(2n) th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
@media (min-width: 768px) {
    .performances .wrapper--grid > * {
        padding: 0 1em;
        border-bottom: 0
        }
    .performances .wrapper--grid > :not(:first-child) {
        border-width: 0;
        border-left: 1px dashed #888;
        border-collapse: separate
        }
    .performances .wrapper--grid > :not(:first-child) td, .performances .wrapper--grid > :not(:first-child) th {
        -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
        border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
        }
    .performances .wrapper--grid > :after {
        display: none
        }
    }
.performance {
    text-align: center;
    padding: 0 1em;
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 100%;
    line-height: 1.2
    }
.performance time {
    display: inline-block;
    width: 2em;
    height: 2em;
    padding-top: 0.26em;
    margin: 0 0 0.25em;
    font-size: 4em;
    font-weight: 100;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #df5365;
    line-height: 1.1;
    border-radius: 100%
    }
.performance time small {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0.2em;
    font-weight: 300
    }
.performance h3 {
    font-size: 1.6em;
    color: #454d51
    }
.performance h4 {
    font-size: 1.2em
    }
.performance em {
    line-height: 1.1;
    font-size: 1.4rem;
    color: #83888b
    }
.performance .link--performance {
    margin-top: auto
    }
@media (max-width: 1280px) {
    .performance {
        font-size: 0.9em
        }
    }
.composers .wrapper--grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    }
@media (max-width: 767.5px) {
    .composers .wrapper--grid > * {
        max-width: calc(50% - 1em)
        }
    .composers .wrapper--grid > :nth-child(n+5) {
        display: none
        }
    }
@media (min-width: 768px) and (max-width: 1179.5px) {
    .composers .wrapper--grid > * {
        max-width: calc(25% - 1em)
        }
    .composers .wrapper--grid > :nth-child(n+5) {
        display: none
        }
    }
@media (min-width: 1180px) {
    .composers .wrapper--grid > * {
        max-width: calc(20% - 1em)
        }
    .composers .wrapper--grid > :nth-child(n+6) {
        display: none
        }
    }
@supports (grid: auto) {
    . composers . wrapper--grid {
        display: grid;
        flex-wrap: unset
        }
    }
app-composer-list-template {
    background-color: #fff
    }
.composer {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    color: inherit;
    text-align: center;
    text-decoration: none
    }
.composer h3 {
    font: inherit
    }
.composer img {
    margin: 0 auto 1em;
    border-radius: 10em;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1)
    }
.composer_list .composer {
    width: 52.5%;
    margin-right: -5%;
    margin-bottom: 0
    }
.composer_list .composer:nth-last-of-type(-n+1):first-of-type, .composer_list .composer:nth-last-of-type(-n+1):first-of-type ~ .composer_list .composer {
    width: 100%;
    margin-right: 0
    }
app-composer {
    display: flex
    }
app-composer:before {
    content: "";
    padding-bottom: 100%;
    width: 0
    }
.results__topbar {
    background: #f5f5f1
    }
.results__topbar .inner {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center
    }
@media (min-width: 768px) {
    .results__topbar .inner {
        width: 95%;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        flex-flow: column;
        flex-direction: row
        }
    }
.results__count, .results__search, .results__sort {
    padding: 1em
    }
@media (min-width: 768px) {
    .results__count, .results__search, .results__sort {
        padding: 1em
        }
    }
.results__filters, .results__search {
    width: 100%
    }
@media (min-width: 768px) {
    .results__filters, .results__search {
        border-width: 0;
        border-right: 1px dashed #888;
        border-collapse: separate;
        flex-shrink: 0;
        width: 25%
        }
    .results__filters td, .results__filters th, .results__search td, .results__search th {
        -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
        border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
        }
    }
@media (min-width: 768px) {
    .results__search {
        padding-left: 0
        }
    }
.results__count {
    order: 3;
    margin-right: 0
    }
app-product-list-template .results__count {
    margin-left: 3%
    }
@media (min-width: 768px) {
    .results__count {
        order: 0;
        background: none;
        margin-right: auto
        }
    }
.results__sort {
    display: flex;
    align-items: center;
    width: 100%
    }
@media (min-width: 768px) {
    .results__sort {
        width: auto;
        padding-right: 0
        }
    }
.results__sort label {
    margin-right: 1em
    }
.results__sort select {
    width: auto
    }
.results__filters-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: auto;
    margin-left: auto
    }
@media (min-width: 768px) {
    .results__filters-toggle {
        width: auto
        }
    }
.results__filters {
    position: fixed;
    top: 0;
    right: 0;
    width: 95%;
    width: 300px;
    height: 100%;
    z-index: 100;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff
    }
.results__filters > div {
    width: 100%;
    height: calc(100vh - 6em);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: auto
    }
.results__filters h4 {
    font-weight: 700;
    font-family: futura-pt, sans-serif;
    color: #83888b;
    text-transform: uppercase;
    flex-grow: 1;
    margin-bottom: 0
    }
.results__filters header {
    padding-top: 0;
    flex-grow: 1
    }
.results__filters header button {
    margin-left: auto;
    margin-top: 0.5em;
    padding-left: 0;
    text-decoration: underline;
    background-color: transparent;
    cursor: pointer
    }
@media (min-width: 768px) {
    .results__filters header {
        font-size: 0.9em;
        display: flex;
        align-items: center;
        margin-right: auto
        }
    .results__filters header button {
        margin-top: 0
        }
    }
.results__filters app-multi-select-input:only-of-type {
    display: block
    }
.results__filters .toggle:only-of-type {
    cursor: default
    }
.results__filters .toggle:only-of-type:after {
    content: none
    }
.results__filters.active {
    display: flex;
    align-items: flex-start
    }
@media (min-width: 768px) {
    .results__filters {
        display: block;
        height: auto;
        position: static;
        z-index: 80;
        width: 25%;
        padding-left: 0
        }
    .results__filters > div {
        height: auto;
        overflow: visible;
        padding-top: 0
        }
    .results__filters .icon_button {
        display: none
        }
    .results__filters.active, .results__filters.toggle-target {
        display: block
        }
    }
.results__items {
    display: flex;
    flex-flow: wrap;
    flex-grow: 1;
    align-content: flex-start
    }
.results__items > * {
    width: 100%;
    margin: 0.5em 1.5%;
    max-width: 47%
    }
@media (min-width: 600px) {
    .results__items > * {
        max-width: 30.3%
        }
    }
@media (min-width: 1024px) {
    .results__items > * {
        max-width: 23%;
        margin: 0.5em 0 0.5em 2%
        }
    }
.results__filters, .results__items, .results__news {
    padding-top: 1em;
    padding-bottom: 1em
    }
@media (min-width: 768px) {
    .results__filters, .results__items, .results__news {
        padding-top: 2em;
        padding-bottom: 2em
        }
    }
.results__news {
    display: flex;
    flex-flow: wrap;
    flex-grow: 1;
    align-content: flex-start
    }
.results__news > * {
    width: 100%;
    margin: 0.5em 0
    }
.results__news [class^=card] {
    max-width: 100%
    }
@media (min-width: 600px) {
    .results__news > * {
        margin: 0.5em 1.5%;
        max-width: 47%
        }
    }
@media (min-width: 768px) {
    .results__news > * {
        margin: 0.5em 0 2em 3%
        }
    }
.results_wrapper {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    flex-grow: 1
    }
.results_wrapper > div {
    flex-grow: 1;
    flex-basis: 100%
    }
@media (min-width: 600px) {
    .results_wrapper > div {
        padding-left: 1em;
        padding-right: 1em
        }
    }
@media (min-width: 768px) {
    .results_wrapper {
        width: 95%;
        max-width: 1180px;
        display: flex;
        padding-left: 0;
        padding-right: 0
        }
    .results_wrapper > div {
        padding-right: 0
        }
    }
.results .dropdown {
    color: #454d51;
    font-size: 1.4em;
    font-family: burgess, serif;
    font-weight: 600
    }
.results .dropdown, .results .dropdown + * {
    border-width: 0;
    border-bottom: 1px dashed #888;
    border-collapse: separate;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em
    }
.results .dropdown + * td, .results .dropdown + * th, .results .dropdown td, .results .dropdown th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
.results .dropdown.active {
    color: #496079
    }
app-composer-list-template, app-news-template, app-performance-list-template, app-product-list-template, app-work-list-template {
    background-color: #fff
    }
.toggle {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.toggle + * {
    display: none
    }
.toggle.active + * {
    display: block
    }
.toggle-target {
    display: none
    }
.toggle-target.active {
    display: block
    }
.dropdown, .toggle-target.active.results__filters {
    display: flex
    }
.dropdown {
    justify-content: space-between;
    text-decoration: none
    }
.dropdown:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.1em' height='1.1em' viewBox='0 0 320 512'%3E%3Cpath d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E")
    }
.dropdown.active:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.1em' height='1.1em' viewBox='0 0 320 512'%3E%3Cpath d='M168.5 164.2l148 146.8c4.7 4.7 4.7 12.3 0 17l-19.8 19.8c-4.7 4.7-12.3 4.7-17 0L160 229.3 40.3 347.8c-4.7 4.7-12.3 4.7-17 0L3.5 328c-4.7-4.7-4.7-12.3 0-17l148-146.8c4.7-4.7 12.3-4.7 17 0z'/%3E%3C/svg%3E")
    }
.nav--secondary .dropdown {
    margin-top: -1.1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
    }
.nav--secondary .dropdown:after {
    color: #000
    }
.pagination {
    display: flex;
    justify-content: center;
    padding: 1em 0;
    margin-bottom: 3em
    }
.pagination a {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 2.7em;
    padding: 0.6em 0.1em;
    margin: 0 0.25em;
    font-weight: 700;
    color: #454d51;
    text-align: center;
    text-decoration: none;
    background: #eee;
    border-radius: 5em;
    cursor: default
    }
.pagination a:hover:not(.active) {
    background-color: #657273;
    cursor: pointer
    }
.pagination a.active {
    color: #fff;
    background: #df5365
    }
.pagination .active, .pagination [class^=icon] {
    display: flex
    }
@media (min-width: 600px) {
    .pagination a {
        display: flex
        }
    }
.product-search, .subscribe {
    padding: 4em 0;
    text-align: center;
    background: #71b09f
    }
.product-search .wrapper, .subscribe .wrapper {
    max-width: 900px
    }
.product-search h3, .subscribe h3 {
    max-width: 86%;
    margin: 0.5em auto;
    font-size: 2em;
    color: #fff
    }
.product-search label, .subscribe label {
    display: none
    }
.subscribe .wrapper--message {
    color: #fff
    }
.product-search {
    background-color: #496079
    }
.product-search .button--arrow {
    background-color: #71b09f
    }
.post {
    position: relative;
    z-index: 0
    }
.post.post--product aside {
    background: #496079
    }
.post.post--product p {
    font-size: 1.2em
    }
.post.post--product .tabular_list {
    display: block
    }
.post.post--product .tabular_list dd, .post.post--product .tabular_list dt {
    width: 100%
    }
.post.post--product .tabular_list dd {
    margin-top: 0.3em;
    margin-bottom: 1em
    }
.post h2 {
    color: #496079
    }
.post section {
    margin: 2em auto;
    width: 95%
    }
.post aside {
    padding: 2em;
    background: #71b09f;
    color: #fff;
    margin-bottom: auto
    }
.post aside img {
    border-radius: 50%;
    max-width: 100%;
    margin-bottom: 1em
    }
.post aside img:not(:first-child) {
    margin-top: 1em
    }
.post aside dl, .post aside ul {
    margin-top: 0;
    transition: opacity 0.5s
    }
.post aside dl p, .post aside ul p {
    margin-bottom: 0.5em;
    margin-top: 0
    }
.post aside dl {
    line-height: 1.3
    }
.post aside ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0
    }
.post aside ol {
    padding-left: 1.9em;
    margin-bottom: 0;
    margin-top: 0
    }
.post aside [href$=sample] {
    color: #496079;
    background-color: #f8d268;
    border-color: #f8d268
    }
.post aside [href$=sample]:active, .post aside [href$=sample]:focus, .post aside [href$=sample]:hover {
    color: #496079;
    background-color: #fff;
    border-color: #fff
    }
.post aside [href$=sample]:active:after, .post aside [href$=sample]:active:before, .post aside [href$=sample]:after, .post aside [href$=sample]:before, .post aside [href$=sample]:focus:after, .post aside [href$=sample]:focus:before, .post aside [href$=sample]:hover:after, .post aside [href$=sample]:hover:before {
    -webkit-filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%);
    filter: invert(66%) sepia(9%) saturate(1731%) hue-rotate(171deg) brightness(99%) contrast(86%)
    }
.post aside h3 {
    font: inherit
    }
.post aside dt, .post aside h3 {
    font-weight: 600;
    margin-top: 0.6em
    }
.post aside dt {
    padding-right: 0.5em
    }
.post aside dd {
    margin-left: 0;
    margin-top: 0.6em;
    margin-bottom: 1em
    }
.post aside .first_performance {
    white-space: pre-line
    }
.post aside li {
    margin-top: 0.6em
    }
.post aside a:not([class^=button]) {
    color: inherit
    }
.post aside [class^=button] {
    margin-top: 3em;
    margin-left: 0;
    width: 100%;
    text-align: left;
    display: inline-flex;
    justify-content: space-between
    }
.post aside [class^=button] + a {
    margin-top: 0.5em
    }
.post aside .composer_list {
    display: flex;
    flex-wrap: wrap
    }
.post aside .dropdown:after {
    -webkit-filter: invert(1);
    filter: invert(1)
    }
.post blockquote {
    font-style: italic;
    margin: 1em 0
    }
.post blockquote cite {
    font-style: normal;
    margin-top: 1.5em;
    font-size: 1.4rem;
    display: block;
    color: #454d51;
    font-family: futura-pt, sans-serif
    }
.post blockquote cite:before {
    content: "";
    display: block;
    width: 3em;
    height: 2px;
    background-color: #e0e0d3;
    margin-bottom: 1.5em
    }
.post .quote blockquote {
    font-style: italic;
    margin: 0.5em 0;
    font-size: 1.4em;
    color: #df5365;
    font-family: burgess, serif;
    font-weight: 500;
    line-height: 1.25;
    float: right;
    clear: both
    }
.post .quote blockquote cite {
    font-style: normal;
    margin-top: 1.5em;
    font-size: 1.4rem;
    display: block;
    color: #454d51;
    font-family: futura-pt, sans-serif
    }
.post .quote blockquote cite:before {
    content: "";
    display: block;
    width: 3em;
    height: 2px;
    background-color: #e0e0d3;
    margin-bottom: 1.5em
    }
.post .quote:before {
    content: "";
    display: block;
    float: right;
    clear: both
    }
.post .quote:first-child blockquote {
    margin-top: 0
    }
.post .quote:nth-of-type(2n):before {
    float: left
    }
.post .quote:nth-of-type(2n) blockquote {
    margin-left: 0;
    margin-right: 0.6em
    }
@media (min-width: 550px) {
    .post .quote blockquote {
        margin-right: -1em;
        margin-left: 0.6em;
        font-size: 1.6em;
        max-width: 10em;
        float: right
        }
    .post .quote:nth-of-type(2n) blockquote {
        float: left
        }
    }
@media (min-width: 550px), (min-width: 768px) {
    .post .quote:nth-child(2n) blockquote {
        margin-left: 0
        }
    }
@media (min-width: 768px) and (max-width: 975.5px) {
    .post .quote blockquote {
        max-width: 100%;
        width: 100%
        }
    .post .quote:nth-child(2n) blockquote, .post .quote blockquote {
        margin-left: 0;
        margin-right: 0
        }
    }
@media (min-width: 1175px) {
    .post .quote blockquote {
        margin-right: -2em
        }
    }
@media (min-width: 1275px) {
    .post .quote blockquote {
        margin-left: 1em;
        margin-right: -4em;
        font-size: 2em
        }
    }
@media (min-width: 1400px) {
    .post .quote:nth-child(2n) blockquote {
        margin-left: -2em
        }
    }
@media (min-width: 1550px) {
    .post .quote:nth-child(2n) blockquote {
        margin-right: 1em;
        margin-left: -4em
        }
    }
.post .wrapper {
    display: flex;
    flex-flow: column;
    width: 100%
    }
.post .dropdown {
    border-width: 0;
    border-top: 1px dashed hsla(0, 0%, 100%, 0.4);
    border-bottom: 1px dashed hsla(0, 0%, 100%, 0.4);
    border-collapse: separate;
    padding: 1em 0;
    font-size: 1.1em
    }
.post .dropdown td, .post .dropdown th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, hsla(0, 0%, 100%, 0.4) 0, hsla(0, 0%, 100%, 0.4) 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, hsla(0, 0%, 100%, 0.4) 0, hsla(0, 0%, 100%, 0.4) 8px) 1
    }
.post .additional_information {
    transition: max-height 1s;
    overflow: hidden
    }
@media (min-width: 768px) {
    .post .additional_information.toggle-target {
        display: block !important
        }
    }
.post .additional_information .information_toggle {
    border-width: 0;
    border-top: 2px dotted hsla(0, 0%, 100%, 0.5);
    border-bottom: 2px dotted hsla(0, 0%, 100%, 0.5);
    background-color: transparent;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6em 0;
    margin-bottom: 1.6em;
    cursor: pointer
    }
.post .additional_information .information_toggle:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 17 9\"><g transform=\"translate(15.519 0.903) rotate(90)\"><path d=\"M0,0,6.63,6.63\" stroke=\"#fff\" stroke-width=\"2px\" /><path d=\"M0,6.63,6.63,0\" stroke=\"#fff\" stroke-width=\"2px\" transform=\"translate(0 6.63)\"/></g></svg>");
    width: 17px;
    transition: transform 0.5s;
    transform-origin: center
    }
.post .additional_information .information_toggle:active, .post .additional_information .information_toggle:focus {
    outline: none
    }
.post .additional_information .information_toggle:hover:after {
    transform: rotate(-180deg)
    }
.post .is-open {
    max-height: 100%
    }
.post .is-open dl, .post .is-open ul {
    opacity: 1
    }
.post .is-open .information_toggle:after {
    transform: rotate(-180deg)
    }
@media (min-width: 768px) {
    .post .additional_information {
        border-top-width: 0;
        border-bottom-width: 0;
        max-height: none
        }
    .post .additional_information .information_toggle {
        display: none
        }
    .post section {
        max-width: 38em;
        margin-top: 3.3em;
        margin-bottom: 3.3em
        }
    .post .wrapper {
        width: 95%;
        flex-flow: row;
        order: 2
        }
    .post .wrapper section:not(:only-child) {
        margin-left: 0
        }
    .post .wrapper aside {
        width: 22em;
        order: 1;
        flex-shrink: 0;
        margin-left: 5%
        }
    .post .wrapper aside + section {
        margin-left: auto
        }
    }
@media (max-width: 767px), (min-width: 1024px) {
    .post .tabular_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
        }
    .post .tabular_list dt {
        width: 35%
        }
    .post .tabular_list dd {
        width: 65%;
        margin-bottom: 0
        }
    }
.disclaimer {
    border-bottom: 1px solid #aaa;
    margin-bottom: 2em
    }
.disclaimer h2 {
    margin-bottom: 0
    }
.background--1 {
    background: #df5365
    }
.background--2 {
    background: #71b09f
    }
.background--3 {
    background: #454d51
    }
.background--4 {
    background: #496079
    }
.background--5 {
    background: #006eb6
    }
.background--6 {
    background: #f8d268
    }
.background--neutral-1 {
    background: #454d51
    }
.background--white {
    background: #fff
    }
main table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #cbcbb6;
    margin-bottom: 1em
    }
main table [class*=button--], main table [class^=button], main table [type=submit] {
    margin: 0
    }
main table a {
    color: inherit
    }
main table td {
    vertical-align: middle;
    border: 0;
    flex-wrap: wrap;
    text-align: left;
    width: auto;
    padding-top: 1em;
    padding-left: 1.4rem
    }
main table tr {
    padding: 1.4rem 1.4rem 1.4rem 0
    }
main table th {
    font-weight: 600
    }
main table tfoot {
    font-weight: 600;
    text-transform: uppercase
    }
main table label {
    margin-bottom: 0.5em
    }
main table img {
    width: 5em
    }
main table [type=number] {
    max-width: 4.5em;
    min-width: 4.5em
    }
main table [scope=row] {
    padding-top: 3em;
    padding-bottom: 1em
    }
main table .icon--right {
    white-space: nowrap
    }
main table .heading--checkout {
    width: 100%;
    max-width: none;
    min-width: 0
    }
main table tbody tr {
    border-top: 1px solid #c1c1c1
    }
main table tfoot tr {
    border-top: 2px solid #000
    }
main table .td--image {
    position: static;
    max-width: 6em
    }
main table .tr--has-image {
    position: relative;
    z-index: 10
    }
main table .tr--has-image .button--3 {
    position: absolute;
    right: 1em;
    top: 1.7em;
    z-index: 10
    }
main table [data-label]:before {
    font-weight: 600;
    width: 100%;
    padding-bottom: 0.5em
    }
main table [data-label] span {
    margin-top: auto;
    margin-bottom: auto
    }
main table .heading {
    font-size: 1.2em;
    font-weight: 400;
    padding-top: 0.8em
    }
main table .label {
    padding-top: 0;
    font-weight: 400;
    width: 66%
    }
main table .label a {
    font-weight: 400;
    color: inherit;
    margin-left: 0.5em
    }
main table .price {
    padding-top: 0;
    max-width: 33%
    }
@media (max-width: 399.5px) {
    main table table {
        display: block
        }
    main table [data-label] {
        max-width: 100%
        }
    }
@media (min-width: 400px) {
    main table .price, main table [data-label*=total] {
        text-align: right
        }
    main table [data-label] span {
        padding-top: 12px;
        padding-bottom: 12px
        }
    }
@media (max-width: 599.5px) {
    main table, main table tbody, main table td, main table thead, main table tr {
        display: block;
        width: 100%
        }
    main table [data-label], main table tfoot, main table tr {
        display: flex;
        flex-wrap: wrap
        }
    main table [data-label]:before {
        content: attr(data-label)
        }
    main table [data-label*=total] span {
        width: 100%
        }
    main table td:empty, main table th, main table thead {
        display: none
        }
    main table tfoot td {
        padding-bottom: 1em
        }
    main table .heading, main table td {
        padding-top: 0.5em
        }
    main table .td--actions {
        padding-top: 1em
        }
    main table .label {
        font-weight: 600
        }
    main table .heading {
        width: 100%;
        max-width: none
        }
    main table .td--image + .heading {
        padding-top: 0.8rem
        }
    }
@media (min-width: 400px) {
    main table {
        font-size: 0.9em
        }
    main table .tr--has-image {
        position: static;
        padding-left: 40px
        }
    main table .tr--has-image .button--3 {
        position: static
        }
    main table img {
        align-self: flex-start
        }
    main table [type=text], main table select {
        max-width: 18em
        }
    main table [data-label] {
        max-width: 33%
        }
    main table [data-label*=Description], main table [data-label*=Performer] {
        min-width: 50%;
        max-width: 100%
        }
    main table [class^=button--] {
        align-self: flex-end;
        margin-bottom: 0.2em
        }
    main table .tr--has-image {
        position: relative
        }
    main table .td--image {
        position: absolute;
        top: 2.5em;
        left: 0;
        max-width: 40px;
        padding-left: 0
        }
    }
@media (min-width: 600px) {
    main table {
        margin-bottom: 1em
        }
    main table td, main table th {
        padding: 1em 0.5em;
        text-align: left
        }
    main table thead {
        background: #fff
        }
    main table img {
        max-width: none
        }
    main table tr {
        padding: 0
        }
    main table tfoot tr, main table tr {
        border-top-width: 0
        }
    main table tfoot td {
        border-top: 2px solid;
        padding-top: 1.3em
        }
    main table .tr--has-image td {
        border-top: 1px solid #cbcbb6
        }
    main table .td--image {
        position: static;
        padding: 1em 1em 1em 0;
        max-width: none
        }
    main table .td--header {
        font-weight: 400;
        padding-top: 0
        }
    main table .td--actions {
        text-align: right;
        padding-right: 0
        }
    main table .td--actions > * {
        display: inline-block
        }
    main table .td--actions a {
        white-space: nowrap
        }
    main table .heading {
        font-size: inherit;
        min-width: 10em
        }
    main table .label, main table .price {
        padding-top: 1.3em;
        padding-bottom: 1.3em
        }
    }
@media (min-width: 650px) {
    main table td, main table th {
        padding: 1.3em 1em
        }
    main table .td--has-image td {
        padding-left: 1em
        }
    main table img {
        width: 7em
        }
    main table .title a {
        min-width: 15em
        }
    }
@media (min-width: 768px) and (max-width: 899.5px) {
    main table td, main table th {
        padding-left: 0
        }
    }
.discography .td--actions > * + * {
    margin-left: 0.5em
    }
@media (min-width: 1180px) {
    .discography .td--actions {
        white-space: nowrap
        }
    }
.credits .heading, .discography .heading {
    width: auto;
    max-width: none
    }
@media (max-width: 599.5px) {
    .credits [data-label], .credits tfoot, .credits tr, .discography [data-label], .discography tfoot, .discography tr {
        display: block
        }
    }
.tr--form {
    padding-top: 0
    }
.tr--form label {
    font-weight: 600
    }
.tr--form td:empty {
    display: none
    }
.tr--form p {
    margin-top: 1em;
    margin-bottom: 0
    }
table .tr--form {
    border-top-color: #000
    }
@media (min-width: 600px) {
    .tr--form td {
        padding-bottom: 2em
        }
    .tr--form p {
        max-width: 18em;
        padding-right: 1em
        }
    .tr--form p:not(:last-child) {
        flex-grow: 1
        }
    .tr--form label {
        font-weight: 400
        }
    .tr--form div {
        display: flex;
        align-items: flex-end;
        padding-left: 0.5em
        }
    }
@media (min-width: 650px) {
    .tr--form p {
        margin-left: 1em
        }
    .tr--form p:first-child {
        margin-left: 0
        }
    .tr--form td {
        width: 100%;
        padding-top: 0;
        padding-left: 7.5em
        }
    .tr--form td:empty {
        display: initial
        }
    }
.main--text-page .prompt, .prompt {
    padding: 1.5em;
    margin-bottom: 2em;
    background: #fff
    }
@media (min-width: 768px) {
    .main--text-page .prompt, .prompt {
        padding: 3em 3em 2em
        }
    }
.main--text-page .prompt h3, .prompt h3 {
    font-size: 1.6em
    }
.main--text-page .prompt p, .prompt p {
    margin-bottom: 1em
    }
.main--text-page .prompt [class*=button--], .main--text-page .prompt [class^=button], .main--text-page .prompt [type=submit], .prompt [class*=button--], .prompt [class^=button], .prompt [type=submit] {
    margin-top: 0.5em
    }
@media (max-width: 767px) {
    .main--text-page .prompt [class*=button--], .main--text-page .prompt [class^=button], .main--text-page .prompt [type=submit], .prompt [class*=button--], .prompt [class^=button], .prompt [type=submit] {
        width: 100%
        }
    }
hr {
    border-width: 0;
    border-bottom: 1px dashed #888;
    border-collapse: separate;
    padding-bottom: 2em;
    margin-bottom: 2em;
    background: none
    }
hr td, hr th {
    -o-border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1;
    border-image: repeating-linear-gradient(90deg, transparent, transparent 4px, #888 0, #888 8px) 1
    }
.search_page hr {
    padding-bottom: 0
    }
.score {
    margin-bottom: 4em
    }
.dialog {
    padding: 2em 0;
    color: #fff;
    background: #454d51
    }
.dialog .wrapper {
    position: relative;
    padding-right: 50px
    }
@media (min-width: 768px) {
    .dialog .wrapper {
        display: flex;
        align-items: center
        }
    }
.dialog .wrapper :first-child {
    flex-grow: 1
    }
.dialog [class^=button] {
    margin-top: 1em
    }
@media (min-width: 768px) {
    .dialog [class^=button] {
        margin-top: 0
        }
    }
.dialog .icon--close {
    position: absolute;
    top: 1em;
    right: 1em;
    align-self: center;
    font-size: 0;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    transition: -webkit-filter 0.1s ease-out;
    transition: filter 0.1s ease-out;
    transition: filter 0.1s ease-out, -webkit-filter 0.1s ease-out;
    justify-self: flex-end
    }
.dialog .icon--close:before {
    font-size: 1rem
    }
.dialog .icon--close:focus, .dialog .icon--close:hover {
    -webkit-filter: brightness(0);
    filter: brightness(0)
    }
.share {
    padding-bottom: 3em
    }
.share h4 {
    display: inline-block;
    font-size: 0.8em
    }
.share__links {
    display: inline-block !important
    }
.product_buy, .product_buy label {
    font-size: 0.8em
    }
.product_buy label {
    font-weight: 300
    }
.product_buy button {
    font-size: 0.8em;
    height: 3.15em
    }
.product_buy_external {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    padding-top: 1em;
    margin-top: 0.6em;
    width: 100%;
    margin-bottom: 3em
    }
.product_buy_external h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: futura-pt, sans-serif;
    font-weight: 500
    }
.product_buy_external button {
    font-size: 0.8em;
    height: 3.15em;
    padding-top: 0;
    padding-bottom: 0
    }
.checkout_steps {
    counter-reset: section;
    list-style: none;
    text-align: center;
    display: flex;
    padding-left: 0;
    font-size: 0;
    margin-top: 2rem
    }
.checkout_steps li {
    position: relative;
    z-index: 10;
    width: 7rem
    }
.checkout_steps li:before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero);
    width: 2em;
    height: 2em;
    line-height: 1.8;
    border-radius: 50%;
    border: 1px solid;
    color: #fff;
    display: block;
    margin-right: auto;
    font-size: 1.4rem
    }
.checkout_steps li:not(:last-child):after {
    content: "";
    font-size: 1.4rem;
    width: 2em;
    top: 1em;
    display: block;
    border-top: 1px solid;
    position: absolute;
    left: 2.5em
    }
.checkout_steps .active:before {
    font-weight: 600;
    background-color: #fff;
    border-color: #fff;
    color: #444
    }
@media (min-width: 500px) {
    .checkout_steps {
        margin-left: auto;
        font-size: 0.9em;
        margin-top: 0;
        margin-bottom: 0
        }
    .checkout_steps li {
        padding-left: 0.5em;
        padding-right: 0.5em;
        width: 5.5em
        }
    .checkout_steps li:before {
        font-size: 0.8em;
        margin-left: auto
        }
    .checkout_steps li:not(:last-child):after {
        left: 100%;
        transform: translatex(-50%);
        top: 0.75em
        }
    }
.checkout_addresses {
    width: 100%;
    font-size: 1.1em
    }
.checkout_addresses div {
    margin-top: 1em
    }
.checkout_addresses h2 {
    font-size: 1.36em
    }
@media (min-width: 600px) {
    .checkout_addresses {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap
        }
    .checkout_addresses div {
        width: 50%
        }
    }
.media_player {
    width: 100%;
    max-width: 38em;
    display: flex;
    flex-wrap: wrap;
    background-color: #f1f3f4;
    border-top: 0.4em solid #cccbd0
    }
.media_player audio, .media_player video {
    width: 100%
    }
.media_player div, .media_player img {
    width: 50%
    }
.media_player img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
    }
.media_player ul {
    padding: 1em;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8em;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%
    }
.media_player li:not(:first-child) {
    margin-top: 0.5em
    }
.media_player div {
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    display: flex;
    position: relative;
    z-index: 0
    }
.media_player div:before {
    content: "";
    padding-bottom: 100%;
    width: 0
    }
.media_player a {
    color: inherit
    }
.media_player a:not(:hover):not(:active):not(:focus) {
    text-decoration: none
    }
.media_player .active {
    font-weight: 600
    }
.product_sample {
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 2em
    }
app-basket-link, app-search {
    display: flex;
    align-self: center
    }
@media (min-width: 1180px) {
    app-basket-link, app-search {
        display: block
        }
    }
app-basket-link {
    position: relative
    }
.basket_count {
    color: #fff;
    width: 2em;
    height: 2em;
    line-height: 2.2em;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    display: block;
    z-index: 10;
    top: -1em;
    font-size: 11px;
    font-weight: 600;
    right: -1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    align-items: center;
    margin-left: auto;
    transform-origin: center;
    -webkit-animation: bounce-in 2s linear both;
    animation: bounce-in 2s linear both;
    position: absolute
    }
.nav--primary__extra .basket_count {
    position: static
    }
@-webkit-keyframes bounce-in {
    0% {
        transform: matrix(.5, 0, 0, .5, 0, 0)
        } 3.4% {
        transform: matrix(.658, 0, 0, .703, 0, 0)
        } 4.7% {
        transform: matrix(.725, 0, 0, .8, 0, 0)
        } 6.81% {
        transform: matrix(.83, 0, 0, .946, 0, 0)
        } 9.41% {
        transform: matrix(.942, 0, 0, 1.084, 0, 0)
        } 10.21% {
        transform: matrix(.971, 0, 0, 1.113, 0, 0)
        } 13.61% {
        transform: matrix(1.062, 0, 0, 1.166, 0, 0)
        } 14.11% {
        transform: matrix(1.07, 0, 0, 1.165, 0, 0)
        } 17.52% {
        transform: matrix(1.104, 0, 0, 1.12, 0, 0)
        } 18.72% {
        transform: matrix(1.106, 0, 0, 1.094, 0, 0)
        } 21.32% {
        transform: matrix(1.098, 0, 0, 1.035, 0, 0)
        } 24.32% {
        transform: matrix(1.075, 0, 0, .98, 0, 0)
        } 25.23% {
        transform: matrix(1.067, 0, 0, .969, 0, 0)
        } 29.03% {
        transform: matrix(1.031, 0, 0, .948, 0, 0)
        } 29.93% {
        transform: matrix(1.024, 0, 0, .949, 0, 0)
        } 35.54% {
        transform: matrix(.99, 0, 0, .981, 0, 0)
        } 36.74% {
        transform: matrix(.986, 0, 0, .989, 0, 0)
        } 41.04% {
        transform: matrix(.98, 0, 0, 1.011, 0, 0)
        } 44.44% {
        transform: matrix(.983, 0, 0, 1.016, 0, 0)
        } 52.15% {
        transform: matrix(.996, 0, 0, 1.003, 0, 0)
        } 59.86% {
        transform: matrix(1.003, 0, 0, .995, 0, 0)
        } 63.26% {
        transform: matrix(1.004, 0, 0, .996, 0, 0)
        } 75.28% {
        transform: matrix(1.001, 0, 0, 1.002, 0, 0)
        } 85.49% {
        transform: matrix(.999, 0, 0, 1, 0, 0)
        } 90.69% {
        transform: matrix(1, 0, 0, 1, 0, 0)
        } to {
        transform: matrix(1, 0, 0, 1, 0, 0)
        }
    }
@keyframes bounce-in {
    0% {
        transform: matrix(.5, 0, 0, .5, 0, 0)
        } 3.4% {
        transform: matrix(.658, 0, 0, .703, 0, 0)
        } 4.7% {
        transform: matrix(.725, 0, 0, .8, 0, 0)
        } 6.81% {
        transform: matrix(.83, 0, 0, .946, 0, 0)
        } 9.41% {
        transform: matrix(.942, 0, 0, 1.084, 0, 0)
        } 10.21% {
        transform: matrix(.971, 0, 0, 1.113, 0, 0)
        } 13.61% {
        transform: matrix(1.062, 0, 0, 1.166, 0, 0)
        } 14.11% {
        transform: matrix(1.07, 0, 0, 1.165, 0, 0)
        } 17.52% {
        transform: matrix(1.104, 0, 0, 1.12, 0, 0)
        } 18.72% {
        transform: matrix(1.106, 0, 0, 1.094, 0, 0)
        } 21.32% {
        transform: matrix(1.098, 0, 0, 1.035, 0, 0)
        } 24.32% {
        transform: matrix(1.075, 0, 0, .98, 0, 0)
        } 25.23% {
        transform: matrix(1.067, 0, 0, .969, 0, 0)
        } 29.03% {
        transform: matrix(1.031, 0, 0, .948, 0, 0)
        } 29.93% {
        transform: matrix(1.024, 0, 0, .949, 0, 0)
        } 35.54% {
        transform: matrix(.99, 0, 0, .981, 0, 0)
        } 36.74% {
        transform: matrix(.986, 0, 0, .989, 0, 0)
        } 41.04% {
        transform: matrix(.98, 0, 0, 1.011, 0, 0)
        } 44.44% {
        transform: matrix(.983, 0, 0, 1.016, 0, 0)
        } 52.15% {
        transform: matrix(.996, 0, 0, 1.003, 0, 0)
        } 59.86% {
        transform: matrix(1.003, 0, 0, .995, 0, 0)
        } 63.26% {
        transform: matrix(1.004, 0, 0, .996, 0, 0)
        } 75.28% {
        transform: matrix(1.001, 0, 0, 1.002, 0, 0)
        } 85.49% {
        transform: matrix(.999, 0, 0, 1, 0, 0)
        } 90.69% {
        transform: matrix(1, 0, 0, 1, 0, 0)
        } to {
        transform: matrix(1, 0, 0, 1, 0, 0)
        }
    }
.category-label {
    display: inline-flex;
    border: 2px solid;
    padding: 0.2em 0.8em 0.2em 0.3em;
    border-radius: 1.1em;
    margin-bottom: 1.7em;
    align-items: center
    }
.category-label svg {
    width: 0.9em;
    height: 0.9em;
    flex-shrink: 0;
    margin-right: 0.3em;
    display: block
    }
.banner--product .category-label {
    font-size: 1.6rem
    }
.card--product .category-label {
    margin-bottom: 0.5em
    }
.card--product .category-label svg {
    width: 1.1em;
    height: 1.1em
    }
#cookieNotice {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    order: -1;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1.4rem !important;
    position: static !important;
    line-height: 1.1 !important;
    text-align: left !important
    }
#cookieNotice .confirm {
    padding: 0.7em 1em !important;
    border-width: 0 !important;
    font-weight: 700 !important;
    background-color: #496079 !important;
    margin-top: 0.3em !important;
    margin-left: 0 !important
    }
#cookieNotice .confirm:active, #cookieNotice .confirm:focus, #cookieNotice .confirm:hover {
    background-color: #f8d268 !important;
    color: #496079 !important
    }
@media (min-width: 840px) {
    #cookieNotice {
        display: block;
        text-align: center !important
        }
    #cookieNotice .confirm {
        margin-left: 0.5em !important;
        margin-top: 0 !important
        }
    }
.toast-container .ngx-toastr {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    background-image: none;
    overflow: hidden;
    background-color: #71b09f
    }
.toast-container .toast-message {
    display: flex;
    align-items: center;
    min-height: 4.2em
    }
.toast-container h3 {
    font-size: 1em;
    margin-bottom: 0;
    font-family: futura-pt, sans-serif
    }
.toast-container p {
    width: 100%;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
    }
.toast-container img {
    margin-right: 1em
    }
.toast-container div {
    overflow: hidden
    }
.cdk-overlay-container .filters {
    margin-bottom: 2em
    }
.cdk-overlay-container .filters h3, .cdk-overlay-container .filters mat-label {
    font-weight: 700
    }
.cdk-overlay-container .filters mat-list-option {
    max-width: 50%
    }
.cdk-overlay-container .filters .mat-list-base[dense] {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1em
    }
.cdk-overlay-container {
    font-weight: 400
    }
.cdk-overlay-container mat-dialog-container {
    width: 620px
    }
.cdk-overlay-container mat-dialog-content {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
    }
.cdk-overlay-container h3, .cdk-overlay-container h4 {
    font-weight: 700
    }
.cdk-overlay-container header {
    display: flex;
    align-items: center
    }
.cdk-overlay-container header h3 {
    margin-right: auto;
    margin-top: 0.5em
    }
.cdk-overlay-container section {
    margin-bottom: 1em
    }
.cdk-overlay-container .slide {
    padding-bottom: 2em
    }
.cdk-overlay-container mat-dialog-container button + button {
    margin-left: 0.5em
    }
app-parts-toolbar {
    background: #496079;
    top: 0;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 100
    }
app-parts-toolbar + app-header {
    position: relative
    }
app-parts-toolbar + app-header:hover {
    z-index: 110
    }
app-parts-toolbar .mat-toolbar {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 10
    }
app-parts-toolbar .mat-toolbar.mat-primary {
    background-color: inherit
    }
.part-item {
    transform-origin: center top;
    margin-bottom: 2.5%;
    transform: translatez(0);
    transition: box-shadow 1s;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)
    }
.part-item:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5)
    }
app-part-toolbar {
    position: -webkit-sticky;
    position: sticky;
    z-index: 90;
    top: 56px;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #ddd
    }
app-part-toolbar:empty {
    display: none
    }
app-part-toolbar .wrapper {
    background-color: inherit;
    padding-left: 0;
    padding-right: 0
    }
@media (min-width: 599.5px) {
    app-part-toolbar {
        top: 64px
        }
    }
app-add-part {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 56px;
    z-index: 100;
    pointer-events: none
    }
app-add-part * {
    pointer-events: all
    }
app-add-part + part-container {
    display: block;
    padding-left: 2.5%;
    padding-right: 2.5%
    }
@media (min-width: 599.5px) {
    app-add-part {
        height: 64px
        }
    }
.part-item app-part-toolbar:not(.part_edit) ~ *, .part-item app-part-toolbar:not(.part_edit) ~ * .swiper-slide-active {
    pointer-events: none
    }
.part-item app-part-toolbar .mat-toolbar {
    background-color: #fff
    }
.part-item app-part-toolbar .mat-toolbar > * {
    pointer-events: all
    }
.part-item app-part-toolbar, .part-item app-part-toolbar .module_name {
    pointer-events: none
    }
.toolbar_actions {
    margin-left: auto
    }
.toolbar_actions a, .toolbar_actions button {
    margin-left: 0.5em
    }
.cdk-drag-handle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: -webkit-grab;
    cursor: grab;
    pointer-events: all
    }
.cdk-drag-handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
    }
.cdk-drag-preview {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
    transition: box-shadow 1s
    }
.cdk-drag-preview app-part-toolbar {
    position: relative;
    top: 0
    }
.edit_toolbar {
    display: flex;
    align-items: center
    }
.edit_toolbar h2 {
    flex-grow: 1
    }
.edit_toolbar button {
    margin-left: 1em
    }
mat-form-field {
    width: 100%
    }
.ql-container .ql-editor {
    font-family: Roboto, sans-serif;
    border: 2px dashed rgba(0, 0, 0, 0.12)
    }
.ql-container .ql-editor:active, .ql-container .ql-editor:focus {
    border: 2px solid #006eb6
    }
app-feature-editor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1em
    }
app-feature-editor .mat-card {
    width: 100%;
    margin-bottom: 4%;
    display: flex;
    flex-flow: column
    }
app-feature-editor .mat-card-content {
    flex-grow: 1
    }
app-feature-editor .add_item {
    width: 100%;
    padding-top: 1em;
    margin-bottom: 1em;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 1em
    }
app-feature-editor .add_item:only-child {
    margin-top: 0;
    padding-top: 0;
    border-top-width: 0
    }
app-feature-editor .mat-card-header-text {
    margin-left: 0
    }
.mat-dialog-content.call_to_action_edit .mat-form-field {
    width: 100%
    }
.shop-composer--editor .mat-card {
    display: inline-block
    }
.edit-toolbar {
    position: absolute;
    z-index: 10
    }
.banner--media .ql-container {
    height: 50%
    }
.banner--media .edit {
    margin-bottom: 2em
    }
@media (min-width: 768px) {
    .banner--media .edit {
        width: 40%;
        max-width: 500px;
        margin-right: 3em;
        margin-bottom: 0
        }
    }
.hero-content-edit {
    width: 40%;
    display: inline-block
    }
.edit-toolbar-space {
    flex: 1 1 auto
    }
[contenteditable=true]:empty {
    opacity: 0.6
    }
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    border-bottom: 2px dashed
    }
[contenteditable=true]:empty:focus:before {
    opacity: 0.5
    }
[contenteditable=true]:empty:hover {
    opacity: 1
    }
.mat-option.performance_picker {
    height: auto
    }
.mat-option.performance_picker .mat-option-text .performance_option {
    color: #000;
    margin-bottom: 0.3em;
    line-height: 1.2;
    margin-top: 0.3em
    }
.mat-option.performance_picker .mat-option-text span {
    line-height: 1.4;
    display: block;
    white-space: normal;
    font-size: 0.9em;
    color: #888
    }