/*! 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
}

h1 {
    font-size : 2em;
    margin    : .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;
    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 : -.25em
}

sup {
    top : -.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 : .35em .75em .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
}

html {
    box-sizing  : border-box;
    font-family : sans-serif
}

*, :after, :before {
    box-sizing : inherit
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, p, pre {
    margin : 0
}

button {
    background : transparent;
    padding    : 0
}

button:focus {
    outline : 1px dotted;
    outline : 5px auto -webkit-focus-ring-color
}

fieldset {
    margin  : 0;
    padding : 0
}

ol, ul {
    margin : 0
}

*, :after, :before {
    border : 0 solid #dae4e9
}

img {
    border-style : solid
}

textarea {
    resize : vertical
}

img {
    max-width : 100%;
    height    : auto
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color   : inherit;
    opacity : .5
}

input::placeholder, textarea::placeholder {
    color   : inherit;
    opacity : .5
}

[role=button], button {
    cursor : pointer
}

table {
    border-collapse : collapse
}

.container {
    width        : 100%;
    margin-right : auto;
    margin-left  : auto
}

@media (min-width : 576px) {
    .container {
        max-width : 576px
    }
}

@media (min-width : 768px) {
    .container {
        max-width : 768px
    }
}

@media (min-width : 992px) {
    .container {
        max-width : 992px
    }
}

@media (min-width : 1200px) {
    .container {
        max-width : 1200px
    }
}

.mall-btn {
    font-size        : .875rem;
    display          : inline;
    background-color : #ffffff;
    color            : #364349;
    padding          : .75rem 1.5rem;
    border-width     : 1px;
    border-color     : #dae4e9;
    border-radius    : .25rem;
    box-shadow       : 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align       : center;
    cursor           : pointer;
    text-decoration  : none;
    white-space      : nowrap;
    min-height       : 42px
}

.mall-btn:hover {
    background-color : #f3f7f9
}

.mall-btn--primary {
    background-color : #103d60;
    border-color     : #144b76;
    color            : #ffffff
}

.mall-btn--primary:hover {
    background-color : #144b76
}

.mall-btn--secondary {
    background-color : #ef7204;
    border-color     : #ef5c12;
    color            : #ffffff
}

.mall-btn--secondary:hover {
    background-color : #ef5c12
}

.mall-btn--link {
    display        : inline-block;
    vertical-align : baseline;
    font-weight    : 700;
    font-size      : .875rem;
    color          : #3490dc;
    box-shadow     : none;
    border-width   : 0
}

.mall-btn--link:hover {
    color            : #103d60;
    background-color : transparent
}

.mall-btn--text {
    display        : inline-block;
    vertical-align : baseline;
    font-size      : .875rem;
    color          : #9babb4;
    box-shadow     : none;
    border-width   : 0;
    padding        : 0;
    margin         : 0;
    font-size      : .75rem
}

.mall-btn--text:hover {
    color            : #103d60;
    background-color : transparent
}

.mall-btn--full {
    width : 100%
}

.mall-btn--disabled, .mall-btn[disabled] {
    background-color : #9babb4;
    border-color     : #70818a;
    cursor           : no-drop
}

.mall-btn--disabled:hover, .mall-btn[disabled]:hover {
    background-color : #9babb4
}

.mall-btn--sm {
    padding    : .5rem 1rem;
    font-size  : .75rem;
    min-height : 0
}

.mall-selectbox {
    padding : .75rem 2rem .75rem .5rem
}

.mall-selectbox, .mall-selectbox-sm {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-color    : #f3f7f9;
    border-width        : 1px;
    border-color        : #f3f7f9;
    font-size           : .875rem;
    color               : #596a73;
    border-radius       : .25rem;
    background-image    : url(../themes/mall/assets/dropdown.svg);
    background-repeat   : no-repeat;
    background-size     : 1.5em 1.5em;
    background-position : right 1em top 50%
}

.mall-selectbox-sm {
    padding             : .25rem;
    padding-right       : 2rem;
    background-size     : 1.2em 1.2em;
    background-position : right .75em top 50%;
    min-width           : 60px
}

.mall-label {
    text-transform : uppercase;
    letter-spacing : .05em;
    font-size      : .75rem;
    font-weight    : 700;
    margin-bottom  : .5rem
}

.mall-input, .mall-label {
    display : block;
    color   : #596a73
}

.mall-input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    width              : 100%;
    background-color   : #f3f7f9;
    border-width       : 1px;
    border-color       : #f3f7f9;
    border-radius      : .25rem;
    padding            : .75rem 1rem;
    margin-bottom      : .75rem;
    min-height         : 42.6px
}

.mall-input-sm {
    padding    : .5rem .75rem;
    min-height : 0
}

.mall-input--width-limited {
    max-width : 450px
}

.has-error .mall-input {
    background-color : #fcebea
}

.has-error .mall-label {
    color : #cc1f1a
}

[data-validate-for] {
    color       : #cc1f1a;
    font-size   : .75rem;
    margin-left : .25rem;
    margin-top  : .5rem
}

.is-required label:after {
    content     : "*";
    display     : inline-block;
    margin-left : 3px;
    color       : red
}

.dropdown-pointer {
    background-image    : url(../themes/mall/assets/dropdown.svg);
    background-repeat   : no-repeat;
    background-size     : 1.5em 1.5em;
    background-position : right 1em top 50%
}

.mall-form-control {
    margin-bottom : 1.5rem;
    width         : 100%
}

.mall-form-control label {
    display        : block;
    text-transform : uppercase;
    letter-spacing : .05em;
    color          : #596a73;
    font-size      : .75rem;
    font-weight    : 700;
    margin-bottom  : .5rem
}

.mall-form-control input, .mall-form-control textarea {
    display       : block;
    padding       : .75rem 1rem;
    margin-bottom : .75rem;
    min-height    : 42.6px
}

.mall-form-control input, .mall-form-control select, .mall-form-control textarea {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    width              : 100%;
    background-color   : #f3f7f9;
    color              : #596a73;
    border-width       : 1px;
    border-color       : #f3f7f9;
    border-radius      : .25rem
}

.mall-form-control select {
    font-size           : .875rem;
    padding             : .75rem 2rem .75rem .5rem;
    background-image    : url(../themes/mall/assets/dropdown.svg);
    background-repeat   : no-repeat;
    background-size     : 1.5em 1.5em;
    background-position : right 1em top 50%;
    cursor              : pointer
}

.mall-form-checkbox {
    margin-bottom : 1.5rem;
    width         : 100%
}

.mall-form-checkbox input[type=checkbox] {
    margin-right : 4px;
    position     : relative;
    top          : 1px
}

.mall-form-actions {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : center;
    align-items     : center;
    -ms-flex-pack   : start;
    justify-content : flex-start;
    margin-top      : 1.5rem
}

.mall-form-actions .mall-btn + .mall-btn {
    margin-left : 1rem
}

.mall-two-fields {
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 1.5rem
}

.mall-two-fields .mall-form-control, .mall-two-fields input {
    margin-bottom : 0
}

.mall-two-fields > :first-child {
    -ms-flex     : 50% 0;
    flex         : 50% 0;
    margin-right : .5rem
}

.mall-two-fields > :last-child {
    -ms-flex    : 50% 0;
    flex        : 50% 0;
    margin-left : .5rem
}

.mall-checkbox {
    display      : block;
    color        : #70818a;
    font-weight  : 700;
    text-indent  : -27px;
    padding-left : 27px
}

.mall-checkbox > input {
    margin-right : .5rem
}

.mall-checkbox > span {
    font-size : .875rem
}

.mall-form-comment {
    color         : #9babb4;
    font-size     : .75rem;
    margin-bottom : 1rem
}

h1 {
    margin-bottom : 1.5rem
}

h2 {
    margin-bottom : 1rem
}

h3 {
    margin-bottom : .5rem
}

p {
    line-height : 1.5
}

a {
    color : #103d60
}

.text-muted {
    color : #70818a
}

.mall-table {
    width           : 100%;
    text-align      : left;
    border-collapse : collapse
}

.mall-table th {
    font-size        : .875rem;
    font-weight      : 600;
    color            : #596a73;
    padding          : .5rem;
    background-color : #fafcfc
}

.mall-table td {
    padding          : .5rem;
    border-top-width : 1px;
    font-size        : .75rem;
    white-space      : nowrap;
    line-height      : 1.5
}

.mall-callout {
    padding          : 1.5rem 1rem;
    background-color : #fcfbeb;
    color            : #453411;
    margin-bottom    : 2rem;
    font-size        : .875rem;
    text-align       : center
}

.mall-callout--neutral {
    background-color : #fafcfc;
    color            : #364349
}

.mall-switcher__outer {
    display : inline-block
}

.mall-switcher, .mall-switcher__item {
    display : -ms-flexbox;
    display : flex
}

.mall-switcher__item {
    -ms-flex-positive : 1;
    flex-grow         : 1;
    padding           : .5rem 2rem;
    font-weight       : 400;
    white-space       : nowrap;
    border            : 1px solid #efefef;
    border-left-width : 0;
    text-decoration   : none
}

.mall-switcher__item--active, .mall-switcher__item:hover {
    background : #eeeeee
}

.mall-switcher__item:first-child {
    border-left-width : 1px;
    border-radius     : 4px 0 0 4px
}

.mall-switcher__item:last-child {
    border-radius : 0 4px 4px 0
}

.has-children:hover div {
    display : block
}

.mall-three-columns {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -ms-flex-pack   : start;
    justify-content : flex-start
}

.mall-three-columns .mall-column {
    -ms-flex-negative : 0;
    flex-shrink       : 0;
    width             : 33%;
    margin-bottom     : 1rem
}

.mall-cart__wrapper {
    border-top-width    : 1px;
    border-bottom-width : 1px;
    border-color        : #dae4e9;
    overflow            : hidden;
    position            : relative
}

.mall-cart__table {
    width           : 100%;
    text-align      : left;
    border-collapse : collapse
}

.mall-cart__header th {
    font-size        : .875rem;
    font-weight      : 600;
    color            : #596a73;
    padding          : .5rem;
    background-color : #fafcfc
}

.mall-cart__product td {
    padding          : .5rem;
    border-top-width : 1px;
    font-size        : .75rem;
    white-space      : nowrap;
    line-height      : 1.5
}

.mall-cart__product td:first-child {
    border-color : #dae4e9;
    width        : 8rem
}

.mall-cart__product td a {
    text-decoration : none;
    color           : #364349
}

.mall-cart__product td .js-mall-remove-product {
    text-decoration : underline;
    color           : #103d60
}

.mall-cart__discount td, .mall-cart__payment td, .mall-cart__shipping td {
    padding          : .5rem;
    border-top-width : 1px;
    font-size        : .75rem;
    white-space      : nowrap
}

.mall-cart__taxes td {
    padding          : .5rem;
    border-top-width : 1px;
    font-size        : .65rem;
    white-space      : nowrap;
    color            : #70818a;
    border-color     : #f1f6f8
}

.mall-cart__taxes--1 td {
    border-color : #dae4e9
}

.mall-cart__taxes-total td {
    font-size   : .65rem;
    white-space : nowrap;
    color       : #70818a
}

.mall-cart__taxes-total td, .mall-cart__total td {
    padding          : .5rem;
    border-top-width : 1px;
    border-color     : #dae4e9
}

.mall-cart__total td {
    font-size : .75rem
}

.mall-cart__grand-total td, .mall-cart__total td {
    background-color : #fafcfc;
    color            : #596a73;
    font-weight      : 600
}

.mall-cart__grand-total td {
    padding          : .5rem;
    border-top-width : 1px;
    border-color     : #dae4e9;
    font-size        : .875rem
}

.mall-cart__empty {
    padding          : 1.5rem;
    background-color : #f1f6f8;
    text-align       : center;
    width            : 50%;
    margin           : auto
}

.mall-cart__services td {
    padding          : .25rem .5rem;
    background-color : #fafcfc;
    color            : #596a73;
    font-size        : .75rem
}

.mall-cart__services--first td {
    border-top-width : 1px;
    border-color     : #dae4e9;
    padding-top      : .5rem
}

.mall-cart__services--last td {
    padding-bottom : .5rem
}

.mall-cart__price-additions {
    color      : #70818a;
    font-style : italic
}

.mall-cart-actions {
    margin-top       : 2rem;
    padding-top      : 2rem;
    border-top-width : 1px;
    border-color     : #f1f6f8;
    text-align       : right
}

.mall-cart-actions .mall-btn {
    font-size : 1rem
}

.mall-discount-applier {
    margin-top      : 2rem;
    width           : 100%;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : end;
    justify-content : flex-end
}

.mall-discount-applier form {
    width          : 50%;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : end;
    align-items    : flex-end
}

.mall-discount-applier .mall-form-control {
    -ms-flex-positive : 1;
    flex-grow         : 1;
    margin-bottom     : 0
}

.mall-discount-applier .mall-form-control input {
    margin-bottom  : 0;
    padding-top    : .5rem;
    padding-bottom : .5rem;
    font-size      : .875rem
}

.mall-discount-applier .mall-btn {
    -ms-flex-negative : 1;
    flex-shrink       : 1;
    margin-left       : .5rem;
    padding-top       : .5rem;
    padding-bottom    : .5rem
}

.mall-discount-applier [data-validate-for] {
    position : absolute
}

.mall-cart-summary__info {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    font-size       : .75rem;
    line-height     : 1.5;
    margin-bottom   : 2rem
}

.mall-cart-summary__info > * {
    width : 25%
}

.mall-cart-summary__info > :not(:last-child) {
    padding-right : 2rem
}

.mall-cart-summary__info--two-columns > * {
    width : 50%
}

.mall-cart-summary__heading {
    border-bottom-width : 1px;
    border-color        : #dae4e9;
    padding-bottom      : .25rem;
    margin-bottom       : .5rem
}

.mall-cart-summary__method-logo {
    max-width   : 100%;
    padding-top : 1rem;
    min-height  : 140px
}

.mall-cart-summary a {
    color : #222b2f
}

.mall-cart-summary .mall-address {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-pack      : justify;
    justify-content    : space-between;
    -ms-flex-direction : column;
    flex-direction     : column;
    min-height         : 160px
}

.mall-cart-summary .mall-address__actions {
    margin-top : 2rem
}

.mall-loader {
    background     : hsla(0, 0%, 100%, .8);
    z-index        : 10000;
    position       : absolute;
    left           : 0;
    top            : 0;
    right          : 0;
    bottom         : 0;
    cursor         : wait;
    -ms-flex-align : center;
    align-items    : center;
    opacity        : 0;
    visibility     : hidden;
    min-height     : 400px
}

.mall-loader, .mall-pagination .pagination {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : center;
    justify-content : center
}

.mall-pagination .pagination {
    list-style  : none;
    padding     : 0;
    line-height : 1
}

.mall-pagination a, .mall-pagination span {
    text-decoration : none;
    padding         : .5rem;
    line-height     : 1;
    display         : inline-block;
    text-align      : center;
    font-size       : .875rem;
    min-width       : 30px;
    min-height      : 30px
}

.mall-pagination .disabled > a, .mall-pagination .disabled > span {
    color : #dae4e9
}

.mall-pagination .active > a, .mall-pagination .active > span {
    color            : #103d60;
    background-color : #dae4e9;
    border-color     : #103d60
}

.mall-product {
    display : -ms-flexbox;
    display : flex
}

.mall-product__info {
    width         : 60%;
    padding-right : 2rem
}

.mall-product__description {
    margin-bottom : 2rem
}


.mall-product__cart {
    width        : 25%;
    padding-left : 2rem;
    margin-left  : auto
}

.mall-product__variants {
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 2rem
}

.mall-product__variants-heading {
    margin-bottom : 1rem
}

.mall-product__variant-properties {
    margin-bottom : 2rem
}

.mall-product__properties {
    font-size     : .875rem;
    margin-bottom : 2rem
}

.mall-product__properties-heading {
    margin-top          : 2rem;
    padding-bottom      : .5rem;
    border-bottom-width : 1px;
    border-color        : #dae4e9
}

.mall-product__custom-fields {
    margin-bottom : 2rem
}

.mall-product__custom-fields .mall-option-selector {
    border-width : 2px;
    border-color : #dae4e9;
    display      : inline-block;
    width        : 24px;
    height       : 24px
}

.mall-product__custom-fields .mall-option-selector.is-active {
    border-color : #70818a;
    box-shadow   : 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.mall-product__custom-fields .mall-option-selector img {
    display : block
}

.mall-product__price {
    border-top-width : 1px;
    border-color     : #f1f6f8;
    padding-top      : 2rem
}

.mall-product__old-price {
    font-size       : .875rem;
    font-weight     : 700;
    color           : #e3342f;
    text-decoration : line-through;
    margin-bottom   : .25rem
}

.mall-product__current-price {
    font-size   : 1.5rem;
    font-weight : 700;
    color       : #222b2f
}

.mall-product__tax-info {
    font-size     : .75rem;
    color         : #9babb4;
    margin-top    : .5rem;
    margin-bottom : 1rem
}

.mall-product__property-stock {
    font-size     : .75rem;
    margin-top    : .5rem;
    margin-bottom : 2rem;
    color         : #9babb4
}

.mall-product__add-to-cart-form {
    border-top-width : 1px;
    border-color     : #f1f6f8;
    padding-top      : 2rem
}

.mall-add-to-cart-button {
    font-size        : .875rem;
    display          : inline;
    background-color : #ffffff;
    color            : #364349;
    border-width     : 1px;
    border-radius    : .25rem;
    box-shadow       : 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align       : center;
    cursor           : pointer;
    text-decoration  : none;
    white-space      : nowrap;
    min-height       : 42px;
    width            : 100%;
    display          : block;
    background-color : #3490dc;
    border-color     : #2779bd;
    color            : #ffffff;
    box-shadow       : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    padding          : .75rem 1.5rem;
    font-size        : 1rem;
    margin-top       : 1rem;
    text-transform   : uppercase;
    font-weight      : 700;
    transition       : background .1s ease;
    text-shadow      : 1px 1px 0 rgba(0, 0, 0, .3)
}

.mall-add-to-cart-button:hover {
    background : #4a9ce0
}

.mall-color-swatches {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : start;
    justify-content : flex-start
}

.mall-color-swatches__swatch {
    width        : 24px;
    height       : 24px;
    margin-right : 6px;
    border-width : 2px
}

.mall-color-swatches__swatch.is-active {
    border-color : #103d60
}

.mall-product-service:not(:last-child) {
    margin-bottom : 4rem
}

.mall-product-service__name {
    margin-bottom : 1rem
}

.mall-product-service__description {
    color         : #364349;
    font-size     : .875rem;
    margin-bottom : 1rem
}

.mall-product-service__required {
    color         : #103d60;
    font-size     : .875rem;
    margin-bottom : 1rem
}

.mall-product-service__required[data-validate-for] {
    margin-left : 0
}

.mall-product-service-options {
    border-bottom-width : 1px;
    border-color        : #dae4e9
}

.mall-product-service-option {
    border-top-width : 1px;
    border-color     : #dae4e9;
    color            : #364349;
    font-size        : .875rem;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    padding          : 15px 0
}

.mall-product-service-option__radio {
    -ms-flex : 0 1 40px;
    flex     : 0 1 40px
}

.mall-product-service-option__name {
    -ms-flex : 1 1 auto;
    flex     : 1 1 auto
}

.mall-product-service-option__price {
    -ms-flex    : 1 0 100px;
    flex        : 1 0 100px;
    text-align  : right;
    font-weight : 700
}

.mall-product-service-option__description {
    color         : #596a73;
    font-size     : .75rem;
    margin-top    : .5rem;
    padding-left  : 40px;
    padding-right : 100px;
    -ms-flex      : 1 0 100%;
    flex          : 1 0 100%
}

.mall-product-service-error {
    font-size        : .875rem;
    background-color : #fcebea;
    padding          : 1rem;
    border-radius    : .25rem;
    text-align       : center;
    margin-left      : 0;
    margin-top       : 2rem
}

.mall-products {
    padding-left  : 1rem;
    margin-bottom : 2rem;
    position      : relative
}

.mall-products__products {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap
}

.mall-products-empty {
    padding       : 1rem;
    box-shadow    : 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align    : center;
    margin-left   : 1rem;
    border-radius : .25rem;
    font-size     : .875rem
}

.mall-products-item {
    width          : 33.33333%;
    padding-bottom : 1.5rem;
    padding-left   : 1rem;
    padding-right  : 1rem;
    font-size      : .875rem
}

.mall-products-item a {
    color           : inherit;
    text-decoration : none
}

.mall-products-item .row.flex, .mall-products-item__info-primary {
    padding-top : .25rem
}

.mall-products-item__image, .mall-products-item__info-primary, .mall-products-item__info-secondary {
    display : -ms-flexbox;
    display : flex
}

.mall-products-item__image {
    border-bottom-width : 1px;
    border-color        : #dae4e9;
    height              : 240px;
    -ms-flex-align      : center;
    align-items         : center;
    -ms-flex-pack       : center;
    justify-content     : center;
    color               : transparent
}

.mall-products-item__image img {
    -o-object-fit : contain;
    object-fit    : contain;
    width         : 100%;
    height        : 100%
}

.mall-products-item__name {
    -ms-flex-positive : 1;
    flex-grow         : 1;
    font-weight       : 700;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap
}

.mall-products-item__price {
    -ms-flex-positive : 0;
    flex-grow         : 0;
    padding-left      : .5rem;
    white-space       : nowrap
}

.mall-products-item__price--special {
    color       : #cc1f1a;
    font-weight : 700
}

.mall-products-item__short-description {
    -ms-flex-positive : 1;
    flex-grow         : 1;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    color             : #70818a
}

.mall-products-item__old-price {
    -ms-flex-positive : 0;
    flex-grow         : 0;
    padding-left      : .5rem;
    color             : #ef5753;
    font-style        : italic;
    text-decoration   : line-through;
    white-space       : nowrap
}

.mall-products-filter {
    padding-right : 2rem
}

.mall-products-filter .mall-property-group {
    margin-bottom : 2rem;
    min-height    : 105px
}

.mall-products-filter .mall-property-group__name {
    border-bottom-width : 1px;
    border-color        : #dae4e9;
    padding-bottom      : .25rem;
    margin-bottom       : 1rem
}

.mall-products-filter .mall-property-group__name--price {
    display : -ms-flexbox;
    display : flex
}

.mall-products-filter .mall-property-group__name--price > div {
    -ms-flex : 1 1 0%;
    flex     : 1 1 0%
}

.mall-products-filter .mall-property-group__description {
    font-size     : .75rem;
    color         : #70818a;
    margin-bottom : 1rem;
    margin-top    : -.5rem
}

.mall-products-filter .mall-property {
    margin-bottom : .5rem
}

.mall-products-filter .mall-property:not(:last-child) .mall-filter.mall-filter--range {
    margin-bottom : 4rem
}

.mall-products-filter .mall-property__label {
    font-size     : .875rem;
    margin-bottom : .5rem;
    display       : -ms-flexbox;
    display       : flex
}

.mall-products-filter .mall-property__label > div {
    -ms-flex : 1 1 0%;
    flex     : 1 1 0%
}

.mall-products-filter .mall-property__clear-filter {
    font-size       : .75rem;
    font-weight     : 400;
    -ms-flex-pack   : end;
    justify-content : flex-end;
    text-align      : right
}

.mall-products-filter .mall-property__clear-filter a {
    color           : #9babb4;
    text-decoration : none
}

.mall-products-filter .mall-property--boolean {
    display     : flex;
    align-items : center;
    gap         : 8px;
}

.mall-products-filter .mall-property--boolean .mall-property__label {
    margin-bottom : 0;
    order         : 2;
}

.mall-products-filter .mall-property--boolean .mall-property__label > div {
    flex : initial;
}

.mall-products-filter .mall-property--boolean .mall-filter--set {
    flex-shrink : 0;
    order       : 1;
}

.mall-products-filter .mall-property--boolean .mall-filter__boolean {
    margin-bottom : 0;
    padding       : 0;
}

.mall-products-filter .mall-filter {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap
}

.mall-products-filter .mall-filter__option {
    padding          : .5rem;
    margin-right     : .5rem;
    margin-bottom    : .5rem;
    background-color : #dae4e9;
    cursor           : pointer;
    text-align       : center;
    font-size        : .875rem;
    min-width        : 40px
}

.mall-products-filter .mall-filter__option--selected:not(.mall-label--checkbox) {
    background-color : #103d60;
    color            : #ffffff
}

.mall-products-filter .noUi-connect {
    background-color : #103d60
}

.mall-products-filter .noUi-horizontal {
    height : 10px
}

.mall-products-filter .noUi-horizontal .noUi-handle {
    width  : 25px;
    height : 20px;
    right  : -13px !important
}

.mall-products-filter .noUi-horizontal .noUi-handle:before {
    height : 10px;
    left   : 10px;
    top    : 4px
}

.mall-products-filter .noUi-horizontal .noUi-handle:after {
    height : 10px;
    left   : 12px;
    top    : 4px
}

.mall-products-filter .noUi-target {
    font-size     : .7rem;
    margin-bottom : 0
}

.mall-products-filter .noUi-marker-horizontal {
    width  : 1px;
    height : 4px
}

.mall-products-filter .noUi-marker-horizontal.noUi-marker-large {
    height : 8px
}

.mall-products-filter .noUi-value {
    top : 15px
}

.mall-products-filter .noUi-pips-horizontal {
    height  : 20px;
    padding : 10px 0 0
}

.mall-signup {
    display : -ms-flexbox;
    display : flex;
    width   : 80%;
    margin  : auto
}

.mall-signup__signin, .mall-signup__signup {
    width               : 50%;
    border-width        : 1px;
    border-color        : #f1f6f8;
    border-radius       : .25rem;
    padding             : 2rem;
    -ms-flex-item-align : start;
    align-self          : flex-start
}

.mall-signup__heading {
    margin-bottom : 1.5rem;
    line-height   : 1.5
}

.mall-signup__subheading {
    margin-bottom : 1rem;
    margin-top    : .5rem;
    line-height   : 1.5
}

.mall-signup__signin {
    margin-right : 1rem
}

.mall-signup__signup {
    margin-left : 1rem
}

.mall-signup__guest-option, .mall-signup__shipping-address-option {
    margin-bottom : 2rem;
    margin-top    : -.5rem
}

.mall-signup .mall-form-actions .mall-btn--primary {
    font-size : 1rem
}

.mall-signup-terms {
    background-color : #f3f7f9;
    padding          : 1.5rem;
    border-radius    : .25rem;
    border-width     : 1px;
    border-color     : #dae4e9
}

.mall-payment-method {
    margin-top : 1rem
}

.mall-payment-method__entry {
    display        : -ms-flexbox;
    display        : flex;
    padding-top    : 2rem;
    padding-bottom : 2rem;
    position       : relative;
    -ms-flex-align : center;
    align-items    : center;
    z-index        : 0;
    border-width   : 1px;
    border-color   : #dae4e9
}

.mall-payment-method__entry--active {
    background-color : #ffffff;
    -ms-flex-align   : start;
    align-items      : flex-start;
    box-shadow       : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    opacity          : 1;
    z-index          : 10;
    border-width     : 1px;
    border-color     : #9babb4
}

.mall-payment-method__entry--active .mall-payment-method__text {
    opacity : 1
}

.mall-payment-method__logo {
    width           : 180px;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : start;
    align-items     : flex-start;
    -ms-flex-pack   : center;
    justify-content : center
}

.mall-payment-method__logo img {
    width     : auto;
    max-width : 100%;
    display   : block
}

.mall-payment-method__text {
    -ms-flex       : 1 1 0%;
    flex           : 1 1 0%;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center;
    opacity        : .5
}

.mall-payment-method__text > div {
    width : 100%
}

.mall-payment-method__name {
    font-weight : 700
}

.mall-payment-method__description, .mall-payment-method__instructions {
    font-size   : .75rem;
    line-height : 1.25;
    margin-top  : 1rem
}

.mall-payment-method__meta {
    font-size   : .875rem;
    line-height : 1.5;
    color       : #9babb4;
    margin-top  : .5rem
}

.mall-payment-method__data {
    margin-top : 2rem;
    width      : 100%
}

.mall-payment-method__selector {
    width    : 180px;
    position : relative;
    z-index  : 20
}

.mall-payment-method__select-button {
    float            : right;
    font-size        : .875rem;
    display          : inline;
    background-color : #ffffff;
    color            : #364349;
    padding          : .75rem 1.5rem;
    border-width     : 1px;
    border-color     : #dae4e9;
    border-radius    : .25rem;
    box-shadow       : 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align       : center;
    cursor           : pointer;
    text-decoration  : none;
    min-height       : 42px;
    margin-right     : 1rem;
    white-space      : nowrap
}

.mall-payment-method__submit {
    margin-top : 1rem
}

.mall-payment-method .mall-form-control {
    margin-bottom : .5rem
}

.mall-payment-method [data-validate-for] {
    margin-bottom : 1rem;
    margin-top    : 0
}

.mall-payment-method__customer-methods {
    margin-top : 2rem
}

.mall-payment-customer-methods {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : start;
    justify-content : flex-start;
    font-size       : .75rem
}

.mall-payment-customer-method {
    display             : -ms-flexbox;
    display             : flex;
    -ms-flex            : none;
    flex                : none;
    padding             : .75rem;
    position            : relative;
    border-width        : 1px;
    border-color        : #ccd6db;
    border-radius       : .125rem;
    box-shadow          : 0 2px 4px 0 rgba(0, 0, 0, .1);
    margin-right        : 1rem;
    text-decoration     : none;
    color               : inherit;
    cursor              : pointer;
    transition          : .2s ease;
    transition-property : border-color, box-shadow
}

.mall-payment-customer-method__name {
    font-weight   : 700;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.mall-payment-customer-method__meta {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin-top      : .5rem;
    width           : 8rem
}

.mall-payment-customer-method:hover {
    border-color : #9babb4;
    box-shadow   : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.mall-shipping-method {
    margin-top : 1rem
}

.mall-shipping-method__entry {
    display        : -ms-flexbox;
    display        : flex;
    padding-top    : 2rem;
    padding-bottom : 2rem;
    position       : relative;
    -ms-flex-align : center;
    align-items    : center;
    z-index        : 0;
    border-width   : 1px;
    border-color   : #dae4e9
}

.mall-shipping-method__entry--active {
    background-color : #ffffff;
    -ms-flex-align   : start;
    align-items      : flex-start;
    box-shadow       : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    opacity          : 1;
    z-index          : 10;
    border-width     : 1px;
    border-color     : #9babb4
}

.mall-shipping-method__entry--active .mall-shipping-method__text {
    opacity : 1
}

.mall-shipping-method__logo {
    width           : 180px;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : start;
    align-items     : flex-start;
    -ms-flex-pack   : center;
    justify-content : center
}

.mall-shipping-method__logo img {
    width     : auto;
    max-width : 100%;
    display   : block
}

.mall-shipping-method__text {
    -ms-flex       : 1 1 0%;
    flex           : 1 1 0%;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center;
    opacity        : .5
}

.mall-shipping-method__name {
    font-weight : 700
}

.mall-shipping-method__description {
    font-size   : .75rem;
    line-height : 1.25;
    margin-top  : 1rem
}

.mall-shipping-method__meta {
    font-size   : .875rem;
    line-height : 1.5;
    color       : #9babb4;
    margin-top  : .5rem
}

.mall-shipping-method__selector {
    width    : 180px;
    position : relative;
    z-index  : 20
}

.mall-shipping-method__select-button {
    float            : right;
    font-size        : .875rem;
    display          : inline;
    background-color : #ffffff;
    color            : #364349;
    padding          : .75rem 1.5rem;
    border-width     : 1px;
    border-color     : #dae4e9;
    border-radius    : .25rem;
    box-shadow       : 0 2px 4px 0 rgba(0, 0, 0, .1);
    text-align       : center;
    cursor           : pointer;
    text-decoration  : none;
    min-height       : 42px;
    margin-right     : 1rem;
    white-space      : nowrap
}

.mall-shipping-method__submit {
    margin-top : 1rem
}

.mall-shipping-method .mall-form-control {
    margin-bottom : .5rem
}

.mall-shipping-method [data-validate-for] {
    margin-bottom : 1rem;
    margin-top    : 0
}

.mall-shipping-method .mall-two-fields--number-cvv {
    display : -ms-flexbox;
    display : flex
}

.mall-shipping-method .mall-two-fields--number-cvv .mall-form-control:first-child {
    width : 75%
}

.mall-shipping-method .mall-two-fields--number-cvv .mall-form-control:last-child {
    width : 25%
}

.mall-address-selector label {
    font-size : .75rem
}

.mall-address-selector select {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-color    : #f3f7f9;
    border-width        : 1px;
    border-color        : #f3f7f9;
    font-size           : .875rem;
    color               : #596a73;
    border-radius       : .25rem;
    background-image    : url(../themes/mall/assets/dropdown.svg);
    background-repeat   : no-repeat;
    background-size     : 1.5em 1.5em;
    background-position : right 1em top 50%;
    padding             : .25rem 2rem .25rem .25rem;
    background-size     : 1.2em 1.2em;
    background-position : right .75em top 50%;
    min-width           : 60px;
    font-size           : .75rem
}

.mall-address-list__actions {
    display       : block;
    margin-top    : 1rem;
    margin-bottom : 1rem;
    float         : right;
    margin-top    : -3.4em
}

.mall-address-list__table-actions {
    text-align : right
}

.mall-address-list__table-actions a {
    margin-right : 1rem
}

.mall-checkout-result {
    width         : 50%;
    margin        : auto;
    padding       : 2rem;
    border-radius : .25rem;
    box-shadow    : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    text-align    : center
}

.mall-checkout-result--failed {
    background-color : #fcebea;
    border-width     : 1px;
    border-color     : #ef5753;
    color            : #420806
}

.mall-checkout-result--cancelled {
    background-color : #fff5eb;
    border-width     : 1px;
    border-color     : #faad63;
    color            : #542605
}

.mall-checkout-result__heading {
    margin-bottom : 1rem
}

.mall-checkout-result__actions {
    margin-top : 2rem
}

.mall-checkout-result p {
    margin-bottom : 1rem
}

.mall-overlay {
    background      : hsla(0, 0%, 100%, .8);
    position        : fixed;
    width           : 100%;
    height          : 100%;
    top             : 0;
    left            : 0;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : center;
    align-items     : center;
    -ms-flex-pack   : center;
    justify-content : center
}

.mall-quick-checkout {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between
}

.mall-quick-checkout__content-column {
    -ms-flex      : 2;
    flex          : 2;
    padding-right : 2rem
}

.mall-quick-checkout__cart-column {
    border-left-width : 1px;
    border-color      : #f3f7f9;
    -ms-flex          : 1;
    flex              : 1;
    padding-left      : 2rem
}

.mall-quick-checkout__collapsible {
    border-width  : 1px;
    border-color  : #dae4e9;
    border-radius : .25rem;
    box-shadow    : 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.mall-quick-checkout__collapsible-header {
    padding        : 2rem;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center
}

.mall-quick-checkout__collapsible-element {
    border-bottom-width : 1px;
    border-color        : #dae4e9
}

.mall-quick-checkout__collapsible-element:hover:not(.mall-quick-checkout__collapsible-element--open) {
    background-color : #fafcfc;
    cursor           : pointer
}

.mall-quick-checkout__collapsible-inner {
    padding-bottom : 1rem;
    padding-left   : 2rem;
    padding-right  : 2rem
}

.mall-quick-checkout__collapsible-element--open {
    cursor : auto
}

.mall-quick-checkout__collapsible-element--open .mall-quick-checkout__collapsible-content {
    max-height : 1600px
}

.mall-quick-checkout__collapsible-element--open .mall-quick-checkout__collapsible-summary {
    display : none
}

.mall-quick-checkout__collapsible-summary {
    color       : #70818a;
    margin-left : 1rem;
    font-size   : .875rem
}

.mall-quick-checkout__collapsible-content {
    overflow   : hidden;
    transition : max-height .2s ease-out;
    max-height : 0
}

.mall-quick-checkout__collapsible .mall-quick-checkout__heading {
    padding : 0;
    margin  : 0
}

.mall-quick-checkout__heading {
    font-size      : 1rem;
    color          : #364349;
    text-transform : uppercase
}

.mall-quick-checkout__sign-in-link {
    color         : #70818a;
    margin-bottom : 1rem;
    margin-top    : -.5rem;
    font-size     : .875rem
}

.mall-quick-checkout__payment-method-form > div {
    margin-top : 1rem
}

.mall-quick-checkout .mall-cart__table td, .mall-quick-checkout .mall-cart__wrapper {
    border : none
}

.mall-quick-checkout .mall-cart__table td {
    padding : .5rem 0
}

.mall-quick-checkout__actions {
    margin-top : 1rem
}

.mall-quick-checkout .mall-btn-checkout {
    font-size      : 1.125rem;
    font-weight    : 700;
    text-transform : uppercase;
    width          : 100%
}

.mall-quick-checkout__shipping-address-option {
    margin-bottom : 0;
    margin-top    : .5rem
}

.mall-quick-checkout__guest-option {
    margin-bottom : 1.5rem;
    margin-top    : -.25rem
}

.mall-quick-checkout__toggle-option {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    font-size       : .875rem;
    color           : #70818a;
    border-color    : #dae4e9;
    cursor          : pointer;
    text-decoration : none
}

.mall-quick-checkout__toggle-option-logo {
    width          : 75px;
    -ms-flex       : 0 0 75px;
    flex           : 0 0 75px;
    margin-left    : 20px;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center
}

.mall-quick-checkout__toggle-option-image {
    max-width : 100%;
    display   : block
}

.mall-quick-checkout__toggle-option-text {
    -ms-flex       : 1 1 auto;
    flex           : 1 1 auto;
    padding-top    : 1rem;
    padding-bottom : 1rem
}

.mall-quick-checkout__toggle-option-price {
    font-weight : 700;
    margin-top  : .25rem
}

.mall-quick-checkout__toggle-option .mall-selection-indicator {
    margin-right : 20px
}

.mall-quick-checkout__toggle-option:hover .mall-selection-indicator:not(.mall-selection-indicator--active) {
    color : #70818a
}

.mall-quick-checkout .mall-form-control {
    margin-bottom : 1rem;
    width         : 100%
}

.mall-quick-checkout .mall-form-control input, .mall-quick-checkout .mall-form-control textarea {
    padding    : .5rem .75rem;
    min-height : 0;
    font-size  : .875rem
}

.mall-quick-checkout .mall-form-control select {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-color    : #f3f7f9;
    border-width        : 1px;
    border-color        : #f3f7f9;
    color               : #596a73;
    border-radius       : .25rem;
    background-image    : url(../themes/mall/assets/dropdown.svg);
    background-repeat   : no-repeat;
    background-size     : 1.5em 1.5em;
    background-position : right 1em top 50%;
    padding             : .25rem 2rem .25rem .25rem;
    background-size     : 1.2em 1.2em;
    background-position : right .75em top 50%;
    min-width           : 60px;
    width               : 100%;
    font-size           : .875rem
}

.mall-quick-checkout .mall-two-fields {
    margin-bottom : 1rem
}

.mall-quick-checkout .mall-two-fields .mall-form-control {
    margin-bottom : 0
}

.mall-quick-checkout .mall-address-form--shipping {
    margin-top : 1rem
}

.mall-quick-checkout .mall-signup-terms {
    margin-top    : 2rem;
    margin-bottom : 2rem
}

.mall-selection-indicator {
    background-color : #f3f7f9;
    color            : #f3f7f9;
    padding-top      : 1rem;
    padding-bottom   : 1rem;
    font-weight      : 700;
    width            : 32px;
    height           : 32px;
    line-height      : 1;
    border-radius    : 50%;
    margin-top       : 10px;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-align   : center;
    align-items      : center;
    -ms-flex-pack    : center;
    justify-content  : center
}

.mall-selection-indicator--active {
    background-color : #103d60
}

.mall-my-account {
    display : -ms-flexbox;
    display : flex
}

.mall-my-account__nav {
    width : 20%
}

.mall-my-account__content {
    width        : 80%;
    padding-left : 2rem
}

.mall-my-account__content h2 {
    margin-bottom : 2rem
}

.mall-my-account__nav-item {
    padding : .75rem .5rem;
    color   : #222b2f;
    cursor  : pointer
}

.mall-my-account__nav-item a {
    color           : #70818a;
    text-decoration : none;
    display         : block
}

.mall-my-account__nav-item:hover:not(.mall-my-account__nav-item--active) {
    background-color : #f6fbfd
}

.mall-my-account__nav-item--active {
    background-color : #dae4e9
}

.mall-my-account__nav-item--active a {
    color : #222b2f
}

.mall-orders-list__order {
    cursor : pointer
}

.mall-orders-list__order:hover td {
    background-color : #f6fbfd
}

.mall-orders-list__order.is-open {
    background-color : #f1f6f8
}

.mall-orders-list__order--unpaid td {
    background-color : #fff5eb;
    color            : #542605
}

.mall-orders-list__order--unpaid:hover td {
    background-color : #faad63
}

.mall-orders-list__order--unpaid a {
    color : #420806
}

.mall-orders-list__details {
    background-color : #f1f6f8
}

.mall-order-details__row {
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 1rem
}

.mall-order-details__detail {
    width : 50%
}

.mall-order-details .mall-table td {
    vertical-align : top
}

.mall-wishlists-manager {
    display : -ms-flexbox;
    display : flex
}

.mall-wishlists-manager__lists {
    width : 350px
}

.mall-wishlists-manager__contents {
    -ms-flex         : 1 1 auto;
    flex             : 1 1 auto;
    background-color : #fafcfc;
    padding          : 2rem
}

.mall-wishlists-manager__header {
    margin-bottom : 2rem
}

.mall-wishlists-manager__well {
    background-color : #ffffff;
    box-shadow       : 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius    : .25rem;
    -ms-flex         : 1 1 0%;
    flex             : 1 1 0%
}

.mall-wishlists-manager__input {
    font-size           : 1.125rem;
    border-bottom-width : 1px;
    border-color        : #9babb4;
    padding             : .5rem 0;
    width               : 100%;
    background          : transparent;
    -ms-flex            : 1 1 auto;
    flex                : 1 1 auto
}

.mall-wishlists-manager__form {
    display : -ms-flexbox;
    display : flex
}

.mall-wishlists-manager__action-button {
    -ms-flex    : 1 1 60px;
    flex        : 1 1 60px;
    margin-left : 20px
}

.mall-wishlists-manager__actions {
    text-align : right;
    margin-top : 2rem
}

.mall-wishlists-manager__actions .mall-btn {
    margin-left : 1rem
}

.mall-wishlists-manager .mall-trash-icon {
    width : 14px;
    color : #9babb4;
    fill  : currentColor
}

.mall-wishlists-manager .mall-wishlist-empty {
    padding    : 1rem;
    text-align : center
}

.mall-wishlist-button {
    position : relative
}

.mall-wishlist-button__popup {
    font-size           : .75rem;
    opacity             : 0;
    pointer-events      : none;
    transform           : translateY(20px);
    transition          : .2s ease-out;
    transition-property : transform, opacity
}

.mall-wishlist-button__popup--visible {
    opacity        : 1;
    pointer-events : auto;
    transform      : translateY(0)
}

.mall-wishlist-button__popup-inner {
    box-shadow    : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    border-radius : .25rem;
    position      : absolute;
    bottom        : -4px;
    left          : 0;
    width         : 100%;
    background    : #ffffff;
    overflow      : hidden
}

.mall-wishlist-button__new {
    border        : 1px dashed;
    border-color  : #9babb4;
    padding       : .75rem 1rem;
    margin        : 1rem;
    border-radius : .25rem;
    display       : block;
    position      : relative
}

.mall-wishlist-button__name-input {
    text-align : center;
    display    : block;
    width      : 100%
}

.mall-wishlist-button__new-label {
    color          : #9babb4;
    text-align     : center;
    position       : absolute;
    left           : 50%;
    top            : 50%;
    width          : 100%;
    pointer-events : none;
    transform      : translate(-50%, -50%)
}

.mall-wishlists {
    width : 100%
}

.mall-wishlists--height-limited {
    overflow-y : auto;
    max-height : 400px
}

.mall-wishlist-item {
    padding         : 1rem;
    display         : -ms-flexbox;
    display         : flex;
    cursor          : pointer;
    text-decoration : none;
    color           : inherit
}

.mall-wishlist-item--active, .mall-wishlist-item:hover {
    background-color : #fafcfc
}

.mall-wishlist-item__data {
    -ms-flex : 1 0 auto;
    flex     : 1 0 auto
}

.mall-wishlist-item__description {
    color      : #9babb4;
    margin-top : .25rem
}

.mall-wishlist-item__meta {
    margin-left : 20px;
    text-align  : right;
    -ms-flex    : 0 0 auto;
    flex        : 0 0 auto
}

.mall-add-to-wishlist-button {
    margin-top : .25rem
}

.mall-product-reviews {
    margin-top       : 2rem;
    border-top-width : 1px;
    border-color     : #f3f7f9;
    padding-top      : 2rem
}

.mall-product-reviews__heading {
    margin-bottom : 1.5rem
}

.mall-product-reviews__info {
    padding-top      : 2rem;
    padding-bottom   : 2rem;
    border-top-width : 1px;
    border-color     : #fafcfc;
    display          : -ms-flexbox;
    display          : flex
}

.mall-product-reviews__summary {
    font-size : .75rem;
    color     : #70818a
}

.mall-product-reviews__summary [data-validate-for] {
    margin-left   : 0;
    margin-top    : .5rem;
    margin-bottom : 2rem
}

.mall-product-reviews__info-name {
    font-size               : .875rem;
    color                   : #596a73;
    font-weight             : 700;
    -ms-flex-preferred-size : 200px;
    flex-basis              : 200px
}

.mall-product-reviews__info-content {
    -ms-flex : 1 1 auto;
    flex     : 1 1 auto
}

.mall-product-reviews__form-details {
    overflow   : hidden;
    max-height : 0;
    transition : max-height .2s ease-out
}

.mall-product-reviews__form-details--visible {
    padding-top : 1rem;
    max-height  : 750px
}

.mall-product-reviews__overall-ratings {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between
}

.mall-product-reviews__overall-ratings .mall-star {
    width  : 24px;
    height : 24px
}

.mall-product-reviews__overall-ratings > div {
    -ms-flex : 1 1 50%;
    flex     : 1 1 50%
}

.mall-product-reviews__login-required {
    font-size : .875rem;
    color     : #70818a
}

.mall-product-reviews .mall-callout {
    width : 100%
}

.mall-reviews {
    border-top-width : 1px;
    border-color     : #f3f7f9
}

.mall-pagination--reviews {
    margin-top : 2rem
}

.mall-review {
    margin-top          : 1rem;
    font-size           : .875rem;
    border-bottom-width : 1px;
    border-color        : #f3f7f9;
    padding-bottom      : 1rem
}

.mall-review__rating {
    margin-bottom : 1rem;
    white-space   : nowrap
}

.mall-review__rating .mall-star {
    width  : 16px;
    height : 16px
}

.mall-review__title {
    color     : #364349;
    font-size : .875rem
}

.mall-review__subtitle {
    color       : #70818a;
    font-size   : .75rem;
    font-weight : 400;
    margin-top  : .5rem
}

.mall-review__content {
    margin-top  : 1rem;
    color       : #364349;
    line-height : 1.5
}

.mall-review__category-reviews {
    margin-bottom : .5rem
}

.mall-review__author {
    color     : #70818a;
    font-size : .75rem
}

.mall-review__details {
    margin-top      : 1rem;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between
}

.mall-review__pro-con-list {
    font-size  : .75rem;
    color      : #70818a;
    list-style : none
}

.mall-review__pro-con-list li {
    margin-bottom : .25rem
}

.mall-review__category-reviews {
    width : 50%
}

.mall-category-review {
    font-size       : .75rem;
    color           : #596a73;
    margin-bottom   : .5rem;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    -ms-flex-align  : center;
    align-items     : center
}

.mall-category-review__name {
    -ms-flex : 1 1 auto;
    flex     : 1 1 auto
}

.mall-category-review__rating {
    -ms-flex-preferred-size : 90px;
    flex-basis              : 90px;
    -ms-flex-negative       : 0;
    flex-shrink             : 0;
    white-space             : nowrap
}

.mall-category-review__rating--clickable .mall-star {
    cursor : pointer
}

.mall-category-review__rating .mall-star {
    width  : 12px;
    height : 12px
}

.mall-category-review--big .mall-category-review__rating {
    -ms-flex-preferred-size : 120px;
    flex-basis              : 120px
}

.mall-category-review--big .mall-category-review__rating .mall-star {
    width  : 18px;
    height : 18px
}

.mall-star__bg {
    fill : transparent
}

.mall-star--hover .mall-star__bg, .mall-star--hover .mall-star__border, .mall-star__border {
    fill : silver
}

.mall-star--active .mall-star__bg, .mall-star--active .mall-star__border {
    fill : #fac917
}

.mall-review__details .mall-star.mall-star--active {
    color : #9babb4
}

.mall-review__details .mall-star.mall-star--active .mall-star__bg, .mall-review__details .mall-star.mall-star--active .mall-star__border {
    fill : currentColor
}

.mall-modal {
    position            : absolute;
    left                : 0;
    top                 : 0;
    height              : 100%;
    width               : 100%;
    z-index             : 1000;
    background          : rgba(0, 0, 0, .5);
    transition          : .3s ease;
    transition-property : opacity, visibility;
    overflow-y          : scroll;
    visibility          : hidden;
    opacity             : 0;
    pointer-events      : none
}

.mall-modal--visible {
    opacity        : 1;
    visibility     : visible;
    pointer-events : auto
}

.mall-modal__inner {
    width         : 600px;
    max-width     : 95%;
    margin        : 2rem auto;
    box-shadow    : 0 4px 8px rgba(0, 0, 0, .15);
    padding       : 2rem;
    background    : #ffffff;
    border-radius : 3px
}

.mall-modal__inner > h3 {
    margin-bottom : 2rem
}

.mall-modal__actions {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    -ms-flex-align  : center;
    align-items     : center;
    margin-top      : 2rem
}

.list-reset {
    list-style : none;
    padding    : 0
}

.appearance-none {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
}

.bg-fixed {
    background-attachment : fixed
}

.bg-local {
    background-attachment : local
}

.bg-scroll {
    background-attachment : scroll
}

.bg-transparent {
    background-color : transparent
}

.bg-primary {
    background-color : #103d60
}

.bg-primary-light {
    background-color : #144b76
}

.bg-secondary {
    background-color : #ef7204
}

.bg-secondary-light {
    background-color : #ef5c12
}

.bg-black {
    background-color : #222b2f
}

.bg-grey-darkest {
    background-color : #364349
}

.bg-grey-darker {
    background-color : #596a73
}

.bg-grey-dark {
    background-color : #70818a
}

.bg-grey {
    background-color : #9babb4
}

.bg-grey-light {
    background-color : #dae4e9
}

.bg-grey-lighter {
    background-color : #f3f7f9
}

.bg-grey-lightest {
    background-color : #fafcfc
}

.bg-smoke-dark {
    background-color : #ccd6db
}

.bg-smoke {
    background-color : #dae4e9
}

.bg-smoke-light {
    background-color : #f1f6f8
}

.bg-smoke-lightest {
    background-color : #f6fbfd
}

.bg-white {
    background-color : #ffffff
}

.bg-red-darkest {
    background-color : #420806
}

.bg-red-dark {
    background-color : #cc1f1a
}

.bg-red {
    background-color : #e3342f
}

.bg-red-light {
    background-color : #ef5753
}

.bg-red-lightest {
    background-color : #fcebea
}

.bg-orange-darkest {
    background-color : #542605
}

.bg-orange-light {
    background-color : #faad63
}

.bg-orange-lightest {
    background-color : #fff5eb
}

.bg-yellow-darkest {
    background-color : #453411
}

.bg-yellow-lightest {
    background-color : #fcfbeb
}

.bg-blue-darker {
    background-color : #103d60
}

.bg-blue-dark {
    background-color : #2779bd
}

.bg-blue {
    background-color : #3490dc
}

.hover\:bg-transparent:hover {
    background-color : transparent
}

.hover\:bg-primary:hover {
    background-color : #103d60
}

.hover\:bg-primary-light:hover {
    background-color : #144b76
}

.hover\:bg-secondary:hover {
    background-color : #ef7204
}

.hover\:bg-secondary-light:hover {
    background-color : #ef5c12
}

.hover\:bg-black:hover {
    background-color : #222b2f
}

.hover\:bg-grey-darkest:hover {
    background-color : #364349
}

.hover\:bg-grey-darker:hover {
    background-color : #596a73
}

.hover\:bg-grey-dark:hover {
    background-color : #70818a
}

.hover\:bg-grey:hover {
    background-color : #9babb4
}

.hover\:bg-grey-light:hover {
    background-color : #dae4e9
}

.hover\:bg-grey-lighter:hover {
    background-color : #f3f7f9
}

.hover\:bg-grey-lightest:hover {
    background-color : #fafcfc
}

.hover\:bg-smoke-dark:hover {
    background-color : #ccd6db
}

.hover\:bg-smoke:hover {
    background-color : #dae4e9
}

.hover\:bg-smoke-light:hover {
    background-color : #f1f6f8
}

.hover\:bg-smoke-lightest:hover {
    background-color : #f6fbfd
}

.hover\:bg-white:hover {
    background-color : #ffffff
}

.hover\:bg-red-darkest:hover {
    background-color : #420806
}

.hover\:bg-red-dark:hover {
    background-color : #cc1f1a
}

.hover\:bg-red:hover {
    background-color : #e3342f
}

.hover\:bg-red-light:hover {
    background-color : #ef5753
}

.hover\:bg-red-lightest:hover {
    background-color : #fcebea
}

.hover\:bg-orange-darkest:hover {
    background-color : #542605
}

.hover\:bg-orange-light:hover {
    background-color : #faad63
}

.hover\:bg-orange-lightest:hover {
    background-color : #fff5eb
}

.hover\:bg-yellow-darkest:hover {
    background-color : #453411
}

.hover\:bg-yellow-lightest:hover {
    background-color : #fcfbeb
}

.hover\:bg-blue-darker:hover {
    background-color : #103d60
}

.hover\:bg-blue-dark:hover {
    background-color : #2779bd
}

.hover\:bg-blue:hover {
    background-color : #3490dc
}

.bg-bottom {
    background-position : bottom
}

.bg-center {
    background-position : 50%
}

.bg-left {
    background-position : 0
}

.bg-left-bottom {
    background-position : 0 100%
}

.bg-left-top {
    background-position : 0 0
}

.bg-right {
    background-position : 100%
}

.bg-right-bottom {
    background-position : 100% 100%
}

.bg-right-top {
    background-position : 100% 0
}

.bg-top {
    background-position : top
}

.bg-repeat {
    background-repeat : repeat
}

.bg-no-repeat {
    background-repeat : no-repeat
}

.bg-repeat-x {
    background-repeat : repeat-x
}

.bg-repeat-y {
    background-repeat : repeat-y
}

.bg-auto {
    background-size : auto
}

.bg-cover {
    background-size : cover
}

.bg-contain {
    background-size : contain
}

.border-collapse {
    border-collapse : collapse
}

.border-separate {
    border-collapse : separate
}

.border-transparent {
    border-color : transparent
}

.border-primary {
    border-color : #103d60
}

.border-primary-light {
    border-color : #144b76
}

.border-secondary {
    border-color : #ef7204
}

.border-secondary-light {
    border-color : #ef5c12
}

.border-black {
    border-color : #222b2f
}

.border-grey-darkest {
    border-color : #364349
}

.border-grey-darker {
    border-color : #596a73
}

.border-grey-dark {
    border-color : #70818a
}

.border-grey {
    border-color : #9babb4
}

.border-grey-light {
    border-color : #dae4e9
}

.border-grey-lighter {
    border-color : #f3f7f9
}

.border-grey-lightest {
    border-color : #fafcfc
}

.border-smoke-dark {
    border-color : #ccd6db
}

.border-smoke {
    border-color : #dae4e9
}

.border-smoke-light {
    border-color : #f1f6f8
}

.border-smoke-lightest {
    border-color : #f6fbfd
}

.border-white {
    border-color : #ffffff
}

.border-red-darkest {
    border-color : #420806
}

.border-red-dark {
    border-color : #cc1f1a
}

.border-red {
    border-color : #e3342f
}

.border-red-light {
    border-color : #ef5753
}

.border-red-lightest {
    border-color : #fcebea
}

.border-orange-darkest {
    border-color : #542605
}

.border-orange-light {
    border-color : #faad63
}

.border-orange-lightest {
    border-color : #fff5eb
}

.border-yellow-darkest {
    border-color : #453411
}

.border-yellow-lightest {
    border-color : #fcfbeb
}

.border-blue-darker {
    border-color : #103d60
}

.border-blue-dark {
    border-color : #2779bd
}

.border-blue {
    border-color : #3490dc
}

.hover\:border-transparent:hover {
    border-color : transparent
}

.hover\:border-primary:hover {
    border-color : #103d60
}

.hover\:border-primary-light:hover {
    border-color : #144b76
}

.hover\:border-secondary:hover {
    border-color : #ef7204
}

.hover\:border-secondary-light:hover {
    border-color : #ef5c12
}

.hover\:border-black:hover {
    border-color : #222b2f
}

.hover\:border-grey-darkest:hover {
    border-color : #364349
}

.hover\:border-grey-darker:hover {
    border-color : #596a73
}

.hover\:border-grey-dark:hover {
    border-color : #70818a
}

.hover\:border-grey:hover {
    border-color : #9babb4
}

.hover\:border-grey-light:hover {
    border-color : #dae4e9
}

.hover\:border-grey-lighter:hover {
    border-color : #f3f7f9
}

.hover\:border-grey-lightest:hover {
    border-color : #fafcfc
}

.hover\:border-smoke-dark:hover {
    border-color : #ccd6db
}

.hover\:border-smoke:hover {
    border-color : #dae4e9
}

.hover\:border-smoke-light:hover {
    border-color : #f1f6f8
}

.hover\:border-smoke-lightest:hover {
    border-color : #f6fbfd
}

.hover\:border-white:hover {
    border-color : #ffffff
}

.hover\:border-red-darkest:hover {
    border-color : #420806
}

.hover\:border-red-dark:hover {
    border-color : #cc1f1a
}

.hover\:border-red:hover {
    border-color : #e3342f
}

.hover\:border-red-light:hover {
    border-color : #ef5753
}

.hover\:border-red-lightest:hover {
    border-color : #fcebea
}

.hover\:border-orange-darkest:hover {
    border-color : #542605
}

.hover\:border-orange-light:hover {
    border-color : #faad63
}

.hover\:border-orange-lightest:hover {
    border-color : #fff5eb
}

.hover\:border-yellow-darkest:hover {
    border-color : #453411
}

.hover\:border-yellow-lightest:hover {
    border-color : #fcfbeb
}

.hover\:border-blue-darker:hover {
    border-color : #103d60
}

.hover\:border-blue-dark:hover {
    border-color : #2779bd
}

.hover\:border-blue:hover {
    border-color : #3490dc
}

.rounded-none {
    border-radius : 0
}

.rounded-sm {
    border-radius : .125rem
}

.rounded {
    border-radius : .25rem
}

.rounded-lg {
    border-radius : .5rem
}

.rounded-full {
    border-radius : 9999px
}

.rounded-t-none {
    border-top-left-radius  : 0;
    border-top-right-radius : 0
}

.rounded-r-none {
    border-top-right-radius    : 0;
    border-bottom-right-radius : 0
}

.rounded-b-none {
    border-bottom-right-radius : 0;
    border-bottom-left-radius  : 0
}

.rounded-l-none {
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0
}

.rounded-t-sm {
    border-top-left-radius : .125rem
}

.rounded-r-sm, .rounded-t-sm {
    border-top-right-radius : .125rem
}

.rounded-b-sm, .rounded-r-sm {
    border-bottom-right-radius : .125rem
}

.rounded-b-sm, .rounded-l-sm {
    border-bottom-left-radius : .125rem
}

.rounded-l-sm {
    border-top-left-radius : .125rem
}

.rounded-t {
    border-top-left-radius : .25rem
}

.rounded-r, .rounded-t {
    border-top-right-radius : .25rem
}

.rounded-b, .rounded-r {
    border-bottom-right-radius : .25rem
}

.rounded-b, .rounded-l {
    border-bottom-left-radius : .25rem
}

.rounded-l {
    border-top-left-radius : .25rem
}

.rounded-t-lg {
    border-top-left-radius : .5rem
}

.rounded-r-lg, .rounded-t-lg {
    border-top-right-radius : .5rem
}

.rounded-b-lg, .rounded-r-lg {
    border-bottom-right-radius : .5rem
}

.rounded-b-lg, .rounded-l-lg {
    border-bottom-left-radius : .5rem
}

.rounded-l-lg {
    border-top-left-radius : .5rem
}

.rounded-t-full {
    border-top-left-radius  : 9999px;
    border-top-right-radius : 9999px
}

.rounded-r-full {
    border-top-right-radius : 9999px
}

.rounded-b-full, .rounded-r-full {
    border-bottom-right-radius : 9999px
}

.rounded-b-full, .rounded-l-full {
    border-bottom-left-radius : 9999px
}

.rounded-l-full {
    border-top-left-radius : 9999px
}

.rounded-tl-none {
    border-top-left-radius : 0
}

.rounded-tr-none {
    border-top-right-radius : 0
}

.rounded-br-none {
    border-bottom-right-radius : 0
}

.rounded-bl-none {
    border-bottom-left-radius : 0
}

.rounded-tl-sm {
    border-top-left-radius : .125rem
}

.rounded-tr-sm {
    border-top-right-radius : .125rem
}

.rounded-br-sm {
    border-bottom-right-radius : .125rem
}

.rounded-bl-sm {
    border-bottom-left-radius : .125rem
}

.rounded-tl {
    border-top-left-radius : .25rem
}

.rounded-tr {
    border-top-right-radius : .25rem
}

.rounded-br {
    border-bottom-right-radius : .25rem
}

.rounded-bl {
    border-bottom-left-radius : .25rem
}

.rounded-tl-lg {
    border-top-left-radius : .5rem
}

.rounded-tr-lg {
    border-top-right-radius : .5rem
}

.rounded-br-lg {
    border-bottom-right-radius : .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius : .5rem
}

.rounded-tl-full {
    border-top-left-radius : 9999px
}

.rounded-tr-full {
    border-top-right-radius : 9999px
}

.rounded-br-full {
    border-bottom-right-radius : 9999px
}

.rounded-bl-full {
    border-bottom-left-radius : 9999px
}

.border-solid {
    border-style : solid
}

.border-dashed {
    border-style : dashed
}

.border-dotted {
    border-style : dotted
}

.border-none {
    border-style : none
}

.border-0 {
    border-width : 0
}

.border-2 {
    border-width : 2px
}

.border-4 {
    border-width : 4px
}

.border-8 {
    border-width : 8px
}

.border {
    border-width : 1px
}

.border-t-0 {
    border-top-width : 0
}

.border-r-0 {
    border-right-width : 0
}

.border-b-0 {
    border-bottom-width : 0
}

.border-l-0 {
    border-left-width : 0
}

.border-t-2 {
    border-top-width : 2px
}

.border-r-2 {
    border-right-width : 2px
}

.border-b-2 {
    border-bottom-width : 2px
}

.border-l-2 {
    border-left-width : 2px
}

.border-t-4 {
    border-top-width : 4px
}

.border-r-4 {
    border-right-width : 4px
}

.border-b-4 {
    border-bottom-width : 4px
}

.border-l-4 {
    border-left-width : 4px
}

.border-t-8 {
    border-top-width : 8px
}

.border-r-8 {
    border-right-width : 8px
}

.border-b-8 {
    border-bottom-width : 8px
}

.border-l-8 {
    border-left-width : 8px
}

.border-t {
    border-top-width : 1px
}

.border-r {
    border-right-width : 1px
}

.border-b {
    border-bottom-width : 1px
}

.border-l {
    border-left-width : 1px
}

.cursor-auto {
    cursor : auto
}

.cursor-default {
    cursor : default
}

.cursor-pointer {
    cursor : pointer
}

.cursor-wait {
    cursor : wait
}

.cursor-move {
    cursor : move
}

.cursor-not-allowed {
    cursor : not-allowed
}

.block {
    display : block
}

.inline-block {
    display : inline-block
}

.inline {
    display : inline
}

.table {
    display : table
}

.table-row {
    display : table-row
}

.table-cell {
    display : table-cell
}

.hidden {
    display : none
}

.flex {
    display : -ms-flexbox;
    display : flex
}

.inline-flex {
    display : -ms-inline-flexbox;
    display : inline-flex
}

.flex-row {
    -ms-flex-direction : row;
    flex-direction     : row
}

.flex-row-reverse {
    -ms-flex-direction : row-reverse;
    flex-direction     : row-reverse
}

.flex-col {
    -ms-flex-direction : column;
    flex-direction     : column
}

.flex-col-reverse {
    -ms-flex-direction : column-reverse;
    flex-direction     : column-reverse
}

.flex-wrap {
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap
}

.flex-wrap-reverse {
    -ms-flex-wrap : wrap-reverse;
    flex-wrap     : wrap-reverse
}

.flex-no-wrap {
    -ms-flex-wrap : nowrap;
    flex-wrap     : nowrap
}

.items-start {
    -ms-flex-align : start;
    align-items    : flex-start
}

.items-end {
    -ms-flex-align : end;
    align-items    : flex-end
}

.items-center {
    -ms-flex-align : center;
    align-items    : center
}

.items-baseline {
    -ms-flex-align : baseline;
    align-items    : baseline
}

.items-stretch {
    -ms-flex-align : stretch;
    align-items    : stretch
}

.self-auto {
    -ms-flex-item-align : auto;
    -ms-grid-row-align  : auto;
    align-self          : auto
}

.self-start {
    -ms-flex-item-align : start;
    align-self          : flex-start
}

.self-end {
    -ms-flex-item-align : end;
    align-self          : flex-end
}

.self-center {
    -ms-flex-item-align : center;
    -ms-grid-row-align  : center;
    align-self          : center
}

.self-stretch {
    -ms-flex-item-align : stretch;
    -ms-grid-row-align  : stretch;
    align-self          : stretch
}

.justify-start {
    -ms-flex-pack   : start;
    justify-content : flex-start
}

.justify-end {
    -ms-flex-pack   : end;
    justify-content : flex-end
}

.justify-center {
    -ms-flex-pack   : center;
    justify-content : center
}

.justify-between {
    -ms-flex-pack   : justify;
    justify-content : space-between
}

.justify-around {
    -ms-flex-pack   : distribute;
    justify-content : space-around
}

.content-center {
    -ms-flex-line-pack : center;
    align-content      : center
}

.content-start {
    -ms-flex-line-pack : start;
    align-content      : flex-start
}

.content-end {
    -ms-flex-line-pack : end;
    align-content      : flex-end
}

.content-between {
    -ms-flex-line-pack : justify;
    align-content      : space-between
}

.content-around {
    -ms-flex-line-pack : distribute;
    align-content      : space-around
}

.flex-1 {
    -ms-flex : 1 1 0%;
    flex     : 1 1 0%
}

.flex-auto {
    -ms-flex : 1 1 auto;
    flex     : 1 1 auto
}

.flex-initial {
    -ms-flex : 0 1 auto;
    flex     : 0 1 auto
}

.flex-none {
    -ms-flex : none;
    flex     : none
}

.flex-grow {
    -ms-flex-positive : 1;
    flex-grow         : 1
}

.flex-shrink {
    -ms-flex-negative : 1;
    flex-shrink       : 1
}

.flex-no-grow {
    -ms-flex-positive : 0;
    flex-grow         : 0
}

.flex-no-shrink {
    -ms-flex-negative : 0;
    flex-shrink       : 0
}

.float-right {
    float : right
}

.float-left {
    float : left
}

.float-none {
    float : none
}

.clearfix:after {
    content : "";
    display : table;
    clear   : both
}

.font-sans {
    font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

.font-serif {
    font-family : Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
}

.font-mono {
    font-family : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-hairline {
    font-weight : 100
}

.font-thin {
    font-weight : 200
}

.font-light {
    font-weight : 300
}

.font-normal {
    font-weight : 400
}

.font-medium {
    font-weight : 500
}

.font-semibold {
    font-weight : 600
}

.font-bold {
    font-weight : 700
}

.font-extrabold {
    font-weight : 800
}

.font-black {
    font-weight : 900
}

.h-auto {
    height : auto
}

.h-px {
    height : 1px
}

.h-full {
    height : 100%
}

.h-screen {
    height : 100vh
}

.leading-none {
    line-height : 1
}

.leading-tight {
    line-height : 1.25
}

.leading-normal {
    line-height : 1.5
}

.leading-loose {
    line-height : 2
}

.m-0 {
    margin : 0
}

.m-1 {
    margin : .25rem
}

.m-2 {
    margin : .5rem
}

.m-3 {
    margin : .75rem
}

.m-4 {
    margin : 1rem
}

.m-5 {
    margin : 1.25rem
}

.m-6 {
    margin : 1.5rem
}

.m-8 {
    margin : 2rem
}

.m-10 {
    margin : 2.5rem
}

.m-12 {
    margin : 3rem
}

.m-16 {
    margin : 4rem
}

.m-20 {
    margin : 5rem
}

.m-24 {
    margin : 6rem
}

.m-32 {
    margin : 8rem
}

.m-auto {
    margin : auto
}

.m-px {
    margin : 1px
}

.my-0 {
    margin-top    : 0;
    margin-bottom : 0
}

.mx-0 {
    margin-left  : 0;
    margin-right : 0
}

.my-1 {
    margin-top    : .25rem;
    margin-bottom : .25rem
}

.mx-1 {
    margin-left  : .25rem;
    margin-right : .25rem
}

.my-2 {
    margin-top    : .5rem;
    margin-bottom : .5rem
}

.mx-2 {
    margin-left  : .5rem;
    margin-right : .5rem
}

.my-3 {
    margin-top    : .75rem;
    margin-bottom : .75rem
}

.mx-3 {
    margin-left  : .75rem;
    margin-right : .75rem
}

.my-4 {
    margin-top    : 1rem;
    margin-bottom : 1rem
}

.mx-4 {
    margin-left  : 1rem;
    margin-right : 1rem
}

.my-5 {
    margin-top    : 1.25rem;
    margin-bottom : 1.25rem
}

.mx-5 {
    margin-left  : 1.25rem;
    margin-right : 1.25rem
}

.my-6 {
    margin-top    : 1.5rem;
    margin-bottom : 1.5rem
}

.mx-6 {
    margin-left  : 1.5rem;
    margin-right : 1.5rem
}

.my-8 {
    margin-top    : 2rem;
    margin-bottom : 2rem
}

.mx-8 {
    margin-left  : 2rem;
    margin-right : 2rem
}

.my-10 {
    margin-top    : 2.5rem;
    margin-bottom : 2.5rem
}

.mx-10 {
    margin-left  : 2.5rem;
    margin-right : 2.5rem
}

.my-12 {
    margin-top    : 3rem;
    margin-bottom : 3rem
}

.mx-12 {
    margin-left  : 3rem;
    margin-right : 3rem
}

.my-16 {
    margin-top    : 4rem;
    margin-bottom : 4rem
}

.mx-16 {
    margin-left  : 4rem;
    margin-right : 4rem
}

.my-20 {
    margin-top    : 5rem;
    margin-bottom : 5rem
}

.mx-20 {
    margin-left  : 5rem;
    margin-right : 5rem
}

.my-24 {
    margin-top    : 6rem;
    margin-bottom : 6rem
}

.mx-24 {
    margin-left  : 6rem;
    margin-right : 6rem
}

.my-32 {
    margin-top    : 8rem;
    margin-bottom : 8rem
}

.mx-32 {
    margin-left  : 8rem;
    margin-right : 8rem
}

.my-auto {
    margin-top    : auto;
    margin-bottom : auto
}

.mx-auto {
    margin-left  : auto;
    margin-right : auto
}

.my-px {
    margin-top    : 1px;
    margin-bottom : 1px
}

.mx-px {
    margin-left  : 1px;
    margin-right : 1px
}

.mt-0 {
    margin-top : 0
}

.mr-0 {
    margin-right : 0
}

.mb-0 {
    margin-bottom : 0
}

.ml-0 {
    margin-left : 0
}

.mt-1 {
    margin-top : .25rem
}

.mr-1 {
    margin-right : .25rem
}

.mb-1 {
    margin-bottom : .25rem
}

.ml-1 {
    margin-left : .25rem
}

.mt-2 {
    margin-top : .5rem
}

.mr-2 {
    margin-right : .5rem
}

.mb-2 {
    margin-bottom : .5rem
}

.ml-2 {
    margin-left : .5rem
}

.mt-3 {
    margin-top : .75rem
}

.mr-3 {
    margin-right : .75rem
}

.mb-3 {
    margin-bottom : .75rem
}

.ml-3 {
    margin-left : .75rem
}

.mt-4 {
    margin-top : 1rem
}

.mr-4 {
    margin-right : 1rem
}

.mb-4 {
    margin-bottom : 1rem
}

.ml-4 {
    margin-left : 1rem
}

.mt-5 {
    margin-top : 1.25rem
}

.mr-5 {
    margin-right : 1.25rem
}

.mb-5 {
    margin-bottom : 1.25rem
}

.ml-5 {
    margin-left : 1.25rem
}

.mt-6 {
    margin-top : 1.5rem
}

.mr-6 {
    margin-right : 1.5rem
}

.mb-6 {
    margin-bottom : 1.5rem
}

.ml-6 {
    margin-left : 1.5rem
}

.mt-8 {
    margin-top : 2rem
}

.mr-8 {
    margin-right : 2rem
}

.mb-8 {
    margin-bottom : 2rem
}

.ml-8 {
    margin-left : 2rem
}

.mt-10 {
    margin-top : 2.5rem
}

.mr-10 {
    margin-right : 2.5rem
}

.mb-10 {
    margin-bottom : 2.5rem
}

.ml-10 {
    margin-left : 2.5rem
}

.mt-12 {
    margin-top : 3rem
}

.mr-12 {
    margin-right : 3rem
}

.mb-12 {
    margin-bottom : 3rem
}

.ml-12 {
    margin-left : 3rem
}

.mt-16 {
    margin-top : 4rem
}

.mr-16 {
    margin-right : 4rem
}

.mb-16 {
    margin-bottom : 4rem
}

.ml-16 {
    margin-left : 4rem
}

.mt-20 {
    margin-top : 5rem
}

.mr-20 {
    margin-right : 5rem
}

.mb-20 {
    margin-bottom : 5rem
}

.ml-20 {
    margin-left : 5rem
}

.mt-24 {
    margin-top : 6rem
}

.mr-24 {
    margin-right : 6rem
}

.mb-24 {
    margin-bottom : 6rem
}

.ml-24 {
    margin-left : 6rem
}

.mt-32 {
    margin-top : 8rem
}

.mr-32 {
    margin-right : 8rem
}

.mb-32 {
    margin-bottom : 8rem
}

.ml-32 {
    margin-left : 8rem
}

.mt-auto {
    margin-top : auto
}

.mr-auto {
    margin-right : auto
}

.mb-auto {
    margin-bottom : auto
}

.ml-auto {
    margin-left : auto
}

.mt-px {
    margin-top : 1px
}

.mr-px {
    margin-right : 1px
}

.mb-px {
    margin-bottom : 1px
}

.ml-px {
    margin-left : 1px
}

.max-h-full {
    max-height : 100%
}

.max-h-screen {
    max-height : 100vh
}

.max-w-xs {
    max-width : 20rem
}

.max-w-sm {
    max-width : 30rem
}

.max-w-md {
    max-width : 40rem
}

.max-w-lg {
    max-width : 50rem
}

.max-w-xl {
    max-width : 60rem
}

.max-w-2xl {
    max-width : 70rem
}

.max-w-3xl {
    max-width : 80rem
}

.max-w-4xl {
    max-width : 90rem
}

.max-w-5xl {
    max-width : 100rem
}

.max-w-full {
    max-width : 100%
}

.min-h-0 {
    min-height : 0
}

.min-h-full {
    min-height : 100%
}

.min-h-screen {
    min-height : 100vh
}

.min-w-0 {
    min-width : 0
}

.min-w-full {
    min-width : 100%
}

.-m-0 {
    margin : 0
}

.-m-1 {
    margin : -.25rem
}

.-m-2 {
    margin : -.5rem
}

.-m-3 {
    margin : -.75rem
}

.-m-4 {
    margin : -1rem
}

.-m-5 {
    margin : -1.25rem
}

.-m-6 {
    margin : -1.5rem
}

.-m-8 {
    margin : -2rem
}

.-m-10 {
    margin : -2.5rem
}

.-m-12 {
    margin : -3rem
}

.-m-16 {
    margin : -4rem
}

.-m-20 {
    margin : -5rem
}

.-m-24 {
    margin : -6rem
}

.-m-32 {
    margin : -8rem
}

.-m-px {
    margin : -1px
}

.-my-0 {
    margin-top    : 0;
    margin-bottom : 0
}

.-mx-0 {
    margin-left  : 0;
    margin-right : 0
}

.-my-1 {
    margin-top    : -.25rem;
    margin-bottom : -.25rem
}

.-mx-1 {
    margin-left  : -.25rem;
    margin-right : -.25rem
}

.-my-2 {
    margin-top    : -.5rem;
    margin-bottom : -.5rem
}

.-mx-2 {
    margin-left  : -.5rem;
    margin-right : -.5rem
}

.-my-3 {
    margin-top    : -.75rem;
    margin-bottom : -.75rem
}

.-mx-3 {
    margin-left  : -.75rem;
    margin-right : -.75rem
}

.-my-4 {
    margin-top    : -1rem;
    margin-bottom : -1rem
}

.-mx-4 {
    margin-left  : -1rem;
    margin-right : -1rem
}

.-my-5 {
    margin-top    : -1.25rem;
    margin-bottom : -1.25rem
}

.-mx-5 {
    margin-left  : -1.25rem;
    margin-right : -1.25rem
}

.-my-6 {
    margin-top    : -1.5rem;
    margin-bottom : -1.5rem
}

.-mx-6 {
    margin-left  : -1.5rem;
    margin-right : -1.5rem
}

.-my-8 {
    margin-top    : -2rem;
    margin-bottom : -2rem
}

.-mx-8 {
    margin-left  : -2rem;
    margin-right : -2rem
}

.-my-10 {
    margin-top    : -2.5rem;
    margin-bottom : -2.5rem
}

.-mx-10 {
    margin-left  : -2.5rem;
    margin-right : -2.5rem
}

.-my-12 {
    margin-top    : -3rem;
    margin-bottom : -3rem
}

.-mx-12 {
    margin-left  : -3rem;
    margin-right : -3rem
}

.-my-16 {
    margin-top    : -4rem;
    margin-bottom : -4rem
}

.-mx-16 {
    margin-left  : -4rem;
    margin-right : -4rem
}

.-my-20 {
    margin-top    : -5rem;
    margin-bottom : -5rem
}

.-mx-20 {
    margin-left  : -5rem;
    margin-right : -5rem
}

.-my-24 {
    margin-top    : -6rem;
    margin-bottom : -6rem
}

.-mx-24 {
    margin-left  : -6rem;
    margin-right : -6rem
}

.-my-32 {
    margin-top    : -8rem;
    margin-bottom : -8rem
}

.-mx-32 {
    margin-left  : -8rem;
    margin-right : -8rem
}

.-my-px {
    margin-top    : -1px;
    margin-bottom : -1px
}

.-mx-px {
    margin-left  : -1px;
    margin-right : -1px
}

.-mt-0 {
    margin-top : 0
}

.-mr-0 {
    margin-right : 0
}

.-mb-0 {
    margin-bottom : 0
}

.-ml-0 {
    margin-left : 0
}

.-mt-1 {
    margin-top : -.25rem
}

.-mr-1 {
    margin-right : -.25rem
}

.-mb-1 {
    margin-bottom : -.25rem
}

.-ml-1 {
    margin-left : -.25rem
}

.-mt-2 {
    margin-top : -.5rem
}

.-mr-2 {
    margin-right : -.5rem
}

.-mb-2 {
    margin-bottom : -.5rem
}

.-ml-2 {
    margin-left : -.5rem
}

.-mt-3 {
    margin-top : -.75rem
}

.-mr-3 {
    margin-right : -.75rem
}

.-mb-3 {
    margin-bottom : -.75rem
}

.-ml-3 {
    margin-left : -.75rem
}

.-mt-4 {
    margin-top : -1rem
}

.-mr-4 {
    margin-right : -1rem
}

.-mb-4 {
    margin-bottom : -1rem
}

.-ml-4 {
    margin-left : -1rem
}

.-mt-5 {
    margin-top : -1.25rem
}

.-mr-5 {
    margin-right : -1.25rem
}

.-mb-5 {
    margin-bottom : -1.25rem
}

.-ml-5 {
    margin-left : -1.25rem
}

.-mt-6 {
    margin-top : -1.5rem
}

.-mr-6 {
    margin-right : -1.5rem
}

.-mb-6 {
    margin-bottom : -1.5rem
}

.-ml-6 {
    margin-left : -1.5rem
}

.-mt-8 {
    margin-top : -2rem
}

.-mr-8 {
    margin-right : -2rem
}

.-mb-8 {
    margin-bottom : -2rem
}

.-ml-8 {
    margin-left : -2rem
}

.-mt-10 {
    margin-top : -2.5rem
}

.-mr-10 {
    margin-right : -2.5rem
}

.-mb-10 {
    margin-bottom : -2.5rem
}

.-ml-10 {
    margin-left : -2.5rem
}

.-mt-12 {
    margin-top : -3rem
}

.-mr-12 {
    margin-right : -3rem
}

.-mb-12 {
    margin-bottom : -3rem
}

.-ml-12 {
    margin-left : -3rem
}

.-mt-16 {
    margin-top : -4rem
}

.-mr-16 {
    margin-right : -4rem
}

.-mb-16 {
    margin-bottom : -4rem
}

.-ml-16 {
    margin-left : -4rem
}

.-mt-20 {
    margin-top : -5rem
}

.-mr-20 {
    margin-right : -5rem
}

.-mb-20 {
    margin-bottom : -5rem
}

.-ml-20 {
    margin-left : -5rem
}

.-mt-24 {
    margin-top : -6rem
}

.-mr-24 {
    margin-right : -6rem
}

.-mb-24 {
    margin-bottom : -6rem
}

.-ml-24 {
    margin-left : -6rem
}

.-mt-32 {
    margin-top : -8rem
}

.-mr-32 {
    margin-right : -8rem
}

.-mb-32 {
    margin-bottom : -8rem
}

.-ml-32 {
    margin-left : -8rem
}

.-mt-px {
    margin-top : -1px
}

.-mr-px {
    margin-right : -1px
}

.-mb-px {
    margin-bottom : -1px
}

.-ml-px {
    margin-left : -1px
}

.opacity-0 {
    opacity : 0
}

.opacity-25 {
    opacity : .25
}

.opacity-50 {
    opacity : .5
}

.opacity-75 {
    opacity : .75
}

.opacity-100 {
    opacity : 1
}

.focus\:outline-none:focus, .outline-none {
    outline : 0
}

.overflow-auto {
    overflow : auto
}

.overflow-hidden {
    overflow : hidden
}

.overflow-visible {
    overflow : visible
}

.overflow-scroll {
    overflow : scroll
}

.overflow-x-auto {
    overflow-x : auto
}

.overflow-y-auto {
    overflow-y : auto
}

.overflow-x-hidden {
    overflow-x : hidden
}

.overflow-y-hidden {
    overflow-y : hidden
}

.overflow-x-visible {
    overflow-x : visible
}

.overflow-y-visible {
    overflow-y : visible
}

.overflow-x-scroll {
    overflow-x : scroll
}

.overflow-y-scroll {
    overflow-y : scroll
}

.scrolling-touch {
    -webkit-overflow-scrolling : touch
}

.scrolling-auto {
    -webkit-overflow-scrolling : auto
}

.p-0 {
    padding : 0
}

.p-1 {
    padding : .25rem
}

.p-2 {
    padding : .5rem
}

.p-3 {
    padding : .75rem
}

.p-4 {
    padding : 1rem
}

.p-5 {
    padding : 1.25rem
}

.p-6 {
    padding : 1.5rem
}

.p-8 {
    padding : 2rem
}

.p-10 {
    padding : 2.5rem
}

.p-12 {
    padding : 3rem
}

.p-16 {
    padding : 4rem
}

.p-20 {
    padding : 5rem
}

.p-24 {
    padding : 6rem
}

.p-32 {
    padding : 8rem
}

.p-px {
    padding : 1px
}

.py-0 {
    padding-top    : 0;
    padding-bottom : 0
}

.px-0 {
    padding-left  : 0;
    padding-right : 0
}

.py-1 {
    padding-top    : .25rem;
    padding-bottom : .25rem
}

.px-1 {
    padding-left  : .25rem;
    padding-right : .25rem
}

.py-2 {
    padding-top    : .5rem;
    padding-bottom : .5rem
}

.px-2 {
    padding-left  : .5rem;
    padding-right : .5rem
}

.py-3 {
    padding-top    : .75rem;
    padding-bottom : .75rem
}

.px-3 {
    padding-left  : .75rem;
    padding-right : .75rem
}

.py-4 {
    padding-top    : 1rem;
    padding-bottom : 1rem
}

.px-4 {
    padding-left  : 1rem;
    padding-right : 1rem
}

.py-5 {
    padding-top    : 1.25rem;
    padding-bottom : 1.25rem
}

.px-5 {
    padding-left  : 1.25rem;
    padding-right : 1.25rem
}

.py-6 {
    padding-top    : 1.5rem;
    padding-bottom : 1.5rem
}

.px-6 {
    padding-left  : 1.5rem;
    padding-right : 1.5rem
}

.py-8 {
    padding-top    : 2rem;
    padding-bottom : 2rem
}

.px-8 {
    padding-left  : 2rem;
    padding-right : 2rem
}

.py-10 {
    padding-top    : 2.5rem;
    padding-bottom : 2.5rem
}

.px-10 {
    padding-left  : 2.5rem;
    padding-right : 2.5rem
}

.py-12 {
    padding-top    : 3rem;
    padding-bottom : 3rem
}

.px-12 {
    padding-left  : 3rem;
    padding-right : 3rem
}

.py-16 {
    padding-top    : 4rem;
    padding-bottom : 4rem
}

.px-16 {
    padding-left  : 4rem;
    padding-right : 4rem
}

.py-20 {
    padding-top    : 5rem;
    padding-bottom : 5rem
}

.px-20 {
    padding-left  : 5rem;
    padding-right : 5rem
}

.py-24 {
    padding-top    : 6rem;
    padding-bottom : 6rem
}

.px-24 {
    padding-left  : 6rem;
    padding-right : 6rem
}

.py-32 {
    padding-top    : 8rem;
    padding-bottom : 8rem
}

.px-32 {
    padding-left  : 8rem;
    padding-right : 8rem
}

.py-px {
    padding-top    : 1px;
    padding-bottom : 1px
}

.px-px {
    padding-left  : 1px;
    padding-right : 1px
}

.pt-0 {
    padding-top : 0
}

.pr-0 {
    padding-right : 0
}

.pb-0 {
    padding-bottom : 0
}

.pl-0 {
    padding-left : 0
}

.pt-1 {
    padding-top : .25rem
}

.pr-1 {
    padding-right : .25rem
}

.pb-1 {
    padding-bottom : .25rem
}

.pl-1 {
    padding-left : .25rem
}

.pt-2 {
    padding-top : .5rem
}

.pr-2 {
    padding-right : .5rem
}

.pb-2 {
    padding-bottom : .5rem
}

.pl-2 {
    padding-left : .5rem
}

.pt-3 {
    padding-top : .75rem
}

.pr-3 {
    padding-right : .75rem
}

.pb-3 {
    padding-bottom : .75rem
}

.pl-3 {
    padding-left : .75rem
}

.pt-4 {
    padding-top : 1rem
}

.pr-4 {
    padding-right : 1rem
}

.pb-4 {
    padding-bottom : 1rem
}

.pl-4 {
    padding-left : 1rem
}

.pt-5 {
    padding-top : 1.25rem
}

.pr-5 {
    padding-right : 1.25rem
}

.pb-5 {
    padding-bottom : 1.25rem
}

.pl-5 {
    padding-left : 1.25rem
}

.pt-6 {
    padding-top : 1.5rem
}

.pr-6 {
    padding-right : 1.5rem
}

.pb-6 {
    padding-bottom : 1.5rem
}

.pl-6 {
    padding-left : 1.5rem
}

.pt-8 {
    padding-top : 2rem
}

.pr-8 {
    padding-right : 2rem
}

.pb-8 {
    padding-bottom : 2rem
}

.pl-8 {
    padding-left : 2rem
}

.pt-10 {
    padding-top : 2.5rem
}

.pr-10 {
    padding-right : 2.5rem
}

.pb-10 {
    padding-bottom : 2.5rem
}

.pl-10 {
    padding-left : 2.5rem
}

.pt-12 {
    padding-top : 3rem
}

.pr-12 {
    padding-right : 3rem
}

.pb-12 {
    padding-bottom : 3rem
}

.pl-12 {
    padding-left : 3rem
}

.pt-16 {
    padding-top : 4rem
}

.pr-16 {
    padding-right : 4rem
}

.pb-16 {
    padding-bottom : 4rem
}

.pl-16 {
    padding-left : 4rem
}

.pt-20 {
    padding-top : 5rem
}

.pr-20 {
    padding-right : 5rem
}

.pb-20 {
    padding-bottom : 5rem
}

.pl-20 {
    padding-left : 5rem
}

.pt-24 {
    padding-top : 6rem
}

.pr-24 {
    padding-right : 6rem
}

.pb-24 {
    padding-bottom : 6rem
}

.pl-24 {
    padding-left : 6rem
}

.pt-32 {
    padding-top : 8rem
}

.pr-32 {
    padding-right : 8rem
}

.pb-32 {
    padding-bottom : 8rem
}

.pl-32 {
    padding-left : 8rem
}

.pt-px {
    padding-top : 1px
}

.pr-px {
    padding-right : 1px
}

.pb-px {
    padding-bottom : 1px
}

.pl-px {
    padding-left : 1px
}

.pointer-events-none {
    pointer-events : none
}

.pointer-events-auto {
    pointer-events : auto
}

.static {
    position : static
}

.fixed {
    position : fixed
}

.absolute {
    position : absolute
}

.relative {
    position : relative
}

.sticky {
    position : -webkit-sticky;
    position : sticky
}

.pin-none {
    top    : auto;
    right  : auto;
    bottom : auto;
    left   : auto
}

.pin {
    right : 0;
    left  : 0
}

.pin, .pin-y {
    top    : 0;
    bottom : 0
}

.pin-x {
    right : 0;
    left  : 0
}

.pin-t {
    top : 0
}

.pin-r {
    right : 0
}

.pin-b {
    bottom : 0
}

.pin-l {
    left : 0
}

.resize-none {
    resize : none
}

.resize-y {
    resize : vertical
}

.resize-x {
    resize : horizontal
}

.resize {
    resize : both
}

.shadow {
    box-shadow : 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.shadow-md {
    box-shadow : 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.shadow-lg {
    box-shadow : 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.shadow-inner {
    box-shadow : inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.shadow-outline {
    box-shadow : 0 0 0 3px rgba(52, 144, 220, .5)
}

.shadow-none {
    box-shadow : none
}

.fill-current {
    fill : currentColor
}

.stroke-current {
    stroke : currentColor
}

.table-auto {
    table-layout : auto
}

.table-fixed {
    table-layout : fixed
}

.text-left {
    text-align : left
}

.text-center {
    text-align : center
}

.text-right {
    text-align : right
}

.text-justify {
    text-align : justify
}

.text-transparent {
    color : transparent
}

.text-primary {
    color : #103d60
}

.text-primary-light {
    color : #144b76
}

.text-secondary {
    color : #ef7204
}

.text-secondary-light {
    color : #ef5c12
}

.text-black {
    color : #222b2f
}

.text-grey-darkest {
    color : #364349
}

.text-grey-darker {
    color : #596a73
}

.text-grey-dark {
    color : #70818a
}

.text-grey {
    color : #9babb4
}

.text-grey-light {
    color : #dae4e9
}

.text-grey-lighter {
    color : #f3f7f9
}

.text-grey-lightest {
    color : #fafcfc
}

.text-smoke-dark {
    color : #ccd6db
}

.text-smoke {
    color : #dae4e9
}

.text-smoke-light {
    color : #f1f6f8
}

.text-smoke-lightest {
    color : #f6fbfd
}

.text-white {
    color : #ffffff
}

.text-red-darkest {
    color : #420806
}

.text-red-dark {
    color : #cc1f1a
}

.text-red {
    color : #e3342f
}

.text-red-light {
    color : #ef5753
}

.text-red-lightest {
    color : #fcebea
}

.text-orange-darkest {
    color : #542605
}

.text-orange-light {
    color : #faad63
}

.text-orange-lightest {
    color : #fff5eb
}

.text-yellow-darkest {
    color : #453411
}

.text-yellow-lightest {
    color : #fcfbeb
}

.text-blue-darker {
    color : #103d60
}

.text-blue-dark {
    color : #2779bd
}

.text-blue {
    color : #3490dc
}

.hover\:text-transparent:hover {
    color : transparent
}

.hover\:text-primary:hover {
    color : #103d60
}

.hover\:text-primary-light:hover {
    color : #144b76
}

.hover\:text-secondary:hover {
    color : #ef7204
}

.hover\:text-secondary-light:hover {
    color : #ef5c12
}

.hover\:text-black:hover {
    color : #222b2f
}

.hover\:text-grey-darkest:hover {
    color : #364349
}

.hover\:text-grey-darker:hover {
    color : #596a73
}

.hover\:text-grey-dark:hover {
    color : #70818a
}

.hover\:text-grey:hover {
    color : #9babb4
}

.hover\:text-grey-light:hover {
    color : #dae4e9
}

.hover\:text-grey-lighter:hover {
    color : #f3f7f9
}

.hover\:text-grey-lightest:hover {
    color : #fafcfc
}

.hover\:text-smoke-dark:hover {
    color : #ccd6db
}

.hover\:text-smoke:hover {
    color : #dae4e9
}

.hover\:text-smoke-light:hover {
    color : #f1f6f8
}

.hover\:text-smoke-lightest:hover {
    color : #f6fbfd
}

.hover\:text-white:hover {
    color : #ffffff
}

.hover\:text-red-darkest:hover {
    color : #420806
}

.hover\:text-red-dark:hover {
    color : #cc1f1a
}

.hover\:text-red:hover {
    color : #e3342f
}

.hover\:text-red-light:hover {
    color : #ef5753
}

.hover\:text-red-lightest:hover {
    color : #fcebea
}

.hover\:text-orange-darkest:hover {
    color : #542605
}

.hover\:text-orange-light:hover {
    color : #faad63
}

.hover\:text-orange-lightest:hover {
    color : #fff5eb
}

.hover\:text-yellow-darkest:hover {
    color : #453411
}

.hover\:text-yellow-lightest:hover {
    color : #fcfbeb
}

.hover\:text-blue-darker:hover {
    color : #103d60
}

.hover\:text-blue-dark:hover {
    color : #2779bd
}

.hover\:text-blue:hover {
    color : #3490dc
}

.text-2xs {
    font-size : .65rem
}

.text-xs {
    font-size : .75rem
}

.text-sm {
    font-size : .875rem
}

.text-base {
    font-size : 1rem
}

.text-lg {
    font-size : 1.125rem
}

.text-xl {
    font-size : 1.25rem
}

.text-2xl {
    font-size : 1.5rem
}

.text-3xl {
    font-size : 1.875rem
}

.text-4xl {
    font-size : 2.25rem
}

.text-5xl {
    font-size : 3rem
}

.italic {
    font-style : italic
}

.roman {
    font-style : normal
}

.uppercase {
    text-transform : uppercase
}

.lowercase {
    text-transform : lowercase
}

.capitalize {
    text-transform : capitalize
}

.normal-case {
    text-transform : none
}

.underline {
    text-decoration : underline
}

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

.no-underline {
    text-decoration : none
}

.antialiased {
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale
}

.subpixel-antialiased {
    -webkit-font-smoothing  : auto;
    -moz-osx-font-smoothing : auto
}

.hover\:italic:hover {
    font-style : italic
}

.hover\:roman:hover {
    font-style : normal
}

.hover\:uppercase:hover {
    text-transform : uppercase
}

.hover\:lowercase:hover {
    text-transform : lowercase
}

.hover\:capitalize:hover {
    text-transform : capitalize
}

.hover\:normal-case:hover {
    text-transform : none
}

.hover\:underline:hover {
    text-decoration : underline
}

.hover\:line-through:hover {
    text-decoration : line-through
}

.hover\:no-underline:hover {
    text-decoration : none
}

.hover\:antialiased:hover {
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale
}

.hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing  : auto;
    -moz-osx-font-smoothing : auto
}

.tracking-tight {
    letter-spacing : -.05em
}

.tracking-normal {
    letter-spacing : 0
}

.tracking-wide {
    letter-spacing : .05em
}

.select-none {
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none
}

.select-text {
    -webkit-user-select : text;
    -moz-user-select    : text;
    -ms-user-select     : text;
    user-select         : text
}

.align-baseline {
    vertical-align : baseline
}

.align-top {
    vertical-align : top
}

.align-middle {
    vertical-align : middle
}

.align-bottom {
    vertical-align : bottom
}

.align-text-top {
    vertical-align : text-top
}

.align-text-bottom {
    vertical-align : text-bottom
}

.visible {
    visibility : visible
}

.invisible {
    visibility : hidden
}

.whitespace-normal {
    white-space : normal
}

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

.whitespace-pre {
    white-space : pre
}

.whitespace-pre-line {
    white-space : pre-line
}

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

.break-words {
    word-wrap : break-word
}

.break-normal {
    word-wrap : normal
}

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

.w-6 {
    width : 1.5rem
}

.w-24 {
    width : 6rem
}

.w-32 {
    width : 8rem
}

.w-auto {
    width : auto
}

.w-px {
    width : 1px
}

.w-1\/2 {
    width : 50%
}

.w-1\/3 {
    width : 33.33333%
}

.w-2\/3 {
    width : 66.66667%
}

.w-1\/4 {
    width : 25%
}

.w-3\/4 {
    width : 75%
}

.w-1\/5 {
    width : 20%
}

.w-2\/5 {
    width : 40%
}

.w-3\/5 {
    width : 60%
}

.w-4\/5 {
    width : 80%
}

.w-1\/6 {
    width : 16.66667%
}

.w-5\/6 {
    width : 83.33333%
}

.w-full {
    width : 100%
}

.w-screen {
    width : 100vw
}

.z-0 {
    z-index : 0
}

.z-10 {
    z-index : 10
}

.z-20 {
    z-index : 20
}

.z-30 {
    z-index : 30
}

.z-40 {
    z-index : 40
}

.z-50 {
    z-index : 50
}

.z-auto {
    z-index : auto
}

@media (min-width : 576px) {
    .sm\:block {
        display : block
    }

    .sm\:inline-block {
        display : inline-block
    }

    .sm\:inline {
        display : inline
    }

    .sm\:table {
        display : table
    }

    .sm\:table-row {
        display : table-row
    }

    .sm\:table-cell {
        display : table-cell
    }

    .sm\:hidden {
        display : none
    }

    .sm\:flex {
        display : -ms-flexbox;
        display : flex
    }

    .sm\:inline-flex {
        display : -ms-inline-flexbox;
        display : inline-flex
    }

    .sm\:flex-row {
        -ms-flex-direction : row;
        flex-direction     : row
    }

    .sm\:flex-row-reverse {
        -ms-flex-direction : row-reverse;
        flex-direction     : row-reverse
    }

    .sm\:flex-col {
        -ms-flex-direction : column;
        flex-direction     : column
    }

    .sm\:flex-col-reverse {
        -ms-flex-direction : column-reverse;
        flex-direction     : column-reverse
    }

    .sm\:flex-wrap {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .sm\:flex-wrap-reverse {
        -ms-flex-wrap : wrap-reverse;
        flex-wrap     : wrap-reverse
    }

    .sm\:flex-no-wrap {
        -ms-flex-wrap : nowrap;
        flex-wrap     : nowrap
    }

    .sm\:items-start {
        -ms-flex-align : start;
        align-items    : flex-start
    }

    .sm\:items-end {
        -ms-flex-align : end;
        align-items    : flex-end
    }

    .sm\:items-center {
        -ms-flex-align : center;
        align-items    : center
    }

    .sm\:items-baseline {
        -ms-flex-align : baseline;
        align-items    : baseline
    }

    .sm\:items-stretch {
        -ms-flex-align : stretch;
        align-items    : stretch
    }

    .sm\:self-auto {
        -ms-flex-item-align : auto;
        -ms-grid-row-align  : auto;
        align-self          : auto
    }

    .sm\:self-start {
        -ms-flex-item-align : start;
        align-self          : flex-start
    }

    .sm\:self-end {
        -ms-flex-item-align : end;
        align-self          : flex-end
    }

    .sm\:self-center {
        -ms-flex-item-align : center;
        -ms-grid-row-align  : center;
        align-self          : center
    }

    .sm\:self-stretch {
        -ms-flex-item-align : stretch;
        -ms-grid-row-align  : stretch;
        align-self          : stretch
    }

    .sm\:justify-start {
        -ms-flex-pack   : start;
        justify-content : flex-start
    }

    .sm\:justify-end {
        -ms-flex-pack   : end;
        justify-content : flex-end
    }

    .sm\:justify-center {
        -ms-flex-pack   : center;
        justify-content : center
    }

    .sm\:justify-between {
        -ms-flex-pack   : justify;
        justify-content : space-between
    }

    .sm\:justify-around {
        -ms-flex-pack   : distribute;
        justify-content : space-around
    }

    .sm\:content-center {
        -ms-flex-line-pack : center;
        align-content      : center
    }

    .sm\:content-start {
        -ms-flex-line-pack : start;
        align-content      : flex-start
    }

    .sm\:content-end {
        -ms-flex-line-pack : end;
        align-content      : flex-end
    }

    .sm\:content-between {
        -ms-flex-line-pack : justify;
        align-content      : space-between
    }

    .sm\:content-around {
        -ms-flex-line-pack : distribute;
        align-content      : space-around
    }

    .sm\:flex-1 {
        -ms-flex : 1 1 0%;
        flex     : 1 1 0%
    }

    .sm\:flex-auto {
        -ms-flex : 1 1 auto;
        flex     : 1 1 auto
    }

    .sm\:flex-initial {
        -ms-flex : 0 1 auto;
        flex     : 0 1 auto
    }

    .sm\:flex-none {
        -ms-flex : none;
        flex     : none
    }

    .sm\:flex-grow {
        -ms-flex-positive : 1;
        flex-grow         : 1
    }

    .sm\:flex-shrink {
        -ms-flex-negative : 1;
        flex-shrink       : 1
    }

    .sm\:flex-no-grow {
        -ms-flex-positive : 0;
        flex-grow         : 0
    }

    .sm\:flex-no-shrink {
        -ms-flex-negative : 0;
        flex-shrink       : 0
    }

    .sm\:font-sans {
        font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .sm\:font-serif {
        font-family : Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .sm\:font-mono {
        font-family : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .sm\:m-0 {
        margin : 0
    }

    .sm\:m-1 {
        margin : .25rem
    }

    .sm\:m-2 {
        margin : .5rem
    }

    .sm\:m-3 {
        margin : .75rem
    }

    .sm\:m-4 {
        margin : 1rem
    }

    .sm\:m-5 {
        margin : 1.25rem
    }

    .sm\:m-6 {
        margin : 1.5rem
    }

    .sm\:m-8 {
        margin : 2rem
    }

    .sm\:m-10 {
        margin : 2.5rem
    }

    .sm\:m-12 {
        margin : 3rem
    }

    .sm\:m-16 {
        margin : 4rem
    }

    .sm\:m-20 {
        margin : 5rem
    }

    .sm\:m-24 {
        margin : 6rem
    }

    .sm\:m-32 {
        margin : 8rem
    }

    .sm\:m-auto {
        margin : auto
    }

    .sm\:m-px {
        margin : 1px
    }

    .sm\:my-0 {
        margin-top    : 0;
        margin-bottom : 0
    }

    .sm\:mx-0 {
        margin-left  : 0;
        margin-right : 0
    }

    .sm\:my-1 {
        margin-top    : .25rem;
        margin-bottom : .25rem
    }

    .sm\:mx-1 {
        margin-left  : .25rem;
        margin-right : .25rem
    }

    .sm\:my-2 {
        margin-top    : .5rem;
        margin-bottom : .5rem
    }

    .sm\:mx-2 {
        margin-left  : .5rem;
        margin-right : .5rem
    }

    .sm\:my-3 {
        margin-top    : .75rem;
        margin-bottom : .75rem
    }

    .sm\:mx-3 {
        margin-left  : .75rem;
        margin-right : .75rem
    }

    .sm\:my-4 {
        margin-top    : 1rem;
        margin-bottom : 1rem
    }

    .sm\:mx-4 {
        margin-left  : 1rem;
        margin-right : 1rem
    }

    .sm\:my-5 {
        margin-top    : 1.25rem;
        margin-bottom : 1.25rem
    }

    .sm\:mx-5 {
        margin-left  : 1.25rem;
        margin-right : 1.25rem
    }

    .sm\:my-6 {
        margin-top    : 1.5rem;
        margin-bottom : 1.5rem
    }

    .sm\:mx-6 {
        margin-left  : 1.5rem;
        margin-right : 1.5rem
    }

    .sm\:my-8 {
        margin-top    : 2rem;
        margin-bottom : 2rem
    }

    .sm\:mx-8 {
        margin-left  : 2rem;
        margin-right : 2rem
    }

    .sm\:my-10 {
        margin-top    : 2.5rem;
        margin-bottom : 2.5rem
    }

    .sm\:mx-10 {
        margin-left  : 2.5rem;
        margin-right : 2.5rem
    }

    .sm\:my-12 {
        margin-top    : 3rem;
        margin-bottom : 3rem
    }

    .sm\:mx-12 {
        margin-left  : 3rem;
        margin-right : 3rem
    }

    .sm\:my-16 {
        margin-top    : 4rem;
        margin-bottom : 4rem
    }

    .sm\:mx-16 {
        margin-left  : 4rem;
        margin-right : 4rem
    }

    .sm\:my-20 {
        margin-top    : 5rem;
        margin-bottom : 5rem
    }

    .sm\:mx-20 {
        margin-left  : 5rem;
        margin-right : 5rem
    }

    .sm\:my-24 {
        margin-top    : 6rem;
        margin-bottom : 6rem
    }

    .sm\:mx-24 {
        margin-left  : 6rem;
        margin-right : 6rem
    }

    .sm\:my-32 {
        margin-top    : 8rem;
        margin-bottom : 8rem
    }

    .sm\:mx-32 {
        margin-left  : 8rem;
        margin-right : 8rem
    }

    .sm\:my-auto {
        margin-top    : auto;
        margin-bottom : auto
    }

    .sm\:mx-auto {
        margin-left  : auto;
        margin-right : auto
    }

    .sm\:my-px {
        margin-top    : 1px;
        margin-bottom : 1px
    }

    .sm\:mx-px {
        margin-left  : 1px;
        margin-right : 1px
    }

    .sm\:mt-0 {
        margin-top : 0
    }

    .sm\:mr-0 {
        margin-right : 0
    }

    .sm\:mb-0 {
        margin-bottom : 0
    }

    .sm\:ml-0 {
        margin-left : 0
    }

    .sm\:mt-1 {
        margin-top : .25rem
    }

    .sm\:mr-1 {
        margin-right : .25rem
    }

    .sm\:mb-1 {
        margin-bottom : .25rem
    }

    .sm\:ml-1 {
        margin-left : .25rem
    }

    .sm\:mt-2 {
        margin-top : .5rem
    }

    .sm\:mr-2 {
        margin-right : .5rem
    }

    .sm\:mb-2 {
        margin-bottom : .5rem
    }

    .sm\:ml-2 {
        margin-left : .5rem
    }

    .sm\:mt-3 {
        margin-top : .75rem
    }

    .sm\:mr-3 {
        margin-right : .75rem
    }

    .sm\:mb-3 {
        margin-bottom : .75rem
    }

    .sm\:ml-3 {
        margin-left : .75rem
    }

    .sm\:mt-4 {
        margin-top : 1rem
    }

    .sm\:mr-4 {
        margin-right : 1rem
    }

    .sm\:mb-4 {
        margin-bottom : 1rem
    }

    .sm\:ml-4 {
        margin-left : 1rem
    }

    .sm\:mt-5 {
        margin-top : 1.25rem
    }

    .sm\:mr-5 {
        margin-right : 1.25rem
    }

    .sm\:mb-5 {
        margin-bottom : 1.25rem
    }

    .sm\:ml-5 {
        margin-left : 1.25rem
    }

    .sm\:mt-6 {
        margin-top : 1.5rem
    }

    .sm\:mr-6 {
        margin-right : 1.5rem
    }

    .sm\:mb-6 {
        margin-bottom : 1.5rem
    }

    .sm\:ml-6 {
        margin-left : 1.5rem
    }

    .sm\:mt-8 {
        margin-top : 2rem
    }

    .sm\:mr-8 {
        margin-right : 2rem
    }

    .sm\:mb-8 {
        margin-bottom : 2rem
    }

    .sm\:ml-8 {
        margin-left : 2rem
    }

    .sm\:mt-10 {
        margin-top : 2.5rem
    }

    .sm\:mr-10 {
        margin-right : 2.5rem
    }

    .sm\:mb-10 {
        margin-bottom : 2.5rem
    }

    .sm\:ml-10 {
        margin-left : 2.5rem
    }

    .sm\:mt-12 {
        margin-top : 3rem
    }

    .sm\:mr-12 {
        margin-right : 3rem
    }

    .sm\:mb-12 {
        margin-bottom : 3rem
    }

    .sm\:ml-12 {
        margin-left : 3rem
    }

    .sm\:mt-16 {
        margin-top : 4rem
    }

    .sm\:mr-16 {
        margin-right : 4rem
    }

    .sm\:mb-16 {
        margin-bottom : 4rem
    }

    .sm\:ml-16 {
        margin-left : 4rem
    }

    .sm\:mt-20 {
        margin-top : 5rem
    }

    .sm\:mr-20 {
        margin-right : 5rem
    }

    .sm\:mb-20 {
        margin-bottom : 5rem
    }

    .sm\:ml-20 {
        margin-left : 5rem
    }

    .sm\:mt-24 {
        margin-top : 6rem
    }

    .sm\:mr-24 {
        margin-right : 6rem
    }

    .sm\:mb-24 {
        margin-bottom : 6rem
    }

    .sm\:ml-24 {
        margin-left : 6rem
    }

    .sm\:mt-32 {
        margin-top : 8rem
    }

    .sm\:mr-32 {
        margin-right : 8rem
    }

    .sm\:mb-32 {
        margin-bottom : 8rem
    }

    .sm\:ml-32 {
        margin-left : 8rem
    }

    .sm\:mt-auto {
        margin-top : auto
    }

    .sm\:mr-auto {
        margin-right : auto
    }

    .sm\:mb-auto {
        margin-bottom : auto
    }

    .sm\:ml-auto {
        margin-left : auto
    }

    .sm\:mt-px {
        margin-top : 1px
    }

    .sm\:mr-px {
        margin-right : 1px
    }

    .sm\:mb-px {
        margin-bottom : 1px
    }

    .sm\:ml-px {
        margin-left : 1px
    }

    .sm\:p-0 {
        padding : 0
    }

    .sm\:p-1 {
        padding : .25rem
    }

    .sm\:p-2 {
        padding : .5rem
    }

    .sm\:p-3 {
        padding : .75rem
    }

    .sm\:p-4 {
        padding : 1rem
    }

    .sm\:p-5 {
        padding : 1.25rem
    }

    .sm\:p-6 {
        padding : 1.5rem
    }

    .sm\:p-8 {
        padding : 2rem
    }

    .sm\:p-10 {
        padding : 2.5rem
    }

    .sm\:p-12 {
        padding : 3rem
    }

    .sm\:p-16 {
        padding : 4rem
    }

    .sm\:p-20 {
        padding : 5rem
    }

    .sm\:p-24 {
        padding : 6rem
    }

    .sm\:p-32 {
        padding : 8rem
    }

    .sm\:p-px {
        padding : 1px
    }

    .sm\:py-0 {
        padding-top    : 0;
        padding-bottom : 0
    }

    .sm\:px-0 {
        padding-left  : 0;
        padding-right : 0
    }

    .sm\:py-1 {
        padding-top    : .25rem;
        padding-bottom : .25rem
    }

    .sm\:px-1 {
        padding-left  : .25rem;
        padding-right : .25rem
    }

    .sm\:py-2 {
        padding-top    : .5rem;
        padding-bottom : .5rem
    }

    .sm\:px-2 {
        padding-left  : .5rem;
        padding-right : .5rem
    }

    .sm\:py-3 {
        padding-top    : .75rem;
        padding-bottom : .75rem
    }

    .sm\:px-3 {
        padding-left  : .75rem;
        padding-right : .75rem
    }

    .sm\:py-4 {
        padding-top    : 1rem;
        padding-bottom : 1rem
    }

    .sm\:px-4 {
        padding-left  : 1rem;
        padding-right : 1rem
    }

    .sm\:py-5 {
        padding-top    : 1.25rem;
        padding-bottom : 1.25rem
    }

    .sm\:px-5 {
        padding-left  : 1.25rem;
        padding-right : 1.25rem
    }

    .sm\:py-6 {
        padding-top    : 1.5rem;
        padding-bottom : 1.5rem
    }

    .sm\:px-6 {
        padding-left  : 1.5rem;
        padding-right : 1.5rem
    }

    .sm\:py-8 {
        padding-top    : 2rem;
        padding-bottom : 2rem
    }

    .sm\:px-8 {
        padding-left  : 2rem;
        padding-right : 2rem
    }

    .sm\:py-10 {
        padding-top    : 2.5rem;
        padding-bottom : 2.5rem
    }

    .sm\:px-10 {
        padding-left  : 2.5rem;
        padding-right : 2.5rem
    }

    .sm\:py-12 {
        padding-top    : 3rem;
        padding-bottom : 3rem
    }

    .sm\:px-12 {
        padding-left  : 3rem;
        padding-right : 3rem
    }

    .sm\:py-16 {
        padding-top    : 4rem;
        padding-bottom : 4rem
    }

    .sm\:px-16 {
        padding-left  : 4rem;
        padding-right : 4rem
    }

    .sm\:py-20 {
        padding-top    : 5rem;
        padding-bottom : 5rem
    }

    .sm\:px-20 {
        padding-left  : 5rem;
        padding-right : 5rem
    }

    .sm\:py-24 {
        padding-top    : 6rem;
        padding-bottom : 6rem
    }

    .sm\:px-24 {
        padding-left  : 6rem;
        padding-right : 6rem
    }

    .sm\:py-32 {
        padding-top    : 8rem;
        padding-bottom : 8rem
    }

    .sm\:px-32 {
        padding-left  : 8rem;
        padding-right : 8rem
    }

    .sm\:py-px {
        padding-top    : 1px;
        padding-bottom : 1px
    }

    .sm\:px-px {
        padding-left  : 1px;
        padding-right : 1px
    }

    .sm\:pt-0 {
        padding-top : 0
    }

    .sm\:pr-0 {
        padding-right : 0
    }

    .sm\:pb-0 {
        padding-bottom : 0
    }

    .sm\:pl-0 {
        padding-left : 0
    }

    .sm\:pt-1 {
        padding-top : .25rem
    }

    .sm\:pr-1 {
        padding-right : .25rem
    }

    .sm\:pb-1 {
        padding-bottom : .25rem
    }

    .sm\:pl-1 {
        padding-left : .25rem
    }

    .sm\:pt-2 {
        padding-top : .5rem
    }

    .sm\:pr-2 {
        padding-right : .5rem
    }

    .sm\:pb-2 {
        padding-bottom : .5rem
    }

    .sm\:pl-2 {
        padding-left : .5rem
    }

    .sm\:pt-3 {
        padding-top : .75rem
    }

    .sm\:pr-3 {
        padding-right : .75rem
    }

    .sm\:pb-3 {
        padding-bottom : .75rem
    }

    .sm\:pl-3 {
        padding-left : .75rem
    }

    .sm\:pt-4 {
        padding-top : 1rem
    }

    .sm\:pr-4 {
        padding-right : 1rem
    }

    .sm\:pb-4 {
        padding-bottom : 1rem
    }

    .sm\:pl-4 {
        padding-left : 1rem
    }

    .sm\:pt-5 {
        padding-top : 1.25rem
    }

    .sm\:pr-5 {
        padding-right : 1.25rem
    }

    .sm\:pb-5 {
        padding-bottom : 1.25rem
    }

    .sm\:pl-5 {
        padding-left : 1.25rem
    }

    .sm\:pt-6 {
        padding-top : 1.5rem
    }

    .sm\:pr-6 {
        padding-right : 1.5rem
    }

    .sm\:pb-6 {
        padding-bottom : 1.5rem
    }

    .sm\:pl-6 {
        padding-left : 1.5rem
    }

    .sm\:pt-8 {
        padding-top : 2rem
    }

    .sm\:pr-8 {
        padding-right : 2rem
    }

    .sm\:pb-8 {
        padding-bottom : 2rem
    }

    .sm\:pl-8 {
        padding-left : 2rem
    }

    .sm\:pt-10 {
        padding-top : 2.5rem
    }

    .sm\:pr-10 {
        padding-right : 2.5rem
    }

    .sm\:pb-10 {
        padding-bottom : 2.5rem
    }

    .sm\:pl-10 {
        padding-left : 2.5rem
    }

    .sm\:pt-12 {
        padding-top : 3rem
    }

    .sm\:pr-12 {
        padding-right : 3rem
    }

    .sm\:pb-12 {
        padding-bottom : 3rem
    }

    .sm\:pl-12 {
        padding-left : 3rem
    }

    .sm\:pt-16 {
        padding-top : 4rem
    }

    .sm\:pr-16 {
        padding-right : 4rem
    }

    .sm\:pb-16 {
        padding-bottom : 4rem
    }

    .sm\:pl-16 {
        padding-left : 4rem
    }

    .sm\:pt-20 {
        padding-top : 5rem
    }

    .sm\:pr-20 {
        padding-right : 5rem
    }

    .sm\:pb-20 {
        padding-bottom : 5rem
    }

    .sm\:pl-20 {
        padding-left : 5rem
    }

    .sm\:pt-24 {
        padding-top : 6rem
    }

    .sm\:pr-24 {
        padding-right : 6rem
    }

    .sm\:pb-24 {
        padding-bottom : 6rem
    }

    .sm\:pl-24 {
        padding-left : 6rem
    }

    .sm\:pt-32 {
        padding-top : 8rem
    }

    .sm\:pr-32 {
        padding-right : 8rem
    }

    .sm\:pb-32 {
        padding-bottom : 8rem
    }

    .sm\:pl-32 {
        padding-left : 8rem
    }

    .sm\:pt-px {
        padding-top : 1px
    }

    .sm\:pr-px {
        padding-right : 1px
    }

    .sm\:pb-px {
        padding-bottom : 1px
    }

    .sm\:pl-px {
        padding-left : 1px
    }

    .sm\:static {
        position : static
    }

    .sm\:fixed {
        position : fixed
    }

    .sm\:absolute {
        position : absolute
    }

    .sm\:relative {
        position : relative
    }

    .sm\:sticky {
        position : -webkit-sticky;
        position : sticky
    }

    .sm\:pin-none {
        top    : auto;
        right  : auto;
        bottom : auto;
        left   : auto
    }

    .sm\:pin {
        right : 0;
        left  : 0
    }

    .sm\:pin, .sm\:pin-y {
        top    : 0;
        bottom : 0
    }

    .sm\:pin-x {
        right : 0;
        left  : 0
    }

    .sm\:pin-t {
        top : 0
    }

    .sm\:pin-r {
        right : 0
    }

    .sm\:pin-b {
        bottom : 0
    }

    .sm\:pin-l {
        left : 0
    }

    .sm\:table-auto {
        table-layout : auto
    }

    .sm\:table-fixed {
        table-layout : fixed
    }

    .sm\:text-left {
        text-align : left
    }

    .sm\:text-center {
        text-align : center
    }

    .sm\:text-right {
        text-align : right
    }

    .sm\:text-justify {
        text-align : justify
    }

    .sm\:text-2xs {
        font-size : .65rem
    }

    .sm\:text-xs {
        font-size : .75rem
    }

    .sm\:text-sm {
        font-size : .875rem
    }

    .sm\:text-base {
        font-size : 1rem
    }

    .sm\:text-lg {
        font-size : 1.125rem
    }

    .sm\:text-xl {
        font-size : 1.25rem
    }

    .sm\:text-2xl {
        font-size : 1.5rem
    }

    .sm\:text-3xl {
        font-size : 1.875rem
    }

    .sm\:text-4xl {
        font-size : 2.25rem
    }

    .sm\:text-5xl {
        font-size : 3rem
    }

    .sm\:visible {
        visibility : visible
    }

    .sm\:invisible {
        visibility : hidden
    }

    .sm\:w-6 {
        width : 1.5rem
    }

    .sm\:w-24 {
        width : 6rem
    }

    .sm\:w-32 {
        width : 8rem
    }

    .sm\:w-auto {
        width : auto
    }

    .sm\:w-px {
        width : 1px
    }

    .sm\:w-1\/2 {
        width : 50%
    }

    .sm\:w-1\/3 {
        width : 33.33333%
    }

    .sm\:w-2\/3 {
        width : 66.66667%
    }

    .sm\:w-1\/4 {
        width : 25%
    }

    .sm\:w-3\/4 {
        width : 75%
    }

    .sm\:w-1\/5 {
        width : 20%
    }

    .sm\:w-2\/5 {
        width : 40%
    }

    .sm\:w-3\/5 {
        width : 60%
    }

    .sm\:w-4\/5 {
        width : 80%
    }

    .sm\:w-1\/6 {
        width : 16.66667%
    }

    .sm\:w-5\/6 {
        width : 83.33333%
    }

    .sm\:w-full {
        width : 100%
    }

    .sm\:w-screen {
        width : 100vw
    }
}

@media (min-width : 768px) {
    .md\:block {
        display : block
    }

    .md\:inline-block {
        display : inline-block
    }

    .md\:inline {
        display : inline
    }

    .md\:table {
        display : table
    }

    .md\:table-row {
        display : table-row
    }

    .md\:table-cell {
        display : table-cell
    }

    .md\:hidden {
        display : none
    }

    .md\:flex {
        display : -ms-flexbox;
        display : flex
    }

    .md\:inline-flex {
        display : -ms-inline-flexbox;
        display : inline-flex
    }

    .md\:flex-row {
        -ms-flex-direction : row;
        flex-direction     : row
    }

    .md\:flex-row-reverse {
        -ms-flex-direction : row-reverse;
        flex-direction     : row-reverse
    }

    .md\:flex-col {
        -ms-flex-direction : column;
        flex-direction     : column
    }

    .md\:flex-col-reverse {
        -ms-flex-direction : column-reverse;
        flex-direction     : column-reverse
    }

    .md\:flex-wrap {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .md\:flex-wrap-reverse {
        -ms-flex-wrap : wrap-reverse;
        flex-wrap     : wrap-reverse
    }

    .md\:flex-no-wrap {
        -ms-flex-wrap : nowrap;
        flex-wrap     : nowrap
    }

    .md\:items-start {
        -ms-flex-align : start;
        align-items    : flex-start
    }

    .md\:items-end {
        -ms-flex-align : end;
        align-items    : flex-end
    }

    .md\:items-center {
        -ms-flex-align : center;
        align-items    : center
    }

    .md\:items-baseline {
        -ms-flex-align : baseline;
        align-items    : baseline
    }

    .md\:items-stretch {
        -ms-flex-align : stretch;
        align-items    : stretch
    }

    .md\:self-auto {
        -ms-flex-item-align : auto;
        -ms-grid-row-align  : auto;
        align-self          : auto
    }

    .md\:self-start {
        -ms-flex-item-align : start;
        align-self          : flex-start
    }

    .md\:self-end {
        -ms-flex-item-align : end;
        align-self          : flex-end
    }

    .md\:self-center {
        -ms-flex-item-align : center;
        -ms-grid-row-align  : center;
        align-self          : center
    }

    .md\:self-stretch {
        -ms-flex-item-align : stretch;
        -ms-grid-row-align  : stretch;
        align-self          : stretch
    }

    .md\:justify-start {
        -ms-flex-pack   : start;
        justify-content : flex-start
    }

    .md\:justify-end {
        -ms-flex-pack   : end;
        justify-content : flex-end
    }

    .md\:justify-center {
        -ms-flex-pack   : center;
        justify-content : center
    }

    .md\:justify-between {
        -ms-flex-pack   : justify;
        justify-content : space-between
    }

    .md\:justify-around {
        -ms-flex-pack   : distribute;
        justify-content : space-around
    }

    .md\:content-center {
        -ms-flex-line-pack : center;
        align-content      : center
    }

    .md\:content-start {
        -ms-flex-line-pack : start;
        align-content      : flex-start
    }

    .md\:content-end {
        -ms-flex-line-pack : end;
        align-content      : flex-end
    }

    .md\:content-between {
        -ms-flex-line-pack : justify;
        align-content      : space-between
    }

    .md\:content-around {
        -ms-flex-line-pack : distribute;
        align-content      : space-around
    }

    .md\:flex-1 {
        -ms-flex : 1 1 0%;
        flex     : 1 1 0%
    }

    .md\:flex-auto {
        -ms-flex : 1 1 auto;
        flex     : 1 1 auto
    }

    .md\:flex-initial {
        -ms-flex : 0 1 auto;
        flex     : 0 1 auto
    }

    .md\:flex-none {
        -ms-flex : none;
        flex     : none
    }

    .md\:flex-grow {
        -ms-flex-positive : 1;
        flex-grow         : 1
    }

    .md\:flex-shrink {
        -ms-flex-negative : 1;
        flex-shrink       : 1
    }

    .md\:flex-no-grow {
        -ms-flex-positive : 0;
        flex-grow         : 0
    }

    .md\:flex-no-shrink {
        -ms-flex-negative : 0;
        flex-shrink       : 0
    }

    .md\:font-sans {
        font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .md\:font-serif {
        font-family : Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .md\:font-mono {
        font-family : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .md\:m-0 {
        margin : 0
    }

    .md\:m-1 {
        margin : .25rem
    }

    .md\:m-2 {
        margin : .5rem
    }

    .md\:m-3 {
        margin : .75rem
    }

    .md\:m-4 {
        margin : 1rem
    }

    .md\:m-5 {
        margin : 1.25rem
    }

    .md\:m-6 {
        margin : 1.5rem
    }

    .md\:m-8 {
        margin : 2rem
    }

    .md\:m-10 {
        margin : 2.5rem
    }

    .md\:m-12 {
        margin : 3rem
    }

    .md\:m-16 {
        margin : 4rem
    }

    .md\:m-20 {
        margin : 5rem
    }

    .md\:m-24 {
        margin : 6rem
    }

    .md\:m-32 {
        margin : 8rem
    }

    .md\:m-auto {
        margin : auto
    }

    .md\:m-px {
        margin : 1px
    }

    .md\:my-0 {
        margin-top    : 0;
        margin-bottom : 0
    }

    .md\:mx-0 {
        margin-left  : 0;
        margin-right : 0
    }

    .md\:my-1 {
        margin-top    : .25rem;
        margin-bottom : .25rem
    }

    .md\:mx-1 {
        margin-left  : .25rem;
        margin-right : .25rem
    }

    .md\:my-2 {
        margin-top    : .5rem;
        margin-bottom : .5rem
    }

    .md\:mx-2 {
        margin-left  : .5rem;
        margin-right : .5rem
    }

    .md\:my-3 {
        margin-top    : .75rem;
        margin-bottom : .75rem
    }

    .md\:mx-3 {
        margin-left  : .75rem;
        margin-right : .75rem
    }

    .md\:my-4 {
        margin-top    : 1rem;
        margin-bottom : 1rem
    }

    .md\:mx-4 {
        margin-left  : 1rem;
        margin-right : 1rem
    }

    .md\:my-5 {
        margin-top    : 1.25rem;
        margin-bottom : 1.25rem
    }

    .md\:mx-5 {
        margin-left  : 1.25rem;
        margin-right : 1.25rem
    }

    .md\:my-6 {
        margin-top    : 1.5rem;
        margin-bottom : 1.5rem
    }

    .md\:mx-6 {
        margin-left  : 1.5rem;
        margin-right : 1.5rem
    }

    .md\:my-8 {
        margin-top    : 2rem;
        margin-bottom : 2rem
    }

    .md\:mx-8 {
        margin-left  : 2rem;
        margin-right : 2rem
    }

    .md\:my-10 {
        margin-top    : 2.5rem;
        margin-bottom : 2.5rem
    }

    .md\:mx-10 {
        margin-left  : 2.5rem;
        margin-right : 2.5rem
    }

    .md\:my-12 {
        margin-top    : 3rem;
        margin-bottom : 3rem
    }

    .md\:mx-12 {
        margin-left  : 3rem;
        margin-right : 3rem
    }

    .md\:my-16 {
        margin-top    : 4rem;
        margin-bottom : 4rem
    }

    .md\:mx-16 {
        margin-left  : 4rem;
        margin-right : 4rem
    }

    .md\:my-20 {
        margin-top    : 5rem;
        margin-bottom : 5rem
    }

    .md\:mx-20 {
        margin-left  : 5rem;
        margin-right : 5rem
    }

    .md\:my-24 {
        margin-top    : 6rem;
        margin-bottom : 6rem
    }

    .md\:mx-24 {
        margin-left  : 6rem;
        margin-right : 6rem
    }

    .md\:my-32 {
        margin-top    : 8rem;
        margin-bottom : 8rem
    }

    .md\:mx-32 {
        margin-left  : 8rem;
        margin-right : 8rem
    }

    .md\:my-auto {
        margin-top    : auto;
        margin-bottom : auto
    }

    .md\:mx-auto {
        margin-left  : auto;
        margin-right : auto
    }

    .md\:my-px {
        margin-top    : 1px;
        margin-bottom : 1px
    }

    .md\:mx-px {
        margin-left  : 1px;
        margin-right : 1px
    }

    .md\:mt-0 {
        margin-top : 0
    }

    .md\:mr-0 {
        margin-right : 0
    }

    .md\:mb-0 {
        margin-bottom : 0
    }

    .md\:ml-0 {
        margin-left : 0
    }

    .md\:mt-1 {
        margin-top : .25rem
    }

    .md\:mr-1 {
        margin-right : .25rem
    }

    .md\:mb-1 {
        margin-bottom : .25rem
    }

    .md\:ml-1 {
        margin-left : .25rem
    }

    .md\:mt-2 {
        margin-top : .5rem
    }

    .md\:mr-2 {
        margin-right : .5rem
    }

    .md\:mb-2 {
        margin-bottom : .5rem
    }

    .md\:ml-2 {
        margin-left : .5rem
    }

    .md\:mt-3 {
        margin-top : .75rem
    }

    .md\:mr-3 {
        margin-right : .75rem
    }

    .md\:mb-3 {
        margin-bottom : .75rem
    }

    .md\:ml-3 {
        margin-left : .75rem
    }

    .md\:mt-4 {
        margin-top : 1rem
    }

    .md\:mr-4 {
        margin-right : 1rem
    }

    .md\:mb-4 {
        margin-bottom : 1rem
    }

    .md\:ml-4 {
        margin-left : 1rem
    }

    .md\:mt-5 {
        margin-top : 1.25rem
    }

    .md\:mr-5 {
        margin-right : 1.25rem
    }

    .md\:mb-5 {
        margin-bottom : 1.25rem
    }

    .md\:ml-5 {
        margin-left : 1.25rem
    }

    .md\:mt-6 {
        margin-top : 1.5rem
    }

    .md\:mr-6 {
        margin-right : 1.5rem
    }

    .md\:mb-6 {
        margin-bottom : 1.5rem
    }

    .md\:ml-6 {
        margin-left : 1.5rem
    }

    .md\:mt-8 {
        margin-top : 2rem
    }

    .md\:mr-8 {
        margin-right : 2rem
    }

    .md\:mb-8 {
        margin-bottom : 2rem
    }

    .md\:ml-8 {
        margin-left : 2rem
    }

    .md\:mt-10 {
        margin-top : 2.5rem
    }

    .md\:mr-10 {
        margin-right : 2.5rem
    }

    .md\:mb-10 {
        margin-bottom : 2.5rem
    }

    .md\:ml-10 {
        margin-left : 2.5rem
    }

    .md\:mt-12 {
        margin-top : 3rem
    }

    .md\:mr-12 {
        margin-right : 3rem
    }

    .md\:mb-12 {
        margin-bottom : 3rem
    }

    .md\:ml-12 {
        margin-left : 3rem
    }

    .md\:mt-16 {
        margin-top : 4rem
    }

    .md\:mr-16 {
        margin-right : 4rem
    }

    .md\:mb-16 {
        margin-bottom : 4rem
    }

    .md\:ml-16 {
        margin-left : 4rem
    }

    .md\:mt-20 {
        margin-top : 5rem
    }

    .md\:mr-20 {
        margin-right : 5rem
    }

    .md\:mb-20 {
        margin-bottom : 5rem
    }

    .md\:ml-20 {
        margin-left : 5rem
    }

    .md\:mt-24 {
        margin-top : 6rem
    }

    .md\:mr-24 {
        margin-right : 6rem
    }

    .md\:mb-24 {
        margin-bottom : 6rem
    }

    .md\:ml-24 {
        margin-left : 6rem
    }

    .md\:mt-32 {
        margin-top : 8rem
    }

    .md\:mr-32 {
        margin-right : 8rem
    }

    .md\:mb-32 {
        margin-bottom : 8rem
    }

    .md\:ml-32 {
        margin-left : 8rem
    }

    .md\:mt-auto {
        margin-top : auto
    }

    .md\:mr-auto {
        margin-right : auto
    }

    .md\:mb-auto {
        margin-bottom : auto
    }

    .md\:ml-auto {
        margin-left : auto
    }

    .md\:mt-px {
        margin-top : 1px
    }

    .md\:mr-px {
        margin-right : 1px
    }

    .md\:mb-px {
        margin-bottom : 1px
    }

    .md\:ml-px {
        margin-left : 1px
    }

    .md\:p-0 {
        padding : 0
    }

    .md\:p-1 {
        padding : .25rem
    }

    .md\:p-2 {
        padding : .5rem
    }

    .md\:p-3 {
        padding : .75rem
    }

    .md\:p-4 {
        padding : 1rem
    }

    .md\:p-5 {
        padding : 1.25rem
    }

    .md\:p-6 {
        padding : 1.5rem
    }

    .md\:p-8 {
        padding : 2rem
    }

    .md\:p-10 {
        padding : 2.5rem
    }

    .md\:p-12 {
        padding : 3rem
    }

    .md\:p-16 {
        padding : 4rem
    }

    .md\:p-20 {
        padding : 5rem
    }

    .md\:p-24 {
        padding : 6rem
    }

    .md\:p-32 {
        padding : 8rem
    }

    .md\:p-px {
        padding : 1px
    }

    .md\:py-0 {
        padding-top    : 0;
        padding-bottom : 0
    }

    .md\:px-0 {
        padding-left  : 0;
        padding-right : 0
    }

    .md\:py-1 {
        padding-top    : .25rem;
        padding-bottom : .25rem
    }

    .md\:px-1 {
        padding-left  : .25rem;
        padding-right : .25rem
    }

    .md\:py-2 {
        padding-top    : .5rem;
        padding-bottom : .5rem
    }

    .md\:px-2 {
        padding-left  : .5rem;
        padding-right : .5rem
    }

    .md\:py-3 {
        padding-top    : .75rem;
        padding-bottom : .75rem
    }

    .md\:px-3 {
        padding-left  : .75rem;
        padding-right : .75rem
    }

    .md\:py-4 {
        padding-top    : 1rem;
        padding-bottom : 1rem
    }

    .md\:px-4 {
        padding-left  : 1rem;
        padding-right : 1rem
    }

    .md\:py-5 {
        padding-top    : 1.25rem;
        padding-bottom : 1.25rem
    }

    .md\:px-5 {
        padding-left  : 1.25rem;
        padding-right : 1.25rem
    }

    .md\:py-6 {
        padding-top    : 1.5rem;
        padding-bottom : 1.5rem
    }

    .md\:px-6 {
        padding-left  : 1.5rem;
        padding-right : 1.5rem
    }

    .md\:py-8 {
        padding-top    : 2rem;
        padding-bottom : 2rem
    }

    .md\:px-8 {
        padding-left  : 2rem;
        padding-right : 2rem
    }

    .md\:py-10 {
        padding-top    : 2.5rem;
        padding-bottom : 2.5rem
    }

    .md\:px-10 {
        padding-left  : 2.5rem;
        padding-right : 2.5rem
    }

    .md\:py-12 {
        padding-top    : 3rem;
        padding-bottom : 3rem
    }

    .md\:px-12 {
        padding-left  : 3rem;
        padding-right : 3rem
    }

    .md\:py-16 {
        padding-top    : 4rem;
        padding-bottom : 4rem
    }

    .md\:px-16 {
        padding-left  : 4rem;
        padding-right : 4rem
    }

    .md\:py-20 {
        padding-top    : 5rem;
        padding-bottom : 5rem
    }

    .md\:px-20 {
        padding-left  : 5rem;
        padding-right : 5rem
    }

    .md\:py-24 {
        padding-top    : 6rem;
        padding-bottom : 6rem
    }

    .md\:px-24 {
        padding-left  : 6rem;
        padding-right : 6rem
    }

    .md\:py-32 {
        padding-top    : 8rem;
        padding-bottom : 8rem
    }

    .md\:px-32 {
        padding-left  : 8rem;
        padding-right : 8rem
    }

    .md\:py-px {
        padding-top    : 1px;
        padding-bottom : 1px
    }

    .md\:px-px {
        padding-left  : 1px;
        padding-right : 1px
    }

    .md\:pt-0 {
        padding-top : 0
    }

    .md\:pr-0 {
        padding-right : 0
    }

    .md\:pb-0 {
        padding-bottom : 0
    }

    .md\:pl-0 {
        padding-left : 0
    }

    .md\:pt-1 {
        padding-top : .25rem
    }

    .md\:pr-1 {
        padding-right : .25rem
    }

    .md\:pb-1 {
        padding-bottom : .25rem
    }

    .md\:pl-1 {
        padding-left : .25rem
    }

    .md\:pt-2 {
        padding-top : .5rem
    }

    .md\:pr-2 {
        padding-right : .5rem
    }

    .md\:pb-2 {
        padding-bottom : .5rem
    }

    .md\:pl-2 {
        padding-left : .5rem
    }

    .md\:pt-3 {
        padding-top : .75rem
    }

    .md\:pr-3 {
        padding-right : .75rem
    }

    .md\:pb-3 {
        padding-bottom : .75rem
    }

    .md\:pl-3 {
        padding-left : .75rem
    }

    .md\:pt-4 {
        padding-top : 1rem
    }

    .md\:pr-4 {
        padding-right : 1rem
    }

    .md\:pb-4 {
        padding-bottom : 1rem
    }

    .md\:pl-4 {
        padding-left : 1rem
    }

    .md\:pt-5 {
        padding-top : 1.25rem
    }

    .md\:pr-5 {
        padding-right : 1.25rem
    }

    .md\:pb-5 {
        padding-bottom : 1.25rem
    }

    .md\:pl-5 {
        padding-left : 1.25rem
    }

    .md\:pt-6 {
        padding-top : 1.5rem
    }

    .md\:pr-6 {
        padding-right : 1.5rem
    }

    .md\:pb-6 {
        padding-bottom : 1.5rem
    }

    .md\:pl-6 {
        padding-left : 1.5rem
    }

    .md\:pt-8 {
        padding-top : 2rem
    }

    .md\:pr-8 {
        padding-right : 2rem
    }

    .md\:pb-8 {
        padding-bottom : 2rem
    }

    .md\:pl-8 {
        padding-left : 2rem
    }

    .md\:pt-10 {
        padding-top : 2.5rem
    }

    .md\:pr-10 {
        padding-right : 2.5rem
    }

    .md\:pb-10 {
        padding-bottom : 2.5rem
    }

    .md\:pl-10 {
        padding-left : 2.5rem
    }

    .md\:pt-12 {
        padding-top : 3rem
    }

    .md\:pr-12 {
        padding-right : 3rem
    }

    .md\:pb-12 {
        padding-bottom : 3rem
    }

    .md\:pl-12 {
        padding-left : 3rem
    }

    .md\:pt-16 {
        padding-top : 4rem
    }

    .md\:pr-16 {
        padding-right : 4rem
    }

    .md\:pb-16 {
        padding-bottom : 4rem
    }

    .md\:pl-16 {
        padding-left : 4rem
    }

    .md\:pt-20 {
        padding-top : 5rem
    }

    .md\:pr-20 {
        padding-right : 5rem
    }

    .md\:pb-20 {
        padding-bottom : 5rem
    }

    .md\:pl-20 {
        padding-left : 5rem
    }

    .md\:pt-24 {
        padding-top : 6rem
    }

    .md\:pr-24 {
        padding-right : 6rem
    }

    .md\:pb-24 {
        padding-bottom : 6rem
    }

    .md\:pl-24 {
        padding-left : 6rem
    }

    .md\:pt-32 {
        padding-top : 8rem
    }

    .md\:pr-32 {
        padding-right : 8rem
    }

    .md\:pb-32 {
        padding-bottom : 8rem
    }

    .md\:pl-32 {
        padding-left : 8rem
    }

    .md\:pt-px {
        padding-top : 1px
    }

    .md\:pr-px {
        padding-right : 1px
    }

    .md\:pb-px {
        padding-bottom : 1px
    }

    .md\:pl-px {
        padding-left : 1px
    }

    .md\:static {
        position : static
    }

    .md\:fixed {
        position : fixed
    }

    .md\:absolute {
        position : absolute
    }

    .md\:relative {
        position : relative
    }

    .md\:sticky {
        position : -webkit-sticky;
        position : sticky
    }

    .md\:pin-none {
        top    : auto;
        right  : auto;
        bottom : auto;
        left   : auto
    }

    .md\:pin {
        right : 0;
        left  : 0
    }

    .md\:pin, .md\:pin-y {
        top    : 0;
        bottom : 0
    }

    .md\:pin-x {
        right : 0;
        left  : 0
    }

    .md\:pin-t {
        top : 0
    }

    .md\:pin-r {
        right : 0
    }

    .md\:pin-b {
        bottom : 0
    }

    .md\:pin-l {
        left : 0
    }

    .md\:table-auto {
        table-layout : auto
    }

    .md\:table-fixed {
        table-layout : fixed
    }

    .md\:text-left {
        text-align : left
    }

    .md\:text-center {
        text-align : center
    }

    .md\:text-right {
        text-align : right
    }

    .md\:text-justify {
        text-align : justify
    }

    .md\:text-2xs {
        font-size : .65rem
    }

    .md\:text-xs {
        font-size : .75rem
    }

    .md\:text-sm {
        font-size : .875rem
    }

    .md\:text-base {
        font-size : 1rem
    }

    .md\:text-lg {
        font-size : 1.125rem
    }

    .md\:text-xl {
        font-size : 1.25rem
    }

    .md\:text-2xl {
        font-size : 1.5rem
    }

    .md\:text-3xl {
        font-size : 1.875rem
    }

    .md\:text-4xl {
        font-size : 2.25rem
    }

    .md\:text-5xl {
        font-size : 3rem
    }

    .md\:visible {
        visibility : visible
    }

    .md\:invisible {
        visibility : hidden
    }

    .md\:w-6 {
        width : 1.5rem
    }

    .md\:w-24 {
        width : 6rem
    }

    .md\:w-32 {
        width : 8rem
    }

    .md\:w-auto {
        width : auto
    }

    .md\:w-px {
        width : 1px
    }

    .md\:w-1\/2 {
        width : 50%
    }

    .md\:w-1\/3 {
        width : 33.33333%
    }

    .md\:w-2\/3 {
        width : 66.66667%
    }

    .md\:w-1\/4 {
        width : 25%
    }

    .md\:w-3\/4 {
        width : 75%
    }

    .md\:w-1\/5 {
        width : 20%
    }

    .md\:w-2\/5 {
        width : 40%
    }

    .md\:w-3\/5 {
        width : 60%
    }

    .md\:w-4\/5 {
        width : 80%
    }

    .md\:w-1\/6 {
        width : 16.66667%
    }

    .md\:w-5\/6 {
        width : 83.33333%
    }

    .md\:w-full {
        width : 100%
    }

    .md\:w-screen {
        width : 100vw
    }
}

@media (min-width : 992px) {
    .lg\:block {
        display : block
    }

    .lg\:inline-block {
        display : inline-block
    }

    .lg\:inline {
        display : inline
    }

    .lg\:table {
        display : table
    }

    .lg\:table-row {
        display : table-row
    }

    .lg\:table-cell {
        display : table-cell
    }

    .lg\:hidden {
        display : none
    }

    .lg\:flex {
        display : -ms-flexbox;
        display : flex
    }

    .lg\:inline-flex {
        display : -ms-inline-flexbox;
        display : inline-flex
    }

    .lg\:flex-row {
        -ms-flex-direction : row;
        flex-direction     : row
    }

    .lg\:flex-row-reverse {
        -ms-flex-direction : row-reverse;
        flex-direction     : row-reverse
    }

    .lg\:flex-col {
        -ms-flex-direction : column;
        flex-direction     : column
    }

    .lg\:flex-col-reverse {
        -ms-flex-direction : column-reverse;
        flex-direction     : column-reverse
    }

    .lg\:flex-wrap {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .lg\:flex-wrap-reverse {
        -ms-flex-wrap : wrap-reverse;
        flex-wrap     : wrap-reverse
    }

    .lg\:flex-no-wrap {
        -ms-flex-wrap : nowrap;
        flex-wrap     : nowrap
    }

    .lg\:items-start {
        -ms-flex-align : start;
        align-items    : flex-start
    }

    .lg\:items-end {
        -ms-flex-align : end;
        align-items    : flex-end
    }

    .lg\:items-center {
        -ms-flex-align : center;
        align-items    : center
    }

    .lg\:items-baseline {
        -ms-flex-align : baseline;
        align-items    : baseline
    }

    .lg\:items-stretch {
        -ms-flex-align : stretch;
        align-items    : stretch
    }

    .lg\:self-auto {
        -ms-flex-item-align : auto;
        -ms-grid-row-align  : auto;
        align-self          : auto
    }

    .lg\:self-start {
        -ms-flex-item-align : start;
        align-self          : flex-start
    }

    .lg\:self-end {
        -ms-flex-item-align : end;
        align-self          : flex-end
    }

    .lg\:self-center {
        -ms-flex-item-align : center;
        -ms-grid-row-align  : center;
        align-self          : center
    }

    .lg\:self-stretch {
        -ms-flex-item-align : stretch;
        -ms-grid-row-align  : stretch;
        align-self          : stretch
    }

    .lg\:justify-start {
        -ms-flex-pack   : start;
        justify-content : flex-start
    }

    .lg\:justify-end {
        -ms-flex-pack   : end;
        justify-content : flex-end
    }

    .lg\:justify-center {
        -ms-flex-pack   : center;
        justify-content : center
    }

    .lg\:justify-between {
        -ms-flex-pack   : justify;
        justify-content : space-between
    }

    .lg\:justify-around {
        -ms-flex-pack   : distribute;
        justify-content : space-around
    }

    .lg\:content-center {
        -ms-flex-line-pack : center;
        align-content      : center
    }

    .lg\:content-start {
        -ms-flex-line-pack : start;
        align-content      : flex-start
    }

    .lg\:content-end {
        -ms-flex-line-pack : end;
        align-content      : flex-end
    }

    .lg\:content-between {
        -ms-flex-line-pack : justify;
        align-content      : space-between
    }

    .lg\:content-around {
        -ms-flex-line-pack : distribute;
        align-content      : space-around
    }

    .lg\:flex-1 {
        -ms-flex : 1 1 0%;
        flex     : 1 1 0%
    }

    .lg\:flex-auto {
        -ms-flex : 1 1 auto;
        flex     : 1 1 auto
    }

    .lg\:flex-initial {
        -ms-flex : 0 1 auto;
        flex     : 0 1 auto
    }

    .lg\:flex-none {
        -ms-flex : none;
        flex     : none
    }

    .lg\:flex-grow {
        -ms-flex-positive : 1;
        flex-grow         : 1
    }

    .lg\:flex-shrink {
        -ms-flex-negative : 1;
        flex-shrink       : 1
    }

    .lg\:flex-no-grow {
        -ms-flex-positive : 0;
        flex-grow         : 0
    }

    .lg\:flex-no-shrink {
        -ms-flex-negative : 0;
        flex-shrink       : 0
    }

    .lg\:font-sans {
        font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .lg\:font-serif {
        font-family : Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .lg\:font-mono {
        font-family : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .lg\:m-0 {
        margin : 0
    }

    .lg\:m-1 {
        margin : .25rem
    }

    .lg\:m-2 {
        margin : .5rem
    }

    .lg\:m-3 {
        margin : .75rem
    }

    .lg\:m-4 {
        margin : 1rem
    }

    .lg\:m-5 {
        margin : 1.25rem
    }

    .lg\:m-6 {
        margin : 1.5rem
    }

    .lg\:m-8 {
        margin : 2rem
    }

    .lg\:m-10 {
        margin : 2.5rem
    }

    .lg\:m-12 {
        margin : 3rem
    }

    .lg\:m-16 {
        margin : 4rem
    }

    .lg\:m-20 {
        margin : 5rem
    }

    .lg\:m-24 {
        margin : 6rem
    }

    .lg\:m-32 {
        margin : 8rem
    }

    .lg\:m-auto {
        margin : auto
    }

    .lg\:m-px {
        margin : 1px
    }

    .lg\:my-0 {
        margin-top    : 0;
        margin-bottom : 0
    }

    .lg\:mx-0 {
        margin-left  : 0;
        margin-right : 0
    }

    .lg\:my-1 {
        margin-top    : .25rem;
        margin-bottom : .25rem
    }

    .lg\:mx-1 {
        margin-left  : .25rem;
        margin-right : .25rem
    }

    .lg\:my-2 {
        margin-top    : .5rem;
        margin-bottom : .5rem
    }

    .lg\:mx-2 {
        margin-left  : .5rem;
        margin-right : .5rem
    }

    .lg\:my-3 {
        margin-top    : .75rem;
        margin-bottom : .75rem
    }

    .lg\:mx-3 {
        margin-left  : .75rem;
        margin-right : .75rem
    }

    .lg\:my-4 {
        margin-top    : 1rem;
        margin-bottom : 1rem
    }

    .lg\:mx-4 {
        margin-left  : 1rem;
        margin-right : 1rem
    }

    .lg\:my-5 {
        margin-top    : 1.25rem;
        margin-bottom : 1.25rem
    }

    .lg\:mx-5 {
        margin-left  : 1.25rem;
        margin-right : 1.25rem
    }

    .lg\:my-6 {
        margin-top    : 1.5rem;
        margin-bottom : 1.5rem
    }

    .lg\:mx-6 {
        margin-left  : 1.5rem;
        margin-right : 1.5rem
    }

    .lg\:my-8 {
        margin-top    : 2rem;
        margin-bottom : 2rem
    }

    .lg\:mx-8 {
        margin-left  : 2rem;
        margin-right : 2rem
    }

    .lg\:my-10 {
        margin-top    : 2.5rem;
        margin-bottom : 2.5rem
    }

    .lg\:mx-10 {
        margin-left  : 2.5rem;
        margin-right : 2.5rem
    }

    .lg\:my-12 {
        margin-top    : 3rem;
        margin-bottom : 3rem
    }

    .lg\:mx-12 {
        margin-left  : 3rem;
        margin-right : 3rem
    }

    .lg\:my-16 {
        margin-top    : 4rem;
        margin-bottom : 4rem
    }

    .lg\:mx-16 {
        margin-left  : 4rem;
        margin-right : 4rem
    }

    .lg\:my-20 {
        margin-top    : 5rem;
        margin-bottom : 5rem
    }

    .lg\:mx-20 {
        margin-left  : 5rem;
        margin-right : 5rem
    }

    .lg\:my-24 {
        margin-top    : 6rem;
        margin-bottom : 6rem
    }

    .lg\:mx-24 {
        margin-left  : 6rem;
        margin-right : 6rem
    }

    .lg\:my-32 {
        margin-top    : 8rem;
        margin-bottom : 8rem
    }

    .lg\:mx-32 {
        margin-left  : 8rem;
        margin-right : 8rem
    }

    .lg\:my-auto {
        margin-top    : auto;
        margin-bottom : auto
    }

    .lg\:mx-auto {
        margin-left  : auto;
        margin-right : auto
    }

    .lg\:my-px {
        margin-top    : 1px;
        margin-bottom : 1px
    }

    .lg\:mx-px {
        margin-left  : 1px;
        margin-right : 1px
    }

    .lg\:mt-0 {
        margin-top : 0
    }

    .lg\:mr-0 {
        margin-right : 0
    }

    .lg\:mb-0 {
        margin-bottom : 0
    }

    .lg\:ml-0 {
        margin-left : 0
    }

    .lg\:mt-1 {
        margin-top : .25rem
    }

    .lg\:mr-1 {
        margin-right : .25rem
    }

    .lg\:mb-1 {
        margin-bottom : .25rem
    }

    .lg\:ml-1 {
        margin-left : .25rem
    }

    .lg\:mt-2 {
        margin-top : .5rem
    }

    .lg\:mr-2 {
        margin-right : .5rem
    }

    .lg\:mb-2 {
        margin-bottom : .5rem
    }

    .lg\:ml-2 {
        margin-left : .5rem
    }

    .lg\:mt-3 {
        margin-top : .75rem
    }

    .lg\:mr-3 {
        margin-right : .75rem
    }

    .lg\:mb-3 {
        margin-bottom : .75rem
    }

    .lg\:ml-3 {
        margin-left : .75rem
    }

    .lg\:mt-4 {
        margin-top : 1rem
    }

    .lg\:mr-4 {
        margin-right : 1rem
    }

    .lg\:mb-4 {
        margin-bottom : 1rem
    }

    .lg\:ml-4 {
        margin-left : 1rem
    }

    .lg\:mt-5 {
        margin-top : 1.25rem
    }

    .lg\:mr-5 {
        margin-right : 1.25rem
    }

    .lg\:mb-5 {
        margin-bottom : 1.25rem
    }

    .lg\:ml-5 {
        margin-left : 1.25rem
    }

    .lg\:mt-6 {
        margin-top : 1.5rem
    }

    .lg\:mr-6 {
        margin-right : 1.5rem
    }

    .lg\:mb-6 {
        margin-bottom : 1.5rem
    }

    .lg\:ml-6 {
        margin-left : 1.5rem
    }

    .lg\:mt-8 {
        margin-top : 2rem
    }

    .lg\:mr-8 {
        margin-right : 2rem
    }

    .lg\:mb-8 {
        margin-bottom : 2rem
    }

    .lg\:ml-8 {
        margin-left : 2rem
    }

    .lg\:mt-10 {
        margin-top : 2.5rem
    }

    .lg\:mr-10 {
        margin-right : 2.5rem
    }

    .lg\:mb-10 {
        margin-bottom : 2.5rem
    }

    .lg\:ml-10 {
        margin-left : 2.5rem
    }

    .lg\:mt-12 {
        margin-top : 3rem
    }

    .lg\:mr-12 {
        margin-right : 3rem
    }

    .lg\:mb-12 {
        margin-bottom : 3rem
    }

    .lg\:ml-12 {
        margin-left : 3rem
    }

    .lg\:mt-16 {
        margin-top : 4rem
    }

    .lg\:mr-16 {
        margin-right : 4rem
    }

    .lg\:mb-16 {
        margin-bottom : 4rem
    }

    .lg\:ml-16 {
        margin-left : 4rem
    }

    .lg\:mt-20 {
        margin-top : 5rem
    }

    .lg\:mr-20 {
        margin-right : 5rem
    }

    .lg\:mb-20 {
        margin-bottom : 5rem
    }

    .lg\:ml-20 {
        margin-left : 5rem
    }

    .lg\:mt-24 {
        margin-top : 6rem
    }

    .lg\:mr-24 {
        margin-right : 6rem
    }

    .lg\:mb-24 {
        margin-bottom : 6rem
    }

    .lg\:ml-24 {
        margin-left : 6rem
    }

    .lg\:mt-32 {
        margin-top : 8rem
    }

    .lg\:mr-32 {
        margin-right : 8rem
    }

    .lg\:mb-32 {
        margin-bottom : 8rem
    }

    .lg\:ml-32 {
        margin-left : 8rem
    }

    .lg\:mt-auto {
        margin-top : auto
    }

    .lg\:mr-auto {
        margin-right : auto
    }

    .lg\:mb-auto {
        margin-bottom : auto
    }

    .lg\:ml-auto {
        margin-left : auto
    }

    .lg\:mt-px {
        margin-top : 1px
    }

    .lg\:mr-px {
        margin-right : 1px
    }

    .lg\:mb-px {
        margin-bottom : 1px
    }

    .lg\:ml-px {
        margin-left : 1px
    }

    .lg\:p-0 {
        padding : 0
    }

    .lg\:p-1 {
        padding : .25rem
    }

    .lg\:p-2 {
        padding : .5rem
    }

    .lg\:p-3 {
        padding : .75rem
    }

    .lg\:p-4 {
        padding : 1rem
    }

    .lg\:p-5 {
        padding : 1.25rem
    }

    .lg\:p-6 {
        padding : 1.5rem
    }

    .lg\:p-8 {
        padding : 2rem
    }

    .lg\:p-10 {
        padding : 2.5rem
    }

    .lg\:p-12 {
        padding : 3rem
    }

    .lg\:p-16 {
        padding : 4rem
    }

    .lg\:p-20 {
        padding : 5rem
    }

    .lg\:p-24 {
        padding : 6rem
    }

    .lg\:p-32 {
        padding : 8rem
    }

    .lg\:p-px {
        padding : 1px
    }

    .lg\:py-0 {
        padding-top    : 0;
        padding-bottom : 0
    }

    .lg\:px-0 {
        padding-left  : 0;
        padding-right : 0
    }

    .lg\:py-1 {
        padding-top    : .25rem;
        padding-bottom : .25rem
    }

    .lg\:px-1 {
        padding-left  : .25rem;
        padding-right : .25rem
    }

    .lg\:py-2 {
        padding-top    : .5rem;
        padding-bottom : .5rem
    }

    .lg\:px-2 {
        padding-left  : .5rem;
        padding-right : .5rem
    }

    .lg\:py-3 {
        padding-top    : .75rem;
        padding-bottom : .75rem
    }

    .lg\:px-3 {
        padding-left  : .75rem;
        padding-right : .75rem
    }

    .lg\:py-4 {
        padding-top    : 1rem;
        padding-bottom : 1rem
    }

    .lg\:px-4 {
        padding-left  : 1rem;
        padding-right : 1rem
    }

    .lg\:py-5 {
        padding-top    : 1.25rem;
        padding-bottom : 1.25rem
    }

    .lg\:px-5 {
        padding-left  : 1.25rem;
        padding-right : 1.25rem
    }

    .lg\:py-6 {
        padding-top    : 1.5rem;
        padding-bottom : 1.5rem
    }

    .lg\:px-6 {
        padding-left  : 1.5rem;
        padding-right : 1.5rem
    }

    .lg\:py-8 {
        padding-top    : 2rem;
        padding-bottom : 2rem
    }

    .lg\:px-8 {
        padding-left  : 2rem;
        padding-right : 2rem
    }

    .lg\:py-10 {
        padding-top    : 2.5rem;
        padding-bottom : 2.5rem
    }

    .lg\:px-10 {
        padding-left  : 2.5rem;
        padding-right : 2.5rem
    }

    .lg\:py-12 {
        padding-top    : 3rem;
        padding-bottom : 3rem
    }

    .lg\:px-12 {
        padding-left  : 3rem;
        padding-right : 3rem
    }

    .lg\:py-16 {
        padding-top    : 4rem;
        padding-bottom : 4rem
    }

    .lg\:px-16 {
        padding-left  : 4rem;
        padding-right : 4rem
    }

    .lg\:py-20 {
        padding-top    : 5rem;
        padding-bottom : 5rem
    }

    .lg\:px-20 {
        padding-left  : 5rem;
        padding-right : 5rem
    }

    .lg\:py-24 {
        padding-top    : 6rem;
        padding-bottom : 6rem
    }

    .lg\:px-24 {
        padding-left  : 6rem;
        padding-right : 6rem
    }

    .lg\:py-32 {
        padding-top    : 8rem;
        padding-bottom : 8rem
    }

    .lg\:px-32 {
        padding-left  : 8rem;
        padding-right : 8rem
    }

    .lg\:py-px {
        padding-top    : 1px;
        padding-bottom : 1px
    }

    .lg\:px-px {
        padding-left  : 1px;
        padding-right : 1px
    }

    .lg\:pt-0 {
        padding-top : 0
    }

    .lg\:pr-0 {
        padding-right : 0
    }

    .lg\:pb-0 {
        padding-bottom : 0
    }

    .lg\:pl-0 {
        padding-left : 0
    }

    .lg\:pt-1 {
        padding-top : .25rem
    }

    .lg\:pr-1 {
        padding-right : .25rem
    }

    .lg\:pb-1 {
        padding-bottom : .25rem
    }

    .lg\:pl-1 {
        padding-left : .25rem
    }

    .lg\:pt-2 {
        padding-top : .5rem
    }

    .lg\:pr-2 {
        padding-right : .5rem
    }

    .lg\:pb-2 {
        padding-bottom : .5rem
    }

    .lg\:pl-2 {
        padding-left : .5rem
    }

    .lg\:pt-3 {
        padding-top : .75rem
    }

    .lg\:pr-3 {
        padding-right : .75rem
    }

    .lg\:pb-3 {
        padding-bottom : .75rem
    }

    .lg\:pl-3 {
        padding-left : .75rem
    }

    .lg\:pt-4 {
        padding-top : 1rem
    }

    .lg\:pr-4 {
        padding-right : 1rem
    }

    .lg\:pb-4 {
        padding-bottom : 1rem
    }

    .lg\:pl-4 {
        padding-left : 1rem
    }

    .lg\:pt-5 {
        padding-top : 1.25rem
    }

    .lg\:pr-5 {
        padding-right : 1.25rem
    }

    .lg\:pb-5 {
        padding-bottom : 1.25rem
    }

    .lg\:pl-5 {
        padding-left : 1.25rem
    }

    .lg\:pt-6 {
        padding-top : 1.5rem
    }

    .lg\:pr-6 {
        padding-right : 1.5rem
    }

    .lg\:pb-6 {
        padding-bottom : 1.5rem
    }

    .lg\:pl-6 {
        padding-left : 1.5rem
    }

    .lg\:pt-8 {
        padding-top : 2rem
    }

    .lg\:pr-8 {
        padding-right : 2rem
    }

    .lg\:pb-8 {
        padding-bottom : 2rem
    }

    .lg\:pl-8 {
        padding-left : 2rem
    }

    .lg\:pt-10 {
        padding-top : 2.5rem
    }

    .lg\:pr-10 {
        padding-right : 2.5rem
    }

    .lg\:pb-10 {
        padding-bottom : 2.5rem
    }

    .lg\:pl-10 {
        padding-left : 2.5rem
    }

    .lg\:pt-12 {
        padding-top : 3rem
    }

    .lg\:pr-12 {
        padding-right : 3rem
    }

    .lg\:pb-12 {
        padding-bottom : 3rem
    }

    .lg\:pl-12 {
        padding-left : 3rem
    }

    .lg\:pt-16 {
        padding-top : 4rem
    }

    .lg\:pr-16 {
        padding-right : 4rem
    }

    .lg\:pb-16 {
        padding-bottom : 4rem
    }

    .lg\:pl-16 {
        padding-left : 4rem
    }

    .lg\:pt-20 {
        padding-top : 5rem
    }

    .lg\:pr-20 {
        padding-right : 5rem
    }

    .lg\:pb-20 {
        padding-bottom : 5rem
    }

    .lg\:pl-20 {
        padding-left : 5rem
    }

    .lg\:pt-24 {
        padding-top : 6rem
    }

    .lg\:pr-24 {
        padding-right : 6rem
    }

    .lg\:pb-24 {
        padding-bottom : 6rem
    }

    .lg\:pl-24 {
        padding-left : 6rem
    }

    .lg\:pt-32 {
        padding-top : 8rem
    }

    .lg\:pr-32 {
        padding-right : 8rem
    }

    .lg\:pb-32 {
        padding-bottom : 8rem
    }

    .lg\:pl-32 {
        padding-left : 8rem
    }

    .lg\:pt-px {
        padding-top : 1px
    }

    .lg\:pr-px {
        padding-right : 1px
    }

    .lg\:pb-px {
        padding-bottom : 1px
    }

    .lg\:pl-px {
        padding-left : 1px
    }

    .lg\:static {
        position : static
    }

    .lg\:fixed {
        position : fixed
    }

    .lg\:absolute {
        position : absolute
    }

    .lg\:relative {
        position : relative
    }

    .lg\:sticky {
        position : -webkit-sticky;
        position : sticky
    }

    .lg\:pin-none {
        top    : auto;
        right  : auto;
        bottom : auto;
        left   : auto
    }

    .lg\:pin {
        right : 0;
        left  : 0
    }

    .lg\:pin, .lg\:pin-y {
        top    : 0;
        bottom : 0
    }

    .lg\:pin-x {
        right : 0;
        left  : 0
    }

    .lg\:pin-t {
        top : 0
    }

    .lg\:pin-r {
        right : 0
    }

    .lg\:pin-b {
        bottom : 0
    }

    .lg\:pin-l {
        left : 0
    }

    .lg\:table-auto {
        table-layout : auto
    }

    .lg\:table-fixed {
        table-layout : fixed
    }

    .lg\:text-left {
        text-align : left
    }

    .lg\:text-center {
        text-align : center
    }

    .lg\:text-right {
        text-align : right
    }

    .lg\:text-justify {
        text-align : justify
    }

    .lg\:text-2xs {
        font-size : .65rem
    }

    .lg\:text-xs {
        font-size : .75rem
    }

    .lg\:text-sm {
        font-size : .875rem
    }

    .lg\:text-base {
        font-size : 1rem
    }

    .lg\:text-lg {
        font-size : 1.125rem
    }

    .lg\:text-xl {
        font-size : 1.25rem
    }

    .lg\:text-2xl {
        font-size : 1.5rem
    }

    .lg\:text-3xl {
        font-size : 1.875rem
    }

    .lg\:text-4xl {
        font-size : 2.25rem
    }

    .lg\:text-5xl {
        font-size : 3rem
    }

    .lg\:visible {
        visibility : visible
    }

    .lg\:invisible {
        visibility : hidden
    }

    .lg\:w-6 {
        width : 1.5rem
    }

    .lg\:w-24 {
        width : 6rem
    }

    .lg\:w-32 {
        width : 8rem
    }

    .lg\:w-auto {
        width : auto
    }

    .lg\:w-px {
        width : 1px
    }

    .lg\:w-1\/2 {
        width : 50%
    }

    .lg\:w-1\/3 {
        width : 33.33333%
    }

    .lg\:w-2\/3 {
        width : 66.66667%
    }

    .lg\:w-1\/4 {
        width : 25%
    }

    .lg\:w-3\/4 {
        width : 75%
    }

    .lg\:w-1\/5 {
        width : 20%
    }

    .lg\:w-2\/5 {
        width : 40%
    }

    .lg\:w-3\/5 {
        width : 60%
    }

    .lg\:w-4\/5 {
        width : 80%
    }

    .lg\:w-1\/6 {
        width : 16.66667%
    }

    .lg\:w-5\/6 {
        width : 83.33333%
    }

    .lg\:w-full {
        width : 100%
    }

    .lg\:w-screen {
        width : 100vw
    }
}

@media (min-width : 1200px) {
    .xl\:block {
        display : block
    }

    .xl\:inline-block {
        display : inline-block
    }

    .xl\:inline {
        display : inline
    }

    .xl\:table {
        display : table
    }

    .xl\:table-row {
        display : table-row
    }

    .xl\:table-cell {
        display : table-cell
    }

    .xl\:hidden {
        display : none
    }

    .xl\:flex {
        display : -ms-flexbox;
        display : flex
    }

    .xl\:inline-flex {
        display : -ms-inline-flexbox;
        display : inline-flex
    }

    .xl\:flex-row {
        -ms-flex-direction : row;
        flex-direction     : row
    }

    .xl\:flex-row-reverse {
        -ms-flex-direction : row-reverse;
        flex-direction     : row-reverse
    }

    .xl\:flex-col {
        -ms-flex-direction : column;
        flex-direction     : column
    }

    .xl\:flex-col-reverse {
        -ms-flex-direction : column-reverse;
        flex-direction     : column-reverse
    }

    .xl\:flex-wrap {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .xl\:flex-wrap-reverse {
        -ms-flex-wrap : wrap-reverse;
        flex-wrap     : wrap-reverse
    }

    .xl\:flex-no-wrap {
        -ms-flex-wrap : nowrap;
        flex-wrap     : nowrap
    }

    .xl\:items-start {
        -ms-flex-align : start;
        align-items    : flex-start
    }

    .xl\:items-end {
        -ms-flex-align : end;
        align-items    : flex-end
    }

    .xl\:items-center {
        -ms-flex-align : center;
        align-items    : center
    }

    .xl\:items-baseline {
        -ms-flex-align : baseline;
        align-items    : baseline
    }

    .xl\:items-stretch {
        -ms-flex-align : stretch;
        align-items    : stretch
    }

    .xl\:self-auto {
        -ms-flex-item-align : auto;
        -ms-grid-row-align  : auto;
        align-self          : auto
    }

    .xl\:self-start {
        -ms-flex-item-align : start;
        align-self          : flex-start
    }

    .xl\:self-end {
        -ms-flex-item-align : end;
        align-self          : flex-end
    }

    .xl\:self-center {
        -ms-flex-item-align : center;
        -ms-grid-row-align  : center;
        align-self          : center
    }

    .xl\:self-stretch {
        -ms-flex-item-align : stretch;
        -ms-grid-row-align  : stretch;
        align-self          : stretch
    }

    .xl\:justify-start {
        -ms-flex-pack   : start;
        justify-content : flex-start
    }

    .xl\:justify-end {
        -ms-flex-pack   : end;
        justify-content : flex-end
    }

    .xl\:justify-center {
        -ms-flex-pack   : center;
        justify-content : center
    }

    .xl\:justify-between {
        -ms-flex-pack   : justify;
        justify-content : space-between
    }

    .xl\:justify-around {
        -ms-flex-pack   : distribute;
        justify-content : space-around
    }

    .xl\:content-center {
        -ms-flex-line-pack : center;
        align-content      : center
    }

    .xl\:content-start {
        -ms-flex-line-pack : start;
        align-content      : flex-start
    }

    .xl\:content-end {
        -ms-flex-line-pack : end;
        align-content      : flex-end
    }

    .xl\:content-between {
        -ms-flex-line-pack : justify;
        align-content      : space-between
    }

    .xl\:content-around {
        -ms-flex-line-pack : distribute;
        align-content      : space-around
    }

    .xl\:flex-1 {
        -ms-flex : 1 1 0%;
        flex     : 1 1 0%
    }

    .xl\:flex-auto {
        -ms-flex : 1 1 auto;
        flex     : 1 1 auto
    }

    .xl\:flex-initial {
        -ms-flex : 0 1 auto;
        flex     : 0 1 auto
    }

    .xl\:flex-none {
        -ms-flex : none;
        flex     : none
    }

    .xl\:flex-grow {
        -ms-flex-positive : 1;
        flex-grow         : 1
    }

    .xl\:flex-shrink {
        -ms-flex-negative : 1;
        flex-shrink       : 1
    }

    .xl\:flex-no-grow {
        -ms-flex-positive : 0;
        flex-grow         : 0
    }

    .xl\:flex-no-shrink {
        -ms-flex-negative : 0;
        flex-shrink       : 0
    }

    .xl\:font-sans {
        font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .xl\:font-serif {
        font-family : Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .xl\:font-mono {
        font-family : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .xl\:m-0 {
        margin : 0
    }

    .xl\:m-1 {
        margin : .25rem
    }

    .xl\:m-2 {
        margin : .5rem
    }

    .xl\:m-3 {
        margin : .75rem
    }

    .xl\:m-4 {
        margin : 1rem
    }

    .xl\:m-5 {
        margin : 1.25rem
    }

    .xl\:m-6 {
        margin : 1.5rem
    }

    .xl\:m-8 {
        margin : 2rem
    }

    .xl\:m-10 {
        margin : 2.5rem
    }

    .xl\:m-12 {
        margin : 3rem
    }

    .xl\:m-16 {
        margin : 4rem
    }

    .xl\:m-20 {
        margin : 5rem
    }

    .xl\:m-24 {
        margin : 6rem
    }

    .xl\:m-32 {
        margin : 8rem
    }

    .xl\:m-auto {
        margin : auto
    }

    .xl\:m-px {
        margin : 1px
    }

    .xl\:my-0 {
        margin-top    : 0;
        margin-bottom : 0
    }

    .xl\:mx-0 {
        margin-left  : 0;
        margin-right : 0
    }

    .xl\:my-1 {
        margin-top    : .25rem;
        margin-bottom : .25rem
    }

    .xl\:mx-1 {
        margin-left  : .25rem;
        margin-right : .25rem
    }

    .xl\:my-2 {
        margin-top    : .5rem;
        margin-bottom : .5rem
    }

    .xl\:mx-2 {
        margin-left  : .5rem;
        margin-right : .5rem
    }

    .xl\:my-3 {
        margin-top    : .75rem;
        margin-bottom : .75rem
    }

    .xl\:mx-3 {
        margin-left  : .75rem;
        margin-right : .75rem
    }

    .xl\:my-4 {
        margin-top    : 1rem;
        margin-bottom : 1rem
    }

    .xl\:mx-4 {
        margin-left  : 1rem;
        margin-right : 1rem
    }

    .xl\:my-5 {
        margin-top    : 1.25rem;
        margin-bottom : 1.25rem
    }

    .xl\:mx-5 {
        margin-left  : 1.25rem;
        margin-right : 1.25rem
    }

    .xl\:my-6 {
        margin-top    : 1.5rem;
        margin-bottom : 1.5rem
    }

    .xl\:mx-6 {
        margin-left  : 1.5rem;
        margin-right : 1.5rem
    }

    .xl\:my-8 {
        margin-top    : 2rem;
        margin-bottom : 2rem
    }

    .xl\:mx-8 {
        margin-left  : 2rem;
        margin-right : 2rem
    }

    .xl\:my-10 {
        margin-top    : 2.5rem;
        margin-bottom : 2.5rem
    }

    .xl\:mx-10 {
        margin-left  : 2.5rem;
        margin-right : 2.5rem
    }

    .xl\:my-12 {
        margin-top    : 3rem;
        margin-bottom : 3rem
    }

    .xl\:mx-12 {
        margin-left  : 3rem;
        margin-right : 3rem
    }

    .xl\:my-16 {
        margin-top    : 4rem;
        margin-bottom : 4rem
    }

    .xl\:mx-16 {
        margin-left  : 4rem;
        margin-right : 4rem
    }

    .xl\:my-20 {
        margin-top    : 5rem;
        margin-bottom : 5rem
    }

    .xl\:mx-20 {
        margin-left  : 5rem;
        margin-right : 5rem
    }

    .xl\:my-24 {
        margin-top    : 6rem;
        margin-bottom : 6rem
    }

    .xl\:mx-24 {
        margin-left  : 6rem;
        margin-right : 6rem
    }

    .xl\:my-32 {
        margin-top    : 8rem;
        margin-bottom : 8rem
    }

    .xl\:mx-32 {
        margin-left  : 8rem;
        margin-right : 8rem
    }

    .xl\:my-auto {
        margin-top    : auto;
        margin-bottom : auto
    }

    .xl\:mx-auto {
        margin-left  : auto;
        margin-right : auto
    }

    .xl\:my-px {
        margin-top    : 1px;
        margin-bottom : 1px
    }

    .xl\:mx-px {
        margin-left  : 1px;
        margin-right : 1px
    }

    .xl\:mt-0 {
        margin-top : 0
    }

    .xl\:mr-0 {
        margin-right : 0
    }

    .xl\:mb-0 {
        margin-bottom : 0
    }

    .xl\:ml-0 {
        margin-left : 0
    }

    .xl\:mt-1 {
        margin-top : .25rem
    }

    .xl\:mr-1 {
        margin-right : .25rem
    }

    .xl\:mb-1 {
        margin-bottom : .25rem
    }

    .xl\:ml-1 {
        margin-left : .25rem
    }

    .xl\:mt-2 {
        margin-top : .5rem
    }

    .xl\:mr-2 {
        margin-right : .5rem
    }

    .xl\:mb-2 {
        margin-bottom : .5rem
    }

    .xl\:ml-2 {
        margin-left : .5rem
    }

    .xl\:mt-3 {
        margin-top : .75rem
    }

    .xl\:mr-3 {
        margin-right : .75rem
    }

    .xl\:mb-3 {
        margin-bottom : .75rem
    }

    .xl\:ml-3 {
        margin-left : .75rem
    }

    .xl\:mt-4 {
        margin-top : 1rem
    }

    .xl\:mr-4 {
        margin-right : 1rem
    }

    .xl\:mb-4 {
        margin-bottom : 1rem
    }

    .xl\:ml-4 {
        margin-left : 1rem
    }

    .xl\:mt-5 {
        margin-top : 1.25rem
    }

    .xl\:mr-5 {
        margin-right : 1.25rem
    }

    .xl\:mb-5 {
        margin-bottom : 1.25rem
    }

    .xl\:ml-5 {
        margin-left : 1.25rem
    }

    .xl\:mt-6 {
        margin-top : 1.5rem
    }

    .xl\:mr-6 {
        margin-right : 1.5rem
    }

    .xl\:mb-6 {
        margin-bottom : 1.5rem
    }

    .xl\:ml-6 {
        margin-left : 1.5rem
    }

    .xl\:mt-8 {
        margin-top : 2rem
    }

    .xl\:mr-8 {
        margin-right : 2rem
    }

    .xl\:mb-8 {
        margin-bottom : 2rem
    }

    .xl\:ml-8 {
        margin-left : 2rem
    }

    .xl\:mt-10 {
        margin-top : 2.5rem
    }

    .xl\:mr-10 {
        margin-right : 2.5rem
    }

    .xl\:mb-10 {
        margin-bottom : 2.5rem
    }

    .xl\:ml-10 {
        margin-left : 2.5rem
    }

    .xl\:mt-12 {
        margin-top : 3rem
    }

    .xl\:mr-12 {
        margin-right : 3rem
    }

    .xl\:mb-12 {
        margin-bottom : 3rem
    }

    .xl\:ml-12 {
        margin-left : 3rem
    }

    .xl\:mt-16 {
        margin-top : 4rem
    }

    .xl\:mr-16 {
        margin-right : 4rem
    }

    .xl\:mb-16 {
        margin-bottom : 4rem
    }

    .xl\:ml-16 {
        margin-left : 4rem
    }

    .xl\:mt-20 {
        margin-top : 5rem
    }

    .xl\:mr-20 {
        margin-right : 5rem
    }

    .xl\:mb-20 {
        margin-bottom : 5rem
    }

    .xl\:ml-20 {
        margin-left : 5rem
    }

    .xl\:mt-24 {
        margin-top : 6rem
    }

    .xl\:mr-24 {
        margin-right : 6rem
    }

    .xl\:mb-24 {
        margin-bottom : 6rem
    }

    .xl\:ml-24 {
        margin-left : 6rem
    }

    .xl\:mt-32 {
        margin-top : 8rem
    }

    .xl\:mr-32 {
        margin-right : 8rem
    }

    .xl\:mb-32 {
        margin-bottom : 8rem
    }

    .xl\:ml-32 {
        margin-left : 8rem
    }

    .xl\:mt-auto {
        margin-top : auto
    }

    .xl\:mr-auto {
        margin-right : auto
    }

    .xl\:mb-auto {
        margin-bottom : auto
    }

    .xl\:ml-auto {
        margin-left : auto
    }

    .xl\:mt-px {
        margin-top : 1px
    }

    .xl\:mr-px {
        margin-right : 1px
    }

    .xl\:mb-px {
        margin-bottom : 1px
    }

    .xl\:ml-px {
        margin-left : 1px
    }

    .xl\:p-0 {
        padding : 0
    }

    .xl\:p-1 {
        padding : .25rem
    }

    .xl\:p-2 {
        padding : .5rem
    }

    .xl\:p-3 {
        padding : .75rem
    }

    .xl\:p-4 {
        padding : 1rem
    }

    .xl\:p-5 {
        padding : 1.25rem
    }

    .xl\:p-6 {
        padding : 1.5rem
    }

    .xl\:p-8 {
        padding : 2rem
    }

    .xl\:p-10 {
        padding : 2.5rem
    }

    .xl\:p-12 {
        padding : 3rem
    }

    .xl\:p-16 {
        padding : 4rem
    }

    .xl\:p-20 {
        padding : 5rem
    }

    .xl\:p-24 {
        padding : 6rem
    }

    .xl\:p-32 {
        padding : 8rem
    }

    .xl\:p-px {
        padding : 1px
    }

    .xl\:py-0 {
        padding-top    : 0;
        padding-bottom : 0
    }

    .xl\:px-0 {
        padding-left  : 0;
        padding-right : 0
    }

    .xl\:py-1 {
        padding-top    : .25rem;
        padding-bottom : .25rem
    }

    .xl\:px-1 {
        padding-left  : .25rem;
        padding-right : .25rem
    }

    .xl\:py-2 {
        padding-top    : .5rem;
        padding-bottom : .5rem
    }

    .xl\:px-2 {
        padding-left  : .5rem;
        padding-right : .5rem
    }

    .xl\:py-3 {
        padding-top    : .75rem;
        padding-bottom : .75rem
    }

    .xl\:px-3 {
        padding-left  : .75rem;
        padding-right : .75rem
    }

    .xl\:py-4 {
        padding-top    : 1rem;
        padding-bottom : 1rem
    }

    .xl\:px-4 {
        padding-left  : 1rem;
        padding-right : 1rem
    }

    .xl\:py-5 {
        padding-top    : 1.25rem;
        padding-bottom : 1.25rem
    }

    .xl\:px-5 {
        padding-left  : 1.25rem;
        padding-right : 1.25rem
    }

    .xl\:py-6 {
        padding-top    : 1.5rem;
        padding-bottom : 1.5rem
    }

    .xl\:px-6 {
        padding-left  : 1.5rem;
        padding-right : 1.5rem
    }

    .xl\:py-8 {
        padding-top    : 2rem;
        padding-bottom : 2rem
    }

    .xl\:px-8 {
        padding-left  : 2rem;
        padding-right : 2rem
    }

    .xl\:py-10 {
        padding-top    : 2.5rem;
        padding-bottom : 2.5rem
    }

    .xl\:px-10 {
        padding-left  : 2.5rem;
        padding-right : 2.5rem
    }

    .xl\:py-12 {
        padding-top    : 3rem;
        padding-bottom : 3rem
    }

    .xl\:px-12 {
        padding-left  : 3rem;
        padding-right : 3rem
    }

    .xl\:py-16 {
        padding-top    : 4rem;
        padding-bottom : 4rem
    }

    .xl\:px-16 {
        padding-left  : 4rem;
        padding-right : 4rem
    }

    .xl\:py-20 {
        padding-top    : 5rem;
        padding-bottom : 5rem
    }

    .xl\:px-20 {
        padding-left  : 5rem;
        padding-right : 5rem
    }

    .xl\:py-24 {
        padding-top    : 6rem;
        padding-bottom : 6rem
    }

    .xl\:px-24 {
        padding-left  : 6rem;
        padding-right : 6rem
    }

    .xl\:py-32 {
        padding-top    : 8rem;
        padding-bottom : 8rem
    }

    .xl\:px-32 {
        padding-left  : 8rem;
        padding-right : 8rem
    }

    .xl\:py-px {
        padding-top    : 1px;
        padding-bottom : 1px
    }

    .xl\:px-px {
        padding-left  : 1px;
        padding-right : 1px
    }

    .xl\:pt-0 {
        padding-top : 0
    }

    .xl\:pr-0 {
        padding-right : 0
    }

    .xl\:pb-0 {
        padding-bottom : 0
    }

    .xl\:pl-0 {
        padding-left : 0
    }

    .xl\:pt-1 {
        padding-top : .25rem
    }

    .xl\:pr-1 {
        padding-right : .25rem
    }

    .xl\:pb-1 {
        padding-bottom : .25rem
    }

    .xl\:pl-1 {
        padding-left : .25rem
    }

    .xl\:pt-2 {
        padding-top : .5rem
    }

    .xl\:pr-2 {
        padding-right : .5rem
    }

    .xl\:pb-2 {
        padding-bottom : .5rem
    }

    .xl\:pl-2 {
        padding-left : .5rem
    }

    .xl\:pt-3 {
        padding-top : .75rem
    }

    .xl\:pr-3 {
        padding-right : .75rem
    }

    .xl\:pb-3 {
        padding-bottom : .75rem
    }

    .xl\:pl-3 {
        padding-left : .75rem
    }

    .xl\:pt-4 {
        padding-top : 1rem
    }

    .xl\:pr-4 {
        padding-right : 1rem
    }

    .xl\:pb-4 {
        padding-bottom : 1rem
    }

    .xl\:pl-4 {
        padding-left : 1rem
    }

    .xl\:pt-5 {
        padding-top : 1.25rem
    }

    .xl\:pr-5 {
        padding-right : 1.25rem
    }

    .xl\:pb-5 {
        padding-bottom : 1.25rem
    }

    .xl\:pl-5 {
        padding-left : 1.25rem
    }

    .xl\:pt-6 {
        padding-top : 1.5rem
    }

    .xl\:pr-6 {
        padding-right : 1.5rem
    }

    .xl\:pb-6 {
        padding-bottom : 1.5rem
    }

    .xl\:pl-6 {
        padding-left : 1.5rem
    }

    .xl\:pt-8 {
        padding-top : 2rem
    }

    .xl\:pr-8 {
        padding-right : 2rem
    }

    .xl\:pb-8 {
        padding-bottom : 2rem
    }

    .xl\:pl-8 {
        padding-left : 2rem
    }

    .xl\:pt-10 {
        padding-top : 2.5rem
    }

    .xl\:pr-10 {
        padding-right : 2.5rem
    }

    .xl\:pb-10 {
        padding-bottom : 2.5rem
    }

    .xl\:pl-10 {
        padding-left : 2.5rem
    }

    .xl\:pt-12 {
        padding-top : 3rem
    }

    .xl\:pr-12 {
        padding-right : 3rem
    }

    .xl\:pb-12 {
        padding-bottom : 3rem
    }

    .xl\:pl-12 {
        padding-left : 3rem
    }

    .xl\:pt-16 {
        padding-top : 4rem
    }

    .xl\:pr-16 {
        padding-right : 4rem
    }

    .xl\:pb-16 {
        padding-bottom : 4rem
    }

    .xl\:pl-16 {
        padding-left : 4rem
    }

    .xl\:pt-20 {
        padding-top : 5rem
    }

    .xl\:pr-20 {
        padding-right : 5rem
    }

    .xl\:pb-20 {
        padding-bottom : 5rem
    }

    .xl\:pl-20 {
        padding-left : 5rem
    }

    .xl\:pt-24 {
        padding-top : 6rem
    }

    .xl\:pr-24 {
        padding-right : 6rem
    }

    .xl\:pb-24 {
        padding-bottom : 6rem
    }

    .xl\:pl-24 {
        padding-left : 6rem
    }

    .xl\:pt-32 {
        padding-top : 8rem
    }

    .xl\:pr-32 {
        padding-right : 8rem
    }

    .xl\:pb-32 {
        padding-bottom : 8rem
    }

    .xl\:pl-32 {
        padding-left : 8rem
    }

    .xl\:pt-px {
        padding-top : 1px
    }

    .xl\:pr-px {
        padding-right : 1px
    }

    .xl\:pb-px {
        padding-bottom : 1px
    }

    .xl\:pl-px {
        padding-left : 1px
    }

    .xl\:static {
        position : static
    }

    .xl\:fixed {
        position : fixed
    }

    .xl\:absolute {
        position : absolute
    }

    .xl\:relative {
        position : relative
    }

    .xl\:sticky {
        position : -webkit-sticky;
        position : sticky
    }

    .xl\:pin-none {
        top    : auto;
        right  : auto;
        bottom : auto;
        left   : auto
    }

    .xl\:pin {
        right : 0;
        left  : 0
    }

    .xl\:pin, .xl\:pin-y {
        top    : 0;
        bottom : 0
    }

    .xl\:pin-x {
        right : 0;
        left  : 0
    }

    .xl\:pin-t {
        top : 0
    }

    .xl\:pin-r {
        right : 0
    }

    .xl\:pin-b {
        bottom : 0
    }

    .xl\:pin-l {
        left : 0
    }

    .xl\:table-auto {
        table-layout : auto
    }

    .xl\:table-fixed {
        table-layout : fixed
    }

    .xl\:text-left {
        text-align : left
    }

    .xl\:text-center {
        text-align : center
    }

    .xl\:text-right {
        text-align : right
    }

    .xl\:text-justify {
        text-align : justify
    }

    .xl\:text-2xs {
        font-size : .65rem
    }

    .xl\:text-xs {
        font-size : .75rem
    }

    .xl\:text-sm {
        font-size : .875rem
    }

    .xl\:text-base {
        font-size : 1rem
    }

    .xl\:text-lg {
        font-size : 1.125rem
    }

    .xl\:text-xl {
        font-size : 1.25rem
    }

    .xl\:text-2xl {
        font-size : 1.5rem
    }

    .xl\:text-3xl {
        font-size : 1.875rem
    }

    .xl\:text-4xl {
        font-size : 2.25rem
    }

    .xl\:text-5xl {
        font-size : 3rem
    }

    .xl\:visible {
        visibility : visible
    }

    .xl\:invisible {
        visibility : hidden
    }

    .xl\:w-6 {
        width : 1.5rem
    }

    .xl\:w-24 {
        width : 6rem
    }

    .xl\:w-32 {
        width : 8rem
    }

    .xl\:w-auto {
        width : auto
    }

    .xl\:w-px {
        width : 1px
    }

    .xl\:w-1\/2 {
        width : 50%
    }

    .xl\:w-1\/3 {
        width : 33.33333%
    }

    .xl\:w-2\/3 {
        width : 66.66667%
    }

    .xl\:w-1\/4 {
        width : 25%
    }

    .xl\:w-3\/4 {
        width : 75%
    }

    .xl\:w-1\/5 {
        width : 20%
    }

    .xl\:w-2\/5 {
        width : 40%
    }

    .xl\:w-3\/5 {
        width : 60%
    }

    .xl\:w-4\/5 {
        width : 80%
    }

    .xl\:w-1\/6 {
        width : 16.66667%
    }

    .xl\:w-5\/6 {
        width : 83.33333%
    }

    .xl\:w-full {
        width : 100%
    }

    .xl\:w-screen {
        width : 100vw
    }
}