/*! Softheon Workshop © 2019 */
@import url("https://fonts.googleapis.com/css?family=Aldrich|Share+Tech+Mono"); /*! 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: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --color-primary: #0079C7;
    --color-secondary: #05857A;
    --color-success: #3A9A3A;
    --color-warning: #EB9711;
    --color-danger: #d9534f;
    --color-regular: #74787F;
    --color-light: #ecf0f1;
    --color-dark: #222;
    --color-jet: #3d3d3d;
    --primary-lighten-25: #48b7ff;
    --primary-lighten-15: #15a3ff;
    --primary-lighten-10: #0098fa;
    --primary-lighten-5: #0089e1;
    --primary-darken-5: #0069ae;
    --primary-darken-10: #005a94;
    --primary-darken-15: #004a7b;
    --primary-darken-25: #002b48
}

body {
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    font-size: 14px;
    background: #fff;
    color: #333
}

@media screen and (max-width: 768px) {
    body {
        font-size: 12px
    }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400 !important;
    line-height: normal
}

h1, .h1, [h1] {
    font-size: 2.5em !important
}

h2, .h2, [h2] {
    font-size: 2em !important
}

h3, .h3, [h3] {
    font-size: 1.75em !important
}

h4, .h4, [h4] {
    font-size: 1.5em !important
}

h5, .h5, [h5] {
    font-size: 1.25em !important
}

h6, .h6, [h6] {
    font-size: 1.1em !important;
    margin-bottom: 1em !important;
    margin-top: 1em !important
}

p {
    line-height: 1.4
}

[display-1], display-1 {
    display: block;
    font-weight: 300 !important;
    margin-bottom: 10px;
    line-height: 1.2
}

[display-2], display-2 {
    display: block;
    font-weight: 300 !important;
    margin-bottom: 10px;
    line-height: 1.2
}

[display-3], display-3 {
    display: block;
    font-weight: 300 !important;
    margin-bottom: 10px;
    line-height: 1.2
}

[display-4], display-4 {
    display: block;
    font-weight: 300 !important;
    margin-bottom: 10px;
    line-height: 1.2
}

[display-1], display-1 {
    font-size: 6em !important
}

[display-2], display-2 {
    font-size: 5.5em !important
}

[display-3], display-3 {
    font-size: 4.5em !important
}

[display-4], display-4 {
    font-size: 3.5em !important
}

.lead, [lead] {
    font-size: 1.25em;
    font-weight: 300
}

.text-center, [text-center] {
    text-align: center !important
}

.text-right, [text-right] {
    text-align: right !important
}

.text-left, [text-left] {
    text-align: left !important
}

.workshop, [workshop] {
    font-family: 'Aldrich', sans-serif !important
}

.console, [console] {
    font-family: 'Share Tech Mono', monospace !important;
    letter-spacing: 3px;
    line-height: normal
}

.text-upper, [text-upper] {
    text-transform: uppercase
}

.text-lower, [text-lower] {
    text-transform: lowercase
}

.text-capitzalize, [text-capitzalize] {
    text-transform: capitalize
}

.text-reset, [text-reset], .text-unset, [text-unset] {
    text-transform: unset !important
}

.truncate-text, [truncate-text] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sws-primary, [sws-primary], .text-primary, [text-primary] {
    color: #0069ae !important
}

.sws-secondary, [sws-secondary], .text-secondary, [text-secondary] {
    color: #046c63 !important
}

.sws-success, [sws-success], .text-success, [text-success] {
    color: #338733 !important
}

.sws-warning, [sws-warning], .text-warning, [text-warning] {
    color: #d3880f !important
}

.sws-danger, [sws-danger], .text-danger, [text-danger] {
    color: #d43f3a !important
}

.sws-regular, [sws-regular], .text-regular, [text-regular] {
    color: #686b72 !important
}

.sws-light, [sws-light], .text-light, [text-light] {
    color: #dde4e6 !important
}

.sws-dark, [sws-dark], .text-dark, [text-dark] {
    color: #151515 !important
}

.sws-jet, [sws-jet], .text-jet, [text-jet] {
    color: #303030 !important
}

.text-white, [text-white] {
    color: #fff !important
}

.bg-primary, [bg-primary] {
    background: #0079C7 !important
}

.bg-secondary, [bg-secondary] {
    background: #05857A !important
}

.bg-success, [bg-success] {
    background: #3A9A3A !important
}

.bg-warning, [bg-warning] {
    background: #EB9711 !important
}

.bg-danger, [bg-danger] {
    background: #d9534f !important
}

.bg-regular, [bg-regular] {
    background: #74787F !important
}

.bg-light, [bg-light] {
    background: #ecf0f1 !important
}

.bg-dark, [bg-dark] {
    background: #222 !important
}

.bg-jet, [bg-jet] {
    background: #3d3d3d !important
}

.bg-white, [bg-white] {
    background: #fff !important
}

[bg-gradient], .bg-gradient {
    background: linear-gradient(to right, #409bd5, #44a49b)
}

[bg-gradient--reverse], .bg-gradient--reverse {
    background: linear-gradient(to left, #409bd5, #44a49b)
}

.outline--primary-thin, [outline--primary-thin] {
    border: 2px solid #0079C7 !important
}

.outline--primary-medium, [outline--primary-medium] {
    border: 2px solid rgba(0,121,199,0.32) !important;
    outline: 2px solid #0079C7 !important
}

.outline--secondary-thin, [outline--secondary-thin] {
    border: 2px solid #05857A !important
}

.outline--secondary-medium, [outline--secondary-medium] {
    border: 2px solid rgba(2,136,125,0.32) !important;
    outline: 2px solid #05857A !important
}

.outline--success-thin, [outline--success-thin] {
    border: 2px solid #3A9A3A !important
}

.outline--success-medium, [outline--success-medium] {
    border: 2px solid rgba(53,159,53,0.32) !important;
    outline: 2px solid #3A9A3A !important
}

.outline--warning-thin, [outline--warning-thin] {
    border: 2px solid #EB9711 !important
}

.outline--warning-medium, [outline--warning-medium] {
    border: 2px solid rgba(241,152,11,0.32) !important;
    outline: 2px solid #EB9711 !important
}

.outline--danger-thin, [outline--danger-thin] {
    border: 2px solid #d9534f !important
}

.outline--danger-medium, [outline--danger-medium] {
    border: 2px solid rgba(222,78,74,0.32) !important;
    outline: 2px solid #d9534f !important
}

.outline--regular-thin, [outline--regular-thin] {
    border: 2px solid #74787F !important
}

.outline--regular-medium, [outline--regular-medium] {
    border: 2px solid rgba(110,118,133,0.32) !important;
    outline: 2px solid #74787F !important
}

.outline--light-thin, [outline--light-thin] {
    border: 2px solid #ecf0f1 !important
}

.outline--light-medium, [outline--light-medium] {
    border: 2px solid rgba(235,240,242,0.32) !important;
    outline: 2px solid #ecf0f1 !important
}

.outline--dark-thin, [outline--dark-thin] {
    border: 2px solid #222 !important
}

.outline--dark-medium, [outline--dark-medium] {
    border: 2px solid rgba(36,32,32,0.32) !important;
    outline: 2px solid #222 !important
}

.outline--jet-thin, [outline--jet-thin] {
    border: 2px solid #3d3d3d !important
}

.outline--jet-medium, [outline--jet-medium] {
    border: 2px solid rgba(64,58,58,0.32) !important;
    outline: 2px solid #3d3d3d !important
}

.sws-dark, [sws-dark], .text-dark, [text-dark] {
    color: #222 !important
}

.bg-dark, [bg-dark] {
    background: #222 !important
}

.outline-dark-thin, [outline-dark-thin] {
    border: 2px solid #222 !important
}

.outline-dark-medium, [outline-dark-medium] {
    border: 2px solid rgba(0,121,199,0.32) !important;
    outline: 2px solid #222 !important
}

.sws-light, [sws-light], .text-light, [text-light] {
    color: #ecf0f1 !important
}

.bg-light, [bg-light] {
    background: #ecf0f1 !important
}

.outline-light-thin, [outline-light-thin] {
    border: 2px solid #ecf0f1 !important
}

.outline-light-medium, [outline-light-medium] {
    border: 2px solid rgba(2,136,125,0.32) !important;
    outline: 2px solid #ecf0f1 !important
}

.sws-light-shadow, [sws-light-shadow], .text-light-shadow, [text-light-shadow] {
    color: #fff !important;
    text-shadow: -1px 1px 2px rgba(52,73,94,0.7) !important
}

[full-width], .full-width {
    width: 100% !important
}

[full-height], .full-height {
    height: 100% !important
}

.full-height-vh, [full-height-vh] {
    height: 100vh
}

.full-width-vw, [full-width-vw] {
    height: 100vw
}

[margin-0-auto], [m-0-auto], .m-0-auto {
    margin: 0 auto
}

[m-l-auto], .m-l-auto {
    margin-left: auto !important
}

[m-r-auto], .m-r-auto {
    margin-right: auto !important
}

[semibold], .semibold {
    font-weight: 600
}

[semilight], .semilight {
    font-weight: 300 !important
}

[text-dec-none], .text-dec-none {
    text-decoration: none !important
}

[cursor-pointer], .cursor-pointer {
    cursor: pointer
}

a[sws-link], a.sws-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dotted #0079C7;
    padding: 0 .2em;
    transition: all .3s;
    color: #004a7b
}

    a[sws-link]:visited, a.sws-link:visited {
        color: #005a94
    }

    a[sws-link]:before, a.sws-link:before {
        content: "";
        z-index: 0;
        width: 100%;
        height: 0%;
        background: rgba(46,173,255,0.3);
        bottom: 0;
        left: 0;
        position: absolute;
        -webkit-transition: height 250ms;
        transition: height 250ms
    }

    a[sws-link]:hover, a[sws-link]:focus, a.sws-link:hover, a.sws-link:focus {
        border-color: transparent;
        cursor: pointer
    }

        a[sws-link]:hover:before, a[sws-link]:focus:before, a.sws-link:hover:before, a.sws-link:focus:before {
            height: 100%
        }

[sws-link--primary], .sws-link--primary {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #006db3 !important
}

    [sws-link--primary]:before, .sws-link--primary:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(0,121,199,0.5) !important
    }

    [sws-link--primary]:after, .sws-link--primary:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #0079C7 !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--primary]:hover:after, [sws-link--primary]:focus:after, [sws-link--primary]:active:after, .sws-link--primary:hover:after, .sws-link--primary:focus:after, .sws-link--primary:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--secondary], .sws-link--secondary {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #05786e !important
}

    [sws-link--secondary]:before, .sws-link--secondary:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(5,133,122,0.5) !important
    }

    [sws-link--secondary]:after, .sws-link--secondary:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #05857A !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--secondary]:hover:after, [sws-link--secondary]:focus:after, [sws-link--secondary]:active:after, .sws-link--secondary:hover:after, .sws-link--secondary:focus:after, .sws-link--secondary:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--success], .sws-link--success {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #348b34 !important
}

    [sws-link--success]:before, .sws-link--success:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(58,154,58,0.5) !important
    }

    [sws-link--success]:after, .sws-link--success:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #3A9A3A !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--success]:hover:after, [sws-link--success]:focus:after, [sws-link--success]:active:after, .sws-link--success:hover:after, .sws-link--success:focus:after, .sws-link--success:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--warning], .sws-link--warning {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #d4880f !important
}

    [sws-link--warning]:before, .sws-link--warning:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(235,151,17,0.5) !important
    }

    [sws-link--warning]:after, .sws-link--warning:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #EB9711 !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--warning]:hover:after, [sws-link--warning]:focus:after, [sws-link--warning]:active:after, .sws-link--warning:hover:after, .sws-link--warning:focus:after, .sws-link--warning:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--danger], .sws-link--danger {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #c34b47 !important
}

    [sws-link--danger]:before, .sws-link--danger:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(217,83,79,0.5) !important
    }

    [sws-link--danger]:after, .sws-link--danger:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #d9534f !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--danger]:hover:after, [sws-link--danger]:focus:after, [sws-link--danger]:active:after, .sws-link--danger:hover:after, .sws-link--danger:focus:after, .sws-link--danger:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--regular], .sws-link--regular {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #686c72 !important
}

    [sws-link--regular]:before, .sws-link--regular:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(116,120,127,0.5) !important
    }

    [sws-link--regular]:after, .sws-link--regular:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #74787F !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--regular]:hover:after, [sws-link--regular]:focus:after, [sws-link--regular]:active:after, .sws-link--regular:hover:after, .sws-link--regular:focus:after, .sws-link--regular:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--light], .sws-link--light {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #d4d8d9 !important
}

    [sws-link--light]:before, .sws-link--light:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(236,240,241,0.5) !important
    }

    [sws-link--light]:after, .sws-link--light:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #ecf0f1 !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--light]:hover:after, [sws-link--light]:focus:after, [sws-link--light]:active:after, .sws-link--light:hover:after, .sws-link--light:focus:after, .sws-link--light:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--dark], .sws-link--dark {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #1f1f1f !important
}

    [sws-link--dark]:before, .sws-link--dark:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(34,34,34,0.5) !important
    }

    [sws-link--dark]:after, .sws-link--dark:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #222 !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--dark]:hover:after, [sws-link--dark]:focus:after, [sws-link--dark]:active:after, .sws-link--dark:hover:after, .sws-link--dark:focus:after, .sws-link--dark:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-link--jet], .sws-link--jet {
    text-decoration: none !important;
    padding: 0 .6em;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.6;
    color: #373737 !important
}

    [sws-link--jet]:before, .sws-link--jet:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        bottom: -1px;
        background: #c9cccd;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 5px);
        background: transparent !important;
        border-bottom: 2px dotted rgba(61,61,61,0.5) !important
    }

    [sws-link--jet]:after, .sws-link--jet:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        width: 0;
        bottom: -1px;
        background: #3d3d3d !important;
        height: 2px;
        transition-delay: 0.2s;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    [sws-link--jet]:hover:after, [sws-link--jet]:focus:after, [sws-link--jet]:active:after, .sws-link--jet:hover:after, .sws-link--jet:focus:after, .sws-link--jet:active:after {
        left: 0;
        right: auto;
        width: 100%
    }

[sws-fancy-hr], .sws-fancy-hr {
    border: 1px solid #5c5f64;
    border-radius: 50%;
    position: relative;
    display: block;
    height: 10px;
    width: 10px;
    margin: 5px auto
}

    [sws-fancy-hr]:before, [sws-fancy-hr]:after, .sws-fancy-hr:before, .sws-fancy-hr:after {
        content: "";
        width: 50px;
        display: block;
        height: 1px;
        background-color: #5c5f64;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    [sws-fancy-hr]:before, .sws-fancy-hr:before {
        margin-right: 10px
    }

    [sws-fancy-hr]:after, .sws-fancy-hr:after {
        margin-left: 10px
    }

[sws-hr-sm], .sws-hr-sm, [sws-hr-sm--bold], .sws-hr-sm--bold {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    width: 150px;
    max-width: 150px;
    border-top: 1px solid #91949a
}

[sws-hr-sm--bold], .sws-hr-sm--bold {
    border-top: 2px solid #34495e;
    width: 0;
    max-width: 100px;
    animation: introhr .4s ease-in-out forwards
}

@keyframes introhr {
    from {
        width: 0
    }

    to {
        width: 100px
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555
    }

.img-rounded, [img-rounded] {
    border-radius: 50% !important
}

[sws-shadow], .sws-shadow, [sws-shadow--1], .sws-shadow--1 {
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41)
}

[sws-shadow--2], .sws-shadow--2, [sws-card][sws-shadow--2] {
    box-shadow: 0 5px 16px 0 rgba(51,51,51,0.46)
}

[sws-shadow--3], .sws-shadow--3, [sws-card][sws-shadow--3] {
    box-shadow: 0 10px 32px 0 rgba(61,61,61,0.45)
}

[sws-shadow--4], .sws-shadow--4, [sws-card][sws-shadow--4] {
    box-shadow: 0 12px 72px 0 rgba(0,0,0,0.27)
}

[sws-container], .sws-container {
    margin: 0 4%
}

[sws-container-sm], .sws-container-sm {
    margin: 0 2%
}

[sws-container-lg], .sws-container-lg {
    margin: 0 6%
}

[sws-container-xlg], .sws-container-xlg {
    margin: 0 12%
}

[flex-container], .flex-container, .flex-container-row, [flex-container-row], .flex-container-column, [flex-container-column], [flex-container-responsive], .flex-container-responsive, .flex-center, flex-center, [flex-center], .flex-start, flex-start, [flex-start], .flex-end, flex-end, [flex-end], .flex-space-evenly, flex-space-evenly, [flex-space-evenly], .flex-space-between, flex-space-between, [flex-space-between], .everything-center-container, [everything-center-container] {
    display: flex
}

.flex-container-column {
    flex-direction: column
}

.flex-container-row {
    flex-direction: row
}

.flex-container-row, [flex-container-row] {
    flex-direction: row
}

.flex-container-column, [flex-container-column] {
    flex-direction: column
}

[flex-container-responsive], .flex-container-responsive {
    flex-direction: row
}

@media screen and (max-width: 992px) {
    [flex-container-responsive], .flex-container-responsive {
        flex-direction: column
    }
}

.flex-wrap, [flex-wrap] {
    flex-wrap: wrap
}

.flex-nowrap, [flex-nowrap] {
    flex-wrap: nowrap
}

.inline-flex, [inline-flex] {
    display: inline-flex
}

.flex-1, [flex-1] {
    flex: 1
}

.flex-2, [flex-2] {
    flex: 2
}

.flex-3, [flex-3] {
    flex: 3
}

.flex-4, [flex-4] {
    flex: 4
}

.flex-5, [flex-5] {
    flex: 5
}

.flex-center, flex-center, [flex-center] {
    align-items: center;
    justify-content: center
}

.flex-start, flex-start, [flex-start] {
    justify-content: flex-start
}

.flex-end, flex-end, [flex-end] {
    justify-content: flex-end
}

.flex-space-evenly, flex-space-evenly, [flex-space-evenly] {
    justify-content: space-evenly
}

.flex-space-between, flex-space-between, [flex-space-between] {
    justify-content: space-between
}

.align-items-v, [align-items-v] {
    align-items: center
}

[v-middle] {
    vertical-align: middle
}

.flex-column-justify-center, [flex-column-justify-center] {
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    justify-content: center
}

.everything-center-container, [everything-center-container] {
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: middle
}

@media screen and (max-width: 992px) {
    [mobile-column], .mobile-column {
        flex-direction: column
    }

    [mobile-center], .mobile-center {
        align-items: center;
        text-align: center;
        justify-content: center
    }

        [mobile-center] [text-right], [mobile-center] .text-right, .mobile-center [text-right], .mobile-center .text-right {
            text-align: center !important
        }

    [mobile-order-10], .mobile-order-10 {
        order: 10
    }

    [mobile-order-9], .mobile-order-9 {
        order: 9
    }

    [mobile-order-8], .mobile-order-8 {
        order: 8
    }

    [mobile-order-7], .mobile-order-7 {
        order: 7
    }

    [mobile-order-6], .mobile-order-6 {
        order: 6
    }

    [mobile-order-5], .mobile-order-5 {
        order: 5
    }

    [mobile-order-4], .mobile-order-4 {
        order: 4
    }

    [mobile-order-3], .mobile-order-3 {
        order: 3
    }

    [mobile-order-2], .mobile-order-2 {
        order: 2
    }

    [mobile-order-1], .mobile-order-1 {
        order: 1
    }
}

@media screen and (max-width: 768px) {
    .column-mobile, [column-mobile] {
        flex-direction: column
    }
}

[invisible-absolute], .invisible-absolute {
    position: absolute;
    color: transparent;
    width: 0;
    font-size: 3px;
    user-select: none
}

.hidden, [hidden] {
    display: none !important
}

@media screen and (max-width: 768px) {
    .hidden-mobile, [hidden-mobile] {
        display: none !important
    }
}

@media screen and (max-width: 1200px) {
    [hidden-tablet] {
        display: none !important
    }
}

@media screen and (min-width: 769px) {
    .visible-mobile, [visible-mobile] {
        display: none !important
    }
}

@media screen and (min-width: 1201px) {
    .visible-tablet, [visible-tablet] {
        display: none !important
    }
}

[border-box] {
    box-sizing: border-box
}

.remove-all-styles, [remove-all-styles] {
    all: unset
}

@supports (-ms-ime-align: auto) {
    .flex-space-evenly, flex-space-evenly, [flex-space-evenly] {
        justify-content: space-between
    }

        .flex-space-evenly:after, .flex-space-evenly:before, flex-space-evenly:after, flex-space-evenly:before, [flex-space-evenly]:after, [flex-space-evenly]:before {
            content: '';
            display: block
        }
}

_:-ms-fullscreen, :root .flex-space-evenly, flex-space-evenly, [flex-space-evenly] {
    justify-content: space-between
}

    _:-ms-fullscreen:after, _:-ms-fullscreen:before, :root .flex-space-evenly:after, :root .flex-space-evenly:before, flex-space-evenly:after, flex-space-evenly:before, [flex-space-evenly]:after, [flex-space-evenly]:before {
        content: '';
        display: block
    }

code {
    font-family: monospace, monospace;
    font-size: 90%
}

pre {
    box-sizing: border-box;
    padding: 20px;
    border-radius: 4px;
    color: #3d3d3d;
    background: #ecf0f1;
    border: 1px dashed #bdc0c3;
    overflow: auto
}

    pre::-webkit-scrollbar:horizontal {
        height: 7px
    }

[sws-table], .sws-table {
    border-spacing: 0;
    box-shadow: 0 -4px 0 0 #0079C7;
    box-shadow: 0 -4px 0 0 #009bff;
    border: 2px solid #dedede;
    border-top-color: transparent;
    border-top-width: 0;
    min-width: 300px;
    color: #333;
    background: #fff
}

    [sws-table] tr > th, .sws-table tr > th {
        font-size: 80%;
        text-align: left;
        color: #3d3d3d;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #dedede;
        font-weight: 600;
        padding: 20px
    }

    [sws-table] td, .sws-table td {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #efefef;
        padding: 20px
    }

    [sws-table] code, .sws-table code {
        background: #ecf0f1;
        padding: 0 5px
    }

[d-block], .d-block {
    display: block
}

[d-inline], .d-inline {
    display: inline
}

[d-inline-block], .d-inline-block {
    display: inline-block
}

.m-t-0, [m-t-0] {
    margin-top: 0px !important
}

.p-t-0, [p-t-0] {
    padding-top: 0px !important
}

.m-b-0, [m-b-0] {
    margin-bottom: 0px !important
}

.p-b-0, [p-b-0] {
    padding-bottom: 0px !important
}

.m-l-0, [m-l-0] {
    margin-left: 0px !important
}

.p-l-0, [p-l-0] {
    padding-left: 0px !important
}

.m-r-0, [m-r-0] {
    margin-right: 0px !important
}

.p-r-0, [p-r-0] {
    padding-right: 0px !important
}

.m-v-0, [m-v-0] {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.p-v-0, [p-v-0] {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.m-h-0, [m-h-0] {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.p-h-0, [p-h-0] {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.m-a-0, [m-a-0] {
    margin: 0px !important
}

.p-a-0, [p-a-0] {
    padding: 0px !important
}

.m-t-5, [m-t-5] {
    margin-top: 5px !important
}

.p-t-5, [p-t-5] {
    padding-top: 5px !important
}

.m-b-5, [m-b-5] {
    margin-bottom: 5px !important
}

.p-b-5, [p-b-5] {
    padding-bottom: 5px !important
}

.m-l-5, [m-l-5] {
    margin-left: 5px !important
}

.p-l-5, [p-l-5] {
    padding-left: 5px !important
}

.m-r-5, [m-r-5] {
    margin-right: 5px !important
}

.p-r-5, [p-r-5] {
    padding-right: 5px !important
}

.m-v-5, [m-v-5] {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.p-v-5, [p-v-5] {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.m-h-5, [m-h-5] {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.p-h-5, [p-h-5] {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.m-a-5, [m-a-5] {
    margin: 5px !important
}

.p-a-5, [p-a-5] {
    padding: 5px !important
}

.m-t-10, [m-t-10] {
    margin-top: 10px !important
}

.p-t-10, [p-t-10] {
    padding-top: 10px !important
}

.m-b-10, [m-b-10] {
    margin-bottom: 10px !important
}

.p-b-10, [p-b-10] {
    padding-bottom: 10px !important
}

.m-l-10, [m-l-10] {
    margin-left: 10px !important
}

.p-l-10, [p-l-10] {
    padding-left: 10px !important
}

.m-r-10, [m-r-10] {
    margin-right: 10px !important
}

.p-r-10, [p-r-10] {
    padding-right: 10px !important
}

.m-v-10, [m-v-10] {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.p-v-10, [p-v-10] {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.m-h-10, [m-h-10] {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.p-h-10, [p-h-10] {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.m-a-10, [m-a-10] {
    margin: 10px !important
}

.p-a-10, [p-a-10] {
    padding: 10px !important
}

.m-t-15, [m-t-15] {
    margin-top: 15px !important
}

.p-t-15, [p-t-15] {
    padding-top: 15px !important
}

.m-b-15, [m-b-15] {
    margin-bottom: 15px !important
}

.p-b-15, [p-b-15] {
    padding-bottom: 15px !important
}

.m-l-15, [m-l-15] {
    margin-left: 15px !important
}

.p-l-15, [p-l-15] {
    padding-left: 15px !important
}

.m-r-15, [m-r-15] {
    margin-right: 15px !important
}

.p-r-15, [p-r-15] {
    padding-right: 15px !important
}

.m-v-15, [m-v-15] {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.p-v-15, [p-v-15] {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.m-h-15, [m-h-15] {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.p-h-15, [p-h-15] {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.m-a-15, [m-a-15] {
    margin: 15px !important
}

.p-a-15, [p-a-15] {
    padding: 15px !important
}

.m-t-20, [m-t-20] {
    margin-top: 20px !important
}

.p-t-20, [p-t-20] {
    padding-top: 20px !important
}

.m-b-20, [m-b-20] {
    margin-bottom: 20px !important
}

.p-b-20, [p-b-20] {
    padding-bottom: 20px !important
}

.m-l-20, [m-l-20] {
    margin-left: 20px !important
}

.p-l-20, [p-l-20] {
    padding-left: 20px !important
}

.m-r-20, [m-r-20] {
    margin-right: 20px !important
}

.p-r-20, [p-r-20] {
    padding-right: 20px !important
}

.m-v-20, [m-v-20] {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.p-v-20, [p-v-20] {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.m-h-20, [m-h-20] {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.p-h-20, [p-h-20] {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.m-a-20, [m-a-20] {
    margin: 20px !important
}

.p-a-20, [p-a-20] {
    padding: 20px !important
}

.m-t-25, [m-t-25] {
    margin-top: 25px !important
}

.p-t-25, [p-t-25] {
    padding-top: 25px !important
}

.m-b-25, [m-b-25] {
    margin-bottom: 25px !important
}

.p-b-25, [p-b-25] {
    padding-bottom: 25px !important
}

.m-l-25, [m-l-25] {
    margin-left: 25px !important
}

.p-l-25, [p-l-25] {
    padding-left: 25px !important
}

.m-r-25, [m-r-25] {
    margin-right: 25px !important
}

.p-r-25, [p-r-25] {
    padding-right: 25px !important
}

.m-v-25, [m-v-25] {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.p-v-25, [p-v-25] {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.m-h-25, [m-h-25] {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.p-h-25, [p-h-25] {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.m-a-25, [m-a-25] {
    margin: 25px !important
}

.p-a-25, [p-a-25] {
    padding: 25px !important
}

.m-t-30, [m-t-30] {
    margin-top: 30px !important
}

.p-t-30, [p-t-30] {
    padding-top: 30px !important
}

.m-b-30, [m-b-30] {
    margin-bottom: 30px !important
}

.p-b-30, [p-b-30] {
    padding-bottom: 30px !important
}

.m-l-30, [m-l-30] {
    margin-left: 30px !important
}

.p-l-30, [p-l-30] {
    padding-left: 30px !important
}

.m-r-30, [m-r-30] {
    margin-right: 30px !important
}

.p-r-30, [p-r-30] {
    padding-right: 30px !important
}

.m-v-30, [m-v-30] {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.p-v-30, [p-v-30] {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.m-h-30, [m-h-30] {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.p-h-30, [p-h-30] {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.m-a-30, [m-a-30] {
    margin: 30px !important
}

.p-a-30, [p-a-30] {
    padding: 30px !important
}

.m-t-40, [m-t-40] {
    margin-top: 40px !important
}

.p-t-40, [p-t-40] {
    padding-top: 40px !important
}

.m-b-40, [m-b-40] {
    margin-bottom: 40px !important
}

.p-b-40, [p-b-40] {
    padding-bottom: 40px !important
}

.m-l-40, [m-l-40] {
    margin-left: 40px !important
}

.p-l-40, [p-l-40] {
    padding-left: 40px !important
}

.m-r-40, [m-r-40] {
    margin-right: 40px !important
}

.p-r-40, [p-r-40] {
    padding-right: 40px !important
}

.m-v-40, [m-v-40] {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.p-v-40, [p-v-40] {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.m-h-40, [m-h-40] {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.p-h-40, [p-h-40] {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.m-a-40, [m-a-40] {
    margin: 40px !important
}

.p-a-40, [p-a-40] {
    padding: 40px !important
}

.m-t-50, [m-t-50] {
    margin-top: 50px !important
}

.p-t-50, [p-t-50] {
    padding-top: 50px !important
}

.m-b-50, [m-b-50] {
    margin-bottom: 50px !important
}

.p-b-50, [p-b-50] {
    padding-bottom: 50px !important
}

.m-l-50, [m-l-50] {
    margin-left: 50px !important
}

.p-l-50, [p-l-50] {
    padding-left: 50px !important
}

.m-r-50, [m-r-50] {
    margin-right: 50px !important
}

.p-r-50, [p-r-50] {
    padding-right: 50px !important
}

.m-v-50, [m-v-50] {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.p-v-50, [p-v-50] {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.m-h-50, [m-h-50] {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.p-h-50, [p-h-50] {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.m-a-50, [m-a-50] {
    margin: 50px !important
}

.p-a-50, [p-a-50] {
    padding: 50px !important
}

.m-t-60, [m-t-60] {
    margin-top: 60px !important
}

.p-t-60, [p-t-60] {
    padding-top: 60px !important
}

.m-b-60, [m-b-60] {
    margin-bottom: 60px !important
}

.p-b-60, [p-b-60] {
    padding-bottom: 60px !important
}

.m-l-60, [m-l-60] {
    margin-left: 60px !important
}

.p-l-60, [p-l-60] {
    padding-left: 60px !important
}

.m-r-60, [m-r-60] {
    margin-right: 60px !important
}

.p-r-60, [p-r-60] {
    padding-right: 60px !important
}

.m-v-60, [m-v-60] {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.p-v-60, [p-v-60] {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.m-h-60, [m-h-60] {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.p-h-60, [p-h-60] {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.m-a-60, [m-a-60] {
    margin: 60px !important
}

.p-a-60, [p-a-60] {
    padding: 60px !important
}

.m-t-70, [m-t-70] {
    margin-top: 70px !important
}

.p-t-70, [p-t-70] {
    padding-top: 70px !important
}

.m-b-70, [m-b-70] {
    margin-bottom: 70px !important
}

.p-b-70, [p-b-70] {
    padding-bottom: 70px !important
}

.m-l-70, [m-l-70] {
    margin-left: 70px !important
}

.p-l-70, [p-l-70] {
    padding-left: 70px !important
}

.m-r-70, [m-r-70] {
    margin-right: 70px !important
}

.p-r-70, [p-r-70] {
    padding-right: 70px !important
}

.m-v-70, [m-v-70] {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.p-v-70, [p-v-70] {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.m-h-70, [m-h-70] {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.p-h-70, [p-h-70] {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.m-a-70, [m-a-70] {
    margin: 70px !important
}

.p-a-70, [p-a-70] {
    padding: 70px !important
}

.m-t-75, [m-t-75] {
    margin-top: 75px !important
}

.p-t-75, [p-t-75] {
    padding-top: 75px !important
}

.m-b-75, [m-b-75] {
    margin-bottom: 75px !important
}

.p-b-75, [p-b-75] {
    padding-bottom: 75px !important
}

.m-l-75, [m-l-75] {
    margin-left: 75px !important
}

.p-l-75, [p-l-75] {
    padding-left: 75px !important
}

.m-r-75, [m-r-75] {
    margin-right: 75px !important
}

.p-r-75, [p-r-75] {
    padding-right: 75px !important
}

.m-v-75, [m-v-75] {
    margin-top: 75px !important;
    margin-bottom: 75px !important
}

.p-v-75, [p-v-75] {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.m-h-75, [m-h-75] {
    margin-left: 75px !important;
    margin-right: 75px !important
}

.p-h-75, [p-h-75] {
    padding-left: 75px !important;
    padding-right: 75px !important
}

.m-a-75, [m-a-75] {
    margin: 75px !important
}

.p-a-75, [p-a-75] {
    padding: 75px !important
}

.m-t-80, [m-t-80] {
    margin-top: 80px !important
}

.p-t-80, [p-t-80] {
    padding-top: 80px !important
}

.m-b-80, [m-b-80] {
    margin-bottom: 80px !important
}

.p-b-80, [p-b-80] {
    padding-bottom: 80px !important
}

.m-l-80, [m-l-80] {
    margin-left: 80px !important
}

.p-l-80, [p-l-80] {
    padding-left: 80px !important
}

.m-r-80, [m-r-80] {
    margin-right: 80px !important
}

.p-r-80, [p-r-80] {
    padding-right: 80px !important
}

.m-v-80, [m-v-80] {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.p-v-80, [p-v-80] {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.m-h-80, [m-h-80] {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.p-h-80, [p-h-80] {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.m-a-80, [m-a-80] {
    margin: 80px !important
}

.p-a-80, [p-a-80] {
    padding: 80px !important
}

.m-t-90, [m-t-90] {
    margin-top: 90px !important
}

.p-t-90, [p-t-90] {
    padding-top: 90px !important
}

.m-b-90, [m-b-90] {
    margin-bottom: 90px !important
}

.p-b-90, [p-b-90] {
    padding-bottom: 90px !important
}

.m-l-90, [m-l-90] {
    margin-left: 90px !important
}

.p-l-90, [p-l-90] {
    padding-left: 90px !important
}

.m-r-90, [m-r-90] {
    margin-right: 90px !important
}

.p-r-90, [p-r-90] {
    padding-right: 90px !important
}

.m-v-90, [m-v-90] {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.p-v-90, [p-v-90] {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.m-h-90, [m-h-90] {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.p-h-90, [p-h-90] {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.m-a-90, [m-a-90] {
    margin: 90px !important
}

.p-a-90, [p-a-90] {
    padding: 90px !important
}

.m-t-100, [m-t-100] {
    margin-top: 100px !important
}

.p-t-100, [p-t-100] {
    padding-top: 100px !important
}

.m-b-100, [m-b-100] {
    margin-bottom: 100px !important
}

.p-b-100, [p-b-100] {
    padding-bottom: 100px !important
}

.m-l-100, [m-l-100] {
    margin-left: 100px !important
}

.p-l-100, [p-l-100] {
    padding-left: 100px !important
}

.m-r-100, [m-r-100] {
    margin-right: 100px !important
}

.p-r-100, [p-r-100] {
    padding-right: 100px !important
}

.m-v-100, [m-v-100] {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.p-v-100, [p-v-100] {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.m-h-100, [m-h-100] {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.p-h-100, [p-h-100] {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.m-a-100, [m-a-100] {
    margin: 100px !important
}

.p-a-100, [p-a-100] {
    padding: 100px !important
}

.m-t-110, [m-t-110] {
    margin-top: 110px !important
}

.p-t-110, [p-t-110] {
    padding-top: 110px !important
}

.m-b-110, [m-b-110] {
    margin-bottom: 110px !important
}

.p-b-110, [p-b-110] {
    padding-bottom: 110px !important
}

.m-l-110, [m-l-110] {
    margin-left: 110px !important
}

.p-l-110, [p-l-110] {
    padding-left: 110px !important
}

.m-r-110, [m-r-110] {
    margin-right: 110px !important
}

.p-r-110, [p-r-110] {
    padding-right: 110px !important
}

.m-v-110, [m-v-110] {
    margin-top: 110px !important;
    margin-bottom: 110px !important
}

.p-v-110, [p-v-110] {
    padding-top: 110px !important;
    padding-bottom: 110px !important
}

.m-h-110, [m-h-110] {
    margin-left: 110px !important;
    margin-right: 110px !important
}

.p-h-110, [p-h-110] {
    padding-left: 110px !important;
    padding-right: 110px !important
}

.m-a-110, [m-a-110] {
    margin: 110px !important
}

.p-a-110, [p-a-110] {
    padding: 110px !important
}

.m-t-120, [m-t-120] {
    margin-top: 120px !important
}

.p-t-120, [p-t-120] {
    padding-top: 120px !important
}

.m-b-120, [m-b-120] {
    margin-bottom: 120px !important
}

.p-b-120, [p-b-120] {
    padding-bottom: 120px !important
}

.m-l-120, [m-l-120] {
    margin-left: 120px !important
}

.p-l-120, [p-l-120] {
    padding-left: 120px !important
}

.m-r-120, [m-r-120] {
    margin-right: 120px !important
}

.p-r-120, [p-r-120] {
    padding-right: 120px !important
}

.m-v-120, [m-v-120] {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.p-v-120, [p-v-120] {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.m-h-120, [m-h-120] {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.p-h-120, [p-h-120] {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.m-a-120, [m-a-120] {
    margin: 120px !important
}

.p-a-120, [p-a-120] {
    padding: 120px !important
}

[sws-required-r]:after, [sws-required]:after {
    content: ' *';
    color: #d9534f;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px
}

[sws-required-l]:before {
    content: ' *';
    color: #d9534f;
    font-weight: bold;
    display: inline-block;
    margin-left: -11px;
    margin-right: 5px
}

[sws-parallax] {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 992px) {
    .sof-parallax {
        background-attachment: initial;
        background-position: initial
    }
}

.alert, [sws-alert--primary], [sws-alert-bold--primary], [sws-alert-fancy--primary], [sws-alert-3d--primary], [sws-alert--secondary], [sws-alert-bold--secondary], [sws-alert-fancy--secondary], [sws-alert-3d--secondary], [sws-alert--success], [sws-alert-bold--success], [sws-alert-fancy--success], [sws-alert-3d--success], [sws-alert--warning], [sws-alert-bold--warning], [sws-alert-fancy--warning], [sws-alert-3d--warning], [sws-alert--danger], [sws-alert-bold--danger], [sws-alert-fancy--danger], [sws-alert-3d--danger], [sws-alert--regular], [sws-alert-bold--regular], [sws-alert-fancy--regular], [sws-alert-3d--regular], [sws-alert--light], [sws-alert-bold--light], [sws-alert-fancy--light], [sws-alert-3d--light], [sws-alert--dark], [sws-alert-bold--dark], [sws-alert-fancy--dark], [sws-alert-3d--dark], [sws-alert--jet], [sws-alert-bold--jet], [sws-alert-fancy--jet], [sws-alert-3d--jet] {
    position: relative;
    padding: 16px;
    margin: 16px;
    border: 1px solid transparent;
    display: flex;
    align-items: center
}

[sws-alert__end], [sws-alert__close] {
    margin-left: auto;
    transition: opacity .5s ease
}

[sws-alert--primary] hr, [sws-alert--primary] hr {
    border: 1px solid transparent;
    border-top: 1px solid rgba(0,0,0,0.2)
}

[sws-alert--primary] {
    background: rgba(0,121,199,0.4);
    font-size: 16px;
    border: #7bcbff;
    color: #000c15
}

    [sws-alert--primary] a[sws-link], [sws-alert--primary] a {
        color: #002b48;
        border-bottom-color: #002b48
    }

        [sws-alert--primary] a[sws-link]:before {
            background: rgba(46,173,255,0.3)
        }

    [sws-alert--primary] [sws-alert__close] {
        opacity: 0.7;
        color: #005a94
    }

        [sws-alert--primary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--primary] {
    background: #0079C7;
    font-size: 16px;
    border: #0079C7;
    color: #fff
}

    [sws-alert-bold--primary] a[sws-link], [sws-alert-bold--primary] a {
        color: #fff
    }

    [sws-alert-bold--primary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--primary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--primary] {
    background: #0079C7;
    font-size: 16px;
    padding-left: 18px;
    border: #0079C7;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--primary]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #0079C7
    }

    [sws-alert-fancy--primary]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #0079C7;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--primary] a[sws-link], [sws-alert-fancy--primary] a {
        color: #fff
    }

    [sws-alert-fancy--primary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--primary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--primary] {
    background: #0079C7;
    font-size: 16px;
    border: #0079C7;
    color: #fff
}

    [sws-alert-3d--primary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #0079C7
    }

    [sws-alert-3d--primary] a[sws-link], [sws-alert-3d--primary] a {
        color: #fff
    }

    [sws-alert-3d--primary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--primary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--secondary] {
    background: rgba(5,133,122,0.4);
    font-size: 16px;
    border: #45f8e9;
    color: #000
}

    [sws-alert--secondary] a[sws-link], [sws-alert--secondary] a {
        color: #000a09;
        border-bottom-color: #000a09
    }

        [sws-alert--secondary] a[sws-link]:before {
            background: rgba(9,231,212,0.3)
        }

    [sws-alert--secondary] [sws-alert__close] {
        opacity: 0.7;
        color: #03544d
    }

        [sws-alert--secondary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--secondary] {
    background: #05857A;
    font-size: 16px;
    border: #05857A;
    color: #fff
}

    [sws-alert-bold--secondary] a[sws-link], [sws-alert-bold--secondary] a {
        color: #fff
    }

    [sws-alert-bold--secondary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--secondary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--secondary] {
    background: #05857A;
    font-size: 16px;
    padding-left: 18px;
    border: #05857A;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--secondary]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #05857A
    }

    [sws-alert-fancy--secondary]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #05857A;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--secondary] a[sws-link], [sws-alert-fancy--secondary] a {
        color: #fff
    }

    [sws-alert-fancy--secondary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--secondary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--secondary] {
    background: #05857A;
    font-size: 16px;
    border: #05857A;
    color: #fff
}

    [sws-alert-3d--secondary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #05857A
    }

    [sws-alert-3d--secondary] a[sws-link], [sws-alert-3d--secondary] a {
        color: #fff
    }

    [sws-alert-3d--secondary] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--secondary] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--success] {
    background: rgba(58,154,58,0.4);
    font-size: 16px;
    border: #a8dea8;
    color: #091809
}

    [sws-alert--success] a[sws-link], [sws-alert--success] a {
        color: #173d17;
        border-bottom-color: #173d17
    }

        [sws-alert--success] a[sws-link]:before {
            background: rgba(113,201,113,0.3)
        }

    [sws-alert--success] [sws-alert__close] {
        opacity: 0.7;
        color: #2c752c
    }

        [sws-alert--success] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--success] {
    background: #3A9A3A;
    font-size: 16px;
    border: #3A9A3A;
    color: #fff
}

    [sws-alert-bold--success] a[sws-link], [sws-alert-bold--success] a {
        color: #fff
    }

    [sws-alert-bold--success] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--success] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--success] {
    background: #3A9A3A;
    font-size: 16px;
    padding-left: 18px;
    border: #3A9A3A;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--success]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #3A9A3A
    }

    [sws-alert-fancy--success]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #3A9A3A;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--success] a[sws-link], [sws-alert-fancy--success] a {
        color: #fff
    }

    [sws-alert-fancy--success] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--success] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--success] {
    background: #3A9A3A;
    font-size: 16px;
    border: #3A9A3A;
    color: #fff
}

    [sws-alert-3d--success]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #3A9A3A
    }

    [sws-alert-3d--success] a[sws-link], [sws-alert-3d--success] a {
        color: #fff
    }

    [sws-alert-3d--success] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--success] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--warning] {
    background: rgba(235,151,17,0.4);
    font-size: 16px;
    border: #fadfb5;
    color: #452c05
}

    [sws-alert--warning] a[sws-link], [sws-alert--warning] a {
        color: #744b08;
        border-bottom-color: #744b08
    }

        [sws-alert--warning] a[sws-link]:before {
            background: rgba(244,192,110,0.3)
        }

    [sws-alert--warning] [sws-alert__close] {
        opacity: 0.7;
        color: #bb780e
    }

        [sws-alert--warning] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--warning] {
    background: #EB9711;
    font-size: 16px;
    border: #EB9711;
    color: #fff
}

    [sws-alert-bold--warning] a[sws-link], [sws-alert-bold--warning] a {
        color: #fff
    }

    [sws-alert-bold--warning] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--warning] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--warning] {
    background: #EB9711;
    font-size: 16px;
    padding-left: 18px;
    border: #EB9711;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--warning]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #EB9711
    }

    [sws-alert-fancy--warning]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #EB9711;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--warning] a[sws-link], [sws-alert-fancy--warning] a {
        color: #fff
    }

    [sws-alert-fancy--warning] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--warning] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--warning] {
    background: #EB9711;
    font-size: 16px;
    border: #EB9711;
    color: #fff
}

    [sws-alert-3d--warning]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #EB9711
    }

    [sws-alert-3d--warning] a[sws-link], [sws-alert-3d--warning] a {
        color: #fff
    }

    [sws-alert-3d--warning] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--warning] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--danger] {
    background: rgba(217,83,79,0.4);
    font-size: 16px;
    border: #f9e2e2;
    color: #611715
}

    [sws-alert--danger] a[sws-link], [sws-alert--danger] a {
        color: #8b211e;
        border-bottom-color: #8b211e
    }

        [sws-alert--danger] a[sws-link]:before {
            background: rgba(235,165,163,0.3)
        }

    [sws-alert--danger] [sws-alert__close] {
        opacity: 0.7;
        color: #c9302c
    }

        [sws-alert--danger] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--danger] {
    background: #d9534f;
    font-size: 16px;
    border: #d9534f;
    color: #fff
}

    [sws-alert-bold--danger] a[sws-link], [sws-alert-bold--danger] a {
        color: #fff
    }

    [sws-alert-bold--danger] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--danger] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--danger] {
    background: #d9534f;
    font-size: 16px;
    padding-left: 18px;
    border: #d9534f;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--danger]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #d9534f
    }

    [sws-alert-fancy--danger]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #d9534f;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--danger] a[sws-link], [sws-alert-fancy--danger] a {
        color: #fff
    }

    [sws-alert-fancy--danger] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--danger] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--danger] {
    background: #d9534f;
    font-size: 16px;
    border: #d9534f;
    color: #fff
}

    [sws-alert-3d--danger]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #d9534f
    }

    [sws-alert-3d--danger] a[sws-link], [sws-alert-3d--danger] a {
        color: #fff
    }

    [sws-alert-3d--danger] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--danger] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--regular] {
    background: rgba(116,120,127,0.4);
    font-size: 16px;
    border: #d1d2d5;
    color: #1f2022
}

    [sws-alert--regular] a[sws-link], [sws-alert--regular] a {
        color: #37393c;
        border-bottom-color: #37393c
    }

        [sws-alert--regular] a[sws-link]:before {
            background: rgba(169,171,176,0.3)
        }

    [sws-alert--regular] [sws-alert__close] {
        opacity: 0.7;
        color: #5c5f64
    }

        [sws-alert--regular] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--regular] {
    background: #74787F;
    font-size: 16px;
    border: #74787F;
    color: #fff
}

    [sws-alert-bold--regular] a[sws-link], [sws-alert-bold--regular] a {
        color: #fff
    }

    [sws-alert-bold--regular] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--regular] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--regular] {
    background: #74787F;
    font-size: 16px;
    padding-left: 18px;
    border: #74787F;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--regular]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #74787F
    }

    [sws-alert-fancy--regular]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #74787F;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--regular] a[sws-link], [sws-alert-fancy--regular] a {
        color: #fff
    }

    [sws-alert-fancy--regular] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--regular] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--regular] {
    background: #74787F;
    font-size: 16px;
    border: #74787F;
    color: #fff
}

    [sws-alert-3d--regular]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #74787F
    }

    [sws-alert-3d--regular] a[sws-link], [sws-alert-3d--regular] a {
        color: #fff
    }

    [sws-alert-3d--regular] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--regular] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--light] {
    background: rgba(236,240,241,0.4);
    font-size: 16px;
    border: #fff;
    color: #859fa5
}

    [sws-alert--light] a[sws-link], [sws-alert--light] a {
        color: #a3b6bb;
        border-bottom-color: #a3b6bb
    }

        [sws-alert--light] a[sws-link]:before {
            background: rgba(255,255,255,0.3)
        }

    [sws-alert--light] [sws-alert__close] {
        opacity: 0.7;
        color: #cfd9db
    }

        [sws-alert--light] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--light] {
    background: #ecf0f1;
    font-size: 16px;
    border: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-alert-bold--light] a[sws-link], [sws-alert-bold--light] a {
        color: #fff;
        color: #222
    }

    [sws-alert-bold--light] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--light] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--light] {
    background: #ecf0f1;
    font-size: 16px;
    padding-left: 18px;
    border: #ecf0f1;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    color: #222;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--light]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #ecf0f1
    }

    [sws-alert-fancy--light]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #ecf0f1;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--light] a[sws-link], [sws-alert-fancy--light] a {
        color: #fff;
        color: #222
    }

    [sws-alert-fancy--light] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--light] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--light] {
    background: #ecf0f1;
    font-size: 16px;
    border: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-alert-3d--light]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #ecf0f1
    }

    [sws-alert-3d--light] a[sws-link], [sws-alert-3d--light] a {
        color: #fff;
        color: #222
    }

    [sws-alert-3d--light] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--light] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--dark] {
    background: rgba(34,34,34,0.4);
    font-size: 16px;
    border: #7b7b7b;
    color: #000
}

    [sws-alert--dark] a[sws-link], [sws-alert--dark] a {
        color: #000;
        border-bottom-color: #000
    }

        [sws-alert--dark] a[sws-link]:before {
            background: rgba(85,85,85,0.3)
        }

    [sws-alert--dark] [sws-alert__close] {
        opacity: 0.7;
        color: #090909
    }

        [sws-alert--dark] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--dark] {
    background: #222;
    font-size: 16px;
    border: #222;
    color: #fff
}

    [sws-alert-bold--dark] a[sws-link], [sws-alert-bold--dark] a {
        color: #fff
    }

    [sws-alert-bold--dark] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--dark] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--dark] {
    background: #222;
    font-size: 16px;
    padding-left: 18px;
    border: #222;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--dark]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #222
    }

    [sws-alert-fancy--dark]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #222;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--dark] a[sws-link], [sws-alert-fancy--dark] a {
        color: #fff
    }

    [sws-alert-fancy--dark] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--dark] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--dark] {
    background: #222;
    font-size: 16px;
    border: #222;
    color: #fff
}

    [sws-alert-3d--dark]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #222
    }

    [sws-alert-3d--dark] a[sws-link], [sws-alert-3d--dark] a {
        color: #fff
    }

    [sws-alert-3d--dark] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--dark] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert--jet] {
    background: rgba(61,61,61,0.4);
    font-size: 16px;
    border: #969696;
    color: #000
}

    [sws-alert--jet] a[sws-link], [sws-alert--jet] a {
        color: #000;
        border-bottom-color: #000
    }

        [sws-alert--jet] a[sws-link]:before {
            background: rgba(112,112,112,0.3)
        }

    [sws-alert--jet] [sws-alert__close] {
        opacity: 0.7;
        color: #242424
    }

        [sws-alert--jet] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-bold--jet] {
    background: #3d3d3d;
    font-size: 16px;
    border: #3d3d3d;
    color: #fff
}

    [sws-alert-bold--jet] a[sws-link], [sws-alert-bold--jet] a {
        color: #fff
    }

    [sws-alert-bold--jet] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-bold--jet] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-fancy--jet] {
    background: #3d3d3d;
    font-size: 16px;
    padding-left: 18px;
    border: #3d3d3d;
    margin-left: 24px;
    margin-right: 40px;
    color: #fff;
    z-index: 1;
    position: relative
}

    [sws-alert-fancy--jet]:before {
        content: '';
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        left: -8px;
        background: #3d3d3d
    }

    [sws-alert-fancy--jet]:after {
        content: '';
        display: block;
        width: 32px;
        height: 100%;
        position: absolute;
        right: -16px;
        background: #3d3d3d;
        transform: skew(-15deg);
        z-index: -1
    }

    [sws-alert-fancy--jet] a[sws-link], [sws-alert-fancy--jet] a {
        color: #fff
    }

    [sws-alert-fancy--jet] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-fancy--jet] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-alert-3d--jet] {
    background: #3d3d3d;
    font-size: 16px;
    border: #3d3d3d;
    color: #fff
}

    [sws-alert-3d--jet]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(4px, 4px);
        border-color: #3d3d3d
    }

    [sws-alert-3d--jet] a[sws-link], [sws-alert-3d--jet] a {
        color: #fff
    }

    [sws-alert-3d--jet] [sws-alert__close] {
        opacity: 0.7;
        color: #fff
    }

        [sws-alert-3d--jet] [sws-alert__close]:hover {
            opacity: 1;
            cursor: pointer
        }

[sws-checkbox], .sws-checkbox, [sws-checkbox-r] {
    position: relative;
    margin: 8px;
    min-height: 20px;
    display: inline-block
}

    [sws-checkbox] input, .sws-checkbox input, [sws-checkbox-r] input {
        width: 20px;
        height: 20px;
        -webkit-appearance: none;
        position: absolute;
        opacity: 0;
        display: inline-block;
        vertical-align: middle
    }

        [sws-checkbox] input:focus + label, .sws-checkbox input:focus + label, [sws-checkbox-r] input:focus + label {
            text-decoration: underline
        }

            [sws-checkbox] input:focus + label:after, .sws-checkbox input:focus + label:after, [sws-checkbox-r] input:focus + label:after {
                outline-color: rgba(94,94,94,0.35)
            }

        [sws-checkbox] input:hover, .sws-checkbox input:hover, [sws-checkbox-r] input:hover {
            cursor: pointer
        }

    [sws-checkbox] label, .sws-checkbox label, [sws-checkbox-r] label {
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1.25pt;
        line-height: 1.4;
        text-transform: uppercase;
        margin-left: 32px
    }

        [sws-checkbox] label:hover, .sws-checkbox label:hover, [sws-checkbox-r] label:hover {
            cursor: pointer
        }

        [sws-checkbox] label:before, .sws-checkbox label:before, [sws-checkbox-r] label:before {
            content: "";
            position: absolute;
            left: 7px;
            top: 2px;
            width: 4px;
            height: 10px;
            border: solid transparent;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg) scale(1);
            -ms-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(0);
            z-index: 1;
            transition: all 0.3s ease
        }

        [sws-checkbox] label:after, .sws-checkbox label:after, [sws-checkbox-r] label:after {
            content: "";
            background-color: rgba(255,255,255,0.2);
            width: 20px;
            height: 20px;
            box-sizing: border-box;
            left: 0;
            position: absolute;
            top: 0;
            border: 2px solid #5e5e5e;
            z-index: 0;
            transition: all 0.3s ease;
            outline: 2px solid;
            outline-color: transparent
        }

    [sws-checkbox] input:checked:focus + label:after, .sws-checkbox input:checked:focus + label:after, [sws-checkbox-r] input:checked:focus + label:after {
        outline-color: rgba(0,121,199,0.4)
    }

    [sws-checkbox] input:checked + label:before, .sws-checkbox input:checked + label:before, [sws-checkbox-r] input:checked + label:before {
        content: "";
        position: absolute;
        left: 7px;
        top: 2px;
        width: 4px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        transition: all 0.3s ease
    }

    [sws-checkbox] input:checked + label:after, .sws-checkbox input:checked + label:after, [sws-checkbox-r] input:checked + label:after {
        content: "";
        background-color: #0079C7;
        border: 2px solid #0079C7;
        transition: all 0.3s ease
    }

[sws-checkbox-r] {
    text-align: right
}

    [sws-checkbox-r] label {
        position: relative;
        padding-right: 36px;
        margin-left: 0;
        line-height: 1.3
    }

        [sws-checkbox-r] label:before {
            left: auto !important;
            right: 7px;
            margin-top: -1px
        }

        [sws-checkbox-r] label:after {
            left: auto;
            right: 0px;
            margin-top: -1px
        }

.sws-cardbox--primary, [sws-cardbox--primary] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--primary label, [sws-cardbox--primary] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--primary label:before, [sws-cardbox--primary] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--primary label:before, [sws-cardbox--primary] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--primary label:hover:before, .sws-cardbox--primary label:focus:before, [sws-cardbox--primary] label:hover:before, [sws-cardbox--primary] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--primary label:after, [sws-cardbox--primary] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--primary input, [sws-cardbox--primary] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--primary input:focus + label:before, .sws-cardbox--primary input:hover + label:before, [sws-cardbox--primary] input:focus + label:before, [sws-cardbox--primary] input:hover + label:before {
            border-color: #0079C7
        }

        .sws-cardbox--primary input:focus + label, [sws-cardbox--primary] input:focus + label {
            border-color: #0079C7
        }

            .sws-cardbox--primary input:focus + label:before, [sws-cardbox--primary] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--primary input:hover, .sws-cardbox--primary label:hover, [sws-cardbox--primary] input:hover, [sws-cardbox--primary] label:hover {
            cursor: pointer
        }

        .sws-cardbox--primary input[type=checkbox]:checked + label, [sws-cardbox--primary] input[type=checkbox]:checked + label {
            border-color: #0079C7
        }

            .sws-cardbox--primary input[type=checkbox]:checked + label:before, [sws-cardbox--primary] input[type=checkbox]:checked + label:before {
                border-color: #0079C7
            }

            .sws-cardbox--primary input[type=checkbox]:checked + label:after, [sws-cardbox--primary] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #0079C7;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--secondary, [sws-cardbox--secondary] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--secondary label, [sws-cardbox--secondary] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--secondary label:before, [sws-cardbox--secondary] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--secondary label:before, [sws-cardbox--secondary] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--secondary label:hover:before, .sws-cardbox--secondary label:focus:before, [sws-cardbox--secondary] label:hover:before, [sws-cardbox--secondary] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--secondary label:after, [sws-cardbox--secondary] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--secondary input, [sws-cardbox--secondary] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--secondary input:focus + label:before, .sws-cardbox--secondary input:hover + label:before, [sws-cardbox--secondary] input:focus + label:before, [sws-cardbox--secondary] input:hover + label:before {
            border-color: #05857A
        }

        .sws-cardbox--secondary input:focus + label, [sws-cardbox--secondary] input:focus + label {
            border-color: #05857A
        }

            .sws-cardbox--secondary input:focus + label:before, [sws-cardbox--secondary] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--secondary input:hover, .sws-cardbox--secondary label:hover, [sws-cardbox--secondary] input:hover, [sws-cardbox--secondary] label:hover {
            cursor: pointer
        }

        .sws-cardbox--secondary input[type=checkbox]:checked + label, [sws-cardbox--secondary] input[type=checkbox]:checked + label {
            border-color: #05857A
        }

            .sws-cardbox--secondary input[type=checkbox]:checked + label:before, [sws-cardbox--secondary] input[type=checkbox]:checked + label:before {
                border-color: #05857A
            }

            .sws-cardbox--secondary input[type=checkbox]:checked + label:after, [sws-cardbox--secondary] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #05857A;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--success, [sws-cardbox--success] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--success label, [sws-cardbox--success] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--success label:before, [sws-cardbox--success] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--success label:before, [sws-cardbox--success] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--success label:hover:before, .sws-cardbox--success label:focus:before, [sws-cardbox--success] label:hover:before, [sws-cardbox--success] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--success label:after, [sws-cardbox--success] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--success input, [sws-cardbox--success] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--success input:focus + label:before, .sws-cardbox--success input:hover + label:before, [sws-cardbox--success] input:focus + label:before, [sws-cardbox--success] input:hover + label:before {
            border-color: #3A9A3A
        }

        .sws-cardbox--success input:focus + label, [sws-cardbox--success] input:focus + label {
            border-color: #3A9A3A
        }

            .sws-cardbox--success input:focus + label:before, [sws-cardbox--success] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--success input:hover, .sws-cardbox--success label:hover, [sws-cardbox--success] input:hover, [sws-cardbox--success] label:hover {
            cursor: pointer
        }

        .sws-cardbox--success input[type=checkbox]:checked + label, [sws-cardbox--success] input[type=checkbox]:checked + label {
            border-color: #3A9A3A
        }

            .sws-cardbox--success input[type=checkbox]:checked + label:before, [sws-cardbox--success] input[type=checkbox]:checked + label:before {
                border-color: #3A9A3A
            }

            .sws-cardbox--success input[type=checkbox]:checked + label:after, [sws-cardbox--success] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #3A9A3A;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--warning, [sws-cardbox--warning] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--warning label, [sws-cardbox--warning] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--warning label:before, [sws-cardbox--warning] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--warning label:before, [sws-cardbox--warning] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--warning label:hover:before, .sws-cardbox--warning label:focus:before, [sws-cardbox--warning] label:hover:before, [sws-cardbox--warning] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--warning label:after, [sws-cardbox--warning] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--warning input, [sws-cardbox--warning] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--warning input:focus + label:before, .sws-cardbox--warning input:hover + label:before, [sws-cardbox--warning] input:focus + label:before, [sws-cardbox--warning] input:hover + label:before {
            border-color: #EB9711
        }

        .sws-cardbox--warning input:focus + label, [sws-cardbox--warning] input:focus + label {
            border-color: #EB9711
        }

            .sws-cardbox--warning input:focus + label:before, [sws-cardbox--warning] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--warning input:hover, .sws-cardbox--warning label:hover, [sws-cardbox--warning] input:hover, [sws-cardbox--warning] label:hover {
            cursor: pointer
        }

        .sws-cardbox--warning input[type=checkbox]:checked + label, [sws-cardbox--warning] input[type=checkbox]:checked + label {
            border-color: #EB9711
        }

            .sws-cardbox--warning input[type=checkbox]:checked + label:before, [sws-cardbox--warning] input[type=checkbox]:checked + label:before {
                border-color: #EB9711
            }

            .sws-cardbox--warning input[type=checkbox]:checked + label:after, [sws-cardbox--warning] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #EB9711;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--danger, [sws-cardbox--danger] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--danger label, [sws-cardbox--danger] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--danger label:before, [sws-cardbox--danger] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--danger label:before, [sws-cardbox--danger] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--danger label:hover:before, .sws-cardbox--danger label:focus:before, [sws-cardbox--danger] label:hover:before, [sws-cardbox--danger] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--danger label:after, [sws-cardbox--danger] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--danger input, [sws-cardbox--danger] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--danger input:focus + label:before, .sws-cardbox--danger input:hover + label:before, [sws-cardbox--danger] input:focus + label:before, [sws-cardbox--danger] input:hover + label:before {
            border-color: #d9534f
        }

        .sws-cardbox--danger input:focus + label, [sws-cardbox--danger] input:focus + label {
            border-color: #d9534f
        }

            .sws-cardbox--danger input:focus + label:before, [sws-cardbox--danger] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--danger input:hover, .sws-cardbox--danger label:hover, [sws-cardbox--danger] input:hover, [sws-cardbox--danger] label:hover {
            cursor: pointer
        }

        .sws-cardbox--danger input[type=checkbox]:checked + label, [sws-cardbox--danger] input[type=checkbox]:checked + label {
            border-color: #d9534f
        }

            .sws-cardbox--danger input[type=checkbox]:checked + label:before, [sws-cardbox--danger] input[type=checkbox]:checked + label:before {
                border-color: #d9534f
            }

            .sws-cardbox--danger input[type=checkbox]:checked + label:after, [sws-cardbox--danger] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #d9534f;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--regular, [sws-cardbox--regular] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--regular label, [sws-cardbox--regular] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--regular label:before, [sws-cardbox--regular] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--regular label:before, [sws-cardbox--regular] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--regular label:hover:before, .sws-cardbox--regular label:focus:before, [sws-cardbox--regular] label:hover:before, [sws-cardbox--regular] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--regular label:after, [sws-cardbox--regular] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--regular input, [sws-cardbox--regular] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--regular input:focus + label:before, .sws-cardbox--regular input:hover + label:before, [sws-cardbox--regular] input:focus + label:before, [sws-cardbox--regular] input:hover + label:before {
            border-color: #74787F
        }

        .sws-cardbox--regular input:focus + label, [sws-cardbox--regular] input:focus + label {
            border-color: #74787F
        }

            .sws-cardbox--regular input:focus + label:before, [sws-cardbox--regular] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--regular input:hover, .sws-cardbox--regular label:hover, [sws-cardbox--regular] input:hover, [sws-cardbox--regular] label:hover {
            cursor: pointer
        }

        .sws-cardbox--regular input[type=checkbox]:checked + label, [sws-cardbox--regular] input[type=checkbox]:checked + label {
            border-color: #74787F
        }

            .sws-cardbox--regular input[type=checkbox]:checked + label:before, [sws-cardbox--regular] input[type=checkbox]:checked + label:before {
                border-color: #74787F
            }

            .sws-cardbox--regular input[type=checkbox]:checked + label:after, [sws-cardbox--regular] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #74787F;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--light, [sws-cardbox--light] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--light label, [sws-cardbox--light] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--light label:before, [sws-cardbox--light] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--light label:before, [sws-cardbox--light] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--light label:hover:before, .sws-cardbox--light label:focus:before, [sws-cardbox--light] label:hover:before, [sws-cardbox--light] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--light label:after, [sws-cardbox--light] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--light input, [sws-cardbox--light] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--light input:focus + label:before, .sws-cardbox--light input:hover + label:before, [sws-cardbox--light] input:focus + label:before, [sws-cardbox--light] input:hover + label:before {
            border-color: #ecf0f1
        }

        .sws-cardbox--light input:focus + label, [sws-cardbox--light] input:focus + label {
            border-color: #ecf0f1
        }

            .sws-cardbox--light input:focus + label:before, [sws-cardbox--light] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--light input:hover, .sws-cardbox--light label:hover, [sws-cardbox--light] input:hover, [sws-cardbox--light] label:hover {
            cursor: pointer
        }

        .sws-cardbox--light input[type=checkbox]:checked + label, [sws-cardbox--light] input[type=checkbox]:checked + label {
            border-color: #ecf0f1
        }

            .sws-cardbox--light input[type=checkbox]:checked + label:before, [sws-cardbox--light] input[type=checkbox]:checked + label:before {
                border-color: #ecf0f1
            }

            .sws-cardbox--light input[type=checkbox]:checked + label:after, [sws-cardbox--light] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #ecf0f1;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--dark, [sws-cardbox--dark] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--dark label, [sws-cardbox--dark] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--dark label:before, [sws-cardbox--dark] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--dark label:before, [sws-cardbox--dark] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--dark label:hover:before, .sws-cardbox--dark label:focus:before, [sws-cardbox--dark] label:hover:before, [sws-cardbox--dark] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--dark label:after, [sws-cardbox--dark] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--dark input, [sws-cardbox--dark] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--dark input:focus + label:before, .sws-cardbox--dark input:hover + label:before, [sws-cardbox--dark] input:focus + label:before, [sws-cardbox--dark] input:hover + label:before {
            border-color: #222
        }

        .sws-cardbox--dark input:focus + label, [sws-cardbox--dark] input:focus + label {
            border-color: #222
        }

            .sws-cardbox--dark input:focus + label:before, [sws-cardbox--dark] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--dark input:hover, .sws-cardbox--dark label:hover, [sws-cardbox--dark] input:hover, [sws-cardbox--dark] label:hover {
            cursor: pointer
        }

        .sws-cardbox--dark input[type=checkbox]:checked + label, [sws-cardbox--dark] input[type=checkbox]:checked + label {
            border-color: #222
        }

            .sws-cardbox--dark input[type=checkbox]:checked + label:before, [sws-cardbox--dark] input[type=checkbox]:checked + label:before {
                border-color: #222
            }

            .sws-cardbox--dark input[type=checkbox]:checked + label:after, [sws-cardbox--dark] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #222;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

.sws-cardbox--jet, [sws-cardbox--jet] {
    position: relative;
    display: inline-block;
    margin: 8px
}

    .sws-cardbox--jet label, [sws-cardbox--jet] label {
        border: 2px solid #7b7f85;
        padding: 21px 16px 16px 16px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: 100%;
        min-width: 200px;
        transition: border-color .35s ease;
        position: relative
    }

        .sws-cardbox--jet label:before, [sws-cardbox--jet] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        .sws-cardbox--jet label:before, [sws-cardbox--jet] label:before {
            border-right-color: transparent;
            border-right-width: 0 !important
        }

        .sws-cardbox--jet label:hover:before, .sws-cardbox--jet label:focus:before, [sws-cardbox--jet] label:hover:before, [sws-cardbox--jet] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px) !important
        }

        .sws-cardbox--jet label:after, [sws-cardbox--jet] label:after {
            content: '';
            position: absolute;
            border: solid #7b7f85;
            transform: rotate(45deg) scale(0.5);
            z-index: 1;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 10px;
            border-width: 3px;
            border-radius: 50%;
            transition: transform 0.27s cubic-bezier(0, 0.3, 0.58, 1)
        }

    .sws-cardbox--jet input, [sws-cardbox--jet] input {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute
    }

        .sws-cardbox--jet input:focus + label:before, .sws-cardbox--jet input:hover + label:before, [sws-cardbox--jet] input:focus + label:before, [sws-cardbox--jet] input:hover + label:before {
            border-color: #3d3d3d
        }

        .sws-cardbox--jet input:focus + label, [sws-cardbox--jet] input:focus + label {
            border-color: #3d3d3d
        }

            .sws-cardbox--jet input:focus + label:before, [sws-cardbox--jet] input:focus + label:before {
                opacity: 1;
                transform: translate(0, 6px) !important
            }

        .sws-cardbox--jet input:hover, .sws-cardbox--jet label:hover, [sws-cardbox--jet] input:hover, [sws-cardbox--jet] label:hover {
            cursor: pointer
        }

        .sws-cardbox--jet input[type=checkbox]:checked + label, [sws-cardbox--jet] input[type=checkbox]:checked + label {
            border-color: #3d3d3d
        }

            .sws-cardbox--jet input[type=checkbox]:checked + label:before, [sws-cardbox--jet] input[type=checkbox]:checked + label:before {
                border-color: #3d3d3d
            }

            .sws-cardbox--jet input[type=checkbox]:checked + label:after, [sws-cardbox--jet] input[type=checkbox]:checked + label:after {
                width: 6px;
                height: 16px;
                top: 8px;
                left: 17px;
                border-radius: 0;
                border-width: 0 3px 3px 0;
                border-color: #3d3d3d;
                transform: rotate(45deg) scale(1);
                transition: transform 0.2s linear
            }

[sws-checkbox-group], .sws-checkbox-group {
    width: auto;
    height: auto;
    display: inline-block
}

    [sws-checkbox-group] > [sws-checkbox], [sws-checkbox-group] > [sws-checkbox-r], .sws-checkbox-group > [sws-checkbox], .sws-checkbox-group > [sws-checkbox-r] {
        display: block
    }

.sws-menu-container {
    position: relative;
    display: inline-block;
    width: 40px;
    margin-top: 10px;
    padding-top: 10px;
    height: 24px;
    z-index: 10
}

    .sws-menu-container .sws-menu-icon, .sws-menu-container .sws-menu-icon:before, .sws-menu-container .sws-menu-icon:after {
        background-color: #222;
        position: absolute;
        width: 40px;
        height: 3px;
        transition-timing-function: ease;
        transition-duration: 0.15s;
        transition-property: transform;
        border-radius: 4px
    }

        .sws-menu-container .sws-menu-icon:before {
            width: 30px;
            display: block;
            content: "";
            top: -10px
        }

        .sws-menu-container .sws-menu-icon:after {
            width: 30px;
            top: 10px;
            display: block;
            content: ""
        }

    .sws-menu-container:hover {
        cursor: pointer
    }

        .sws-menu-container:hover .sws-menu-icon {
            background-color: transparent
        }

            .sws-menu-container:hover .sws-menu-icon:before {
                top: 0;
                width: 40px;
                transform: rotate(45deg)
            }

            .sws-menu-container:hover .sws-menu-icon:after {
                top: 0;
                width: 40px;
                transform: rotate(-45deg)
            }

[sws-radio], .sws-radio, [sws-radio-r] {
    position: relative;
    margin: 8px;
    min-height: 20px;
    display: inline-block
}

    [sws-radio] input, .sws-radio input, [sws-radio-r] input {
        height: 0;
        width: 0;
        opacity: 0;
        position: absolute;
        display: inline-block;
        vertical-align: middle
    }

        [sws-radio] input:focus + label, .sws-radio input:focus + label, [sws-radio-r] input:focus + label {
            text-decoration: underline;
            transition: all 0.3s
        }

            [sws-radio] input:focus + label:before, .sws-radio input:focus + label:before, [sws-radio-r] input:focus + label:before {
                box-shadow: 0 0 0px 2px rgba(94,94,94,0.25)
            }

    [sws-radio] label, .sws-radio label, [sws-radio-r] label {
        margin-left: 20px;
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1.25pt;
        line-height: 1.4;
        text-transform: uppercase;
        margin-left: 32px;
        text-decoration: none
    }

        [sws-radio] label:before, .sws-radio label:before, [sws-radio-r] label:before {
            content: "";
            box-sizing: border-box;
            height: 20px;
            left: 0;
            position: absolute;
            top: 0;
            transition: border-color ease 280ms;
            width: 20px;
            border-width: 2px;
            border-style: solid;
            border-radius: 50%;
            border-color: #5e5e5e;
            background-color: rgba(255,255,255,0.2);
            box-shadow: 0 0 0px 2px transparent
        }

        [sws-radio] label:after, .sws-radio label:after, [sws-radio-r] label:after {
            content: "";
            z-index: 1;
            background-color: #fff;
            border-radius: 50%;
            box-sizing: border-box;
            height: 12px;
            left: 4px;
            position: absolute;
            top: 4px;
            transition: transform ease 280ms, background-color ease 280ms;
            width: 12px;
            transform: scale(0.001)
        }

        [sws-radio] label:hover, .sws-radio label:hover, [sws-radio-r] label:hover {
            cursor: pointer
        }

    [sws-radio] input:checked:focus + label:before, .sws-radio input:checked:focus + label:before, [sws-radio-r] input:checked:focus + label:before {
        box-shadow: 0 0 0px 2px rgba(0,121,199,0.4)
    }

    [sws-radio] input:checked + label:before, .sws-radio input:checked + label:before, [sws-radio-r] input:checked + label:before {
        border-color: #0079C7;
        background-color: rgba(255,255,255,0);
        box-shadow: 0 0 0px 2px transparent
    }

    [sws-radio] input:checked + label:after, .sws-radio input:checked + label:after, [sws-radio-r] input:checked + label:after {
        background-color: #0079C7;
        transform: scale(1)
    }

[sws-radio-r] {
    text-align: right
}

    [sws-radio-r] input {
        width: 0;
        opacity: 0;
        position: absolute
    }

    [sws-radio-r] label {
        margin-right: 30px;
        margin-left: 0
    }

        [sws-radio-r] label:before {
            left: auto;
            right: 0
        }

        [sws-radio-r] label:after {
            left: auto;
            right: 4px
        }

[sws-radio-button-group], .sws-radio-button-group {
    width: auto;
    height: auto;
    display: inline-block
}

    [sws-radio-button-group] > [sws-radio], [sws-radio-button-group] > [sws-radio-r], .sws-radio-button-group > [sws-radio], .sws-radio-button-group > [sws-radio-r] {
        display: block
    }

[sws-card] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px
}

[sws-card--1] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41)
}

[sws-card--2] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px;
    box-shadow: 0 5px 16px 0 rgba(51,51,51,0.46)
}

[sws-card--3] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px;
    box-shadow: 0 10px 32px 0 rgba(61,61,61,0.45)
}

[sws-card--4] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px;
    box-shadow: 0 12px 72px 0 rgba(0,0,0,0.27)
}

.sws-card {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 100%;
    max-width: 375px
}

[sws-card-square] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px
}

[sws-card-square--1] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41)
}

[sws-card-square--2] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px;
    box-shadow: 0 5px 16px 0 rgba(51,51,51,0.46)
}

[sws-card-square--3] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px;
    box-shadow: 0 10px 32px 0 rgba(61,61,61,0.45)
}

[sws-card-square--4] {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px;
    box-shadow: 0 12px 72px 0 rgba(0,0,0,0.27)
}

.sws-card-square {
    box-sizing: border-box;
    padding: 15px;
    margin: 2px;
    background: #fff;
    box-shadow: 0 4px 6px 1px rgba(51,51,51,0.41);
    z-index: 1;
    width: 300px;
    height: 300px
}

[sws-card__content], .sws-card__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

[sws-card__content--fancy], .sws-card__content--fancy {
    background: #fff;
    border-radius: 2px;
    margin: 15px;
    margin-top: -30px;
    padding: 5px
}

[sws-card__header], .sws-card__header {
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px
}

[sws-card__header__img], .sws-card__header__img {
    flex-grow: 1;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 0 10px;
    color: #fff;
    text-shadow: -1px 1px #34495e
}

[sws-card] hr, .sws-card hr, [sws-card--square] hr, .sws-card--square hr, [sws-card-content] hr, .sws-card-content hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    width: 100%;
    border-top: 1px solid #e2e2e3
}

[sws-default-bg-img] {
    background-image: url("https://accu.nyc3.cdn.digitaloceanspaces.com/splash_bg.jpg");
    background-size: cover
}

[sws-default-banner-img] {
    background-image: url("https://accu.nyc3.cdn.digitaloceanspaces.com/splash_bg.jpg");
    background-size: cover
}

select {
    margin: 0;
    font-size: 16px;
    line-height: inherit
}

[sws-select--primary], .sws-select--primary {
    position: relative;
    display: inline-block
}

    [sws-select--primary]:after, .sws-select--primary:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #0079C7 transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--primary] > select, .sws-select--primary > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #0079C7;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--primary] > select:focus, .sws-select--primary > select:focus {
            border: 2px solid #0079C7;
            color: #000c15
        }

        [sws-select--primary] > select::-ms-expand, .sws-select--primary > select::-ms-expand {
            display: none
        }

        [sws-select--primary] > select:required ~ label:after, [sws-select--primary] > select[required] ~ label:after, .sws-select--primary > select:required ~ label:after, .sws-select--primary > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--primary] > label, .sws-select--primary > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--primary] select:not(:required):valid, .sws-select--primary select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--primary] select:not(:required):valid:focus, .sws-select--primary select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--primary] select[value], .sws-select--primary select[value] {
        color: #333 !important
    }

        [sws-select--primary] select[value] ~ label, .sws-select--primary select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--primary] select:invalid, .sws-select--primary select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--primary] select:invalid:focus, .sws-select--primary select:invalid:focus {
            color: #333
        }

            [sws-select--primary] select:invalid:focus ~ label, .sws-select--primary select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--primary] select:invalid:focus ~ label:after, .sws-select--primary select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--primary] select:required:valid, .sws-select--primary select:required:valid {
        color: #333
    }

        [sws-select--primary] select:required:valid ~ label, .sws-select--primary select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--primary] select:required:valid ~ label:after, .sws-select--primary select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--secondary], .sws-select--secondary {
    position: relative;
    display: inline-block
}

    [sws-select--secondary]:after, .sws-select--secondary:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #05857A transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--secondary] > select, .sws-select--secondary > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #05857A;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--secondary] > select:focus, .sws-select--secondary > select:focus {
            border: 2px solid #05857A;
            color: #000c15
        }

        [sws-select--secondary] > select::-ms-expand, .sws-select--secondary > select::-ms-expand {
            display: none
        }

        [sws-select--secondary] > select:required ~ label:after, [sws-select--secondary] > select[required] ~ label:after, .sws-select--secondary > select:required ~ label:after, .sws-select--secondary > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--secondary] > label, .sws-select--secondary > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--secondary] select:not(:required):valid, .sws-select--secondary select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--secondary] select:not(:required):valid:focus, .sws-select--secondary select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--secondary] select[value], .sws-select--secondary select[value] {
        color: #333 !important
    }

        [sws-select--secondary] select[value] ~ label, .sws-select--secondary select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--secondary] select:invalid, .sws-select--secondary select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--secondary] select:invalid:focus, .sws-select--secondary select:invalid:focus {
            color: #333
        }

            [sws-select--secondary] select:invalid:focus ~ label, .sws-select--secondary select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--secondary] select:invalid:focus ~ label:after, .sws-select--secondary select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--secondary] select:required:valid, .sws-select--secondary select:required:valid {
        color: #333
    }

        [sws-select--secondary] select:required:valid ~ label, .sws-select--secondary select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--secondary] select:required:valid ~ label:after, .sws-select--secondary select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--success], .sws-select--success {
    position: relative;
    display: inline-block
}

    [sws-select--success]:after, .sws-select--success:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #3A9A3A transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--success] > select, .sws-select--success > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #3A9A3A;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--success] > select:focus, .sws-select--success > select:focus {
            border: 2px solid #3A9A3A;
            color: #000c15
        }

        [sws-select--success] > select::-ms-expand, .sws-select--success > select::-ms-expand {
            display: none
        }

        [sws-select--success] > select:required ~ label:after, [sws-select--success] > select[required] ~ label:after, .sws-select--success > select:required ~ label:after, .sws-select--success > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--success] > label, .sws-select--success > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--success] select:not(:required):valid, .sws-select--success select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--success] select:not(:required):valid:focus, .sws-select--success select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--success] select[value], .sws-select--success select[value] {
        color: #333 !important
    }

        [sws-select--success] select[value] ~ label, .sws-select--success select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--success] select:invalid, .sws-select--success select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--success] select:invalid:focus, .sws-select--success select:invalid:focus {
            color: #333
        }

            [sws-select--success] select:invalid:focus ~ label, .sws-select--success select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--success] select:invalid:focus ~ label:after, .sws-select--success select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--success] select:required:valid, .sws-select--success select:required:valid {
        color: #333
    }

        [sws-select--success] select:required:valid ~ label, .sws-select--success select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--success] select:required:valid ~ label:after, .sws-select--success select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--warning], .sws-select--warning {
    position: relative;
    display: inline-block
}

    [sws-select--warning]:after, .sws-select--warning:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #EB9711 transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--warning] > select, .sws-select--warning > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #EB9711;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--warning] > select:focus, .sws-select--warning > select:focus {
            border: 2px solid #EB9711;
            color: #000c15
        }

        [sws-select--warning] > select::-ms-expand, .sws-select--warning > select::-ms-expand {
            display: none
        }

        [sws-select--warning] > select:required ~ label:after, [sws-select--warning] > select[required] ~ label:after, .sws-select--warning > select:required ~ label:after, .sws-select--warning > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--warning] > label, .sws-select--warning > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--warning] select:not(:required):valid, .sws-select--warning select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--warning] select:not(:required):valid:focus, .sws-select--warning select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--warning] select[value], .sws-select--warning select[value] {
        color: #333 !important
    }

        [sws-select--warning] select[value] ~ label, .sws-select--warning select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--warning] select:invalid, .sws-select--warning select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--warning] select:invalid:focus, .sws-select--warning select:invalid:focus {
            color: #333
        }

            [sws-select--warning] select:invalid:focus ~ label, .sws-select--warning select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--warning] select:invalid:focus ~ label:after, .sws-select--warning select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--warning] select:required:valid, .sws-select--warning select:required:valid {
        color: #333
    }

        [sws-select--warning] select:required:valid ~ label, .sws-select--warning select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--warning] select:required:valid ~ label:after, .sws-select--warning select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--danger], .sws-select--danger {
    position: relative;
    display: inline-block
}

    [sws-select--danger]:after, .sws-select--danger:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #d9534f transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--danger] > select, .sws-select--danger > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #d9534f;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--danger] > select:focus, .sws-select--danger > select:focus {
            border: 2px solid #d9534f;
            color: #000c15
        }

        [sws-select--danger] > select::-ms-expand, .sws-select--danger > select::-ms-expand {
            display: none
        }

        [sws-select--danger] > select:required ~ label:after, [sws-select--danger] > select[required] ~ label:after, .sws-select--danger > select:required ~ label:after, .sws-select--danger > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--danger] > label, .sws-select--danger > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--danger] select:not(:required):valid, .sws-select--danger select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--danger] select:not(:required):valid:focus, .sws-select--danger select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--danger] select[value], .sws-select--danger select[value] {
        color: #333 !important
    }

        [sws-select--danger] select[value] ~ label, .sws-select--danger select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--danger] select:invalid, .sws-select--danger select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--danger] select:invalid:focus, .sws-select--danger select:invalid:focus {
            color: #333
        }

            [sws-select--danger] select:invalid:focus ~ label, .sws-select--danger select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--danger] select:invalid:focus ~ label:after, .sws-select--danger select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--danger] select:required:valid, .sws-select--danger select:required:valid {
        color: #333
    }

        [sws-select--danger] select:required:valid ~ label, .sws-select--danger select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--danger] select:required:valid ~ label:after, .sws-select--danger select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--regular], .sws-select--regular {
    position: relative;
    display: inline-block
}

    [sws-select--regular]:after, .sws-select--regular:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #74787F transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--regular] > select, .sws-select--regular > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #74787F;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--regular] > select:focus, .sws-select--regular > select:focus {
            border: 2px solid #74787F;
            color: #000c15
        }

        [sws-select--regular] > select::-ms-expand, .sws-select--regular > select::-ms-expand {
            display: none
        }

        [sws-select--regular] > select:required ~ label:after, [sws-select--regular] > select[required] ~ label:after, .sws-select--regular > select:required ~ label:after, .sws-select--regular > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--regular] > label, .sws-select--regular > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--regular] select:not(:required):valid, .sws-select--regular select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--regular] select:not(:required):valid:focus, .sws-select--regular select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--regular] select[value], .sws-select--regular select[value] {
        color: #333 !important
    }

        [sws-select--regular] select[value] ~ label, .sws-select--regular select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--regular] select:invalid, .sws-select--regular select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--regular] select:invalid:focus, .sws-select--regular select:invalid:focus {
            color: #333
        }

            [sws-select--regular] select:invalid:focus ~ label, .sws-select--regular select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--regular] select:invalid:focus ~ label:after, .sws-select--regular select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--regular] select:required:valid, .sws-select--regular select:required:valid {
        color: #333
    }

        [sws-select--regular] select:required:valid ~ label, .sws-select--regular select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--regular] select:required:valid ~ label:after, .sws-select--regular select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--light], .sws-select--light {
    position: relative;
    display: inline-block
}

    [sws-select--light]:after, .sws-select--light:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #ecf0f1 transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--light] > select, .sws-select--light > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #ecf0f1;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--light] > select:focus, .sws-select--light > select:focus {
            border: 2px solid #ecf0f1;
            color: #000c15
        }

        [sws-select--light] > select::-ms-expand, .sws-select--light > select::-ms-expand {
            display: none
        }

        [sws-select--light] > select:required ~ label:after, [sws-select--light] > select[required] ~ label:after, .sws-select--light > select:required ~ label:after, .sws-select--light > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--light] > label, .sws-select--light > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--light] select:not(:required):valid, .sws-select--light select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--light] select:not(:required):valid:focus, .sws-select--light select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--light] select[value], .sws-select--light select[value] {
        color: #333 !important
    }

        [sws-select--light] select[value] ~ label, .sws-select--light select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--light] select:invalid, .sws-select--light select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--light] select:invalid:focus, .sws-select--light select:invalid:focus {
            color: #333
        }

            [sws-select--light] select:invalid:focus ~ label, .sws-select--light select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--light] select:invalid:focus ~ label:after, .sws-select--light select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--light] select:required:valid, .sws-select--light select:required:valid {
        color: #333
    }

        [sws-select--light] select:required:valid ~ label, .sws-select--light select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--light] select:required:valid ~ label:after, .sws-select--light select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--dark], .sws-select--dark {
    position: relative;
    display: inline-block
}

    [sws-select--dark]:after, .sws-select--dark:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #222 transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--dark] > select, .sws-select--dark > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #222;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--dark] > select:focus, .sws-select--dark > select:focus {
            border: 2px solid #222;
            color: #000c15
        }

        [sws-select--dark] > select::-ms-expand, .sws-select--dark > select::-ms-expand {
            display: none
        }

        [sws-select--dark] > select:required ~ label:after, [sws-select--dark] > select[required] ~ label:after, .sws-select--dark > select:required ~ label:after, .sws-select--dark > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--dark] > label, .sws-select--dark > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--dark] select:not(:required):valid, .sws-select--dark select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--dark] select:not(:required):valid:focus, .sws-select--dark select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--dark] select[value], .sws-select--dark select[value] {
        color: #333 !important
    }

        [sws-select--dark] select[value] ~ label, .sws-select--dark select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--dark] select:invalid, .sws-select--dark select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--dark] select:invalid:focus, .sws-select--dark select:invalid:focus {
            color: #333
        }

            [sws-select--dark] select:invalid:focus ~ label, .sws-select--dark select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--dark] select:invalid:focus ~ label:after, .sws-select--dark select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--dark] select:required:valid, .sws-select--dark select:required:valid {
        color: #333
    }

        [sws-select--dark] select:required:valid ~ label, .sws-select--dark select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--dark] select:required:valid ~ label:after, .sws-select--dark select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[sws-select--jet], .sws-select--jet {
    position: relative;
    display: inline-block
}

    [sws-select--jet]:after, .sws-select--jet:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #3d3d3d transparent transparent transparent;
        pointer-events: none
    }

    [sws-select--jet] > select, .sws-select--jet > select {
        position: relative;
        display: inline-block;
        height: 40px !important;
        min-width: 116px !important;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 0 35px 0 5px;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        color: #002b48;
        border-radius: 1px;
        border: 2px solid transparent;
        border-bottom: 2px solid #3d3d3d;
        outline: 2px solid transparent;
        background: transparent;
        transition: outline 0.4s ease-in, border 0.3s ease-out, color .2s .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        [sws-select--jet] > select:focus, .sws-select--jet > select:focus {
            border: 2px solid #3d3d3d;
            color: #000c15
        }

        [sws-select--jet] > select::-ms-expand, .sws-select--jet > select::-ms-expand {
            display: none
        }

        [sws-select--jet] > select:required ~ label:after, [sws-select--jet] > select[required] ~ label:after, .sws-select--jet > select:required ~ label:after, .sws-select--jet > select[required] ~ label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572;
            margin-bottom: 19px;
            transition: margin-bottom .2s .2s ease
        }

    [sws-select--jet] > label, .sws-select--jet > label {
        display: inline;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding-bottom: 17px;
        bottom: 0;
        position: absolute;
        left: 10px;
        transition: 0.2s 0.2s ease all;
        -moz-transition: 0.2s 0.2s ease all;
        -webkit-transition: 0.2s 0.2s ease all
    }

    [sws-select--jet] select:not(:required):valid, .sws-select--jet select:not(:required):valid {
        color: rgba(0,0,0,0)
    }

        [sws-select--jet] select:not(:required):valid:focus, .sws-select--jet select:not(:required):valid:focus {
            color: #333
        }

    [sws-select--jet] select[value], .sws-select--jet select[value] {
        color: #333 !important
    }

        [sws-select--jet] select[value] ~ label, .sws-select--jet select[value] ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

    [sws-select--jet] select:invalid, .sws-select--jet select:invalid {
        transition: 0.2s 0.2s ease all;
        color: rgba(0,0,0,0)
    }

        [sws-select--jet] select:invalid:focus, .sws-select--jet select:invalid:focus {
            color: #333
        }

            [sws-select--jet] select:invalid:focus ~ label, .sws-select--jet select:invalid:focus ~ label {
                transition: 0.2s ease all;
                padding-bottom: 50px;
                font-size: 12px
            }

                [sws-select--jet] select:invalid:focus ~ label:after, .sws-select--jet select:invalid:focus ~ label:after {
                    transition: 0.2s ease all;
                    margin-bottom: 51px
                }

    [sws-select--jet] select:required:valid, .sws-select--jet select:required:valid {
        color: #333
    }

        [sws-select--jet] select:required:valid ~ label, .sws-select--jet select:required:valid ~ label {
            transition: 0.2s ease all;
            padding-bottom: 50px;
            font-size: 12px
        }

            [sws-select--jet] select:required:valid ~ label:after, .sws-select--jet select:required:valid ~ label:after {
                margin-bottom: 51px;
                transition: 0.2s ease all
            }

[m-forms] {
    margin-top: 25px !important;
    margin-bottom: 5px !important
}

[dropdown-error] select, .dropdown-error select {
    border-bottom-color: #d9534f !important
}

    [dropdown-error] select:focus, .dropdown-error select:focus {
        border-color: #d9534f !important
    }

[dropdown-active] label, .dropdown-active label {
    padding-bottom: 50px !important;
    font-size: 12px !important
}

[dropdown-label-hidden] label, .dropdown-label-hidden label {
    opacity: 0 !important
}

[sws-form-group] {
    display: block;
    position: relative;
    min-height: 1px
}

[sws-form--simple] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start
}

    [sws-form--simple] [sws-form__label] {
        display: inline;
        position: relative;
        font-size: 12px;
        font-weight: 600;
        color: #333;
        letter-spacing: 1px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    [sws-form--simple] [sws-form__input] {
        display: block;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        width: 100%;
        max-height: 40px;
        height: 40px;
        min-height: 40px;
        padding: 10px;
        font-size: 14px;
        line-height: 1.42857143;
        box-sizing: border-box;
        color: #333;
        background-color: #fff;
        background-image: none;
        border: 1px solid;
        border-color: #dde4e6;
        border-radius: 2px;
        margin-bottom: 2px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
    }

        [sws-form--simple] [sws-form__input]:focus {
            border-color: #0079C7
        }

        [sws-form--simple] [sws-form__input]:required ~ [sws-form__label]:after, [sws-form--simple] [sws-form__input][required] ~ [sws-form__label]:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 7px;
            border-radius: 50%;
            background: #e17572
        }

[sws-textarea], .sws-textarea {
    margin-top: 25px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start
}

    [sws-textarea] [sws-textarea__label], [sws-textarea] .sws-textarea__label, .sws-textarea [sws-textarea__label], .sws-textarea .sws-textarea__label {
        display: inline-block;
        position: relative;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
        margin-bottom: 4px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        font-size: 12px;
        margin-left: 10px;
        letter-spacing: 1px
    }

    [sws-textarea] textarea, .sws-textarea textarea {
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        padding: 10px;
        border: 2px solid transparent;
        border-bottom-color: #333;
        position: relative;
        transition: border-color 0.5s ease;
        font-size: 14px
    }

        [sws-textarea] textarea:focus, .sws-textarea textarea:focus {
            outline: none;
            border-color: #333
        }

        [sws-textarea] textarea:required ~ [sws-textarea__label]:after, [sws-textarea] textarea:required ~ .sws-textarea__label:after, [sws-textarea] textarea[required] ~ [sws-textarea__label]:after, [sws-textarea] textarea[required] ~ .sws-textarea__label:after, .sws-textarea textarea:required ~ [sws-textarea__label]:after, .sws-textarea textarea:required ~ .sws-textarea__label:after, .sws-textarea textarea[required] ~ [sws-textarea__label]:after, .sws-textarea textarea[required] ~ .sws-textarea__label:after {
            content: '';
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            right: -15px;
            bottom: 2px;
            border-radius: 50%;
            background: #e17572
        }

[sws-form--light] {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--light] [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--light] input:required ~ [sws-form__label]:after, [sws-form--light] input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--light] ~ button {
        margin-left: -2px
    }

    [sws-form--light] [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--light] [sws-form__label], [sws-form--light] input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--light] input[value] {
        background: transparent
    }

        [sws-form--light] input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--light] input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--light] input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--light] input[value=''] {
        background: transparent !important
    }

        [sws-form--light] input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--light] [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--light] [sws-form__input]:focus {
            outline: none
        }

        [sws-form--light] [sws-form__input]:focus, [sws-form--light] [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__label], [sws-form--light] [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--light] [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar] {
                border-color: #fff
            }

    [sws-form--light]:focus ~ [sws-form__label], [sws-form--light]:required:valid ~ [sws-form__label], [sws-form--light] input[value=''] ~ {
        color: #fff
    }

    [sws-form--light] input[value] {
        background: transparent
    }

        [sws-form--light] input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--light] input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--light] input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--light] input[value=''] {
        background: transparent !important
    }

        [sws-form--light] input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--light] input[value] {
        background: #fff
    }

    [sws-form--light] [sws-form__label] {
        color: #fff !important
    }

[sws-form], [sws-form--shadow] {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form] [sws-label--danger], [sws-form--shadow] [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form] input:required ~ [sws-form__label]:after, [sws-form] input[required] ~ [sws-form__label]:after, [sws-form--shadow] input:required ~ [sws-form__label]:after, [sws-form--shadow] input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form] ~ button, [sws-form--shadow] ~ button {
        margin-left: -2px
    }

    [sws-form] [sws-form__bar], [sws-form--shadow] [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form] [sws-form__label], [sws-form] input[value=''] ~ [sws-form__label], [sws-form--shadow] [sws-form__label], [sws-form--shadow] input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form] input[value], [sws-form--shadow] input[value] {
        background: transparent
    }

        [sws-form] input[value] ~ [sws-form__label], [sws-form--shadow] input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form] input[value] ~ [sws-form__bar], [sws-form--shadow] input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form] input:not([value]):not(:focus):not(:required), [sws-form--shadow] input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], [sws-form--shadow] input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], [sws-form--shadow] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form] input[value=''], [sws-form--shadow] input[value=''] {
        background: transparent !important
    }

        [sws-form] input[value=''] ~ [sws-form__label], [sws-form--shadow] input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form] input[value=''] ~ [sws-form__bar], [sws-form--shadow] input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form] [sws-form__input], [sws-form--shadow] [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form] [sws-form__input]:focus, [sws-form--shadow] [sws-form__input]:focus {
            outline: none
        }

        [sws-form] [sws-form__input]:focus, [sws-form] [sws-form__input]:required:valid, [sws-form--shadow] [sws-form__input]:focus, [sws-form--shadow] [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form] [sws-form__input]:focus ~ [sws-form__label], [sws-form] [sws-form__input]:required:valid ~ [sws-form__label], [sws-form--shadow] [sws-form__input]:focus ~ [sws-form__label], [sws-form--shadow] [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form] [sws-form__input]:focus ~ [sws-form__bar], [sws-form] [sws-form__input]:required:valid ~ [sws-form__bar], [sws-form--shadow] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--shadow] [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--shadow] [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form] [sws-form__bar], [sws-form--shadow] [sws-form__bar] {
        height: 0;
        background: rgba(55,55,55,0.87);
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form] [sws-form__label], [sws-form--shadow] [sws-form__label] {
        top: 12px
    }

    [sws-form] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--shadow] [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--shadow] [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #333
    }

    [sws-form] [sws-form__input]:valid, [sws-form--shadow] [sws-form__input]:valid {
        border-bottom: 2px solid #333
    }

[sws-form--primary], .sws-form--primary {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--primary] [sws-label--danger], .sws-form--primary [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--primary] input:required ~ [sws-form__label]:after, [sws-form--primary] input[required] ~ [sws-form__label]:after, .sws-form--primary input:required ~ [sws-form__label]:after, .sws-form--primary input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--primary] ~ button, .sws-form--primary ~ button {
        margin-left: -2px
    }

    [sws-form--primary] [sws-form__bar], .sws-form--primary [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--primary] [sws-form__label], [sws-form--primary] input[value=''] ~ [sws-form__label], .sws-form--primary [sws-form__label], .sws-form--primary input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--primary] input[value], .sws-form--primary input[value] {
        background: transparent
    }

        [sws-form--primary] input[value] ~ [sws-form__label], .sws-form--primary input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--primary] input[value] ~ [sws-form__bar], .sws-form--primary input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--primary] input:not([value]):not(:focus):not(:required), .sws-form--primary input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--primary] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--primary input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--primary] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--primary input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--primary] input[value=''], .sws-form--primary input[value=''] {
        background: transparent !important
    }

        [sws-form--primary] input[value=''] ~ [sws-form__label], .sws-form--primary input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--primary] input[value=''] ~ [sws-form__bar], .sws-form--primary input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--primary] [sws-form__input], .sws-form--primary [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--primary] [sws-form__input]:focus, .sws-form--primary [sws-form__input]:focus {
            outline: none
        }

        [sws-form--primary] [sws-form__input]:focus, [sws-form--primary] [sws-form__input]:required:valid, .sws-form--primary [sws-form__input]:focus, .sws-form--primary [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--primary] [sws-form__input]:focus ~ [sws-form__label], [sws-form--primary] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--primary [sws-form__input]:focus ~ [sws-form__label], .sws-form--primary [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--primary] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--primary] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--primary [sws-form__input]:focus ~ [sws-form__bar], .sws-form--primary [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--primary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--primary [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--primary] [sws-form__bar], .sws-form--primary [sws-form__bar] {
        height: 0;
        background: #0079C7;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--primary] [sws-form__label], .sws-form--primary [sws-form__label] {
        top: 12px
    }

    [sws-form--primary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--primary [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--primary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--primary [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #0079C7
    }

    [sws-form--primary] [sws-form__input]:valid, .sws-form--primary [sws-form__input]:valid {
        border-bottom: 2px solid #0079C7
    }

[sws-form--secondary], .sws-form--secondary {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--secondary] [sws-label--danger], .sws-form--secondary [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--secondary] input:required ~ [sws-form__label]:after, [sws-form--secondary] input[required] ~ [sws-form__label]:after, .sws-form--secondary input:required ~ [sws-form__label]:after, .sws-form--secondary input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--secondary] ~ button, .sws-form--secondary ~ button {
        margin-left: -2px
    }

    [sws-form--secondary] [sws-form__bar], .sws-form--secondary [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--secondary] [sws-form__label], [sws-form--secondary] input[value=''] ~ [sws-form__label], .sws-form--secondary [sws-form__label], .sws-form--secondary input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--secondary] input[value], .sws-form--secondary input[value] {
        background: transparent
    }

        [sws-form--secondary] input[value] ~ [sws-form__label], .sws-form--secondary input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--secondary] input[value] ~ [sws-form__bar], .sws-form--secondary input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--secondary] input:not([value]):not(:focus):not(:required), .sws-form--secondary input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--secondary] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--secondary input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--secondary] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--secondary input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--secondary] input[value=''], .sws-form--secondary input[value=''] {
        background: transparent !important
    }

        [sws-form--secondary] input[value=''] ~ [sws-form__label], .sws-form--secondary input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--secondary] input[value=''] ~ [sws-form__bar], .sws-form--secondary input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--secondary] [sws-form__input], .sws-form--secondary [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--secondary] [sws-form__input]:focus, .sws-form--secondary [sws-form__input]:focus {
            outline: none
        }

        [sws-form--secondary] [sws-form__input]:focus, [sws-form--secondary] [sws-form__input]:required:valid, .sws-form--secondary [sws-form__input]:focus, .sws-form--secondary [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--secondary] [sws-form__input]:focus ~ [sws-form__label], [sws-form--secondary] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--secondary [sws-form__input]:focus ~ [sws-form__label], .sws-form--secondary [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--secondary] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--secondary] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--secondary [sws-form__input]:focus ~ [sws-form__bar], .sws-form--secondary [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--secondary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--secondary [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--secondary] [sws-form__bar], .sws-form--secondary [sws-form__bar] {
        height: 0;
        background: #05857A;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--secondary] [sws-form__label], .sws-form--secondary [sws-form__label] {
        top: 12px
    }

    [sws-form--secondary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--secondary [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--secondary] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--secondary [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #05857A
    }

    [sws-form--secondary] [sws-form__input]:valid, .sws-form--secondary [sws-form__input]:valid {
        border-bottom: 2px solid #05857A
    }

[sws-form--success], .sws-form--success {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--success] [sws-label--danger], .sws-form--success [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--success] input:required ~ [sws-form__label]:after, [sws-form--success] input[required] ~ [sws-form__label]:after, .sws-form--success input:required ~ [sws-form__label]:after, .sws-form--success input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--success] ~ button, .sws-form--success ~ button {
        margin-left: -2px
    }

    [sws-form--success] [sws-form__bar], .sws-form--success [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--success] [sws-form__label], [sws-form--success] input[value=''] ~ [sws-form__label], .sws-form--success [sws-form__label], .sws-form--success input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--success] input[value], .sws-form--success input[value] {
        background: transparent
    }

        [sws-form--success] input[value] ~ [sws-form__label], .sws-form--success input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--success] input[value] ~ [sws-form__bar], .sws-form--success input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--success] input:not([value]):not(:focus):not(:required), .sws-form--success input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--success] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--success input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--success] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--success input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--success] input[value=''], .sws-form--success input[value=''] {
        background: transparent !important
    }

        [sws-form--success] input[value=''] ~ [sws-form__label], .sws-form--success input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--success] input[value=''] ~ [sws-form__bar], .sws-form--success input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--success] [sws-form__input], .sws-form--success [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--success] [sws-form__input]:focus, .sws-form--success [sws-form__input]:focus {
            outline: none
        }

        [sws-form--success] [sws-form__input]:focus, [sws-form--success] [sws-form__input]:required:valid, .sws-form--success [sws-form__input]:focus, .sws-form--success [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--success] [sws-form__input]:focus ~ [sws-form__label], [sws-form--success] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--success [sws-form__input]:focus ~ [sws-form__label], .sws-form--success [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--success] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--success] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--success [sws-form__input]:focus ~ [sws-form__bar], .sws-form--success [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--success] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--success [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--success] [sws-form__bar], .sws-form--success [sws-form__bar] {
        height: 0;
        background: #3A9A3A;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--success] [sws-form__label], .sws-form--success [sws-form__label] {
        top: 12px
    }

    [sws-form--success] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--success [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--success] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--success [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #3A9A3A
    }

    [sws-form--success] [sws-form__input]:valid, .sws-form--success [sws-form__input]:valid {
        border-bottom: 2px solid #3A9A3A
    }

[sws-form--warning], .sws-form--warning {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--warning] [sws-label--danger], .sws-form--warning [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--warning] input:required ~ [sws-form__label]:after, [sws-form--warning] input[required] ~ [sws-form__label]:after, .sws-form--warning input:required ~ [sws-form__label]:after, .sws-form--warning input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--warning] ~ button, .sws-form--warning ~ button {
        margin-left: -2px
    }

    [sws-form--warning] [sws-form__bar], .sws-form--warning [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--warning] [sws-form__label], [sws-form--warning] input[value=''] ~ [sws-form__label], .sws-form--warning [sws-form__label], .sws-form--warning input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--warning] input[value], .sws-form--warning input[value] {
        background: transparent
    }

        [sws-form--warning] input[value] ~ [sws-form__label], .sws-form--warning input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--warning] input[value] ~ [sws-form__bar], .sws-form--warning input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--warning] input:not([value]):not(:focus):not(:required), .sws-form--warning input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--warning] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--warning input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--warning] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--warning input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--warning] input[value=''], .sws-form--warning input[value=''] {
        background: transparent !important
    }

        [sws-form--warning] input[value=''] ~ [sws-form__label], .sws-form--warning input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--warning] input[value=''] ~ [sws-form__bar], .sws-form--warning input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--warning] [sws-form__input], .sws-form--warning [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--warning] [sws-form__input]:focus, .sws-form--warning [sws-form__input]:focus {
            outline: none
        }

        [sws-form--warning] [sws-form__input]:focus, [sws-form--warning] [sws-form__input]:required:valid, .sws-form--warning [sws-form__input]:focus, .sws-form--warning [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--warning] [sws-form__input]:focus ~ [sws-form__label], [sws-form--warning] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--warning [sws-form__input]:focus ~ [sws-form__label], .sws-form--warning [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--warning] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--warning] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--warning [sws-form__input]:focus ~ [sws-form__bar], .sws-form--warning [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--warning] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--warning [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--warning] [sws-form__bar], .sws-form--warning [sws-form__bar] {
        height: 0;
        background: #EB9711;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--warning] [sws-form__label], .sws-form--warning [sws-form__label] {
        top: 12px
    }

    [sws-form--warning] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--warning [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--warning] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--warning [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #EB9711
    }

    [sws-form--warning] [sws-form__input]:valid, .sws-form--warning [sws-form__input]:valid {
        border-bottom: 2px solid #EB9711
    }

[sws-form--danger], .sws-form--danger {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--danger] [sws-label--danger], .sws-form--danger [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--danger] input:required ~ [sws-form__label]:after, [sws-form--danger] input[required] ~ [sws-form__label]:after, .sws-form--danger input:required ~ [sws-form__label]:after, .sws-form--danger input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--danger] ~ button, .sws-form--danger ~ button {
        margin-left: -2px
    }

    [sws-form--danger] [sws-form__bar], .sws-form--danger [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--danger] [sws-form__label], [sws-form--danger] input[value=''] ~ [sws-form__label], .sws-form--danger [sws-form__label], .sws-form--danger input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--danger] input[value], .sws-form--danger input[value] {
        background: transparent
    }

        [sws-form--danger] input[value] ~ [sws-form__label], .sws-form--danger input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--danger] input[value] ~ [sws-form__bar], .sws-form--danger input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--danger] input:not([value]):not(:focus):not(:required), .sws-form--danger input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--danger] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--danger input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--danger] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--danger input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--danger] input[value=''], .sws-form--danger input[value=''] {
        background: transparent !important
    }

        [sws-form--danger] input[value=''] ~ [sws-form__label], .sws-form--danger input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--danger] input[value=''] ~ [sws-form__bar], .sws-form--danger input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--danger] [sws-form__input], .sws-form--danger [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--danger] [sws-form__input]:focus, .sws-form--danger [sws-form__input]:focus {
            outline: none
        }

        [sws-form--danger] [sws-form__input]:focus, [sws-form--danger] [sws-form__input]:required:valid, .sws-form--danger [sws-form__input]:focus, .sws-form--danger [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--danger] [sws-form__input]:focus ~ [sws-form__label], [sws-form--danger] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--danger [sws-form__input]:focus ~ [sws-form__label], .sws-form--danger [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--danger] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--danger] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--danger [sws-form__input]:focus ~ [sws-form__bar], .sws-form--danger [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--danger] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--danger [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--danger] [sws-form__bar], .sws-form--danger [sws-form__bar] {
        height: 0;
        background: #d9534f;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--danger] [sws-form__label], .sws-form--danger [sws-form__label] {
        top: 12px
    }

    [sws-form--danger] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--danger [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--danger] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--danger [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #d9534f
    }

    [sws-form--danger] [sws-form__input]:valid, .sws-form--danger [sws-form__input]:valid {
        border-bottom: 2px solid #d9534f
    }

[sws-form--regular], .sws-form--regular {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--regular] [sws-label--danger], .sws-form--regular [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--regular] input:required ~ [sws-form__label]:after, [sws-form--regular] input[required] ~ [sws-form__label]:after, .sws-form--regular input:required ~ [sws-form__label]:after, .sws-form--regular input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--regular] ~ button, .sws-form--regular ~ button {
        margin-left: -2px
    }

    [sws-form--regular] [sws-form__bar], .sws-form--regular [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--regular] [sws-form__label], [sws-form--regular] input[value=''] ~ [sws-form__label], .sws-form--regular [sws-form__label], .sws-form--regular input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--regular] input[value], .sws-form--regular input[value] {
        background: transparent
    }

        [sws-form--regular] input[value] ~ [sws-form__label], .sws-form--regular input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--regular] input[value] ~ [sws-form__bar], .sws-form--regular input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--regular] input:not([value]):not(:focus):not(:required), .sws-form--regular input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--regular] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--regular input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--regular] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--regular input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--regular] input[value=''], .sws-form--regular input[value=''] {
        background: transparent !important
    }

        [sws-form--regular] input[value=''] ~ [sws-form__label], .sws-form--regular input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--regular] input[value=''] ~ [sws-form__bar], .sws-form--regular input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--regular] [sws-form__input], .sws-form--regular [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--regular] [sws-form__input]:focus, .sws-form--regular [sws-form__input]:focus {
            outline: none
        }

        [sws-form--regular] [sws-form__input]:focus, [sws-form--regular] [sws-form__input]:required:valid, .sws-form--regular [sws-form__input]:focus, .sws-form--regular [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--regular] [sws-form__input]:focus ~ [sws-form__label], [sws-form--regular] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--regular [sws-form__input]:focus ~ [sws-form__label], .sws-form--regular [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--regular] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--regular] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--regular [sws-form__input]:focus ~ [sws-form__bar], .sws-form--regular [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--regular] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--regular [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--regular] [sws-form__bar], .sws-form--regular [sws-form__bar] {
        height: 0;
        background: #74787F;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--regular] [sws-form__label], .sws-form--regular [sws-form__label] {
        top: 12px
    }

    [sws-form--regular] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--regular [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--regular] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--regular [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #74787F
    }

    [sws-form--regular] [sws-form__input]:valid, .sws-form--regular [sws-form__input]:valid {
        border-bottom: 2px solid #74787F
    }

[sws-form--light], .sws-form--light {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--light] [sws-label--danger], .sws-form--light [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--light] input:required ~ [sws-form__label]:after, [sws-form--light] input[required] ~ [sws-form__label]:after, .sws-form--light input:required ~ [sws-form__label]:after, .sws-form--light input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--light] ~ button, .sws-form--light ~ button {
        margin-left: -2px
    }

    [sws-form--light] [sws-form__bar], .sws-form--light [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--light] [sws-form__label], [sws-form--light] input[value=''] ~ [sws-form__label], .sws-form--light [sws-form__label], .sws-form--light input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--light] input[value], .sws-form--light input[value] {
        background: transparent
    }

        [sws-form--light] input[value] ~ [sws-form__label], .sws-form--light input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--light] input[value] ~ [sws-form__bar], .sws-form--light input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--light] input:not([value]):not(:focus):not(:required), .sws-form--light input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--light input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--light input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--light] input[value=''], .sws-form--light input[value=''] {
        background: transparent !important
    }

        [sws-form--light] input[value=''] ~ [sws-form__label], .sws-form--light input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--light] input[value=''] ~ [sws-form__bar], .sws-form--light input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--light] [sws-form__input], .sws-form--light [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--light] [sws-form__input]:focus, .sws-form--light [sws-form__input]:focus {
            outline: none
        }

        [sws-form--light] [sws-form__input]:focus, [sws-form--light] [sws-form__input]:required:valid, .sws-form--light [sws-form__input]:focus, .sws-form--light [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__label], [sws-form--light] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--light [sws-form__input]:focus ~ [sws-form__label], .sws-form--light [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--light] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--light [sws-form__input]:focus ~ [sws-form__bar], .sws-form--light [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--light [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--light] [sws-form__bar], .sws-form--light [sws-form__bar] {
        height: 0;
        background: #ecf0f1;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--light] [sws-form__label], .sws-form--light [sws-form__label] {
        top: 12px
    }

    [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--light [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--light] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--light [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #ecf0f1
    }

    [sws-form--light] [sws-form__input]:valid, .sws-form--light [sws-form__input]:valid {
        border-bottom: 2px solid #ecf0f1
    }

[sws-form--dark], .sws-form--dark {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--dark] [sws-label--danger], .sws-form--dark [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--dark] input:required ~ [sws-form__label]:after, [sws-form--dark] input[required] ~ [sws-form__label]:after, .sws-form--dark input:required ~ [sws-form__label]:after, .sws-form--dark input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--dark] ~ button, .sws-form--dark ~ button {
        margin-left: -2px
    }

    [sws-form--dark] [sws-form__bar], .sws-form--dark [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--dark] [sws-form__label], [sws-form--dark] input[value=''] ~ [sws-form__label], .sws-form--dark [sws-form__label], .sws-form--dark input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--dark] input[value], .sws-form--dark input[value] {
        background: transparent
    }

        [sws-form--dark] input[value] ~ [sws-form__label], .sws-form--dark input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--dark] input[value] ~ [sws-form__bar], .sws-form--dark input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--dark] input:not([value]):not(:focus):not(:required), .sws-form--dark input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--dark] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--dark input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--dark] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--dark input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--dark] input[value=''], .sws-form--dark input[value=''] {
        background: transparent !important
    }

        [sws-form--dark] input[value=''] ~ [sws-form__label], .sws-form--dark input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--dark] input[value=''] ~ [sws-form__bar], .sws-form--dark input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--dark] [sws-form__input], .sws-form--dark [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--dark] [sws-form__input]:focus, .sws-form--dark [sws-form__input]:focus {
            outline: none
        }

        [sws-form--dark] [sws-form__input]:focus, [sws-form--dark] [sws-form__input]:required:valid, .sws-form--dark [sws-form__input]:focus, .sws-form--dark [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--dark] [sws-form__input]:focus ~ [sws-form__label], [sws-form--dark] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--dark [sws-form__input]:focus ~ [sws-form__label], .sws-form--dark [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--dark] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--dark] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--dark [sws-form__input]:focus ~ [sws-form__bar], .sws-form--dark [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--dark] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--dark [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--dark] [sws-form__bar], .sws-form--dark [sws-form__bar] {
        height: 0;
        background: #222;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--dark] [sws-form__label], .sws-form--dark [sws-form__label] {
        top: 12px
    }

    [sws-form--dark] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--dark [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--dark] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--dark [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #222
    }

    [sws-form--dark] [sws-form__input]:valid, .sws-form--dark [sws-form__input]:valid {
        border-bottom: 2px solid #222
    }

[sws-form--jet], .sws-form--jet {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--jet] [sws-label--danger], .sws-form--jet [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--jet] input:required ~ [sws-form__label]:after, [sws-form--jet] input[required] ~ [sws-form__label]:after, .sws-form--jet input:required ~ [sws-form__label]:after, .sws-form--jet input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--jet] ~ button, .sws-form--jet ~ button {
        margin-left: -2px
    }

    [sws-form--jet] [sws-form__bar], .sws-form--jet [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--jet] [sws-form__label], [sws-form--jet] input[value=''] ~ [sws-form__label], .sws-form--jet [sws-form__label], .sws-form--jet input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--jet] input[value], .sws-form--jet input[value] {
        background: transparent
    }

        [sws-form--jet] input[value] ~ [sws-form__label], .sws-form--jet input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--jet] input[value] ~ [sws-form__bar], .sws-form--jet input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--jet] input:not([value]):not(:focus):not(:required), .sws-form--jet input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--jet] input:not([value]):not(:focus):not(:required) ~ [sws-form__label], .sws-form--jet input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--jet] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar], .sws-form--jet input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--jet] input[value=''], .sws-form--jet input[value=''] {
        background: transparent !important
    }

        [sws-form--jet] input[value=''] ~ [sws-form__label], .sws-form--jet input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--jet] input[value=''] ~ [sws-form__bar], .sws-form--jet input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--jet] [sws-form__input], .sws-form--jet [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--jet] [sws-form__input]:focus, .sws-form--jet [sws-form__input]:focus {
            outline: none
        }

        [sws-form--jet] [sws-form__input]:focus, [sws-form--jet] [sws-form__input]:required:valid, .sws-form--jet [sws-form__input]:focus, .sws-form--jet [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--jet] [sws-form__input]:focus ~ [sws-form__label], [sws-form--jet] [sws-form__input]:required:valid ~ [sws-form__label], .sws-form--jet [sws-form__input]:focus ~ [sws-form__label], .sws-form--jet [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--jet] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--jet] [sws-form__input]:required:valid ~ [sws-form__bar], .sws-form--jet [sws-form__input]:focus ~ [sws-form__bar], .sws-form--jet [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--jet] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--jet [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--jet] [sws-form__bar], .sws-form--jet [sws-form__bar] {
        height: 0;
        background: #3d3d3d;
        transition: 0.5s ease, height 0.25s ease, background 0.25s ease
    }

    [sws-form--jet] [sws-form__label], .sws-form--jet [sws-form__label] {
        top: 12px
    }

    [sws-form--jet] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--jet [sws-form__input]:focus ~ [sws-form__bar] {
        transition: border-color 0.5s ease, height 0.25s ease, background 0.2s ease-in
    }

    [sws-form--jet] [sws-form__input]:focus ~ [sws-form__bar], .sws-form--jet [sws-form__input]:focus ~ [sws-form__bar] {
        border: 2px solid #3d3d3d
    }

    [sws-form--jet] [sws-form__input]:valid, .sws-form--jet [sws-form__input]:valid {
        border-bottom: 2px solid #3d3d3d
    }

[sws-form--shadow] [sws-form__input]:focus ~ [sws-form__bar] {
    background: #fff;
    border-color: #333;
    box-shadow: 5px 5px 0px 1px #333;
    transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
}

[sws-form--outline] {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    margin-bottom: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
    width: 100%
}

    [sws-form--outline] [sws-label--danger] {
        margin-top: 45px
    }

    [sws-form--outline] input:required ~ [sws-form__label]:after, [sws-form--outline] input[required] ~ [sws-form__label]:after {
        content: '';
        height: 6px;
        width: 6px;
        display: block;
        position: absolute;
        right: -15px;
        bottom: 4px;
        border-radius: 50%;
        background: #e17572
    }

    [sws-form--outline] ~ button {
        margin-left: -2px
    }

    [sws-form--outline] [sws-form__bar] {
        content: '';
        box-sizing: border-box;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border: 1px solid;
        border-color: transparent;
        transition: border-color 0.5s ease, height 0.25s ease
    }

    [sws-form--outline] [sws-form__label], [sws-form--outline] input[value=''] ~ [sws-form__label] {
        color: #333;
        font-size: 14px;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        z-index: 2;
        margin-left: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all
    }

    [sws-form--outline] input[value] {
        background: transparent
    }

        [sws-form--outline] input[value] ~ [sws-form__label] {
            top: -18px;
            font-size: 12px
        }

        [sws-form--outline] input[value] ~ [sws-form__bar] {
            height: 100%;
            background: transparent;
            background: #fff
        }

    [sws-form--outline] input:not([value]):not(:focus):not(:required) {
        background: transparent
    }

        [sws-form--outline] input:not([value]):not(:focus):not(:required) ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--outline] input:not([value]):not(:focus):not(:required) ~ [sws-form__bar] {
            height: 0
        }

    [sws-form--outline] input[value=''] {
        background: transparent !important
    }

        [sws-form--outline] input[value=''] ~ [sws-form__label] {
            font-size: 14px;
            top: 10px
        }

        [sws-form--outline] input[value=''] ~ [sws-form__bar] {
            height: 0;
            background: #fff
        }

    [sws-form--outline] [sws-form__input] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        bottom: 0;
        background: transparent;
        z-index: 1;
        box-sizing: border-box;
        font-family: "Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif,sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: all 0.2s ease
    }

        [sws-form--outline] [sws-form__input]:focus {
            outline: none
        }

        [sws-form--outline] [sws-form__input]:focus, [sws-form--outline] [sws-form__input]:required:valid {
            height: 100%;
            transition: height 0.2s ease
        }

            [sws-form--outline] [sws-form__input]:focus ~ [sws-form__label], [sws-form--outline] [sws-form__input]:required:valid ~ [sws-form__label] {
                top: -18px;
                font-size: 12px
            }

            [sws-form--outline] [sws-form__input]:focus ~ [sws-form__bar], [sws-form--outline] [sws-form__input]:required:valid ~ [sws-form__bar] {
                transition: height 0.25s ease, background 0.3s ease-in;
                height: 100%;
                z-index: 0;
                background: #fff
            }

            [sws-form--outline] [sws-form__input]:focus ~ [sws-form__bar] {
                background: #fff;
                border-color: #222;
                transition: border-color 0.5s ease, height 0.25s ease, background 0.3s ease-in
            }

    [sws-form--outline] [sws-form__label] {
        top: 12px
    }

    [sws-form--outline] [sws-form__bar] {
        border-color: transparent !important
    }

    [sws-form--outline] [sws-form__input] {
        border: 2px solid #333;
        border-color: #333;
        transition: border-color 0.5s ease
    }

        [sws-form--outline] [sws-form__input]:focus {
            border-color: #333
        }

    [sws-form--outline] [sws-form__bar] {
        background: #fff
    }

[input-error] [sws-form__input], .input-error [sws-form__input] {
    border-bottom-color: #d9534f !important
}

    [input-error] [sws-form__input]:focus ~ [sws-form__bar], [input-error] [sws-form__input]:focus ~ [sws-form__bar], .input-error [sws-form__input]:focus ~ [sws-form__bar], .input-error [sws-form__input]:focus ~ [sws-form__bar] {
        border-color: #d9534f !important
    }

[input-error] [sws-form__bar], .input-error [sws-form__bar] {
    background: rgba(217,83,79,0.87)
}

[input-active] [sws-form__label], .input-active [sws-form__label] {
    top: -18px !important;
    font-size: 12px !important
}

[input-label-hidden] [sws-form__label], .input-label-hidden [sws-form__label] {
    opacity: 0 !important
}

[sws-form__calendar] {
    text-align: right;
    padding-right: 10px;
    z-index: 0;
    display: block;
    position: relative;
    margin-top: 12px
}

[form-sm], .form-sm {
    max-width: 200px
}

[form-md], .form-md {
    max-width: 400px
}

[form-lg], .form-lg {
    max-width: 600px
}

[form-xl], .form-xl {
    max-width: 900px
}

.sws-label, [sws-label--primary], [sws-label--secondary], [sws-label--success], [sws-label--warning], [sws-label--danger], [sws-label--regular], [sws-label--light], [sws-label--dark], [sws-label--jet] {
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    margin: 2px;
    font-size: 75%;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px
}

[sws-label--primary] {
    background: #0069ae
}

[sws-label--secondary] {
    background: #046c63
}

[sws-label--success] {
    background: #338733
}

[sws-label--warning] {
    background: #d3880f
}

[sws-label--danger] {
    background: #d43f3a
}

[sws-label--regular] {
    background: #686b72
}

[sws-label--light] {
    background: #dde4e6
}

[sws-label--dark] {
    background: #151515
}

[sws-label--jet] {
    background: #303030
}

sws-list-block, sws-panel {
    height: 48px;
    display: flex;
    align-items: center
}

    sws-list-block svg, sws-panel svg {
        margin: 0 8px
    }

.sws-spinner-container, [sws-spinner-container-full], [sws-spinner-container] {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

[sws-spinner-container-full] {
    height: 100vh
}

[sws-spinner__content] {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

[sws-spinner], [sws-spinner--md], [sws-spinner--lg], [sws-spinner--sm] {
    box-sizing: border-box;
    border: 4px solid #d9dcde;
    border-top-color: #0089e1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    animation: spin 1.3s infinite
}

[sws-spinner--md] {
    border-width: 6px;
    width: 140px;
    height: 140px
}

[sws-spinner--lg] {
    border-width: 8px;
    width: 200px;
    height: 200px
}

[sws-spinner--sm] {
    border-width: 3px;
    width: 25px;
    height: 25px
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(-360deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(-360deg)
    }

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

@keyframes spin {
    from {
        transform: rotate(-360deg)
    }

    to {
        transform: rotate(360deg)
    }
}

[sws-menu] [sws-menu-items], [sws-menu] [sws-menu-items--dark] {
    display: none;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    text-align: left
}

    [sws-menu] [sws-menu-items] [sws-menu-item], [sws-menu] [sws-menu-items--dark] [sws-menu-item] {
        display: block;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        margin: 0;
        min-height: 36px;
        min-width: 72px;
        text-align: center;
        line-height: 36px;
        text-align: left;
        padding: 0 10px
    }

[sws-menu] {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: auto
}

    [sws-menu] [sws-menu-items] {
        background: #eee;
        color: #222
    }

        [sws-menu] [sws-menu-items] [sws-menu-item] {
            color: #222
        }

            [sws-menu] [sws-menu-items] [sws-menu-item] a {
                color: #222
            }

            [sws-menu] [sws-menu-items] [sws-menu-item]:hover {
                background: #ccc;
                cursor: pointer
            }

    [sws-menu] [sws-menu-items--dark] {
        background: #222;
        color: #eee
    }

        [sws-menu] [sws-menu-items--dark] [sws-menu-item] {
            color: #fff
        }

            [sws-menu] [sws-menu-items--dark] [sws-menu-item] a {
                color: #fff
            }

            [sws-menu] [sws-menu-items--dark] [sws-menu-item]:hover {
                background: #3c3c3c;
                cursor: pointer
            }

    [sws-menu]:hover [sws-menu-items], [sws-menu]:focus [sws-menu-items] {
        display: block
    }

nav[sws-nav], nav.sws-nav, nav[sws-nav--v], nav.sws-nav--v {
    box-sizing: border-box;
    background: #222
}

    nav[sws-nav] *, nav.sws-nav *, nav[sws-nav--v] *, nav.sws-nav--v * {
        color: #fff;
        text-decoration: none
    }

    nav[sws-nav] ul, nav.sws-nav ul, nav[sws-nav--v] ul, nav.sws-nav--v ul {
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-top: 0
    }

@media screen and (max-width: 768px) {
    nav[sws-nav] ul, nav.sws-nav ul, nav[sws-nav--v] ul, nav.sws-nav--v ul {
        flex-direction: column;
        flex-wrap: nowrap
    }
}

nav[sws-nav] ul li, nav.sws-nav ul li, nav[sws-nav--v] ul li, nav.sws-nav--v ul li {
    box-sizing: border-box;
    text-align: center
}

@media screen and (max-width: 768px) {
    nav[sws-nav] ul li, nav.sws-nav ul li, nav[sws-nav--v] ul li, nav.sws-nav--v ul li {
        width: 100%
    }
}

nav[sws-nav] ul li:hover, nav.sws-nav ul li:hover, nav[sws-nav--v] ul li:hover, nav.sws-nav--v ul li:hover {
    cursor: pointer;
    background: #090909
}

nav[sws-nav] ul li a, nav.sws-nav ul li a, nav[sws-nav--v] ul li a, nav.sws-nav--v ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box
}

    nav[sws-nav] ul li a:focus, nav.sws-nav ul li a:focus, nav[sws-nav--v] ul li a:focus, nav.sws-nav--v ul li a:focus {
        outline: #03a9f4 dotted 2px
    }

nav[sws-nav] ul, nav.sws-nav ul {
    width: 100%;
    justify-items: center;
    height: 50px;
    line-height: 50px
}

@media screen and (max-width: 768px) {
    nav[sws-nav] ul, nav.sws-nav ul {
        height: auto
    }
}

nav[sws-nav] ul li, nav.sws-nav ul li {
    flex: 1;
    align-self: flex-end
}

    nav[sws-nav] ul li[sws-logo], nav[sws-nav] ul li.sws-logo, nav.sws-nav ul li[sws-logo], nav.sws-nav ul li.sws-logo {
        align-self: flex-start;
        flex: 5;
        text-align: left
    }

@media screen and (max-width: 1200px) {
    nav[sws-nav] ul li[sws-logo], nav[sws-nav] ul li.sws-logo, nav.sws-nav ul li[sws-logo], nav.sws-nav ul li.sws-logo {
        flex: 3
    }
}

@media screen and (max-width: 768px) {
    nav[sws-nav] ul li[sws-logo], nav[sws-nav] ul li.sws-logo, nav.sws-nav ul li[sws-logo], nav.sws-nav ul li.sws-logo {
        align-self: center;
        flex: 3;
        text-align: center
    }
}

nav[sws-nav] ul li[sws-logo] img, nav[sws-nav] ul li.sws-logo img, nav.sws-nav ul li[sws-logo] img, nav.sws-nav ul li.sws-logo img {
    padding-left: 5px;
    height: 54px;
    max-width: auto;
    vertical-align: middle
}

nav[sws-nav--v], nav.sws-nav--v {
    width: 150px;
    height: 100vh
}

    nav[sws-nav--v] ul, nav.sws-nav--v ul {
        flex-direction: column;
        height: 100%;
        align-items: flex-start;
        flex-wrap: nowrap;
        overflow-y: auto
    }

        nav[sws-nav--v] ul li, nav.sws-nav--v ul li {
            box-sizing: border-box;
            width: 100%
        }

            nav[sws-nav--v] ul li a, nav.sws-nav--v ul li a {
                padding: 20px 5px
            }

            nav[sws-nav--v] ul li[sws-logo], nav[sws-nav--v] ul li.sws-logo, nav.sws-nav--v ul li[sws-logo], nav.sws-nav--v ul li.sws-logo {
                height: 100px;
                vertical-align: middle;
                line-height: 90px
            }

                nav[sws-nav--v] ul li[sws-logo] a, nav[sws-nav--v] ul li.sws-logo a, nav.sws-nav--v ul li[sws-logo] a, nav.sws-nav--v ul li.sws-logo a {
                    padding: 5px
                }

                nav[sws-nav--v] ul li[sws-logo] img, nav[sws-nav--v] ul li.sws-logo img, nav.sws-nav--v ul li[sws-logo] img, nav.sws-nav--v ul li.sws-logo img {
                    height: auto;
                    width: 100%;
                    vertical-align: middle
                }

@media screen and (max-width: 768px) {
    nav[sws-nav--v], nav.sws-nav--v {
        width: 100px
    }

        nav[sws-nav--v] [sws-nav--label], nav.sws-nav--v [sws-nav--label] {
            display: none
        }
}

@media screen and (max-width: 650px) {
    nav[sws-nav--v] ul, nav.sws-nav--v ul {
        flex-direction: row
    }
}

.fixed-navbar, [fixed-navbar] {
    position: fixed;
    top: 0;
    left: 0
}

.navbar-offset, [navbar-offset] {
    margin-left: 150px
}

[sws-navbar] {
    height: 50px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    z-index: 35;
    transition: background 0.3s ease;
    background: #222;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box
}

@media screen and (max-width: 992px) {
    [sws-navbar] {
        flex-direction: column;
        height: auto;
        padding-top: 10px
    }
}

[sws-navbar] a, [sws-navbar] button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

    [sws-navbar] a:visited, [sws-navbar] button:visited {
        color: #fff
    }

[sws-navbar] button {
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent
}

[sws-navbar] ul, [sws-navbar] div ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    line-height: unset;
    list-style: none;
    padding-left: 0;
    margin-left: auto
}

@media screen and (max-width: 992px) {
    [sws-navbar] ul, [sws-navbar] div ul {
        margin: 0 auto 10px auto
    }
}

[sws-navbar] ul li, [sws-navbar] div ul li {
    align-self: auto
}

[sws-navbar] [sws-nav-link] {
    height: 34px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    padding: 0 15px;
    margin: 0 5px;
    font-weight: 600
}

    [sws-navbar] [sws-nav-link]:hover {
        background: #3d3d3d
    }

    [sws-navbar] [sws-nav-link].active-link, [sws-navbar] [sws-nav-link]:focus {
        background: #333
    }

[sws-navbar-fixed] {
    height: 50px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    z-index: 35;
    transition: background 0.3s ease;
    background: #222;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0
}

@media screen and (max-width: 992px) {
    [sws-navbar-fixed] {
        flex-direction: column;
        height: auto;
        padding-top: 10px
    }
}

[sws-navbar-fixed] a, [sws-navbar-fixed] button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

    [sws-navbar-fixed] a:visited, [sws-navbar-fixed] button:visited {
        color: #fff
    }

[sws-navbar-fixed] button {
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent
}

[sws-navbar-fixed] ul, [sws-navbar-fixed] div ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    line-height: unset;
    list-style: none;
    padding-left: 0;
    margin-left: auto
}

@media screen and (max-width: 992px) {
    [sws-navbar-fixed] ul, [sws-navbar-fixed] div ul {
        margin: 0 auto 10px auto
    }
}

[sws-navbar-fixed] ul li, [sws-navbar-fixed] div ul li {
    align-self: auto
}

[sws-navbar-fixed] [sws-nav-link] {
    height: 34px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    padding: 0 15px;
    margin: 0 5px;
    font-weight: 600
}

    [sws-navbar-fixed] [sws-nav-link]:hover {
        background: #3d3d3d
    }

    [sws-navbar-fixed] [sws-nav-link].active-link, [sws-navbar-fixed] [sws-nav-link]:focus {
        background: #333
    }

[sws-navbar--dark] {
    height: 50px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    z-index: 35;
    transition: background 0.3s ease;
    background: #222;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box
}

@media screen and (max-width: 992px) {
    [sws-navbar--dark] {
        flex-direction: column;
        height: auto;
        padding-top: 10px
    }
}

[sws-navbar--dark] a, [sws-navbar--dark] button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

    [sws-navbar--dark] a:visited, [sws-navbar--dark] button:visited {
        color: #fff
    }

[sws-navbar--dark] button {
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent
}

[sws-navbar--dark] ul, [sws-navbar--dark] div ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    line-height: unset;
    list-style: none;
    padding-left: 0;
    margin-left: auto
}

@media screen and (max-width: 992px) {
    [sws-navbar--dark] ul, [sws-navbar--dark] div ul {
        margin: 0 auto 10px auto
    }
}

[sws-navbar--dark] ul li, [sws-navbar--dark] div ul li {
    align-self: auto
}

[sws-navbar--dark] [sws-nav-link] {
    height: 34px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    padding: 0 15px;
    margin: 0 5px;
    font-weight: 600
}

    [sws-navbar--dark] [sws-nav-link]:hover {
        background: #3d3d3d
    }

    [sws-navbar--dark] [sws-nav-link].active-link, [sws-navbar--dark] [sws-nav-link]:focus {
        background: #333
    }

[sws-navbar--light] {
    height: 50px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    z-index: 35;
    transition: background 0.3s ease;
    background: #222;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
    color: #444
}

@media screen and (max-width: 992px) {
    [sws-navbar--light] {
        flex-direction: column;
        height: auto;
        padding-top: 10px
    }
}

[sws-navbar--light] a, [sws-navbar--light] button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

    [sws-navbar--light] a:visited, [sws-navbar--light] button:visited {
        color: #fff
    }

[sws-navbar--light] button {
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent
}

[sws-navbar--light] ul, [sws-navbar--light] div ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    line-height: unset;
    list-style: none;
    padding-left: 0;
    margin-left: auto
}

@media screen and (max-width: 992px) {
    [sws-navbar--light] ul, [sws-navbar--light] div ul {
        margin: 0 auto 10px auto
    }
}

[sws-navbar--light] ul li, [sws-navbar--light] div ul li {
    align-self: auto
}

[sws-navbar--light] [sws-nav-link] {
    height: 34px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    padding: 0 15px;
    margin: 0 5px;
    font-weight: 600
}

    [sws-navbar--light] [sws-nav-link]:hover {
        background: #3d3d3d
    }

    [sws-navbar--light] [sws-nav-link].active-link, [sws-navbar--light] [sws-nav-link]:focus {
        background: #333
    }

[sws-navbar--light] a, [sws-navbar--light] button {
    color: #444
}

    [sws-navbar--light] a:visited, [sws-navbar--light] button:visited {
        color: #444
    }

[sws-navbar--light] [sws-nav-link]:hover {
    background: #ecf0f1 !important
}

[sws-navbar--light] [sws-nav-link].active-link, [sws-navbar--light] [sws-nav-link]:focus {
    background: #e2e7e9 !important
}

[sws-nav__logo] {
    width: 155px;
    text-align: center;
    display: flex;
    justify-content: center
}

    [sws-nav__logo].tinyLogo {
        max-width: 64px
    }

    [sws-nav__logo] img {
        height: auto;
        max-height: 50px;
        width: 145px;
        max-width: 145px
    }

        [sws-nav__logo] img.tinyLogo {
            max-width: 64px
        }

@media screen and (max-width: 992px) {
    [sws-nav__logo] {
        padding-top: 5px;
        margin-bottom: 15px
    }
}

[sws-nav__logo-img] {
    height: auto;
    max-height: 50px;
    width: 145px;
    max-width: 145px
}

    [sws-nav__logo-img].tinyLogo {
        max-width: 64px
    }

[sws-nav-menu__list-item] {
    -webkit-transition: background 0.3s;
    transition: background 0.3s
}

    [sws-nav-menu__list-item]:hover {
        background: #034465;
        cursor: pointer
    }

[sws-nav-menu] {
    position: absolute;
    left: 0;
    top: 50px;
    width: 250px;
    max-width: 250px;
    height: 100%;
    min-height: 500px;
    z-index: 5;
    overflow-y: auto;
    height: calc(100vh - 50px);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    background: #2b2b2b;
    color: #eee
}

[sws-subnav] {
    height: 36px
}

    [sws-subnav] [sws-subnav-links] a {
        height: 36px;
        box-sizing: border-box;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        color: #333;
        -webkit-transition: background 0.3s;
        transition: background 0.3s
    }

        [sws-subnav] [sws-subnav-links] a:visited {
            color: #333
        }

        [sws-subnav] [sws-subnav-links] a:hover {
            background: #cecece
        }

        [sws-subnav] [sws-subnav-links] a.active-link, [sws-subnav] [sws-subnav-links] a:focus {
            background: #dedede;
            border-bottom: 2px solid #cecece
        }

@media screen and (max-width: 768px) {
    [sws-subnav] {
        justify-content: center;
        height: auto
    }
}

[sws-nav--l] {
    width: 64px;
    min-width: 64px;
    z-index: 3;
    text-align: center;
    background: #fbfcfd;
    border-right: 1px solid #ccc;
    font-size: 11px;
    position: relative;
    position: var(--nav-pos, relative);
    height: 100vh;
    height: var(--nav-height, 100vh)
}

    [sws-nav--l] [nav-tooltip-container] {
        position: absolute;
        left: 75px
    }

    [sws-nav--l] [nav-tooltip] {
        color: #fff;
        background: rgba(0,0,0,0.8);
        width: 125px;
        max-width: 200px;
        display: block;
        position: fixed;
        padding: 8px;
        font-size: 12px;
        text-align: center;
        margin: 8px 0;
        opacity: 0;
        transition: opacity 0.2s ease
    }

    [sws-nav--l] [sws-nav--l_content] {
        height: calc(100vh - 50px);
        height: var(--nav-content-height, calc(100vh - 50px));
        overflow: auto
    }

        [sws-nav--l] [sws-nav--l_content]::-webkit-scrollbar {
            width: 4px
        }

        [sws-nav--l] [sws-nav--l_content]::-webkit-scrollbar-thumb {
            background: #bbb
        }

    [sws-nav--l] hr {
        opacity: 0.4;
        margin: 0
    }

    [sws-nav--l] [menu-btn] {
        font-weight: 600;
        letter-spacing: 1px;
        color: #686b72;
        background: transparent;
        border: none;
        font-size: 9px;
        text-align: center;
        padding: 15px 0;
        width: 100%
    }

        [sws-nav--l] [menu-btn] [sws-navigation_icon] {
            font-size: 15px;
            display: block;
            opacity: 0.95;
            padding: 0;
            padding-bottom: 5px;
            pointer-events: none
        }

        [sws-nav--l] [menu-btn]:hover {
            background: #f1f1f1;
            cursor: pointer;
            color: #686b72
        }

    [sws-nav--l] [sws-navigation_icon] {
        transition: color 0.3s ease;
        pointer-events: none
    }

    [sws-nav--l] ul {
        padding: 0;
        margin: 0;
        position: relative
    }

    [sws-nav--l] li {
        padding-left: 0;
        list-style: none;
        color: #686b72;
        font-weight: 600
    }

        [sws-nav--l] li > a {
            color: inherit
        }

            [sws-nav--l] li > a * {
                pointer-events: none
            }

    [sws-nav--l] [li-hover] {
        color: #686b72
    }

    [sws-nav--l] li > a, [sws-nav--l] [li-hover] {
        display: block;
        font-size: 1.1em;
        width: 100%;
        box-sizing: border-box;
        padding: 15px 10px 15px 5px;
        border-left: 4px solid transparent;
        transition: background 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;
        font-size: 1px;
        color: transparent;
        user-select: none
    }

        [sws-nav--l] li > a [sws-navigation_icon], [sws-nav--l] [li-hover] [sws-navigation_icon] {
            display: block;
            color: #686b72;
            font-size: 18px;
            padding-right: 0
        }

        [sws-nav--l] li > a:hover, [sws-nav--l] li > a:focus, [sws-nav--l] li > a.active-link, [sws-nav--l] [li-hover]:hover, [sws-nav--l] [li-hover]:focus, [sws-nav--l] [li-hover].active-link {
            background: #f1f1f1;
            cursor: pointer
        }

        [sws-nav--l] li > a:focus, [sws-nav--l] [li-hover]:focus {
            background: #e4e4e4
        }

        [sws-nav--l] li > a.active-link, [sws-nav--l] [li-hover].active-link {
            border-left-color: #0079c7;
            border-left-color: var(--color-primary, #0079c7)
        }

            [sws-nav--l] li > a.active-link [sws-navigation_icon], [sws-nav--l] [li-hover].active-link [sws-navigation_icon] {
                color: #0079c7;
                color: var(--color-primary, #0079c7)
            }

    [sws-nav--l] a {
        text-decoration: none !important;
        color: inherit
    }

    [sws-nav--l] [copyright-text] {
        font-weight: 600;
        padding-left: 0;
        font-size: 9px
    }

    [sws-nav--l] [li-padding], [sws-nav--l] .li-padding {
        padding: 15px 20px
    }

    [sws-nav--l] [hidden-nav-collapsed], [sws-nav--l] .hidden-nav-collapsed {
        display: none
    }

    [sws-nav--l] [visible-nav-collapsed], [sws-nav--l] .visible-nav-collapsed {
        display: block
    }

    [sws-nav--l].nav-open {
        width: 265px;
        min-width: 265px;
        text-align: left;
        font-size: 15px
    }

        [sws-nav--l].nav-open [hidden-nav-collapsed], [sws-nav--l].nav-open .hidden-nav-collapsed {
            display: block
        }

        [sws-nav--l].nav-open [visible-nav-collapsed], [sws-nav--l].nav-open .visible-nav-collapsed {
            display: none
        }

        [sws-nav--l].nav-open [copyright-text] {
            padding-left: 20px;
            font-size: 14px
        }

        [sws-nav--l].nav-open [menu-btn] {
            font-size: 1.1em;
            padding: 20px 23px;
            text-align: left
        }

            [sws-nav--l].nav-open [menu-btn] [sws-navigation_icon] {
                display: inline-block;
                padding-right: 10px;
                padding-left: 0;
                padding-bottom: 0
            }

        [sws-nav--l].nav-open li > a, [sws-nav--l].nav-open [li-hover] {
            font-size: 15px;
            color: #686b72;
            padding-left: 15px
        }

            [sws-nav--l].nav-open li > a [sws-navigation_icon], [sws-nav--l].nav-open [li-hover] [sws-navigation_icon] {
                display: inline-block;
                padding-right: 10px;
                padding-left: 5px;
                padding-bottom: 0;
                font-size: 15px
            }

            [sws-nav--l].nav-open li > a:hover, [sws-nav--l].nav-open li > a:focus, [sws-nav--l].nav-open li > a.active-link, [sws-nav--l].nav-open [li-hover]:hover, [sws-nav--l].nav-open [li-hover]:focus, [sws-nav--l].nav-open [li-hover].active-link {
                color: #0079c7;
                color: var(--primary-darken-5, #0079c7)
            }

                [sws-nav--l].nav-open li > a:hover [sws-navigation_icon], [sws-nav--l].nav-open li > a:focus [sws-navigation_icon], [sws-nav--l].nav-open li > a.active-link [sws-navigation_icon], [sws-nav--l].nav-open [li-hover]:hover [sws-navigation_icon], [sws-nav--l].nav-open [li-hover]:focus [sws-navigation_icon], [sws-nav--l].nav-open [li-hover].active-link [sws-navigation_icon] {
                    color: #686b72;
                    opacity: 1
                }

                [sws-nav--l].nav-open li > a.active-link [sws-navigation_icon], [sws-nav--l].nav-open [li-hover].active-link [sws-navigation_icon] {
                    color: #0079c7;
                    color: var(--primary-darken-5, #0079c7)
                }

@media screen and (min-width: 1201px) {
    [sws-nav--l].nav-open-desktop {
        width: 265px;
        min-width: 265px;
        text-align: left;
        font-size: 15px
    }

        [sws-nav--l].nav-open-desktop [hidden-nav-collapsed], [sws-nav--l].nav-open-desktop .hidden-nav-collapsed {
            display: block
        }

        [sws-nav--l].nav-open-desktop [visible-nav-collapsed], [sws-nav--l].nav-open-desktop .visible-nav-collapsed {
            display: none
        }

        [sws-nav--l].nav-open-desktop [copyright-text] {
            padding-left: 20px;
            font-size: 14px
        }

        [sws-nav--l].nav-open-desktop [menu-btn] {
            font-size: 1.1em;
            padding: 20px 23px;
            text-align: left
        }

            [sws-nav--l].nav-open-desktop [menu-btn] [sws-navigation_icon] {
                display: inline-block;
                padding-right: 10px;
                padding-left: 0;
                padding-bottom: 0
            }

        [sws-nav--l].nav-open-desktop li > a, [sws-nav--l].nav-open-desktop [li-hover] {
            font-size: 15px;
            color: #686b72;
            padding-left: 15px
        }

            [sws-nav--l].nav-open-desktop li > a [sws-navigation_icon], [sws-nav--l].nav-open-desktop [li-hover] [sws-navigation_icon] {
                display: inline-block;
                padding-right: 10px;
                padding-left: 5px;
                padding-bottom: 0;
                font-size: 15px
            }

            [sws-nav--l].nav-open-desktop li > a:hover, [sws-nav--l].nav-open-desktop li > a:focus, [sws-nav--l].nav-open-desktop li > a.active-link, [sws-nav--l].nav-open-desktop [li-hover]:hover, [sws-nav--l].nav-open-desktop [li-hover]:focus, [sws-nav--l].nav-open-desktop [li-hover].active-link {
                color: #0079c7;
                color: var(--primary-darken-5, #0079c7)
            }

                [sws-nav--l].nav-open-desktop li > a:hover [sws-navigation_icon], [sws-nav--l].nav-open-desktop li > a:focus [sws-navigation_icon], [sws-nav--l].nav-open-desktop li > a.active-link [sws-navigation_icon], [sws-nav--l].nav-open-desktop [li-hover]:hover [sws-navigation_icon], [sws-nav--l].nav-open-desktop [li-hover]:focus [sws-navigation_icon], [sws-nav--l].nav-open-desktop [li-hover].active-link [sws-navigation_icon] {
                    color: #686b72;
                    opacity: 1
                }

                [sws-nav--l].nav-open-desktop li > a.active-link [sws-navigation_icon], [sws-nav--l].nav-open-desktop [li-hover].active-link [sws-navigation_icon] {
                    color: #0079c7;
                    color: var(--primary-darken-5, #0079c7)
                }
}

@media screen and (max-width: 992px) {
    [sws-nav--l] {
        height: 65px;
        overflow: hidden;
        border-right-color: transparent
    }

        [sws-nav--l] [sws-nav--l_content] {
            display: none
        }

        [sws-nav--l].nav-open {
            height: inherit;
            overflow: auto;
            border-right: 1px solid #ccc
        }

            [sws-nav--l].nav-open [sws-nav--l_content] {
                display: block
            }
}

[sws-nav--l].nav-open ~ [sws-nav-overlay], [sws-nav--l].nav-open ~ .sws-nav-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2
}

.sws-tooltip-right, [sws-tooltip-right], .sws-tooltip-right--light, [sws-tooltip-right--light], .sws-tooltip-left, [sws-tooltip-left], .sws-tooltip-left--light, [sws-tooltip-left--light], .sws-tooltip-top, [sws-tooltip-top], .sws-tooltip-top--light, [sws-tooltip-top--light], .sws-tooltip-bottom, [sws-tooltip-bottom], .sws-tooltip-bottom--light, [sws-tooltip-bottom--light] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed transparent
}

    .sws-tooltip-right [sws-tooltip--text], [sws-tooltip-right] [sws-tooltip--text], .sws-tooltip-right--light [sws-tooltip--text], [sws-tooltip-right--light] [sws-tooltip--text], .sws-tooltip-left [sws-tooltip--text], [sws-tooltip-left] [sws-tooltip--text], .sws-tooltip-left--light [sws-tooltip--text], [sws-tooltip-left--light] [sws-tooltip--text], .sws-tooltip-top [sws-tooltip--text], [sws-tooltip-top] [sws-tooltip--text], .sws-tooltip-top--light [sws-tooltip--text], [sws-tooltip-top--light] [sws-tooltip--text], .sws-tooltip-bottom [sws-tooltip--text], [sws-tooltip-bottom] [sws-tooltip--text], .sws-tooltip-bottom--light [sws-tooltip--text], [sws-tooltip-bottom--light] [sws-tooltip--text], .sws-tooltip-right .sws-tooltip--text, [sws-tooltip-right] .sws-tooltip--text, .sws-tooltip-right--light .sws-tooltip--text, [sws-tooltip-right--light] .sws-tooltip--text, .sws-tooltip-left .sws-tooltip--text, [sws-tooltip-left] .sws-tooltip--text, .sws-tooltip-left--light .sws-tooltip--text, [sws-tooltip-left--light] .sws-tooltip--text, .sws-tooltip-top .sws-tooltip--text, [sws-tooltip-top] .sws-tooltip--text, .sws-tooltip-top--light .sws-tooltip--text, [sws-tooltip-top--light] .sws-tooltip--text, .sws-tooltip-bottom .sws-tooltip--text, [sws-tooltip-bottom] .sws-tooltip--text, .sws-tooltip-bottom--light .sws-tooltip--text, [sws-tooltip-bottom--light] .sws-tooltip--text {
        width: 125px;
        max-width: 200px;
        display: block;
        position: absolute;
        padding: 8px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        z-index: 10 !important;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        transition: all 0.25s ease
    }

        .sws-tooltip-right [sws-tooltip--text] img, [sws-tooltip-right] [sws-tooltip--text] img, .sws-tooltip-right--light [sws-tooltip--text] img, [sws-tooltip-right--light] [sws-tooltip--text] img, .sws-tooltip-left [sws-tooltip--text] img, [sws-tooltip-left] [sws-tooltip--text] img, .sws-tooltip-left--light [sws-tooltip--text] img, [sws-tooltip-left--light] [sws-tooltip--text] img, .sws-tooltip-top [sws-tooltip--text] img, [sws-tooltip-top] [sws-tooltip--text] img, .sws-tooltip-top--light [sws-tooltip--text] img, [sws-tooltip-top--light] [sws-tooltip--text] img, .sws-tooltip-bottom [sws-tooltip--text] img, [sws-tooltip-bottom] [sws-tooltip--text] img, .sws-tooltip-bottom--light [sws-tooltip--text] img, [sws-tooltip-bottom--light] [sws-tooltip--text] img, .sws-tooltip-right .sws-tooltip--text img, [sws-tooltip-right] .sws-tooltip--text img, .sws-tooltip-right--light .sws-tooltip--text img, [sws-tooltip-right--light] .sws-tooltip--text img, .sws-tooltip-left .sws-tooltip--text img, [sws-tooltip-left] .sws-tooltip--text img, .sws-tooltip-left--light .sws-tooltip--text img, [sws-tooltip-left--light] .sws-tooltip--text img, .sws-tooltip-top .sws-tooltip--text img, [sws-tooltip-top] .sws-tooltip--text img, .sws-tooltip-top--light .sws-tooltip--text img, [sws-tooltip-top--light] .sws-tooltip--text img, .sws-tooltip-bottom .sws-tooltip--text img, [sws-tooltip-bottom] .sws-tooltip--text img, .sws-tooltip-bottom--light .sws-tooltip--text img, [sws-tooltip-bottom--light] .sws-tooltip--text img {
            vertical-align: middle
        }

    .sws-tooltip-right:focus, :focus[sws-tooltip-right], .sws-tooltip-right--light:focus, :focus[sws-tooltip-right--light], .sws-tooltip-left:focus, :focus[sws-tooltip-left], .sws-tooltip-left--light:focus, :focus[sws-tooltip-left--light], .sws-tooltip-top:focus, :focus[sws-tooltip-top], .sws-tooltip-top--light:focus, :focus[sws-tooltip-top--light], .sws-tooltip-bottom:focus, :focus[sws-tooltip-bottom], .sws-tooltip-bottom--light:focus, :focus[sws-tooltip-bottom--light], .sws-tooltip-right:focus-within, :focus-within[sws-tooltip-right], .sws-tooltip-right--light:focus-within, :focus-within[sws-tooltip-right--light], .sws-tooltip-left:focus-within, :focus-within[sws-tooltip-left], .sws-tooltip-left--light:focus-within, :focus-within[sws-tooltip-left--light], .sws-tooltip-top:focus-within, :focus-within[sws-tooltip-top], .sws-tooltip-top--light:focus-within, :focus-within[sws-tooltip-top--light], .sws-tooltip-bottom:focus-within, :focus-within[sws-tooltip-bottom], .sws-tooltip-bottom--light:focus-within, :focus-within[sws-tooltip-bottom--light] {
        outline: none;
        border-bottom: 1px dashed #5e5e5e
    }

        .sws-tooltip-right:focus > [sws-tooltip--text], :focus[sws-tooltip-right] > [sws-tooltip--text], .sws-tooltip-right--light:focus > [sws-tooltip--text], :focus[sws-tooltip-right--light] > [sws-tooltip--text], .sws-tooltip-left:focus > [sws-tooltip--text], :focus[sws-tooltip-left] > [sws-tooltip--text], .sws-tooltip-left--light:focus > [sws-tooltip--text], :focus[sws-tooltip-left--light] > [sws-tooltip--text], .sws-tooltip-top:focus > [sws-tooltip--text], :focus[sws-tooltip-top] > [sws-tooltip--text], .sws-tooltip-top--light:focus > [sws-tooltip--text], :focus[sws-tooltip-top--light] > [sws-tooltip--text], .sws-tooltip-bottom:focus > [sws-tooltip--text], :focus[sws-tooltip-bottom] > [sws-tooltip--text], .sws-tooltip-bottom--light:focus > [sws-tooltip--text], :focus[sws-tooltip-bottom--light] > [sws-tooltip--text], .sws-tooltip-right:focus > .sws-tooltip--text, :focus[sws-tooltip-right] > .sws-tooltip--text, .sws-tooltip-right--light:focus > .sws-tooltip--text, :focus[sws-tooltip-right--light] > .sws-tooltip--text, .sws-tooltip-left:focus > .sws-tooltip--text, :focus[sws-tooltip-left] > .sws-tooltip--text, .sws-tooltip-left--light:focus > .sws-tooltip--text, :focus[sws-tooltip-left--light] > .sws-tooltip--text, .sws-tooltip-top:focus > .sws-tooltip--text, :focus[sws-tooltip-top] > .sws-tooltip--text, .sws-tooltip-top--light:focus > .sws-tooltip--text, :focus[sws-tooltip-top--light] > .sws-tooltip--text, .sws-tooltip-bottom:focus > .sws-tooltip--text, :focus[sws-tooltip-bottom] > .sws-tooltip--text, .sws-tooltip-bottom--light:focus > .sws-tooltip--text, :focus[sws-tooltip-bottom--light] > .sws-tooltip--text, .sws-tooltip-right:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-right] > [sws-tooltip--text], .sws-tooltip-right--light:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-right--light] > [sws-tooltip--text], .sws-tooltip-left:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-left] > [sws-tooltip--text], .sws-tooltip-left--light:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-left--light] > [sws-tooltip--text], .sws-tooltip-top:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-top] > [sws-tooltip--text], .sws-tooltip-top--light:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-top--light] > [sws-tooltip--text], .sws-tooltip-bottom:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-bottom] > [sws-tooltip--text], .sws-tooltip-bottom--light:focus-within > [sws-tooltip--text], :focus-within[sws-tooltip-bottom--light] > [sws-tooltip--text], .sws-tooltip-right:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-right] > .sws-tooltip--text, .sws-tooltip-right--light:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-right--light] > .sws-tooltip--text, .sws-tooltip-left:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-left] > .sws-tooltip--text, .sws-tooltip-left--light:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-left--light] > .sws-tooltip--text, .sws-tooltip-top:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-top] > .sws-tooltip--text, .sws-tooltip-top--light:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-top--light] > .sws-tooltip--text, .sws-tooltip-bottom:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-bottom] > .sws-tooltip--text, .sws-tooltip-bottom--light:focus-within > .sws-tooltip--text, :focus-within[sws-tooltip-bottom--light] > .sws-tooltip--text {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition: all 0.3s ease
        }

    .sws-tooltip-right:hover, :hover[sws-tooltip-right], .sws-tooltip-right--light:hover, :hover[sws-tooltip-right--light], .sws-tooltip-left:hover, :hover[sws-tooltip-left], .sws-tooltip-left--light:hover, :hover[sws-tooltip-left--light], .sws-tooltip-top:hover, :hover[sws-tooltip-top], .sws-tooltip-top--light:hover, :hover[sws-tooltip-top--light], .sws-tooltip-bottom:hover, :hover[sws-tooltip-bottom], .sws-tooltip-bottom--light:hover, :hover[sws-tooltip-bottom--light] {
        cursor: pointer
    }

        .sws-tooltip-right:hover > [sws-tooltip--text], :hover[sws-tooltip-right] > [sws-tooltip--text], .sws-tooltip-right--light:hover > [sws-tooltip--text], :hover[sws-tooltip-right--light] > [sws-tooltip--text], .sws-tooltip-left:hover > [sws-tooltip--text], :hover[sws-tooltip-left] > [sws-tooltip--text], .sws-tooltip-left--light:hover > [sws-tooltip--text], :hover[sws-tooltip-left--light] > [sws-tooltip--text], .sws-tooltip-top:hover > [sws-tooltip--text], :hover[sws-tooltip-top] > [sws-tooltip--text], .sws-tooltip-top--light:hover > [sws-tooltip--text], :hover[sws-tooltip-top--light] > [sws-tooltip--text], .sws-tooltip-bottom:hover > [sws-tooltip--text], :hover[sws-tooltip-bottom] > [sws-tooltip--text], .sws-tooltip-bottom--light:hover > [sws-tooltip--text], :hover[sws-tooltip-bottom--light] > [sws-tooltip--text], .sws-tooltip-right:hover > .sws-tooltip--text, :hover[sws-tooltip-right] > .sws-tooltip--text, .sws-tooltip-right--light:hover > .sws-tooltip--text, :hover[sws-tooltip-right--light] > .sws-tooltip--text, .sws-tooltip-left:hover > .sws-tooltip--text, :hover[sws-tooltip-left] > .sws-tooltip--text, .sws-tooltip-left--light:hover > .sws-tooltip--text, :hover[sws-tooltip-left--light] > .sws-tooltip--text, .sws-tooltip-top:hover > .sws-tooltip--text, :hover[sws-tooltip-top] > .sws-tooltip--text, .sws-tooltip-top--light:hover > .sws-tooltip--text, :hover[sws-tooltip-top--light] > .sws-tooltip--text, .sws-tooltip-bottom:hover > .sws-tooltip--text, :hover[sws-tooltip-bottom] > .sws-tooltip--text, .sws-tooltip-bottom--light:hover > .sws-tooltip--text, :hover[sws-tooltip-bottom--light] > .sws-tooltip--text {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition: all 0.3s ease
        }

    .sws-tooltip-right [sws-tooltip--text], .sws-tooltip-right .sws-tooltip--text, [sws-tooltip-right] [sws-tooltip--text], [sws-tooltip-right] .sws-tooltip--text {
        color: #fff;
        background: rgba(0,0,0,0.8)
    }

        .sws-tooltip-right [sws-tooltip--text] a, .sws-tooltip-right .sws-tooltip--text a, [sws-tooltip-right] [sws-tooltip--text] a, [sws-tooltip-right] .sws-tooltip--text a {
            color: #fff
        }

    .sws-tooltip-right--light [sws-tooltip--text], .sws-tooltip-right--light .sws-tooltip--text, [sws-tooltip-right--light] [sws-tooltip--text], [sws-tooltip-right--light] .sws-tooltip--text {
        color: #222;
        background: rgba(255,255,255,0.8);
        border: 1px solid rgba(116,120,127,0.8)
    }

        .sws-tooltip-right--light [sws-tooltip--text] a, .sws-tooltip-right--light .sws-tooltip--text a, [sws-tooltip-right--light] [sws-tooltip--text] a, [sws-tooltip-right--light] .sws-tooltip--text a {
            color: #222
        }

    .sws-tooltip-left [sws-tooltip--text], .sws-tooltip-left .sws-tooltip--text, [sws-tooltip-left] [sws-tooltip--text], [sws-tooltip-left] .sws-tooltip--text {
        color: #fff;
        background: rgba(0,0,0,0.8)
    }

        .sws-tooltip-left [sws-tooltip--text] a, .sws-tooltip-left .sws-tooltip--text a, [sws-tooltip-left] [sws-tooltip--text] a, [sws-tooltip-left] .sws-tooltip--text a {
            color: #fff
        }

    .sws-tooltip-left--light [sws-tooltip--text], .sws-tooltip-left--light .sws-tooltip--text, [sws-tooltip-left--light] [sws-tooltip--text], [sws-tooltip-left--light] .sws-tooltip--text {
        color: #222;
        background: rgba(255,255,255,0.8);
        border: 1px solid rgba(116,120,127,0.8)
    }

        .sws-tooltip-left--light [sws-tooltip--text] a, .sws-tooltip-left--light .sws-tooltip--text a, [sws-tooltip-left--light] [sws-tooltip--text] a, [sws-tooltip-left--light] .sws-tooltip--text a {
            color: #222
        }

    .sws-tooltip-top [sws-tooltip--text], .sws-tooltip-top .sws-tooltip--text, [sws-tooltip-top] [sws-tooltip--text], [sws-tooltip-top] .sws-tooltip--text {
        color: #fff;
        background: rgba(0,0,0,0.8)
    }

        .sws-tooltip-top [sws-tooltip--text] a, .sws-tooltip-top .sws-tooltip--text a, [sws-tooltip-top] [sws-tooltip--text] a, [sws-tooltip-top] .sws-tooltip--text a {
            color: #fff
        }

    .sws-tooltip-top--light [sws-tooltip--text], .sws-tooltip-top--light .sws-tooltip--text, [sws-tooltip-top--light] [sws-tooltip--text], [sws-tooltip-top--light] .sws-tooltip--text {
        color: #222;
        background: rgba(255,255,255,0.8);
        border: 1px solid rgba(116,120,127,0.8)
    }

        .sws-tooltip-top--light [sws-tooltip--text] a, .sws-tooltip-top--light .sws-tooltip--text a, [sws-tooltip-top--light] [sws-tooltip--text] a, [sws-tooltip-top--light] .sws-tooltip--text a {
            color: #222
        }

    .sws-tooltip-bottom [sws-tooltip--text], .sws-tooltip-bottom .sws-tooltip--text, [sws-tooltip-bottom] [sws-tooltip--text], [sws-tooltip-bottom] .sws-tooltip--text {
        color: #fff;
        background: rgba(0,0,0,0.8)
    }

        .sws-tooltip-bottom [sws-tooltip--text] a, .sws-tooltip-bottom .sws-tooltip--text a, [sws-tooltip-bottom] [sws-tooltip--text] a, [sws-tooltip-bottom] .sws-tooltip--text a {
            color: #fff
        }

    .sws-tooltip-bottom--light [sws-tooltip--text], .sws-tooltip-bottom--light .sws-tooltip--text, [sws-tooltip-bottom--light] [sws-tooltip--text], [sws-tooltip-bottom--light] .sws-tooltip--text {
        color: #222;
        background: rgba(255,255,255,0.8);
        border: 1px solid rgba(116,120,127,0.8)
    }

        .sws-tooltip-bottom--light [sws-tooltip--text] a, .sws-tooltip-bottom--light .sws-tooltip--text a, [sws-tooltip-bottom--light] [sws-tooltip--text] a, [sws-tooltip-bottom--light] .sws-tooltip--text a {
            color: #222
        }

    [sws-tooltip-right] [sws-tooltip--text], [sws-tooltip-right] .sws-tooltip--text, [sws-tooltip-right--light] [sws-tooltip--text], [sws-tooltip-right--light] .sws-tooltip--text, .sws-tooltip-right [sws-tooltip--text], .sws-tooltip-right .sws-tooltip--text, .sws-tooltip-right--light [sws-tooltip--text], .sws-tooltip-right--light .sws-tooltip--text {
        top: -8px;
        left: 110%
    }

    [sws-tooltip-left] [sws-tooltip--text], [sws-tooltip-left] .sws-tooltip--text, [sws-tooltip-left--light] [sws-tooltip--text], [sws-tooltip-left--light] .sws-tooltip--text, .sws-tooltip-left [sws-tooltip--text], .sws-tooltip-left .sws-tooltip--text, .sws-tooltip-left--light [sws-tooltip--text], .sws-tooltip-left--light .sws-tooltip--text {
        top: -5px;
        bottom: auto;
        right: 110%
    }

    [sws-tooltip-top] [sws-tooltip--text], [sws-tooltip-top] .sws-tooltip--text, [sws-tooltip-top--light] [sws-tooltip--text], [sws-tooltip-top--light] .sws-tooltip--text, .sws-tooltip-top [sws-tooltip--text], .sws-tooltip-top .sws-tooltip--text, .sws-tooltip-top--light [sws-tooltip--text], .sws-tooltip-top--light .sws-tooltip--text {
        bottom: 125%;
        left: -14px;
        right: 0;
        margin: auto
    }

    [sws-tooltip-bottom] [sws-tooltip--text], [sws-tooltip-bottom] .sws-tooltip--text, [sws-tooltip-bottom--light] [sws-tooltip--text], [sws-tooltip-bottom--light] .sws-tooltip--text, .sws-tooltip-bottom [sws-tooltip--text], .sws-tooltip-bottom .sws-tooltip--text, .sws-tooltip-bottom--light [sws-tooltip--text], .sws-tooltip-bottom--light .sws-tooltip--text {
        top: 135%;
        width: 125px;
        left: 0;
        right: 0;
        margin-left: -60px;
        margin: auto
    }

[sws-switch], .sws-switch {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    [sws-switch] input[type=checkbox], .sws-switch input[type=checkbox] {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0
    }

        [sws-switch] input[type=checkbox]:focus + label, .sws-switch input[type=checkbox]:focus + label {
            box-shadow: 0 0 0px 2px rgba(94,94,94,0.35)
        }

        [sws-switch] input[type=checkbox]:checked + label, .sws-switch input[type=checkbox]:checked + label {
            background-color: #0079C7;
            border-color: #0079C7
        }

        [sws-switch] input[type=checkbox]:checked:focus + label, .sws-switch input[type=checkbox]:checked:focus + label {
            border-color: #0079C7;
            box-shadow: 0 0 0px 2px rgba(0,121,199,0.4)
        }

        [sws-switch] input[type=checkbox]:checked + label:before, .sws-switch input[type=checkbox]:checked + label:before {
            border-color: transparent;
            height: 16px;
            width: 16px;
            bottom: 2px;
            left: 8px;
            transform: translateX(28px)
        }

        [sws-switch] input[type=checkbox]:focus ~ [sws-switch-label], .sws-switch input[type=checkbox]:focus ~ [sws-switch-label] {
            text-decoration: underline
        }

    [sws-switch] label, .sws-switch label {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 30px;
        background-color: #e7ebec;
        transition: .4s;
        color: transparent;
        font-size: 2px;
        overflow: hidden;
        user-select: none;
        border: 2px solid #5e5e5e;
        margin: 8px;
        width: 58px;
        height: 24px;
        border-radius: 30px;
        box-sizing: border-box
    }

        [sws-switch] label:before, .sws-switch label:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 2px;
            bottom: 1px;
            border-radius: 30px;
            background-color: white;
            transition: transform .3s ease-in-out, border-color .3s ease-out;
            border: 2px solid #666;
            box-sizing: border-box
        }

        [sws-switch] label[disabled], [sws-switch] input[disabled] + label, .sws-switch label[disabled], .sws-switch input[disabled] + label {
            pointer-events: none;
            opacity: .5
        }

    [sws-switch][disabled], [sws-switch].disabled, [sws-switch] [disabled], [sws-switch] .disabled, .sws-switch[disabled], .sws-switch.disabled, .sws-switch [disabled], .sws-switch .disabled {
        cursor: not-allowed;
        opacity: .5
    }

        [sws-switch][disabled] label, [sws-switch][disabled] label:before, [sws-switch].disabled label, [sws-switch].disabled label:before, [sws-switch] [disabled] label, [sws-switch] [disabled] label:before, [sws-switch] .disabled label, [sws-switch] .disabled label:before, .sws-switch[disabled] label, .sws-switch[disabled] label:before, .sws-switch.disabled label, .sws-switch.disabled label:before, .sws-switch [disabled] label, .sws-switch [disabled] label:before, .sws-switch .disabled label, .sws-switch .disabled label:before {
            border-color: #c6c6c7;
            pointer-events: none
        }

[sws-switch-label] {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin: 8px;
    margin-left: 82px;
    letter-spacing: 1.25pt;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none
}

.sws-button, [sws-button] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer
}

    .sws-button:before, [sws-button]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    .sws-button:hover:before, .sws-button:focus:before, [sws-button]:hover:before, [sws-button]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    .sws-button[rounded]:before, .sws-button.rounded:before, [sws-button][rounded]:before, [sws-button].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    .sws-button[rounded]:hover:before, .sws-button[rounded]:focus:before, .sws-button.rounded:hover:before, .sws-button.rounded:focus:before, [sws-button][rounded]:hover:before, [sws-button][rounded]:focus:before, [sws-button].rounded:hover:before, [sws-button].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    .sws-button:active, [sws-button]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    .sws-buttondiv, .sws-buttona, [sws-button]div, [sws-button]a {
        line-height: 36px
    }

.sws-button__icon-r, [sws-button__icon-r] {
    margin-left: 10px
}

.sws-button__icon-l, [sws-button__icon-l] {
    margin-right: 10px
}

[sws-button--primary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--primary]:hover:before, [sws-button--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--primary][rounded]:before, [sws-button--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--primary][rounded]:hover:before, [sws-button--primary][rounded]:focus:before, [sws-button--primary].rounded:hover:before, [sws-button--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--primary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--primary]div, [sws-button--primary]a {
        line-height: 36px
    }

    [sws-button--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button--primary]:focus:after, [sws-button--primary]:active:after {
        opacity: .45
    }

    [sws-button--primary]:before {
        border-color: #006aaf
    }

    [sws-button--primary]:hover {
        border-color: #006aaf;
        background-color: #006aaf
    }

    [sws-button--primary]:focus, [sws-button--primary]:active {
        border-color: #005b95;
        background-color: #005b95
    }

        [sws-button--primary]:focus:before, [sws-button--primary]:active:before {
            border-color: #005b95
        }

[sws-button--primary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--primary-lg]:hover:before, [sws-button--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--primary-lg][rounded]:before, [sws-button--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--primary-lg][rounded]:hover:before, [sws-button--primary-lg][rounded]:focus:before, [sws-button--primary-lg].rounded:hover:before, [sws-button--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--primary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--primary-lg]div, [sws-button--primary-lg]a {
        line-height: 36px
    }

    [sws-button--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button--primary-lg]:focus:after, [sws-button--primary-lg]:active:after {
        opacity: .45
    }

    [sws-button--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-button--primary-lg]:hover {
        border-color: #006aaf;
        background-color: #006aaf
    }

    [sws-button--primary-lg]:focus, [sws-button--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95
    }

        [sws-button--primary-lg]:focus:before, [sws-button--primary-lg]:active:before {
            border-color: #005b95
        }

[sws-button--primary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--primary-sm]:hover:before, [sws-button--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--primary-sm][rounded]:before, [sws-button--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--primary-sm][rounded]:hover:before, [sws-button--primary-sm][rounded]:focus:before, [sws-button--primary-sm].rounded:hover:before, [sws-button--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--primary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--primary-sm]div, [sws-button--primary-sm]a {
        line-height: 36px
    }

div[sws-button--primary-sm], a[sws-button--primary-sm] {
    line-height: 26px
}

[sws-button--primary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #005b95
}

[sws-button--primary-sm]:focus:after, [sws-button--primary-sm]:active:after {
    opacity: .45
}

[sws-button--primary-sm]:before {
    border-color: #006aaf
}

[sws-button--primary-sm]:hover {
    border-color: #006aaf;
    background-color: #006aaf
}

[sws-button--primary-sm]:focus, [sws-button--primary-sm]:active {
    border-color: #005b95;
    background-color: #005b95
}

    [sws-button--primary-sm]:focus:before, [sws-button--primary-sm]:active:before {
        border-color: #005b95
    }

[sws-button--secondary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--secondary]:hover:before, [sws-button--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--secondary][rounded]:before, [sws-button--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--secondary][rounded]:hover:before, [sws-button--secondary][rounded]:focus:before, [sws-button--secondary].rounded:hover:before, [sws-button--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--secondary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--secondary]div, [sws-button--secondary]a {
        line-height: 36px
    }

    [sws-button--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button--secondary]:focus:after, [sws-button--secondary]:active:after {
        opacity: .45
    }

    [sws-button--secondary]:before {
        border-color: #04756b
    }

    [sws-button--secondary]:hover {
        border-color: #04756b;
        background-color: #04756b
    }

    [sws-button--secondary]:focus, [sws-button--secondary]:active {
        border-color: #04645c;
        background-color: #04645c
    }

        [sws-button--secondary]:focus:before, [sws-button--secondary]:active:before {
            border-color: #04645c
        }

[sws-button--secondary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--secondary-lg]:hover:before, [sws-button--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--secondary-lg][rounded]:before, [sws-button--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--secondary-lg][rounded]:hover:before, [sws-button--secondary-lg][rounded]:focus:before, [sws-button--secondary-lg].rounded:hover:before, [sws-button--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--secondary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--secondary-lg]div, [sws-button--secondary-lg]a {
        line-height: 36px
    }

    [sws-button--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button--secondary-lg]:focus:after, [sws-button--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-button--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-button--secondary-lg]:hover {
        border-color: #04756b;
        background-color: #04756b
    }

    [sws-button--secondary-lg]:focus, [sws-button--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c
    }

        [sws-button--secondary-lg]:focus:before, [sws-button--secondary-lg]:active:before {
            border-color: #04645c
        }

[sws-button--secondary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--secondary-sm]:hover:before, [sws-button--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--secondary-sm][rounded]:before, [sws-button--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--secondary-sm][rounded]:hover:before, [sws-button--secondary-sm][rounded]:focus:before, [sws-button--secondary-sm].rounded:hover:before, [sws-button--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--secondary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--secondary-sm]div, [sws-button--secondary-sm]a {
        line-height: 36px
    }

div[sws-button--secondary-sm], a[sws-button--secondary-sm] {
    line-height: 26px
}

[sws-button--secondary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #04645c
}

[sws-button--secondary-sm]:focus:after, [sws-button--secondary-sm]:active:after {
    opacity: .45
}

[sws-button--secondary-sm]:before {
    border-color: #04756b
}

[sws-button--secondary-sm]:hover {
    border-color: #04756b;
    background-color: #04756b
}

[sws-button--secondary-sm]:focus, [sws-button--secondary-sm]:active {
    border-color: #04645c;
    background-color: #04645c
}

    [sws-button--secondary-sm]:focus:before, [sws-button--secondary-sm]:active:before {
        border-color: #04645c
    }

[sws-button--success] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--success]:hover:before, [sws-button--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--success][rounded]:before, [sws-button--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--success][rounded]:hover:before, [sws-button--success][rounded]:focus:before, [sws-button--success].rounded:hover:before, [sws-button--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--success]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--success]div, [sws-button--success]a {
        line-height: 36px
    }

    [sws-button--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button--success]:focus:after, [sws-button--success]:active:after {
        opacity: .45
    }

    [sws-button--success]:before {
        border-color: #383
    }

    [sws-button--success]:hover {
        border-color: #383;
        background-color: #383
    }

    [sws-button--success]:focus, [sws-button--success]:active {
        border-color: #2c742c;
        background-color: #2c742c
    }

        [sws-button--success]:focus:before, [sws-button--success]:active:before {
            border-color: #2c742c
        }

[sws-button--success-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--success-lg]:hover:before, [sws-button--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--success-lg][rounded]:before, [sws-button--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--success-lg][rounded]:hover:before, [sws-button--success-lg][rounded]:focus:before, [sws-button--success-lg].rounded:hover:before, [sws-button--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--success-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--success-lg]div, [sws-button--success-lg]a {
        line-height: 36px
    }

    [sws-button--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button--success-lg]:focus:after, [sws-button--success-lg]:active:after {
        opacity: .45
    }

    [sws-button--success-lg]:before {
        border-color: #383
    }

    [sws-button--success-lg]:hover {
        border-color: #383;
        background-color: #383
    }

    [sws-button--success-lg]:focus, [sws-button--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c
    }

        [sws-button--success-lg]:focus:before, [sws-button--success-lg]:active:before {
            border-color: #2c742c
        }

[sws-button--success-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--success-sm]:hover:before, [sws-button--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--success-sm][rounded]:before, [sws-button--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--success-sm][rounded]:hover:before, [sws-button--success-sm][rounded]:focus:before, [sws-button--success-sm].rounded:hover:before, [sws-button--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--success-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--success-sm]div, [sws-button--success-sm]a {
        line-height: 36px
    }

div[sws-button--success-sm], a[sws-button--success-sm] {
    line-height: 26px
}

[sws-button--success-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2c742c
}

[sws-button--success-sm]:focus:after, [sws-button--success-sm]:active:after {
    opacity: .45
}

[sws-button--success-sm]:before {
    border-color: #383
}

[sws-button--success-sm]:hover {
    border-color: #383;
    background-color: #383
}

[sws-button--success-sm]:focus, [sws-button--success-sm]:active {
    border-color: #2c742c;
    background-color: #2c742c
}

    [sws-button--success-sm]:focus:before, [sws-button--success-sm]:active:before {
        border-color: #2c742c
    }

[sws-button--warning] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--warning]:hover:before, [sws-button--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--warning][rounded]:before, [sws-button--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--warning][rounded]:hover:before, [sws-button--warning][rounded]:focus:before, [sws-button--warning].rounded:hover:before, [sws-button--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--warning]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--warning]div, [sws-button--warning]a {
        line-height: 36px
    }

    [sws-button--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button--warning]:focus:after, [sws-button--warning]:active:after {
        opacity: .45
    }

    [sws-button--warning]:before {
        border-color: #d88b10
    }

    [sws-button--warning]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-button--warning]:focus, [sws-button--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e
    }

        [sws-button--warning]:focus:before, [sws-button--warning]:active:before {
            border-color: #c57f0e
        }

[sws-button--warning-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--warning-lg]:hover:before, [sws-button--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--warning-lg][rounded]:before, [sws-button--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--warning-lg][rounded]:hover:before, [sws-button--warning-lg][rounded]:focus:before, [sws-button--warning-lg].rounded:hover:before, [sws-button--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--warning-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--warning-lg]div, [sws-button--warning-lg]a {
        line-height: 36px
    }

    [sws-button--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button--warning-lg]:focus:after, [sws-button--warning-lg]:active:after {
        opacity: .45
    }

    [sws-button--warning-lg]:before {
        border-color: #d88b10
    }

    [sws-button--warning-lg]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-button--warning-lg]:focus, [sws-button--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e
    }

        [sws-button--warning-lg]:focus:before, [sws-button--warning-lg]:active:before {
            border-color: #c57f0e
        }

[sws-button--warning-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--warning-sm]:hover:before, [sws-button--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--warning-sm][rounded]:before, [sws-button--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--warning-sm][rounded]:hover:before, [sws-button--warning-sm][rounded]:focus:before, [sws-button--warning-sm].rounded:hover:before, [sws-button--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--warning-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--warning-sm]div, [sws-button--warning-sm]a {
        line-height: 36px
    }

div[sws-button--warning-sm], a[sws-button--warning-sm] {
    line-height: 26px
}

[sws-button--warning-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b0710d
}

[sws-button--warning-sm]:focus:after, [sws-button--warning-sm]:active:after {
    opacity: .45
}

[sws-button--warning-sm]:before {
    border-color: #d88b10
}

[sws-button--warning-sm]:hover {
    border-color: #d88b10;
    background-color: #d88b10
}

[sws-button--warning-sm]:focus, [sws-button--warning-sm]:active {
    border-color: #c57f0e;
    background-color: #c57f0e
}

    [sws-button--warning-sm]:focus:before, [sws-button--warning-sm]:active:before {
        border-color: #c57f0e
    }

[sws-button--danger] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--danger]:hover:before, [sws-button--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--danger][rounded]:before, [sws-button--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--danger][rounded]:hover:before, [sws-button--danger][rounded]:focus:before, [sws-button--danger].rounded:hover:before, [sws-button--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--danger]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--danger]div, [sws-button--danger]a {
        line-height: 36px
    }

    [sws-button--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button--danger]:focus:after, [sws-button--danger]:active:after {
        opacity: .45
    }

    [sws-button--danger]:before {
        border-color: #bf4946
    }

    [sws-button--danger]:hover {
        border-color: #bf4946;
        background-color: #bf4946
    }

    [sws-button--danger]:focus, [sws-button--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b
    }

        [sws-button--danger]:focus:before, [sws-button--danger]:active:before {
            border-color: #a33e3b
        }

[sws-button--danger-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--danger-lg]:hover:before, [sws-button--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--danger-lg][rounded]:before, [sws-button--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--danger-lg][rounded]:hover:before, [sws-button--danger-lg][rounded]:focus:before, [sws-button--danger-lg].rounded:hover:before, [sws-button--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--danger-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--danger-lg]div, [sws-button--danger-lg]a {
        line-height: 36px
    }

    [sws-button--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button--danger-lg]:focus:after, [sws-button--danger-lg]:active:after {
        opacity: .45
    }

    [sws-button--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-button--danger-lg]:hover {
        border-color: #bf4946;
        background-color: #bf4946
    }

    [sws-button--danger-lg]:focus, [sws-button--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b
    }

        [sws-button--danger-lg]:focus:before, [sws-button--danger-lg]:active:before {
            border-color: #a33e3b
        }

[sws-button--danger-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--danger-sm]:hover:before, [sws-button--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--danger-sm][rounded]:before, [sws-button--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--danger-sm][rounded]:hover:before, [sws-button--danger-sm][rounded]:focus:before, [sws-button--danger-sm].rounded:hover:before, [sws-button--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--danger-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--danger-sm]div, [sws-button--danger-sm]a {
        line-height: 36px
    }

div[sws-button--danger-sm], a[sws-button--danger-sm] {
    line-height: 26px
}

[sws-button--danger-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #a33e3b
}

[sws-button--danger-sm]:focus:after, [sws-button--danger-sm]:active:after {
    opacity: .45
}

[sws-button--danger-sm]:before {
    border-color: #bf4946
}

[sws-button--danger-sm]:hover {
    border-color: #bf4946;
    background-color: #bf4946
}

[sws-button--danger-sm]:focus, [sws-button--danger-sm]:active {
    border-color: #a33e3b;
    background-color: #a33e3b
}

    [sws-button--danger-sm]:focus:before, [sws-button--danger-sm]:active:before {
        border-color: #a33e3b
    }

[sws-button--regular] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--regular]:hover:before, [sws-button--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--regular][rounded]:before, [sws-button--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--regular][rounded]:hover:before, [sws-button--regular][rounded]:focus:before, [sws-button--regular].rounded:hover:before, [sws-button--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--regular]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--regular]div, [sws-button--regular]a {
        line-height: 36px
    }

    [sws-button--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button--regular]:focus:after, [sws-button--regular]:active:after {
        opacity: .45
    }

    [sws-button--regular]:before {
        border-color: #666a70
    }

    [sws-button--regular]:hover {
        border-color: #666a70;
        background-color: #666a70
    }

    [sws-button--regular]:focus, [sws-button--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f
    }

        [sws-button--regular]:focus:before, [sws-button--regular]:active:before {
            border-color: #575a5f
        }

[sws-button--regular-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--regular-lg]:hover:before, [sws-button--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--regular-lg][rounded]:before, [sws-button--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--regular-lg][rounded]:hover:before, [sws-button--regular-lg][rounded]:focus:before, [sws-button--regular-lg].rounded:hover:before, [sws-button--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--regular-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--regular-lg]div, [sws-button--regular-lg]a {
        line-height: 36px
    }

    [sws-button--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button--regular-lg]:focus:after, [sws-button--regular-lg]:active:after {
        opacity: .45
    }

    [sws-button--regular-lg]:before {
        border-color: #666a70
    }

    [sws-button--regular-lg]:hover {
        border-color: #666a70;
        background-color: #666a70
    }

    [sws-button--regular-lg]:focus, [sws-button--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f
    }

        [sws-button--regular-lg]:focus:before, [sws-button--regular-lg]:active:before {
            border-color: #575a5f
        }

[sws-button--regular-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--regular-sm]:hover:before, [sws-button--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--regular-sm][rounded]:before, [sws-button--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--regular-sm][rounded]:hover:before, [sws-button--regular-sm][rounded]:focus:before, [sws-button--regular-sm].rounded:hover:before, [sws-button--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--regular-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--regular-sm]div, [sws-button--regular-sm]a {
        line-height: 36px
    }

div[sws-button--regular-sm], a[sws-button--regular-sm] {
    line-height: 26px
}

[sws-button--regular-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #575a5f
}

[sws-button--regular-sm]:focus:after, [sws-button--regular-sm]:active:after {
    opacity: .45
}

[sws-button--regular-sm]:before {
    border-color: #666a70
}

[sws-button--regular-sm]:hover {
    border-color: #666a70;
    background-color: #666a70
}

[sws-button--regular-sm]:focus, [sws-button--regular-sm]:active {
    border-color: #575a5f;
    background-color: #575a5f
}

    [sws-button--regular-sm]:focus:before, [sws-button--regular-sm]:active:before {
        border-color: #575a5f
    }

[sws-button--light] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--light]:hover:before, [sws-button--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--light][rounded]:before, [sws-button--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--light][rounded]:hover:before, [sws-button--light][rounded]:focus:before, [sws-button--light].rounded:hover:before, [sws-button--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--light]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--light]div, [sws-button--light]a {
        line-height: 36px
    }

    [sws-button--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button--light]:focus:after, [sws-button--light]:active:after {
        opacity: .45
    }

    [sws-button--light]:before {
        border-color: #d0d3d4
    }

    [sws-button--light]:hover {
        border-color: #d0d3d4;
        background-color: #d0d3d4
    }

    [sws-button--light]:focus, [sws-button--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5
    }

        [sws-button--light]:focus:before, [sws-button--light]:active:before {
            border-color: #b1b4b5
        }

[sws-button--light-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--light-lg]:hover:before, [sws-button--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--light-lg][rounded]:before, [sws-button--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--light-lg][rounded]:hover:before, [sws-button--light-lg][rounded]:focus:before, [sws-button--light-lg].rounded:hover:before, [sws-button--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--light-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--light-lg]div, [sws-button--light-lg]a {
        line-height: 36px
    }

    [sws-button--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button--light-lg]:focus:after, [sws-button--light-lg]:active:after {
        opacity: .45
    }

    [sws-button--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-button--light-lg]:hover {
        border-color: #d0d3d4;
        background-color: #d0d3d4
    }

    [sws-button--light-lg]:focus, [sws-button--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5
    }

        [sws-button--light-lg]:focus:before, [sws-button--light-lg]:active:before {
            border-color: #b1b4b5
        }

[sws-button--light-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--light-sm]:hover:before, [sws-button--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--light-sm][rounded]:before, [sws-button--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--light-sm][rounded]:hover:before, [sws-button--light-sm][rounded]:focus:before, [sws-button--light-sm].rounded:hover:before, [sws-button--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--light-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--light-sm]div, [sws-button--light-sm]a {
        line-height: 36px
    }

div[sws-button--light-sm], a[sws-button--light-sm] {
    line-height: 26px
}

[sws-button--light-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b1b4b5
}

[sws-button--light-sm]:focus:after, [sws-button--light-sm]:active:after {
    opacity: .45
}

[sws-button--light-sm]:before {
    border-color: #d0d3d4
}

[sws-button--light-sm]:hover {
    border-color: #d0d3d4;
    background-color: #d0d3d4
}

[sws-button--light-sm]:focus, [sws-button--light-sm]:active {
    border-color: #b1b4b5;
    background-color: #b1b4b5
}

    [sws-button--light-sm]:focus:before, [sws-button--light-sm]:active:before {
        border-color: #b1b4b5
    }

[sws-button--dark] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--dark]:hover:before, [sws-button--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--dark][rounded]:before, [sws-button--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--dark][rounded]:hover:before, [sws-button--dark][rounded]:focus:before, [sws-button--dark].rounded:hover:before, [sws-button--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--dark]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--dark]div, [sws-button--dark]a {
        line-height: 36px
    }

    [sws-button--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button--dark]:focus:after, [sws-button--dark]:active:after {
        opacity: .45
    }

    [sws-button--dark]:before {
        border-color: #1e1e1e
    }

    [sws-button--dark]:hover {
        border-color: #1e1e1e;
        background-color: #1e1e1e
    }

    [sws-button--dark]:focus, [sws-button--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a
    }

        [sws-button--dark]:focus:before, [sws-button--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-button--dark-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--dark-lg]:hover:before, [sws-button--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--dark-lg][rounded]:before, [sws-button--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--dark-lg][rounded]:hover:before, [sws-button--dark-lg][rounded]:focus:before, [sws-button--dark-lg].rounded:hover:before, [sws-button--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--dark-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--dark-lg]div, [sws-button--dark-lg]a {
        line-height: 36px
    }

    [sws-button--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button--dark-lg]:focus:after, [sws-button--dark-lg]:active:after {
        opacity: .45
    }

    [sws-button--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-button--dark-lg]:hover {
        border-color: #1e1e1e;
        background-color: #1e1e1e
    }

    [sws-button--dark-lg]:focus, [sws-button--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a
    }

        [sws-button--dark-lg]:focus:before, [sws-button--dark-lg]:active:before {
            border-color: #1a1a1a
        }

[sws-button--dark-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--dark-sm]:hover:before, [sws-button--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--dark-sm][rounded]:before, [sws-button--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--dark-sm][rounded]:hover:before, [sws-button--dark-sm][rounded]:focus:before, [sws-button--dark-sm].rounded:hover:before, [sws-button--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--dark-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--dark-sm]div, [sws-button--dark-sm]a {
        line-height: 36px
    }

div[sws-button--dark-sm], a[sws-button--dark-sm] {
    line-height: 26px
}

[sws-button--dark-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #1a1a1a
}

[sws-button--dark-sm]:focus:after, [sws-button--dark-sm]:active:after {
    opacity: .45
}

[sws-button--dark-sm]:before {
    border-color: #1e1e1e
}

[sws-button--dark-sm]:hover {
    border-color: #1e1e1e;
    background-color: #1e1e1e
}

[sws-button--dark-sm]:focus, [sws-button--dark-sm]:active {
    border-color: #1a1a1a;
    background-color: #1a1a1a
}

    [sws-button--dark-sm]:focus:before, [sws-button--dark-sm]:active:before {
        border-color: #1a1a1a
    }

[sws-button--jet] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--jet]:hover:before, [sws-button--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--jet][rounded]:before, [sws-button--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--jet][rounded]:hover:before, [sws-button--jet][rounded]:focus:before, [sws-button--jet].rounded:hover:before, [sws-button--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--jet]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--jet]div, [sws-button--jet]a {
        line-height: 36px
    }

    [sws-button--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button--jet]:focus:after, [sws-button--jet]:active:after {
        opacity: .45
    }

    [sws-button--jet]:before {
        border-color: #363636
    }

    [sws-button--jet]:hover {
        border-color: #363636;
        background-color: #363636
    }

    [sws-button--jet]:focus, [sws-button--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e
    }

        [sws-button--jet]:focus:before, [sws-button--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-button--jet-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--jet-lg]:hover:before, [sws-button--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--jet-lg][rounded]:before, [sws-button--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--jet-lg][rounded]:hover:before, [sws-button--jet-lg][rounded]:focus:before, [sws-button--jet-lg].rounded:hover:before, [sws-button--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--jet-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--jet-lg]div, [sws-button--jet-lg]a {
        line-height: 36px
    }

    [sws-button--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button--jet-lg]:focus:after, [sws-button--jet-lg]:active:after {
        opacity: .45
    }

    [sws-button--jet-lg]:before {
        border-color: #363636
    }

    [sws-button--jet-lg]:hover {
        border-color: #363636;
        background-color: #363636
    }

    [sws-button--jet-lg]:focus, [sws-button--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e
    }

        [sws-button--jet-lg]:focus:before, [sws-button--jet-lg]:active:before {
            border-color: #2e2e2e
        }

[sws-button--jet-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button--jet-sm]:hover:before, [sws-button--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button--jet-sm][rounded]:before, [sws-button--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button--jet-sm][rounded]:hover:before, [sws-button--jet-sm][rounded]:focus:before, [sws-button--jet-sm].rounded:hover:before, [sws-button--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button--jet-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button--jet-sm]div, [sws-button--jet-sm]a {
        line-height: 36px
    }

div[sws-button--jet-sm], a[sws-button--jet-sm] {
    line-height: 26px
}

[sws-button--jet-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2e2e2e
}

[sws-button--jet-sm]:focus:after, [sws-button--jet-sm]:active:after {
    opacity: .45
}

[sws-button--jet-sm]:before {
    border-color: #363636
}

[sws-button--jet-sm]:hover {
    border-color: #363636;
    background-color: #363636
}

[sws-button--jet-sm]:focus, [sws-button--jet-sm]:active {
    border-color: #2e2e2e;
    background-color: #2e2e2e
}

    [sws-button--jet-sm]:focus:before, [sws-button--jet-sm]:active:before {
        border-color: #2e2e2e
    }

[sws-button-outline--primary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-button-outline--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--primary]:hover:before, [sws-button-outline--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--primary][rounded]:before, [sws-button-outline--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--primary][rounded]:hover:before, [sws-button-outline--primary][rounded]:focus:before, [sws-button-outline--primary].rounded:hover:before, [sws-button-outline--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--primary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--primary]div, [sws-button-outline--primary]a {
        line-height: 36px
    }

    [sws-button-outline--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button-outline--primary]:focus:after, [sws-button-outline--primary]:active:after {
        opacity: .45
    }

    [sws-button-outline--primary]:hover {
        border-color: #006aaf
    }

    [sws-button-outline--primary]:before {
        border-color: #006aaf
    }

    [sws-button-outline--primary]:focus, [sws-button-outline--primary]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-button-outline--primary]:focus:before, [sws-button-outline--primary]:active:before {
            border-color: #005b95
        }

[sws-button-outline--primary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-button-outline--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--primary-lg]:hover:before, [sws-button-outline--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--primary-lg][rounded]:before, [sws-button-outline--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--primary-lg][rounded]:hover:before, [sws-button-outline--primary-lg][rounded]:focus:before, [sws-button-outline--primary-lg].rounded:hover:before, [sws-button-outline--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--primary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--primary-lg]div, [sws-button-outline--primary-lg]a {
        line-height: 36px
    }

    [sws-button-outline--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button-outline--primary-lg]:focus:after, [sws-button-outline--primary-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--primary-lg]:hover {
        border-color: #006aaf
    }

    [sws-button-outline--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-button-outline--primary-lg]:focus, [sws-button-outline--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-button-outline--primary-lg]:focus:before, [sws-button-outline--primary-lg]:active:before {
            border-color: #005b95
        }

    [sws-button-outline--primary-lg][rounded]:before, [sws-button-outline--primary-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--primary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-button-outline--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--primary-sm]:hover:before, [sws-button-outline--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--primary-sm][rounded]:before, [sws-button-outline--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--primary-sm][rounded]:hover:before, [sws-button-outline--primary-sm][rounded]:focus:before, [sws-button-outline--primary-sm].rounded:hover:before, [sws-button-outline--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--primary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--primary-sm]div, [sws-button-outline--primary-sm]a {
        line-height: 36px
    }

div[sws-button-outline--primary-sm], a[sws-button-outline--primary-sm] {
    line-height: 26px
}

[sws-button-outline--primary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #005b95
}

[sws-button-outline--primary-sm]:focus:after, [sws-button-outline--primary-sm]:active:after {
    opacity: .45
}

[sws-button-outline--primary-sm]:hover {
    border-color: #006aaf
}

[sws-button-outline--primary-sm]:before {
    border-color: #006aaf
}

[sws-button-outline--primary-sm]:focus, [sws-button-outline--primary-sm]:active {
    border-color: #005b95;
    background-color: #005b95;
    color: #fff
}

    [sws-button-outline--primary-sm]:focus:before, [sws-button-outline--primary-sm]:active:before {
        border-color: #005b95
    }

[sws-button-outline--primary-sm][rounded]:before, [sws-button-outline--primary-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--secondary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-button-outline--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--secondary]:hover:before, [sws-button-outline--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--secondary][rounded]:before, [sws-button-outline--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--secondary][rounded]:hover:before, [sws-button-outline--secondary][rounded]:focus:before, [sws-button-outline--secondary].rounded:hover:before, [sws-button-outline--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--secondary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--secondary]div, [sws-button-outline--secondary]a {
        line-height: 36px
    }

    [sws-button-outline--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button-outline--secondary]:focus:after, [sws-button-outline--secondary]:active:after {
        opacity: .45
    }

    [sws-button-outline--secondary]:hover {
        border-color: #04756b
    }

    [sws-button-outline--secondary]:before {
        border-color: #04756b
    }

    [sws-button-outline--secondary]:focus, [sws-button-outline--secondary]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-button-outline--secondary]:focus:before, [sws-button-outline--secondary]:active:before {
            border-color: #04645c
        }

[sws-button-outline--secondary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-button-outline--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--secondary-lg]:hover:before, [sws-button-outline--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--secondary-lg][rounded]:before, [sws-button-outline--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--secondary-lg][rounded]:hover:before, [sws-button-outline--secondary-lg][rounded]:focus:before, [sws-button-outline--secondary-lg].rounded:hover:before, [sws-button-outline--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--secondary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--secondary-lg]div, [sws-button-outline--secondary-lg]a {
        line-height: 36px
    }

    [sws-button-outline--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button-outline--secondary-lg]:focus:after, [sws-button-outline--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--secondary-lg]:hover {
        border-color: #04756b
    }

    [sws-button-outline--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-button-outline--secondary-lg]:focus, [sws-button-outline--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-button-outline--secondary-lg]:focus:before, [sws-button-outline--secondary-lg]:active:before {
            border-color: #04645c
        }

    [sws-button-outline--secondary-lg][rounded]:before, [sws-button-outline--secondary-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--secondary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-button-outline--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--secondary-sm]:hover:before, [sws-button-outline--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--secondary-sm][rounded]:before, [sws-button-outline--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--secondary-sm][rounded]:hover:before, [sws-button-outline--secondary-sm][rounded]:focus:before, [sws-button-outline--secondary-sm].rounded:hover:before, [sws-button-outline--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--secondary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--secondary-sm]div, [sws-button-outline--secondary-sm]a {
        line-height: 36px
    }

div[sws-button-outline--secondary-sm], a[sws-button-outline--secondary-sm] {
    line-height: 26px
}

[sws-button-outline--secondary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #04645c
}

[sws-button-outline--secondary-sm]:focus:after, [sws-button-outline--secondary-sm]:active:after {
    opacity: .45
}

[sws-button-outline--secondary-sm]:hover {
    border-color: #04756b
}

[sws-button-outline--secondary-sm]:before {
    border-color: #04756b
}

[sws-button-outline--secondary-sm]:focus, [sws-button-outline--secondary-sm]:active {
    border-color: #04645c;
    background-color: #04645c;
    color: #fff
}

    [sws-button-outline--secondary-sm]:focus:before, [sws-button-outline--secondary-sm]:active:before {
        border-color: #04645c
    }

[sws-button-outline--secondary-sm][rounded]:before, [sws-button-outline--secondary-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--success] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-button-outline--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--success]:hover:before, [sws-button-outline--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--success][rounded]:before, [sws-button-outline--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--success][rounded]:hover:before, [sws-button-outline--success][rounded]:focus:before, [sws-button-outline--success].rounded:hover:before, [sws-button-outline--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--success]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--success]div, [sws-button-outline--success]a {
        line-height: 36px
    }

    [sws-button-outline--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button-outline--success]:focus:after, [sws-button-outline--success]:active:after {
        opacity: .45
    }

    [sws-button-outline--success]:hover {
        border-color: #383
    }

    [sws-button-outline--success]:before {
        border-color: #383
    }

    [sws-button-outline--success]:focus, [sws-button-outline--success]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-button-outline--success]:focus:before, [sws-button-outline--success]:active:before {
            border-color: #2c742c
        }

[sws-button-outline--success-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-button-outline--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--success-lg]:hover:before, [sws-button-outline--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--success-lg][rounded]:before, [sws-button-outline--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--success-lg][rounded]:hover:before, [sws-button-outline--success-lg][rounded]:focus:before, [sws-button-outline--success-lg].rounded:hover:before, [sws-button-outline--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--success-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--success-lg]div, [sws-button-outline--success-lg]a {
        line-height: 36px
    }

    [sws-button-outline--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button-outline--success-lg]:focus:after, [sws-button-outline--success-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--success-lg]:hover {
        border-color: #383
    }

    [sws-button-outline--success-lg]:before {
        border-color: #383
    }

    [sws-button-outline--success-lg]:focus, [sws-button-outline--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-button-outline--success-lg]:focus:before, [sws-button-outline--success-lg]:active:before {
            border-color: #2c742c
        }

    [sws-button-outline--success-lg][rounded]:before, [sws-button-outline--success-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--success-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-button-outline--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--success-sm]:hover:before, [sws-button-outline--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--success-sm][rounded]:before, [sws-button-outline--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--success-sm][rounded]:hover:before, [sws-button-outline--success-sm][rounded]:focus:before, [sws-button-outline--success-sm].rounded:hover:before, [sws-button-outline--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--success-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--success-sm]div, [sws-button-outline--success-sm]a {
        line-height: 36px
    }

div[sws-button-outline--success-sm], a[sws-button-outline--success-sm] {
    line-height: 26px
}

[sws-button-outline--success-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2c742c
}

[sws-button-outline--success-sm]:focus:after, [sws-button-outline--success-sm]:active:after {
    opacity: .45
}

[sws-button-outline--success-sm]:hover {
    border-color: #383
}

[sws-button-outline--success-sm]:before {
    border-color: #383
}

[sws-button-outline--success-sm]:focus, [sws-button-outline--success-sm]:active {
    border-color: #2c742c;
    background-color: #2c742c;
    color: #fff
}

    [sws-button-outline--success-sm]:focus:before, [sws-button-outline--success-sm]:active:before {
        border-color: #2c742c
    }

[sws-button-outline--success-sm][rounded]:before, [sws-button-outline--success-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--warning] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-button-outline--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--warning]:hover:before, [sws-button-outline--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--warning][rounded]:before, [sws-button-outline--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--warning][rounded]:hover:before, [sws-button-outline--warning][rounded]:focus:before, [sws-button-outline--warning].rounded:hover:before, [sws-button-outline--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--warning]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--warning]div, [sws-button-outline--warning]a {
        line-height: 36px
    }

    [sws-button-outline--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button-outline--warning]:focus:after, [sws-button-outline--warning]:active:after {
        opacity: .45
    }

    [sws-button-outline--warning]:hover {
        border-color: #cf850f
    }

    [sws-button-outline--warning]:before {
        border-color: #cf850f
    }

    [sws-button-outline--warning]:focus, [sws-button-outline--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-button-outline--warning]:focus:before, [sws-button-outline--warning]:active:before {
            border-color: #c57f0e
        }

[sws-button-outline--warning-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-button-outline--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--warning-lg]:hover:before, [sws-button-outline--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--warning-lg][rounded]:before, [sws-button-outline--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--warning-lg][rounded]:hover:before, [sws-button-outline--warning-lg][rounded]:focus:before, [sws-button-outline--warning-lg].rounded:hover:before, [sws-button-outline--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--warning-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--warning-lg]div, [sws-button-outline--warning-lg]a {
        line-height: 36px
    }

    [sws-button-outline--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button-outline--warning-lg]:focus:after, [sws-button-outline--warning-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--warning-lg]:hover {
        border-color: #cf850f
    }

    [sws-button-outline--warning-lg]:before {
        border-color: #cf850f
    }

    [sws-button-outline--warning-lg]:focus, [sws-button-outline--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-button-outline--warning-lg]:focus:before, [sws-button-outline--warning-lg]:active:before {
            border-color: #c57f0e
        }

    [sws-button-outline--warning-lg][rounded]:before, [sws-button-outline--warning-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--warning-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-button-outline--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--warning-sm]:hover:before, [sws-button-outline--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--warning-sm][rounded]:before, [sws-button-outline--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--warning-sm][rounded]:hover:before, [sws-button-outline--warning-sm][rounded]:focus:before, [sws-button-outline--warning-sm].rounded:hover:before, [sws-button-outline--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--warning-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--warning-sm]div, [sws-button-outline--warning-sm]a {
        line-height: 36px
    }

div[sws-button-outline--warning-sm], a[sws-button-outline--warning-sm] {
    line-height: 26px
}

[sws-button-outline--warning-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b0710d
}

[sws-button-outline--warning-sm]:focus:after, [sws-button-outline--warning-sm]:active:after {
    opacity: .45
}

[sws-button-outline--warning-sm]:hover {
    border-color: #cf850f
}

[sws-button-outline--warning-sm]:before {
    border-color: #cf850f
}

[sws-button-outline--warning-sm]:focus, [sws-button-outline--warning-sm]:active {
    border-color: #c57f0e;
    background-color: #c57f0e;
    color: #fff
}

    [sws-button-outline--warning-sm]:focus:before, [sws-button-outline--warning-sm]:active:before {
        border-color: #c57f0e
    }

[sws-button-outline--warning-sm][rounded]:before, [sws-button-outline--warning-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--danger] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-button-outline--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--danger]:hover:before, [sws-button-outline--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--danger][rounded]:before, [sws-button-outline--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--danger][rounded]:hover:before, [sws-button-outline--danger][rounded]:focus:before, [sws-button-outline--danger].rounded:hover:before, [sws-button-outline--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--danger]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--danger]div, [sws-button-outline--danger]a {
        line-height: 36px
    }

    [sws-button-outline--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button-outline--danger]:focus:after, [sws-button-outline--danger]:active:after {
        opacity: .45
    }

    [sws-button-outline--danger]:hover {
        border-color: #bf4946
    }

    [sws-button-outline--danger]:before {
        border-color: #bf4946
    }

    [sws-button-outline--danger]:focus, [sws-button-outline--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-button-outline--danger]:focus:before, [sws-button-outline--danger]:active:before {
            border-color: #a33e3b
        }

[sws-button-outline--danger-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-button-outline--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--danger-lg]:hover:before, [sws-button-outline--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--danger-lg][rounded]:before, [sws-button-outline--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--danger-lg][rounded]:hover:before, [sws-button-outline--danger-lg][rounded]:focus:before, [sws-button-outline--danger-lg].rounded:hover:before, [sws-button-outline--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--danger-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--danger-lg]div, [sws-button-outline--danger-lg]a {
        line-height: 36px
    }

    [sws-button-outline--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button-outline--danger-lg]:focus:after, [sws-button-outline--danger-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--danger-lg]:hover {
        border-color: #bf4946
    }

    [sws-button-outline--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-button-outline--danger-lg]:focus, [sws-button-outline--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-button-outline--danger-lg]:focus:before, [sws-button-outline--danger-lg]:active:before {
            border-color: #a33e3b
        }

    [sws-button-outline--danger-lg][rounded]:before, [sws-button-outline--danger-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--danger-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-button-outline--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--danger-sm]:hover:before, [sws-button-outline--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--danger-sm][rounded]:before, [sws-button-outline--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--danger-sm][rounded]:hover:before, [sws-button-outline--danger-sm][rounded]:focus:before, [sws-button-outline--danger-sm].rounded:hover:before, [sws-button-outline--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--danger-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--danger-sm]div, [sws-button-outline--danger-sm]a {
        line-height: 36px
    }

div[sws-button-outline--danger-sm], a[sws-button-outline--danger-sm] {
    line-height: 26px
}

[sws-button-outline--danger-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #a33e3b
}

[sws-button-outline--danger-sm]:focus:after, [sws-button-outline--danger-sm]:active:after {
    opacity: .45
}

[sws-button-outline--danger-sm]:hover {
    border-color: #bf4946
}

[sws-button-outline--danger-sm]:before {
    border-color: #bf4946
}

[sws-button-outline--danger-sm]:focus, [sws-button-outline--danger-sm]:active {
    border-color: #a33e3b;
    background-color: #a33e3b;
    color: #fff
}

    [sws-button-outline--danger-sm]:focus:before, [sws-button-outline--danger-sm]:active:before {
        border-color: #a33e3b
    }

[sws-button-outline--danger-sm][rounded]:before, [sws-button-outline--danger-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--regular] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-button-outline--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--regular]:hover:before, [sws-button-outline--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--regular][rounded]:before, [sws-button-outline--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--regular][rounded]:hover:before, [sws-button-outline--regular][rounded]:focus:before, [sws-button-outline--regular].rounded:hover:before, [sws-button-outline--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--regular]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--regular]div, [sws-button-outline--regular]a {
        line-height: 36px
    }

    [sws-button-outline--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button-outline--regular]:focus:after, [sws-button-outline--regular]:active:after {
        opacity: .45
    }

    [sws-button-outline--regular]:hover {
        border-color: #666a70
    }

    [sws-button-outline--regular]:before {
        border-color: #666a70
    }

    [sws-button-outline--regular]:focus, [sws-button-outline--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-button-outline--regular]:focus:before, [sws-button-outline--regular]:active:before {
            border-color: #575a5f
        }

[sws-button-outline--regular-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-button-outline--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--regular-lg]:hover:before, [sws-button-outline--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--regular-lg][rounded]:before, [sws-button-outline--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--regular-lg][rounded]:hover:before, [sws-button-outline--regular-lg][rounded]:focus:before, [sws-button-outline--regular-lg].rounded:hover:before, [sws-button-outline--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--regular-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--regular-lg]div, [sws-button-outline--regular-lg]a {
        line-height: 36px
    }

    [sws-button-outline--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button-outline--regular-lg]:focus:after, [sws-button-outline--regular-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--regular-lg]:hover {
        border-color: #666a70
    }

    [sws-button-outline--regular-lg]:before {
        border-color: #666a70
    }

    [sws-button-outline--regular-lg]:focus, [sws-button-outline--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-button-outline--regular-lg]:focus:before, [sws-button-outline--regular-lg]:active:before {
            border-color: #575a5f
        }

    [sws-button-outline--regular-lg][rounded]:before, [sws-button-outline--regular-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--regular-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-button-outline--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--regular-sm]:hover:before, [sws-button-outline--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--regular-sm][rounded]:before, [sws-button-outline--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--regular-sm][rounded]:hover:before, [sws-button-outline--regular-sm][rounded]:focus:before, [sws-button-outline--regular-sm].rounded:hover:before, [sws-button-outline--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--regular-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--regular-sm]div, [sws-button-outline--regular-sm]a {
        line-height: 36px
    }

div[sws-button-outline--regular-sm], a[sws-button-outline--regular-sm] {
    line-height: 26px
}

[sws-button-outline--regular-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #575a5f
}

[sws-button-outline--regular-sm]:focus:after, [sws-button-outline--regular-sm]:active:after {
    opacity: .45
}

[sws-button-outline--regular-sm]:hover {
    border-color: #666a70
}

[sws-button-outline--regular-sm]:before {
    border-color: #666a70
}

[sws-button-outline--regular-sm]:focus, [sws-button-outline--regular-sm]:active {
    border-color: #575a5f;
    background-color: #575a5f;
    color: #fff
}

    [sws-button-outline--regular-sm]:focus:before, [sws-button-outline--regular-sm]:active:before {
        border-color: #575a5f
    }

[sws-button-outline--regular-sm][rounded]:before, [sws-button-outline--regular-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--light] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-button-outline--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--light]:hover:before, [sws-button-outline--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--light][rounded]:before, [sws-button-outline--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--light][rounded]:hover:before, [sws-button-outline--light][rounded]:focus:before, [sws-button-outline--light].rounded:hover:before, [sws-button-outline--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--light]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--light]div, [sws-button-outline--light]a {
        line-height: 36px
    }

    [sws-button-outline--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button-outline--light]:focus:after, [sws-button-outline--light]:active:after {
        opacity: .45
    }

    [sws-button-outline--light]:hover {
        border-color: #d0d3d4
    }

    [sws-button-outline--light]:before {
        border-color: #d0d3d4
    }

    [sws-button-outline--light]:focus, [sws-button-outline--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-button-outline--light]:focus:before, [sws-button-outline--light]:active:before {
            border-color: #b1b4b5
        }

[sws-button-outline--light-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-button-outline--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--light-lg]:hover:before, [sws-button-outline--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--light-lg][rounded]:before, [sws-button-outline--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--light-lg][rounded]:hover:before, [sws-button-outline--light-lg][rounded]:focus:before, [sws-button-outline--light-lg].rounded:hover:before, [sws-button-outline--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--light-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--light-lg]div, [sws-button-outline--light-lg]a {
        line-height: 36px
    }

    [sws-button-outline--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button-outline--light-lg]:focus:after, [sws-button-outline--light-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--light-lg]:hover {
        border-color: #d0d3d4
    }

    [sws-button-outline--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-button-outline--light-lg]:focus, [sws-button-outline--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-button-outline--light-lg]:focus:before, [sws-button-outline--light-lg]:active:before {
            border-color: #b1b4b5
        }

    [sws-button-outline--light-lg][rounded]:before, [sws-button-outline--light-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--light-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-button-outline--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--light-sm]:hover:before, [sws-button-outline--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--light-sm][rounded]:before, [sws-button-outline--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--light-sm][rounded]:hover:before, [sws-button-outline--light-sm][rounded]:focus:before, [sws-button-outline--light-sm].rounded:hover:before, [sws-button-outline--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--light-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--light-sm]div, [sws-button-outline--light-sm]a {
        line-height: 36px
    }

div[sws-button-outline--light-sm], a[sws-button-outline--light-sm] {
    line-height: 26px
}

[sws-button-outline--light-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b1b4b5
}

[sws-button-outline--light-sm]:focus:after, [sws-button-outline--light-sm]:active:after {
    opacity: .45
}

[sws-button-outline--light-sm]:hover {
    border-color: #d0d3d4
}

[sws-button-outline--light-sm]:before {
    border-color: #d0d3d4
}

[sws-button-outline--light-sm]:focus, [sws-button-outline--light-sm]:active {
    border-color: #b1b4b5;
    background-color: #b1b4b5;
    color: #fff;
    color: #222
}

    [sws-button-outline--light-sm]:focus:before, [sws-button-outline--light-sm]:active:before {
        border-color: #b1b4b5
    }

[sws-button-outline--light-sm][rounded]:before, [sws-button-outline--light-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--dark] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-button-outline--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--dark]:hover:before, [sws-button-outline--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--dark][rounded]:before, [sws-button-outline--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--dark][rounded]:hover:before, [sws-button-outline--dark][rounded]:focus:before, [sws-button-outline--dark].rounded:hover:before, [sws-button-outline--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--dark]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--dark]div, [sws-button-outline--dark]a {
        line-height: 36px
    }

    [sws-button-outline--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button-outline--dark]:focus:after, [sws-button-outline--dark]:active:after {
        opacity: .45
    }

    [sws-button-outline--dark]:hover {
        border-color: #1e1e1e
    }

    [sws-button-outline--dark]:before {
        border-color: #1e1e1e
    }

    [sws-button-outline--dark]:focus, [sws-button-outline--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-button-outline--dark]:focus:before, [sws-button-outline--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-button-outline--dark-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-button-outline--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--dark-lg]:hover:before, [sws-button-outline--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--dark-lg][rounded]:before, [sws-button-outline--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--dark-lg][rounded]:hover:before, [sws-button-outline--dark-lg][rounded]:focus:before, [sws-button-outline--dark-lg].rounded:hover:before, [sws-button-outline--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--dark-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--dark-lg]div, [sws-button-outline--dark-lg]a {
        line-height: 36px
    }

    [sws-button-outline--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button-outline--dark-lg]:focus:after, [sws-button-outline--dark-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--dark-lg]:hover {
        border-color: #1e1e1e
    }

    [sws-button-outline--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-button-outline--dark-lg]:focus, [sws-button-outline--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-button-outline--dark-lg]:focus:before, [sws-button-outline--dark-lg]:active:before {
            border-color: #1a1a1a
        }

    [sws-button-outline--dark-lg][rounded]:before, [sws-button-outline--dark-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--dark-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-button-outline--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--dark-sm]:hover:before, [sws-button-outline--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--dark-sm][rounded]:before, [sws-button-outline--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--dark-sm][rounded]:hover:before, [sws-button-outline--dark-sm][rounded]:focus:before, [sws-button-outline--dark-sm].rounded:hover:before, [sws-button-outline--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--dark-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--dark-sm]div, [sws-button-outline--dark-sm]a {
        line-height: 36px
    }

div[sws-button-outline--dark-sm], a[sws-button-outline--dark-sm] {
    line-height: 26px
}

[sws-button-outline--dark-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #1a1a1a
}

[sws-button-outline--dark-sm]:focus:after, [sws-button-outline--dark-sm]:active:after {
    opacity: .45
}

[sws-button-outline--dark-sm]:hover {
    border-color: #1e1e1e
}

[sws-button-outline--dark-sm]:before {
    border-color: #1e1e1e
}

[sws-button-outline--dark-sm]:focus, [sws-button-outline--dark-sm]:active {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    color: #fff
}

    [sws-button-outline--dark-sm]:focus:before, [sws-button-outline--dark-sm]:active:before {
        border-color: #1a1a1a
    }

[sws-button-outline--dark-sm][rounded]:before, [sws-button-outline--dark-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-outline--jet] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-button-outline--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--jet]:hover:before, [sws-button-outline--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--jet][rounded]:before, [sws-button-outline--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--jet][rounded]:hover:before, [sws-button-outline--jet][rounded]:focus:before, [sws-button-outline--jet].rounded:hover:before, [sws-button-outline--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--jet]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--jet]div, [sws-button-outline--jet]a {
        line-height: 36px
    }

    [sws-button-outline--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button-outline--jet]:focus:after, [sws-button-outline--jet]:active:after {
        opacity: .45
    }

    [sws-button-outline--jet]:hover {
        border-color: #363636
    }

    [sws-button-outline--jet]:before {
        border-color: #363636
    }

    [sws-button-outline--jet]:focus, [sws-button-outline--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-button-outline--jet]:focus:before, [sws-button-outline--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-button-outline--jet-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-button-outline--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--jet-lg]:hover:before, [sws-button-outline--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--jet-lg][rounded]:before, [sws-button-outline--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--jet-lg][rounded]:hover:before, [sws-button-outline--jet-lg][rounded]:focus:before, [sws-button-outline--jet-lg].rounded:hover:before, [sws-button-outline--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--jet-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--jet-lg]div, [sws-button-outline--jet-lg]a {
        line-height: 36px
    }

    [sws-button-outline--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button-outline--jet-lg]:focus:after, [sws-button-outline--jet-lg]:active:after {
        opacity: .45
    }

    [sws-button-outline--jet-lg]:hover {
        border-color: #363636
    }

    [sws-button-outline--jet-lg]:before {
        border-color: #363636
    }

    [sws-button-outline--jet-lg]:focus, [sws-button-outline--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-button-outline--jet-lg]:focus:before, [sws-button-outline--jet-lg]:active:before {
            border-color: #2e2e2e
        }

    [sws-button-outline--jet-lg][rounded]:before, [sws-button-outline--jet-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-outline--jet-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-button-outline--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-outline--jet-sm]:hover:before, [sws-button-outline--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-outline--jet-sm][rounded]:before, [sws-button-outline--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-outline--jet-sm][rounded]:hover:before, [sws-button-outline--jet-sm][rounded]:focus:before, [sws-button-outline--jet-sm].rounded:hover:before, [sws-button-outline--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-outline--jet-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-outline--jet-sm]div, [sws-button-outline--jet-sm]a {
        line-height: 36px
    }

div[sws-button-outline--jet-sm], a[sws-button-outline--jet-sm] {
    line-height: 26px
}

[sws-button-outline--jet-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2e2e2e
}

[sws-button-outline--jet-sm]:focus:after, [sws-button-outline--jet-sm]:active:after {
    opacity: .45
}

[sws-button-outline--jet-sm]:hover {
    border-color: #363636
}

[sws-button-outline--jet-sm]:before {
    border-color: #363636
}

[sws-button-outline--jet-sm]:focus, [sws-button-outline--jet-sm]:active {
    border-color: #2e2e2e;
    background-color: #2e2e2e;
    color: #fff
}

    [sws-button-outline--jet-sm]:focus:before, [sws-button-outline--jet-sm]:active:before {
        border-color: #2e2e2e
    }

[sws-button-outline--jet-sm][rounded]:before, [sws-button-outline--jet-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--primary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-button-flat--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--primary]:hover:before, [sws-button-flat--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--primary][rounded]:before, [sws-button-flat--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--primary][rounded]:hover:before, [sws-button-flat--primary][rounded]:focus:before, [sws-button-flat--primary].rounded:hover:before, [sws-button-flat--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--primary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--primary]div, [sws-button-flat--primary]a {
        line-height: 36px
    }

    [sws-button-flat--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button-flat--primary]:focus:after, [sws-button-flat--primary]:active:after {
        opacity: .45
    }

    [sws-button-flat--primary]:hover {
        background-color: transparent;
        border-color: #006aaf
    }

    [sws-button-flat--primary]:before {
        border-color: #006aaf
    }

    [sws-button-flat--primary]:focus, [sws-button-flat--primary]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-button-flat--primary]:focus:before, [sws-button-flat--primary]:active:before {
            border-color: #005b95
        }

[sws-button-flat--primary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-button-flat--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--primary-lg]:hover:before, [sws-button-flat--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--primary-lg][rounded]:before, [sws-button-flat--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--primary-lg][rounded]:hover:before, [sws-button-flat--primary-lg][rounded]:focus:before, [sws-button-flat--primary-lg].rounded:hover:before, [sws-button-flat--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--primary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--primary-lg]div, [sws-button-flat--primary-lg]a {
        line-height: 36px
    }

    [sws-button-flat--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-button-flat--primary-lg]:focus:after, [sws-button-flat--primary-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--primary-lg]:hover {
        background-color: transparent;
        border-color: #006aaf
    }

    [sws-button-flat--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-button-flat--primary-lg]:focus, [sws-button-flat--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-button-flat--primary-lg]:focus:before, [sws-button-flat--primary-lg]:active:before {
            border-color: #005b95
        }

    [sws-button-flat--primary-lg][rounded]:before, [sws-button-flat--primary-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--primary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-button-flat--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--primary-sm]:hover:before, [sws-button-flat--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--primary-sm][rounded]:before, [sws-button-flat--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--primary-sm][rounded]:hover:before, [sws-button-flat--primary-sm][rounded]:focus:before, [sws-button-flat--primary-sm].rounded:hover:before, [sws-button-flat--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--primary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--primary-sm]div, [sws-button-flat--primary-sm]a {
        line-height: 36px
    }

div[sws-button-flat--primary-sm], a[sws-button-flat--primary-sm] {
    line-height: 26px
}

[sws-button-flat--primary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #005b95
}

[sws-button-flat--primary-sm]:focus:after, [sws-button-flat--primary-sm]:active:after {
    opacity: .45
}

[sws-button-flat--primary-sm]:hover {
    background-color: transparent;
    border-color: #006aaf
}

[sws-button-flat--primary-sm]:before {
    border-color: #006aaf
}

[sws-button-flat--primary-sm]:focus, [sws-button-flat--primary-sm]:active {
    border-color: #005b95;
    background-color: #005b95;
    color: #fff
}

    [sws-button-flat--primary-sm]:focus:before, [sws-button-flat--primary-sm]:active:before {
        border-color: #005b95
    }

[sws-button-flat--primary-sm][rounded]:before, [sws-button-flat--primary-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--secondary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-button-flat--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--secondary]:hover:before, [sws-button-flat--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--secondary][rounded]:before, [sws-button-flat--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--secondary][rounded]:hover:before, [sws-button-flat--secondary][rounded]:focus:before, [sws-button-flat--secondary].rounded:hover:before, [sws-button-flat--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--secondary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--secondary]div, [sws-button-flat--secondary]a {
        line-height: 36px
    }

    [sws-button-flat--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button-flat--secondary]:focus:after, [sws-button-flat--secondary]:active:after {
        opacity: .45
    }

    [sws-button-flat--secondary]:hover {
        background-color: transparent;
        border-color: #04756b
    }

    [sws-button-flat--secondary]:before {
        border-color: #04756b
    }

    [sws-button-flat--secondary]:focus, [sws-button-flat--secondary]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-button-flat--secondary]:focus:before, [sws-button-flat--secondary]:active:before {
            border-color: #04645c
        }

[sws-button-flat--secondary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-button-flat--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--secondary-lg]:hover:before, [sws-button-flat--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--secondary-lg][rounded]:before, [sws-button-flat--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--secondary-lg][rounded]:hover:before, [sws-button-flat--secondary-lg][rounded]:focus:before, [sws-button-flat--secondary-lg].rounded:hover:before, [sws-button-flat--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--secondary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--secondary-lg]div, [sws-button-flat--secondary-lg]a {
        line-height: 36px
    }

    [sws-button-flat--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-button-flat--secondary-lg]:focus:after, [sws-button-flat--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--secondary-lg]:hover {
        background-color: transparent;
        border-color: #04756b
    }

    [sws-button-flat--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-button-flat--secondary-lg]:focus, [sws-button-flat--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-button-flat--secondary-lg]:focus:before, [sws-button-flat--secondary-lg]:active:before {
            border-color: #04645c
        }

    [sws-button-flat--secondary-lg][rounded]:before, [sws-button-flat--secondary-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--secondary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-button-flat--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--secondary-sm]:hover:before, [sws-button-flat--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--secondary-sm][rounded]:before, [sws-button-flat--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--secondary-sm][rounded]:hover:before, [sws-button-flat--secondary-sm][rounded]:focus:before, [sws-button-flat--secondary-sm].rounded:hover:before, [sws-button-flat--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--secondary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--secondary-sm]div, [sws-button-flat--secondary-sm]a {
        line-height: 36px
    }

div[sws-button-flat--secondary-sm], a[sws-button-flat--secondary-sm] {
    line-height: 26px
}

[sws-button-flat--secondary-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #04645c
}

[sws-button-flat--secondary-sm]:focus:after, [sws-button-flat--secondary-sm]:active:after {
    opacity: .45
}

[sws-button-flat--secondary-sm]:hover {
    background-color: transparent;
    border-color: #04756b
}

[sws-button-flat--secondary-sm]:before {
    border-color: #04756b
}

[sws-button-flat--secondary-sm]:focus, [sws-button-flat--secondary-sm]:active {
    border-color: #04645c;
    background-color: #04645c;
    color: #fff
}

    [sws-button-flat--secondary-sm]:focus:before, [sws-button-flat--secondary-sm]:active:before {
        border-color: #04645c
    }

[sws-button-flat--secondary-sm][rounded]:before, [sws-button-flat--secondary-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--success] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-button-flat--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--success]:hover:before, [sws-button-flat--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--success][rounded]:before, [sws-button-flat--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--success][rounded]:hover:before, [sws-button-flat--success][rounded]:focus:before, [sws-button-flat--success].rounded:hover:before, [sws-button-flat--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--success]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--success]div, [sws-button-flat--success]a {
        line-height: 36px
    }

    [sws-button-flat--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button-flat--success]:focus:after, [sws-button-flat--success]:active:after {
        opacity: .45
    }

    [sws-button-flat--success]:hover {
        background-color: transparent;
        border-color: #383
    }

    [sws-button-flat--success]:before {
        border-color: #383
    }

    [sws-button-flat--success]:focus, [sws-button-flat--success]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-button-flat--success]:focus:before, [sws-button-flat--success]:active:before {
            border-color: #2c742c
        }

[sws-button-flat--success-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-button-flat--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--success-lg]:hover:before, [sws-button-flat--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--success-lg][rounded]:before, [sws-button-flat--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--success-lg][rounded]:hover:before, [sws-button-flat--success-lg][rounded]:focus:before, [sws-button-flat--success-lg].rounded:hover:before, [sws-button-flat--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--success-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--success-lg]div, [sws-button-flat--success-lg]a {
        line-height: 36px
    }

    [sws-button-flat--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-button-flat--success-lg]:focus:after, [sws-button-flat--success-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--success-lg]:hover {
        background-color: transparent;
        border-color: #383
    }

    [sws-button-flat--success-lg]:before {
        border-color: #383
    }

    [sws-button-flat--success-lg]:focus, [sws-button-flat--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-button-flat--success-lg]:focus:before, [sws-button-flat--success-lg]:active:before {
            border-color: #2c742c
        }

    [sws-button-flat--success-lg][rounded]:before, [sws-button-flat--success-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--success-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-button-flat--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--success-sm]:hover:before, [sws-button-flat--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--success-sm][rounded]:before, [sws-button-flat--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--success-sm][rounded]:hover:before, [sws-button-flat--success-sm][rounded]:focus:before, [sws-button-flat--success-sm].rounded:hover:before, [sws-button-flat--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--success-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--success-sm]div, [sws-button-flat--success-sm]a {
        line-height: 36px
    }

div[sws-button-flat--success-sm], a[sws-button-flat--success-sm] {
    line-height: 26px
}

[sws-button-flat--success-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2c742c
}

[sws-button-flat--success-sm]:focus:after, [sws-button-flat--success-sm]:active:after {
    opacity: .45
}

[sws-button-flat--success-sm]:hover {
    background-color: transparent;
    border-color: #383
}

[sws-button-flat--success-sm]:before {
    border-color: #383
}

[sws-button-flat--success-sm]:focus, [sws-button-flat--success-sm]:active {
    border-color: #2c742c;
    background-color: #2c742c;
    color: #fff
}

    [sws-button-flat--success-sm]:focus:before, [sws-button-flat--success-sm]:active:before {
        border-color: #2c742c
    }

[sws-button-flat--success-sm][rounded]:before, [sws-button-flat--success-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--warning] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-button-flat--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--warning]:hover:before, [sws-button-flat--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--warning][rounded]:before, [sws-button-flat--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--warning][rounded]:hover:before, [sws-button-flat--warning][rounded]:focus:before, [sws-button-flat--warning].rounded:hover:before, [sws-button-flat--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--warning]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--warning]div, [sws-button-flat--warning]a {
        line-height: 36px
    }

    [sws-button-flat--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button-flat--warning]:focus:after, [sws-button-flat--warning]:active:after {
        opacity: .45
    }

    [sws-button-flat--warning]:hover {
        background-color: transparent;
        border-color: #cf850f
    }

    [sws-button-flat--warning]:before {
        border-color: #cf850f
    }

    [sws-button-flat--warning]:focus, [sws-button-flat--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-button-flat--warning]:focus:before, [sws-button-flat--warning]:active:before {
            border-color: #c57f0e
        }

[sws-button-flat--warning-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-button-flat--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--warning-lg]:hover:before, [sws-button-flat--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--warning-lg][rounded]:before, [sws-button-flat--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--warning-lg][rounded]:hover:before, [sws-button-flat--warning-lg][rounded]:focus:before, [sws-button-flat--warning-lg].rounded:hover:before, [sws-button-flat--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--warning-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--warning-lg]div, [sws-button-flat--warning-lg]a {
        line-height: 36px
    }

    [sws-button-flat--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-button-flat--warning-lg]:focus:after, [sws-button-flat--warning-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--warning-lg]:hover {
        background-color: transparent;
        border-color: #cf850f
    }

    [sws-button-flat--warning-lg]:before {
        border-color: #cf850f
    }

    [sws-button-flat--warning-lg]:focus, [sws-button-flat--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-button-flat--warning-lg]:focus:before, [sws-button-flat--warning-lg]:active:before {
            border-color: #c57f0e
        }

    [sws-button-flat--warning-lg][rounded]:before, [sws-button-flat--warning-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--warning-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-button-flat--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--warning-sm]:hover:before, [sws-button-flat--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--warning-sm][rounded]:before, [sws-button-flat--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--warning-sm][rounded]:hover:before, [sws-button-flat--warning-sm][rounded]:focus:before, [sws-button-flat--warning-sm].rounded:hover:before, [sws-button-flat--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--warning-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--warning-sm]div, [sws-button-flat--warning-sm]a {
        line-height: 36px
    }

div[sws-button-flat--warning-sm], a[sws-button-flat--warning-sm] {
    line-height: 26px
}

[sws-button-flat--warning-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b0710d
}

[sws-button-flat--warning-sm]:focus:after, [sws-button-flat--warning-sm]:active:after {
    opacity: .45
}

[sws-button-flat--warning-sm]:hover {
    background-color: transparent;
    border-color: #cf850f
}

[sws-button-flat--warning-sm]:before {
    border-color: #cf850f
}

[sws-button-flat--warning-sm]:focus, [sws-button-flat--warning-sm]:active {
    border-color: #c57f0e;
    background-color: #c57f0e;
    color: #fff
}

    [sws-button-flat--warning-sm]:focus:before, [sws-button-flat--warning-sm]:active:before {
        border-color: #c57f0e
    }

[sws-button-flat--warning-sm][rounded]:before, [sws-button-flat--warning-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--danger] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-button-flat--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--danger]:hover:before, [sws-button-flat--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--danger][rounded]:before, [sws-button-flat--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--danger][rounded]:hover:before, [sws-button-flat--danger][rounded]:focus:before, [sws-button-flat--danger].rounded:hover:before, [sws-button-flat--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--danger]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--danger]div, [sws-button-flat--danger]a {
        line-height: 36px
    }

    [sws-button-flat--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button-flat--danger]:focus:after, [sws-button-flat--danger]:active:after {
        opacity: .45
    }

    [sws-button-flat--danger]:hover {
        background-color: transparent;
        border-color: #bf4946
    }

    [sws-button-flat--danger]:before {
        border-color: #bf4946
    }

    [sws-button-flat--danger]:focus, [sws-button-flat--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-button-flat--danger]:focus:before, [sws-button-flat--danger]:active:before {
            border-color: #a33e3b
        }

[sws-button-flat--danger-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-button-flat--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--danger-lg]:hover:before, [sws-button-flat--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--danger-lg][rounded]:before, [sws-button-flat--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--danger-lg][rounded]:hover:before, [sws-button-flat--danger-lg][rounded]:focus:before, [sws-button-flat--danger-lg].rounded:hover:before, [sws-button-flat--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--danger-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--danger-lg]div, [sws-button-flat--danger-lg]a {
        line-height: 36px
    }

    [sws-button-flat--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-button-flat--danger-lg]:focus:after, [sws-button-flat--danger-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--danger-lg]:hover {
        background-color: transparent;
        border-color: #bf4946
    }

    [sws-button-flat--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-button-flat--danger-lg]:focus, [sws-button-flat--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-button-flat--danger-lg]:focus:before, [sws-button-flat--danger-lg]:active:before {
            border-color: #a33e3b
        }

    [sws-button-flat--danger-lg][rounded]:before, [sws-button-flat--danger-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--danger-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-button-flat--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--danger-sm]:hover:before, [sws-button-flat--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--danger-sm][rounded]:before, [sws-button-flat--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--danger-sm][rounded]:hover:before, [sws-button-flat--danger-sm][rounded]:focus:before, [sws-button-flat--danger-sm].rounded:hover:before, [sws-button-flat--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--danger-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--danger-sm]div, [sws-button-flat--danger-sm]a {
        line-height: 36px
    }

div[sws-button-flat--danger-sm], a[sws-button-flat--danger-sm] {
    line-height: 26px
}

[sws-button-flat--danger-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #a33e3b
}

[sws-button-flat--danger-sm]:focus:after, [sws-button-flat--danger-sm]:active:after {
    opacity: .45
}

[sws-button-flat--danger-sm]:hover {
    background-color: transparent;
    border-color: #bf4946
}

[sws-button-flat--danger-sm]:before {
    border-color: #bf4946
}

[sws-button-flat--danger-sm]:focus, [sws-button-flat--danger-sm]:active {
    border-color: #a33e3b;
    background-color: #a33e3b;
    color: #fff
}

    [sws-button-flat--danger-sm]:focus:before, [sws-button-flat--danger-sm]:active:before {
        border-color: #a33e3b
    }

[sws-button-flat--danger-sm][rounded]:before, [sws-button-flat--danger-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--regular] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-button-flat--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--regular]:hover:before, [sws-button-flat--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--regular][rounded]:before, [sws-button-flat--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--regular][rounded]:hover:before, [sws-button-flat--regular][rounded]:focus:before, [sws-button-flat--regular].rounded:hover:before, [sws-button-flat--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--regular]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--regular]div, [sws-button-flat--regular]a {
        line-height: 36px
    }

    [sws-button-flat--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button-flat--regular]:focus:after, [sws-button-flat--regular]:active:after {
        opacity: .45
    }

    [sws-button-flat--regular]:hover {
        background-color: transparent;
        border-color: #666a70
    }

    [sws-button-flat--regular]:before {
        border-color: #666a70
    }

    [sws-button-flat--regular]:focus, [sws-button-flat--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-button-flat--regular]:focus:before, [sws-button-flat--regular]:active:before {
            border-color: #575a5f
        }

[sws-button-flat--regular-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-button-flat--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--regular-lg]:hover:before, [sws-button-flat--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--regular-lg][rounded]:before, [sws-button-flat--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--regular-lg][rounded]:hover:before, [sws-button-flat--regular-lg][rounded]:focus:before, [sws-button-flat--regular-lg].rounded:hover:before, [sws-button-flat--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--regular-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--regular-lg]div, [sws-button-flat--regular-lg]a {
        line-height: 36px
    }

    [sws-button-flat--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-button-flat--regular-lg]:focus:after, [sws-button-flat--regular-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--regular-lg]:hover {
        background-color: transparent;
        border-color: #666a70
    }

    [sws-button-flat--regular-lg]:before {
        border-color: #666a70
    }

    [sws-button-flat--regular-lg]:focus, [sws-button-flat--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-button-flat--regular-lg]:focus:before, [sws-button-flat--regular-lg]:active:before {
            border-color: #575a5f
        }

    [sws-button-flat--regular-lg][rounded]:before, [sws-button-flat--regular-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--regular-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-button-flat--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--regular-sm]:hover:before, [sws-button-flat--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--regular-sm][rounded]:before, [sws-button-flat--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--regular-sm][rounded]:hover:before, [sws-button-flat--regular-sm][rounded]:focus:before, [sws-button-flat--regular-sm].rounded:hover:before, [sws-button-flat--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--regular-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--regular-sm]div, [sws-button-flat--regular-sm]a {
        line-height: 36px
    }

div[sws-button-flat--regular-sm], a[sws-button-flat--regular-sm] {
    line-height: 26px
}

[sws-button-flat--regular-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #575a5f
}

[sws-button-flat--regular-sm]:focus:after, [sws-button-flat--regular-sm]:active:after {
    opacity: .45
}

[sws-button-flat--regular-sm]:hover {
    background-color: transparent;
    border-color: #666a70
}

[sws-button-flat--regular-sm]:before {
    border-color: #666a70
}

[sws-button-flat--regular-sm]:focus, [sws-button-flat--regular-sm]:active {
    border-color: #575a5f;
    background-color: #575a5f;
    color: #fff
}

    [sws-button-flat--regular-sm]:focus:before, [sws-button-flat--regular-sm]:active:before {
        border-color: #575a5f
    }

[sws-button-flat--regular-sm][rounded]:before, [sws-button-flat--regular-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--light] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-button-flat--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--light]:hover:before, [sws-button-flat--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--light][rounded]:before, [sws-button-flat--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--light][rounded]:hover:before, [sws-button-flat--light][rounded]:focus:before, [sws-button-flat--light].rounded:hover:before, [sws-button-flat--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--light]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--light]div, [sws-button-flat--light]a {
        line-height: 36px
    }

    [sws-button-flat--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button-flat--light]:focus:after, [sws-button-flat--light]:active:after {
        opacity: .45
    }

    [sws-button-flat--light]:hover {
        background-color: transparent;
        border-color: #d0d3d4
    }

    [sws-button-flat--light]:before {
        border-color: #d0d3d4
    }

    [sws-button-flat--light]:focus, [sws-button-flat--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-button-flat--light]:focus:before, [sws-button-flat--light]:active:before {
            border-color: #b1b4b5
        }

[sws-button-flat--light-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-button-flat--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--light-lg]:hover:before, [sws-button-flat--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--light-lg][rounded]:before, [sws-button-flat--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--light-lg][rounded]:hover:before, [sws-button-flat--light-lg][rounded]:focus:before, [sws-button-flat--light-lg].rounded:hover:before, [sws-button-flat--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--light-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--light-lg]div, [sws-button-flat--light-lg]a {
        line-height: 36px
    }

    [sws-button-flat--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-button-flat--light-lg]:focus:after, [sws-button-flat--light-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--light-lg]:hover {
        background-color: transparent;
        border-color: #d0d3d4
    }

    [sws-button-flat--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-button-flat--light-lg]:focus, [sws-button-flat--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-button-flat--light-lg]:focus:before, [sws-button-flat--light-lg]:active:before {
            border-color: #b1b4b5
        }

    [sws-button-flat--light-lg][rounded]:before, [sws-button-flat--light-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--light-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-button-flat--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--light-sm]:hover:before, [sws-button-flat--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--light-sm][rounded]:before, [sws-button-flat--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--light-sm][rounded]:hover:before, [sws-button-flat--light-sm][rounded]:focus:before, [sws-button-flat--light-sm].rounded:hover:before, [sws-button-flat--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--light-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--light-sm]div, [sws-button-flat--light-sm]a {
        line-height: 36px
    }

div[sws-button-flat--light-sm], a[sws-button-flat--light-sm] {
    line-height: 26px
}

[sws-button-flat--light-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #b1b4b5
}

[sws-button-flat--light-sm]:focus:after, [sws-button-flat--light-sm]:active:after {
    opacity: .45
}

[sws-button-flat--light-sm]:hover {
    background-color: transparent;
    border-color: #d0d3d4
}

[sws-button-flat--light-sm]:before {
    border-color: #d0d3d4
}

[sws-button-flat--light-sm]:focus, [sws-button-flat--light-sm]:active {
    border-color: #b1b4b5;
    background-color: #b1b4b5;
    color: #fff;
    color: #222
}

    [sws-button-flat--light-sm]:focus:before, [sws-button-flat--light-sm]:active:before {
        border-color: #b1b4b5
    }

[sws-button-flat--light-sm][rounded]:before, [sws-button-flat--light-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--dark] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-button-flat--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--dark]:hover:before, [sws-button-flat--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--dark][rounded]:before, [sws-button-flat--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--dark][rounded]:hover:before, [sws-button-flat--dark][rounded]:focus:before, [sws-button-flat--dark].rounded:hover:before, [sws-button-flat--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--dark]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--dark]div, [sws-button-flat--dark]a {
        line-height: 36px
    }

    [sws-button-flat--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button-flat--dark]:focus:after, [sws-button-flat--dark]:active:after {
        opacity: .45
    }

    [sws-button-flat--dark]:hover {
        background-color: transparent;
        border-color: #1e1e1e
    }

    [sws-button-flat--dark]:before {
        border-color: #1e1e1e
    }

    [sws-button-flat--dark]:focus, [sws-button-flat--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-button-flat--dark]:focus:before, [sws-button-flat--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-button-flat--dark-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-button-flat--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--dark-lg]:hover:before, [sws-button-flat--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--dark-lg][rounded]:before, [sws-button-flat--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--dark-lg][rounded]:hover:before, [sws-button-flat--dark-lg][rounded]:focus:before, [sws-button-flat--dark-lg].rounded:hover:before, [sws-button-flat--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--dark-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--dark-lg]div, [sws-button-flat--dark-lg]a {
        line-height: 36px
    }

    [sws-button-flat--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-button-flat--dark-lg]:focus:after, [sws-button-flat--dark-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--dark-lg]:hover {
        background-color: transparent;
        border-color: #1e1e1e
    }

    [sws-button-flat--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-button-flat--dark-lg]:focus, [sws-button-flat--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-button-flat--dark-lg]:focus:before, [sws-button-flat--dark-lg]:active:before {
            border-color: #1a1a1a
        }

    [sws-button-flat--dark-lg][rounded]:before, [sws-button-flat--dark-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--dark-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-button-flat--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--dark-sm]:hover:before, [sws-button-flat--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--dark-sm][rounded]:before, [sws-button-flat--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--dark-sm][rounded]:hover:before, [sws-button-flat--dark-sm][rounded]:focus:before, [sws-button-flat--dark-sm].rounded:hover:before, [sws-button-flat--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--dark-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--dark-sm]div, [sws-button-flat--dark-sm]a {
        line-height: 36px
    }

div[sws-button-flat--dark-sm], a[sws-button-flat--dark-sm] {
    line-height: 26px
}

[sws-button-flat--dark-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #1a1a1a
}

[sws-button-flat--dark-sm]:focus:after, [sws-button-flat--dark-sm]:active:after {
    opacity: .45
}

[sws-button-flat--dark-sm]:hover {
    background-color: transparent;
    border-color: #1e1e1e
}

[sws-button-flat--dark-sm]:before {
    border-color: #1e1e1e
}

[sws-button-flat--dark-sm]:focus, [sws-button-flat--dark-sm]:active {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    color: #fff
}

    [sws-button-flat--dark-sm]:focus:before, [sws-button-flat--dark-sm]:active:before {
        border-color: #1a1a1a
    }

[sws-button-flat--dark-sm][rounded]:before, [sws-button-flat--dark-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-flat--jet] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-button-flat--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--jet]:hover:before, [sws-button-flat--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--jet][rounded]:before, [sws-button-flat--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--jet][rounded]:hover:before, [sws-button-flat--jet][rounded]:focus:before, [sws-button-flat--jet].rounded:hover:before, [sws-button-flat--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--jet]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--jet]div, [sws-button-flat--jet]a {
        line-height: 36px
    }

    [sws-button-flat--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button-flat--jet]:focus:after, [sws-button-flat--jet]:active:after {
        opacity: .45
    }

    [sws-button-flat--jet]:hover {
        background-color: transparent;
        border-color: #363636
    }

    [sws-button-flat--jet]:before {
        border-color: #363636
    }

    [sws-button-flat--jet]:focus, [sws-button-flat--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-button-flat--jet]:focus:before, [sws-button-flat--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-button-flat--jet-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-button-flat--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--jet-lg]:hover:before, [sws-button-flat--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--jet-lg][rounded]:before, [sws-button-flat--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--jet-lg][rounded]:hover:before, [sws-button-flat--jet-lg][rounded]:focus:before, [sws-button-flat--jet-lg].rounded:hover:before, [sws-button-flat--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--jet-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--jet-lg]div, [sws-button-flat--jet-lg]a {
        line-height: 36px
    }

    [sws-button-flat--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-button-flat--jet-lg]:focus:after, [sws-button-flat--jet-lg]:active:after {
        opacity: .45
    }

    [sws-button-flat--jet-lg]:hover {
        background-color: transparent;
        border-color: #363636
    }

    [sws-button-flat--jet-lg]:before {
        border-color: #363636
    }

    [sws-button-flat--jet-lg]:focus, [sws-button-flat--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-button-flat--jet-lg]:focus:before, [sws-button-flat--jet-lg]:active:before {
            border-color: #2e2e2e
        }

    [sws-button-flat--jet-lg][rounded]:before, [sws-button-flat--jet-lg].rounded:before {
        width: calc(100% + 1px)
    }

[sws-button-flat--jet-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-button-flat--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-flat--jet-sm]:hover:before, [sws-button-flat--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-flat--jet-sm][rounded]:before, [sws-button-flat--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-flat--jet-sm][rounded]:hover:before, [sws-button-flat--jet-sm][rounded]:focus:before, [sws-button-flat--jet-sm].rounded:hover:before, [sws-button-flat--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-flat--jet-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-flat--jet-sm]div, [sws-button-flat--jet-sm]a {
        line-height: 36px
    }

div[sws-button-flat--jet-sm], a[sws-button-flat--jet-sm] {
    line-height: 26px
}

[sws-button-flat--jet-sm]:after {
    content: '';
    width: calc(100% + 1px);
    box-shadow: 7px 6px rgba(0,0,0,0.25);
    height: 100%;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    box-shadow: 7px 6px #2e2e2e
}

[sws-button-flat--jet-sm]:focus:after, [sws-button-flat--jet-sm]:active:after {
    opacity: .45
}

[sws-button-flat--jet-sm]:hover {
    background-color: transparent;
    border-color: #363636
}

[sws-button-flat--jet-sm]:before {
    border-color: #363636
}

[sws-button-flat--jet-sm]:focus, [sws-button-flat--jet-sm]:active {
    border-color: #2e2e2e;
    background-color: #2e2e2e;
    color: #fff
}

    [sws-button-flat--jet-sm]:focus:before, [sws-button-flat--jet-sm]:active:before {
        border-color: #2e2e2e
    }

[sws-button-flat--jet-sm][rounded]:before, [sws-button-flat--jet-sm].rounded:before {
    height: calc(100% - 1px)
}

[sws-button-simple--primary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button-simple--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--primary]:hover:before, [sws-button-simple--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--primary][rounded]:before, [sws-button-simple--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--primary][rounded]:hover:before, [sws-button-simple--primary][rounded]:focus:before, [sws-button-simple--primary].rounded:hover:before, [sws-button-simple--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--primary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--primary]div, [sws-button-simple--primary]a {
        line-height: 36px
    }

    [sws-button-simple--primary]:hover {
        border-color: #0063a3;
        background-color: #0063a3
    }

    [sws-button-simple--primary]:focus, [sws-button-simple--primary]:active {
        border-color: #005b95;
        background-color: #005b95;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--primary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button-simple--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--primary-lg]:hover:before, [sws-button-simple--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--primary-lg][rounded]:before, [sws-button-simple--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--primary-lg][rounded]:hover:before, [sws-button-simple--primary-lg][rounded]:focus:before, [sws-button-simple--primary-lg].rounded:hover:before, [sws-button-simple--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--primary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--primary-lg]div, [sws-button-simple--primary-lg]a {
        line-height: 36px
    }

    [sws-button-simple--primary-lg]:hover {
        border-color: #0063a3;
        background-color: #0063a3
    }

    [sws-button-simple--primary-lg]:focus, [sws-button-simple--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--primary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-button-simple--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--primary-sm]:hover:before, [sws-button-simple--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--primary-sm][rounded]:before, [sws-button-simple--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--primary-sm][rounded]:hover:before, [sws-button-simple--primary-sm][rounded]:focus:before, [sws-button-simple--primary-sm].rounded:hover:before, [sws-button-simple--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--primary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--primary-sm]div, [sws-button-simple--primary-sm]a {
        line-height: 36px
    }

div[sws-button-simple--primary-sm], a[sws-button-simple--primary-sm] {
    line-height: 26px
}

[sws-button-simple--primary-sm]:hover {
    border-color: #0063a3;
    background-color: #0063a3
}

[sws-button-simple--primary-sm]:focus, [sws-button-simple--primary-sm]:active {
    border-color: #005b95;
    background-color: #005b95;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--secondary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button-simple--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--secondary]:hover:before, [sws-button-simple--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--secondary][rounded]:before, [sws-button-simple--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--secondary][rounded]:hover:before, [sws-button-simple--secondary][rounded]:focus:before, [sws-button-simple--secondary].rounded:hover:before, [sws-button-simple--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--secondary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--secondary]div, [sws-button-simple--secondary]a {
        line-height: 36px
    }

    [sws-button-simple--secondary]:hover {
        border-color: #046d64;
        background-color: #046d64
    }

    [sws-button-simple--secondary]:focus, [sws-button-simple--secondary]:active {
        border-color: #04645c;
        background-color: #04645c;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--secondary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button-simple--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--secondary-lg]:hover:before, [sws-button-simple--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--secondary-lg][rounded]:before, [sws-button-simple--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--secondary-lg][rounded]:hover:before, [sws-button-simple--secondary-lg][rounded]:focus:before, [sws-button-simple--secondary-lg].rounded:hover:before, [sws-button-simple--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--secondary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--secondary-lg]div, [sws-button-simple--secondary-lg]a {
        line-height: 36px
    }

    [sws-button-simple--secondary-lg]:hover {
        border-color: #046d64;
        background-color: #046d64
    }

    [sws-button-simple--secondary-lg]:focus, [sws-button-simple--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--secondary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-button-simple--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--secondary-sm]:hover:before, [sws-button-simple--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--secondary-sm][rounded]:before, [sws-button-simple--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--secondary-sm][rounded]:hover:before, [sws-button-simple--secondary-sm][rounded]:focus:before, [sws-button-simple--secondary-sm].rounded:hover:before, [sws-button-simple--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--secondary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--secondary-sm]div, [sws-button-simple--secondary-sm]a {
        line-height: 36px
    }

div[sws-button-simple--secondary-sm], a[sws-button-simple--secondary-sm] {
    line-height: 26px
}

[sws-button-simple--secondary-sm]:hover {
    border-color: #046d64;
    background-color: #046d64
}

[sws-button-simple--secondary-sm]:focus, [sws-button-simple--secondary-sm]:active {
    border-color: #04645c;
    background-color: #04645c;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--success] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button-simple--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--success]:hover:before, [sws-button-simple--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--success][rounded]:before, [sws-button-simple--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--success][rounded]:hover:before, [sws-button-simple--success][rounded]:focus:before, [sws-button-simple--success].rounded:hover:before, [sws-button-simple--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--success]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--success]div, [sws-button-simple--success]a {
        line-height: 36px
    }

    [sws-button-simple--success]:hover {
        border-color: #307e30;
        background-color: #307e30
    }

    [sws-button-simple--success]:focus, [sws-button-simple--success]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--success-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button-simple--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--success-lg]:hover:before, [sws-button-simple--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--success-lg][rounded]:before, [sws-button-simple--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--success-lg][rounded]:hover:before, [sws-button-simple--success-lg][rounded]:focus:before, [sws-button-simple--success-lg].rounded:hover:before, [sws-button-simple--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--success-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--success-lg]div, [sws-button-simple--success-lg]a {
        line-height: 36px
    }

    [sws-button-simple--success-lg]:hover {
        border-color: #307e30;
        background-color: #307e30
    }

    [sws-button-simple--success-lg]:focus, [sws-button-simple--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--success-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-button-simple--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--success-sm]:hover:before, [sws-button-simple--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--success-sm][rounded]:before, [sws-button-simple--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--success-sm][rounded]:hover:before, [sws-button-simple--success-sm][rounded]:focus:before, [sws-button-simple--success-sm].rounded:hover:before, [sws-button-simple--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--success-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--success-sm]div, [sws-button-simple--success-sm]a {
        line-height: 36px
    }

div[sws-button-simple--success-sm], a[sws-button-simple--success-sm] {
    line-height: 26px
}

[sws-button-simple--success-sm]:hover {
    border-color: #307e30;
    background-color: #307e30
}

[sws-button-simple--success-sm]:focus, [sws-button-simple--success-sm]:active {
    border-color: #2c742c;
    background-color: #2c742c;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--warning] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button-simple--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--warning]:hover:before, [sws-button-simple--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--warning][rounded]:before, [sws-button-simple--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--warning][rounded]:hover:before, [sws-button-simple--warning][rounded]:focus:before, [sws-button-simple--warning].rounded:hover:before, [sws-button-simple--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--warning]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--warning]div, [sws-button-simple--warning]a {
        line-height: 36px
    }

    [sws-button-simple--warning]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-button-simple--warning]:focus, [sws-button-simple--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--warning-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button-simple--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--warning-lg]:hover:before, [sws-button-simple--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--warning-lg][rounded]:before, [sws-button-simple--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--warning-lg][rounded]:hover:before, [sws-button-simple--warning-lg][rounded]:focus:before, [sws-button-simple--warning-lg].rounded:hover:before, [sws-button-simple--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--warning-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--warning-lg]div, [sws-button-simple--warning-lg]a {
        line-height: 36px
    }

    [sws-button-simple--warning-lg]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-button-simple--warning-lg]:focus, [sws-button-simple--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--warning-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-button-simple--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--warning-sm]:hover:before, [sws-button-simple--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--warning-sm][rounded]:before, [sws-button-simple--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--warning-sm][rounded]:hover:before, [sws-button-simple--warning-sm][rounded]:focus:before, [sws-button-simple--warning-sm].rounded:hover:before, [sws-button-simple--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--warning-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--warning-sm]div, [sws-button-simple--warning-sm]a {
        line-height: 36px
    }

div[sws-button-simple--warning-sm], a[sws-button-simple--warning-sm] {
    line-height: 26px
}

[sws-button-simple--warning-sm]:hover {
    border-color: #d88b10;
    background-color: #d88b10
}

[sws-button-simple--warning-sm]:focus, [sws-button-simple--warning-sm]:active {
    border-color: #c57f0e;
    background-color: #c57f0e;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--danger] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button-simple--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--danger]:hover:before, [sws-button-simple--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--danger][rounded]:before, [sws-button-simple--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--danger][rounded]:hover:before, [sws-button-simple--danger][rounded]:focus:before, [sws-button-simple--danger].rounded:hover:before, [sws-button-simple--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--danger]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--danger]div, [sws-button-simple--danger]a {
        line-height: 36px
    }

    [sws-button-simple--danger]:hover {
        border-color: #b24441;
        background-color: #b24441
    }

    [sws-button-simple--danger]:focus, [sws-button-simple--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--danger-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button-simple--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--danger-lg]:hover:before, [sws-button-simple--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--danger-lg][rounded]:before, [sws-button-simple--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--danger-lg][rounded]:hover:before, [sws-button-simple--danger-lg][rounded]:focus:before, [sws-button-simple--danger-lg].rounded:hover:before, [sws-button-simple--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--danger-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--danger-lg]div, [sws-button-simple--danger-lg]a {
        line-height: 36px
    }

    [sws-button-simple--danger-lg]:hover {
        border-color: #b24441;
        background-color: #b24441
    }

    [sws-button-simple--danger-lg]:focus, [sws-button-simple--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--danger-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-button-simple--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--danger-sm]:hover:before, [sws-button-simple--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--danger-sm][rounded]:before, [sws-button-simple--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--danger-sm][rounded]:hover:before, [sws-button-simple--danger-sm][rounded]:focus:before, [sws-button-simple--danger-sm].rounded:hover:before, [sws-button-simple--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--danger-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--danger-sm]div, [sws-button-simple--danger-sm]a {
        line-height: 36px
    }

div[sws-button-simple--danger-sm], a[sws-button-simple--danger-sm] {
    line-height: 26px
}

[sws-button-simple--danger-sm]:hover {
    border-color: #b24441;
    background-color: #b24441
}

[sws-button-simple--danger-sm]:focus, [sws-button-simple--danger-sm]:active {
    border-color: #a33e3b;
    background-color: #a33e3b;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--regular] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button-simple--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--regular]:hover:before, [sws-button-simple--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--regular][rounded]:before, [sws-button-simple--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--regular][rounded]:hover:before, [sws-button-simple--regular][rounded]:focus:before, [sws-button-simple--regular].rounded:hover:before, [sws-button-simple--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--regular]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--regular]div, [sws-button-simple--regular]a {
        line-height: 36px
    }

    [sws-button-simple--regular]:hover {
        border-color: #5f6268;
        background-color: #5f6268
    }

    [sws-button-simple--regular]:focus, [sws-button-simple--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--regular-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button-simple--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--regular-lg]:hover:before, [sws-button-simple--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--regular-lg][rounded]:before, [sws-button-simple--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--regular-lg][rounded]:hover:before, [sws-button-simple--regular-lg][rounded]:focus:before, [sws-button-simple--regular-lg].rounded:hover:before, [sws-button-simple--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--regular-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--regular-lg]div, [sws-button-simple--regular-lg]a {
        line-height: 36px
    }

    [sws-button-simple--regular-lg]:hover {
        border-color: #5f6268;
        background-color: #5f6268
    }

    [sws-button-simple--regular-lg]:focus, [sws-button-simple--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--regular-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-button-simple--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--regular-sm]:hover:before, [sws-button-simple--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--regular-sm][rounded]:before, [sws-button-simple--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--regular-sm][rounded]:hover:before, [sws-button-simple--regular-sm][rounded]:focus:before, [sws-button-simple--regular-sm].rounded:hover:before, [sws-button-simple--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--regular-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--regular-sm]div, [sws-button-simple--regular-sm]a {
        line-height: 36px
    }

div[sws-button-simple--regular-sm], a[sws-button-simple--regular-sm] {
    line-height: 26px
}

[sws-button-simple--regular-sm]:hover {
    border-color: #5f6268;
    background-color: #5f6268
}

[sws-button-simple--regular-sm]:focus, [sws-button-simple--regular-sm]:active {
    border-color: #575a5f;
    background-color: #575a5f;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--light] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button-simple--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--light]:hover:before, [sws-button-simple--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--light][rounded]:before, [sws-button-simple--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--light][rounded]:hover:before, [sws-button-simple--light][rounded]:focus:before, [sws-button-simple--light].rounded:hover:before, [sws-button-simple--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--light]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--light]div, [sws-button-simple--light]a {
        line-height: 36px
    }

    [sws-button-simple--light]:hover {
        border-color: #c2c5c6;
        background-color: #c2c5c6
    }

    [sws-button-simple--light]:focus, [sws-button-simple--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--light-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button-simple--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--light-lg]:hover:before, [sws-button-simple--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--light-lg][rounded]:before, [sws-button-simple--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--light-lg][rounded]:hover:before, [sws-button-simple--light-lg][rounded]:focus:before, [sws-button-simple--light-lg].rounded:hover:before, [sws-button-simple--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--light-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--light-lg]div, [sws-button-simple--light-lg]a {
        line-height: 36px
    }

    [sws-button-simple--light-lg]:hover {
        border-color: #c2c5c6;
        background-color: #c2c5c6
    }

    [sws-button-simple--light-lg]:focus, [sws-button-simple--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--light-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-button-simple--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--light-sm]:hover:before, [sws-button-simple--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--light-sm][rounded]:before, [sws-button-simple--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--light-sm][rounded]:hover:before, [sws-button-simple--light-sm][rounded]:focus:before, [sws-button-simple--light-sm].rounded:hover:before, [sws-button-simple--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--light-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--light-sm]div, [sws-button-simple--light-sm]a {
        line-height: 36px
    }

div[sws-button-simple--light-sm], a[sws-button-simple--light-sm] {
    line-height: 26px
}

[sws-button-simple--light-sm]:hover {
    border-color: #c2c5c6;
    background-color: #c2c5c6
}

[sws-button-simple--light-sm]:focus, [sws-button-simple--light-sm]:active {
    border-color: #b1b4b5;
    background-color: #b1b4b5;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--dark] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button-simple--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--dark]:hover:before, [sws-button-simple--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--dark][rounded]:before, [sws-button-simple--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--dark][rounded]:hover:before, [sws-button-simple--dark][rounded]:focus:before, [sws-button-simple--dark].rounded:hover:before, [sws-button-simple--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--dark]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--dark]div, [sws-button-simple--dark]a {
        line-height: 36px
    }

    [sws-button-simple--dark]:hover {
        border-color: #1c1c1c;
        background-color: #1c1c1c
    }

    [sws-button-simple--dark]:focus, [sws-button-simple--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--dark-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button-simple--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--dark-lg]:hover:before, [sws-button-simple--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--dark-lg][rounded]:before, [sws-button-simple--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--dark-lg][rounded]:hover:before, [sws-button-simple--dark-lg][rounded]:focus:before, [sws-button-simple--dark-lg].rounded:hover:before, [sws-button-simple--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--dark-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--dark-lg]div, [sws-button-simple--dark-lg]a {
        line-height: 36px
    }

    [sws-button-simple--dark-lg]:hover {
        border-color: #1c1c1c;
        background-color: #1c1c1c
    }

    [sws-button-simple--dark-lg]:focus, [sws-button-simple--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--dark-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-button-simple--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--dark-sm]:hover:before, [sws-button-simple--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--dark-sm][rounded]:before, [sws-button-simple--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--dark-sm][rounded]:hover:before, [sws-button-simple--dark-sm][rounded]:focus:before, [sws-button-simple--dark-sm].rounded:hover:before, [sws-button-simple--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--dark-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--dark-sm]div, [sws-button-simple--dark-sm]a {
        line-height: 36px
    }

div[sws-button-simple--dark-sm], a[sws-button-simple--dark-sm] {
    line-height: 26px
}

[sws-button-simple--dark-sm]:hover {
    border-color: #1c1c1c;
    background-color: #1c1c1c
}

[sws-button-simple--dark-sm]:focus, [sws-button-simple--dark-sm]:active {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

[sws-button-simple--jet] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button-simple--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--jet]:hover:before, [sws-button-simple--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--jet][rounded]:before, [sws-button-simple--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--jet][rounded]:hover:before, [sws-button-simple--jet][rounded]:focus:before, [sws-button-simple--jet].rounded:hover:before, [sws-button-simple--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--jet]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--jet]div, [sws-button-simple--jet]a {
        line-height: 36px
    }

    [sws-button-simple--jet]:hover {
        border-color: #323232;
        background-color: #323232
    }

    [sws-button-simple--jet]:focus, [sws-button-simple--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--jet-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button-simple--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--jet-lg]:hover:before, [sws-button-simple--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--jet-lg][rounded]:before, [sws-button-simple--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--jet-lg][rounded]:hover:before, [sws-button-simple--jet-lg][rounded]:focus:before, [sws-button-simple--jet-lg].rounded:hover:before, [sws-button-simple--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--jet-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--jet-lg]div, [sws-button-simple--jet-lg]a {
        line-height: 36px
    }

    [sws-button-simple--jet-lg]:hover {
        border-color: #323232;
        background-color: #323232
    }

    [sws-button-simple--jet-lg]:focus, [sws-button-simple--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
    }

[sws-button-simple--jet-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-button-simple--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-simple--jet-sm]:hover:before, [sws-button-simple--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-simple--jet-sm][rounded]:before, [sws-button-simple--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-simple--jet-sm][rounded]:hover:before, [sws-button-simple--jet-sm][rounded]:focus:before, [sws-button-simple--jet-sm].rounded:hover:before, [sws-button-simple--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-simple--jet-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-simple--jet-sm]div, [sws-button-simple--jet-sm]a {
        line-height: 36px
    }

div[sws-button-simple--jet-sm], a[sws-button-simple--jet-sm] {
    line-height: 26px
}

[sws-button-simple--jet-sm]:hover {
    border-color: #323232;
    background-color: #323232
}

[sws-button-simple--jet-sm]:focus, [sws-button-simple--jet-sm]:active {
    border-color: #2e2e2e;
    background-color: #2e2e2e;
    box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.2)
}

button.disabled, button[disabled] {
    pointer-events: none;
    background-color: #c6c6c7 !important;
    border-color: #c6c6c7 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e5e5e !important;
    opacity: 0.7;
    cursor: default
}

.rounded, [rounded] {
    border-radius: 36px !important;
    outline: none !important
}

    .rounded:before, [rounded]:before {
        border-radius: 36px;
        border-top: 1px solid transparent !important;
        border-left: 1px solid transparent !important
    }

    .rounded:after, [rounded]:after {
        border-radius: 36px;
        left: -2px;
        top: -1px
    }

[sws-icon--primary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-icon--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--primary]:hover:before, [sws-icon--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--primary][rounded]:before, [sws-icon--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--primary][rounded]:hover:before, [sws-icon--primary][rounded]:focus:before, [sws-icon--primary].rounded:hover:before, [sws-icon--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--primary][rounded]:before, [sws-icon--primary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--primary][rounded]:after, [sws-icon--primary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon--primary]:focus:after, [sws-icon--primary]:active:after {
        opacity: .45
    }

    [sws-icon--primary]:before {
        border-color: #006aaf
    }

    [sws-icon--primary]:hover {
        border-color: #006aaf;
        background-color: #006aaf
    }

    [sws-icon--primary]:focus, [sws-icon--primary]:active {
        border-color: #005b95;
        background-color: #005b95
    }

        [sws-icon--primary]:focus:before, [sws-icon--primary]:active:before {
            border-color: #005b95
        }

[sws-icon--primary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-icon--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--primary-lg]:hover:before, [sws-icon--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--primary-lg][rounded]:before, [sws-icon--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--primary-lg][rounded]:hover:before, [sws-icon--primary-lg][rounded]:focus:before, [sws-icon--primary-lg].rounded:hover:before, [sws-icon--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--primary-lg][rounded]:before, [sws-icon--primary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--primary-lg][rounded]:after, [sws-icon--primary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon--primary-lg]:focus:after, [sws-icon--primary-lg]:active:after {
        opacity: .45
    }

    [sws-icon--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-icon--primary-lg]:hover {
        border-color: #006aaf;
        background-color: #006aaf
    }

    [sws-icon--primary-lg]:focus, [sws-icon--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95
    }

        [sws-icon--primary-lg]:focus:before, [sws-icon--primary-lg]:active:before {
            border-color: #005b95
        }

[sws-icon--primary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #0079C7;
    border-color: #0079C7;
    color: #fff
}

    [sws-icon--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--primary-sm]:hover:before, [sws-icon--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--primary-sm][rounded]:before, [sws-icon--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--primary-sm][rounded]:hover:before, [sws-icon--primary-sm][rounded]:focus:before, [sws-icon--primary-sm].rounded:hover:before, [sws-icon--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--primary-sm][rounded]:before, [sws-icon--primary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--primary-sm][rounded]:after, [sws-icon--primary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--primary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon--primary-sm]:focus:after, [sws-icon--primary-sm]:active:after {
        opacity: .45
    }

    [sws-icon--primary-sm]:before {
        border-color: #006aaf
    }

    [sws-icon--primary-sm]:hover {
        border-color: #006aaf;
        background-color: #006aaf
    }

    [sws-icon--primary-sm]:focus, [sws-icon--primary-sm]:active {
        border-color: #005b95;
        background-color: #005b95
    }

        [sws-icon--primary-sm]:focus:before, [sws-icon--primary-sm]:active:before {
            border-color: #005b95
        }

[sws-icon--secondary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-icon--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--secondary]:hover:before, [sws-icon--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--secondary][rounded]:before, [sws-icon--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--secondary][rounded]:hover:before, [sws-icon--secondary][rounded]:focus:before, [sws-icon--secondary].rounded:hover:before, [sws-icon--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--secondary][rounded]:before, [sws-icon--secondary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--secondary][rounded]:after, [sws-icon--secondary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon--secondary]:focus:after, [sws-icon--secondary]:active:after {
        opacity: .45
    }

    [sws-icon--secondary]:before {
        border-color: #04756b
    }

    [sws-icon--secondary]:hover {
        border-color: #04756b;
        background-color: #04756b
    }

    [sws-icon--secondary]:focus, [sws-icon--secondary]:active {
        border-color: #04645c;
        background-color: #04645c
    }

        [sws-icon--secondary]:focus:before, [sws-icon--secondary]:active:before {
            border-color: #04645c
        }

[sws-icon--secondary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-icon--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--secondary-lg]:hover:before, [sws-icon--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--secondary-lg][rounded]:before, [sws-icon--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--secondary-lg][rounded]:hover:before, [sws-icon--secondary-lg][rounded]:focus:before, [sws-icon--secondary-lg].rounded:hover:before, [sws-icon--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--secondary-lg][rounded]:before, [sws-icon--secondary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--secondary-lg][rounded]:after, [sws-icon--secondary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon--secondary-lg]:focus:after, [sws-icon--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-icon--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-icon--secondary-lg]:hover {
        border-color: #04756b;
        background-color: #04756b
    }

    [sws-icon--secondary-lg]:focus, [sws-icon--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c
    }

        [sws-icon--secondary-lg]:focus:before, [sws-icon--secondary-lg]:active:before {
            border-color: #04645c
        }

[sws-icon--secondary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #05857A;
    border-color: #05857A;
    color: #fff
}

    [sws-icon--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--secondary-sm]:hover:before, [sws-icon--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--secondary-sm][rounded]:before, [sws-icon--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--secondary-sm][rounded]:hover:before, [sws-icon--secondary-sm][rounded]:focus:before, [sws-icon--secondary-sm].rounded:hover:before, [sws-icon--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--secondary-sm][rounded]:before, [sws-icon--secondary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--secondary-sm][rounded]:after, [sws-icon--secondary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--secondary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon--secondary-sm]:focus:after, [sws-icon--secondary-sm]:active:after {
        opacity: .45
    }

    [sws-icon--secondary-sm]:before {
        border-color: #04756b
    }

    [sws-icon--secondary-sm]:hover {
        border-color: #04756b;
        background-color: #04756b
    }

    [sws-icon--secondary-sm]:focus, [sws-icon--secondary-sm]:active {
        border-color: #04645c;
        background-color: #04645c
    }

        [sws-icon--secondary-sm]:focus:before, [sws-icon--secondary-sm]:active:before {
            border-color: #04645c
        }

[sws-icon--success] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-icon--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--success]:hover:before, [sws-icon--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--success][rounded]:before, [sws-icon--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--success][rounded]:hover:before, [sws-icon--success][rounded]:focus:before, [sws-icon--success].rounded:hover:before, [sws-icon--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--success][rounded]:before, [sws-icon--success].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--success][rounded]:after, [sws-icon--success].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon--success]:focus:after, [sws-icon--success]:active:after {
        opacity: .45
    }

    [sws-icon--success]:before {
        border-color: #383
    }

    [sws-icon--success]:hover {
        border-color: #383;
        background-color: #383
    }

    [sws-icon--success]:focus, [sws-icon--success]:active {
        border-color: #2c742c;
        background-color: #2c742c
    }

        [sws-icon--success]:focus:before, [sws-icon--success]:active:before {
            border-color: #2c742c
        }

[sws-icon--success-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-icon--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--success-lg]:hover:before, [sws-icon--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--success-lg][rounded]:before, [sws-icon--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--success-lg][rounded]:hover:before, [sws-icon--success-lg][rounded]:focus:before, [sws-icon--success-lg].rounded:hover:before, [sws-icon--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--success-lg][rounded]:before, [sws-icon--success-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--success-lg][rounded]:after, [sws-icon--success-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon--success-lg]:focus:after, [sws-icon--success-lg]:active:after {
        opacity: .45
    }

    [sws-icon--success-lg]:before {
        border-color: #383
    }

    [sws-icon--success-lg]:hover {
        border-color: #383;
        background-color: #383
    }

    [sws-icon--success-lg]:focus, [sws-icon--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c
    }

        [sws-icon--success-lg]:focus:before, [sws-icon--success-lg]:active:before {
            border-color: #2c742c
        }

[sws-icon--success-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #3A9A3A;
    border-color: #3A9A3A;
    color: #fff
}

    [sws-icon--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--success-sm]:hover:before, [sws-icon--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--success-sm][rounded]:before, [sws-icon--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--success-sm][rounded]:hover:before, [sws-icon--success-sm][rounded]:focus:before, [sws-icon--success-sm].rounded:hover:before, [sws-icon--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--success-sm][rounded]:before, [sws-icon--success-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--success-sm][rounded]:after, [sws-icon--success-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--success-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon--success-sm]:focus:after, [sws-icon--success-sm]:active:after {
        opacity: .45
    }

    [sws-icon--success-sm]:before {
        border-color: #383
    }

    [sws-icon--success-sm]:hover {
        border-color: #383;
        background-color: #383
    }

    [sws-icon--success-sm]:focus, [sws-icon--success-sm]:active {
        border-color: #2c742c;
        background-color: #2c742c
    }

        [sws-icon--success-sm]:focus:before, [sws-icon--success-sm]:active:before {
            border-color: #2c742c
        }

[sws-icon--warning] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-icon--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--warning]:hover:before, [sws-icon--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--warning][rounded]:before, [sws-icon--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--warning][rounded]:hover:before, [sws-icon--warning][rounded]:focus:before, [sws-icon--warning].rounded:hover:before, [sws-icon--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--warning][rounded]:before, [sws-icon--warning].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--warning][rounded]:after, [sws-icon--warning].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon--warning]:focus:after, [sws-icon--warning]:active:after {
        opacity: .45
    }

    [sws-icon--warning]:before {
        border-color: #d88b10
    }

    [sws-icon--warning]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-icon--warning]:focus, [sws-icon--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e
    }

        [sws-icon--warning]:focus:before, [sws-icon--warning]:active:before {
            border-color: #c57f0e
        }

[sws-icon--warning-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-icon--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--warning-lg]:hover:before, [sws-icon--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--warning-lg][rounded]:before, [sws-icon--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--warning-lg][rounded]:hover:before, [sws-icon--warning-lg][rounded]:focus:before, [sws-icon--warning-lg].rounded:hover:before, [sws-icon--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--warning-lg][rounded]:before, [sws-icon--warning-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--warning-lg][rounded]:after, [sws-icon--warning-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon--warning-lg]:focus:after, [sws-icon--warning-lg]:active:after {
        opacity: .45
    }

    [sws-icon--warning-lg]:before {
        border-color: #d88b10
    }

    [sws-icon--warning-lg]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-icon--warning-lg]:focus, [sws-icon--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e
    }

        [sws-icon--warning-lg]:focus:before, [sws-icon--warning-lg]:active:before {
            border-color: #c57f0e
        }

[sws-icon--warning-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #EB9711;
    border-color: #EB9711;
    color: #fff
}

    [sws-icon--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--warning-sm]:hover:before, [sws-icon--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--warning-sm][rounded]:before, [sws-icon--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--warning-sm][rounded]:hover:before, [sws-icon--warning-sm][rounded]:focus:before, [sws-icon--warning-sm].rounded:hover:before, [sws-icon--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--warning-sm][rounded]:before, [sws-icon--warning-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--warning-sm][rounded]:after, [sws-icon--warning-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--warning-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon--warning-sm]:focus:after, [sws-icon--warning-sm]:active:after {
        opacity: .45
    }

    [sws-icon--warning-sm]:before {
        border-color: #d88b10
    }

    [sws-icon--warning-sm]:hover {
        border-color: #d88b10;
        background-color: #d88b10
    }

    [sws-icon--warning-sm]:focus, [sws-icon--warning-sm]:active {
        border-color: #c57f0e;
        background-color: #c57f0e
    }

        [sws-icon--warning-sm]:focus:before, [sws-icon--warning-sm]:active:before {
            border-color: #c57f0e
        }

[sws-icon--danger] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-icon--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--danger]:hover:before, [sws-icon--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--danger][rounded]:before, [sws-icon--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--danger][rounded]:hover:before, [sws-icon--danger][rounded]:focus:before, [sws-icon--danger].rounded:hover:before, [sws-icon--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--danger][rounded]:before, [sws-icon--danger].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--danger][rounded]:after, [sws-icon--danger].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon--danger]:focus:after, [sws-icon--danger]:active:after {
        opacity: .45
    }

    [sws-icon--danger]:before {
        border-color: #bf4946
    }

    [sws-icon--danger]:hover {
        border-color: #bf4946;
        background-color: #bf4946
    }

    [sws-icon--danger]:focus, [sws-icon--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b
    }

        [sws-icon--danger]:focus:before, [sws-icon--danger]:active:before {
            border-color: #a33e3b
        }

[sws-icon--danger-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-icon--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--danger-lg]:hover:before, [sws-icon--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--danger-lg][rounded]:before, [sws-icon--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--danger-lg][rounded]:hover:before, [sws-icon--danger-lg][rounded]:focus:before, [sws-icon--danger-lg].rounded:hover:before, [sws-icon--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--danger-lg][rounded]:before, [sws-icon--danger-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--danger-lg][rounded]:after, [sws-icon--danger-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon--danger-lg]:focus:after, [sws-icon--danger-lg]:active:after {
        opacity: .45
    }

    [sws-icon--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-icon--danger-lg]:hover {
        border-color: #bf4946;
        background-color: #bf4946
    }

    [sws-icon--danger-lg]:focus, [sws-icon--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b
    }

        [sws-icon--danger-lg]:focus:before, [sws-icon--danger-lg]:active:before {
            border-color: #a33e3b
        }

[sws-icon--danger-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff
}

    [sws-icon--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--danger-sm]:hover:before, [sws-icon--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--danger-sm][rounded]:before, [sws-icon--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--danger-sm][rounded]:hover:before, [sws-icon--danger-sm][rounded]:focus:before, [sws-icon--danger-sm].rounded:hover:before, [sws-icon--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--danger-sm][rounded]:before, [sws-icon--danger-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--danger-sm][rounded]:after, [sws-icon--danger-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--danger-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon--danger-sm]:focus:after, [sws-icon--danger-sm]:active:after {
        opacity: .45
    }

    [sws-icon--danger-sm]:before {
        border-color: #bf4946
    }

    [sws-icon--danger-sm]:hover {
        border-color: #bf4946;
        background-color: #bf4946
    }

    [sws-icon--danger-sm]:focus, [sws-icon--danger-sm]:active {
        border-color: #a33e3b;
        background-color: #a33e3b
    }

        [sws-icon--danger-sm]:focus:before, [sws-icon--danger-sm]:active:before {
            border-color: #a33e3b
        }

[sws-icon--regular] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-icon--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--regular]:hover:before, [sws-icon--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--regular][rounded]:before, [sws-icon--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--regular][rounded]:hover:before, [sws-icon--regular][rounded]:focus:before, [sws-icon--regular].rounded:hover:before, [sws-icon--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--regular][rounded]:before, [sws-icon--regular].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--regular][rounded]:after, [sws-icon--regular].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon--regular]:focus:after, [sws-icon--regular]:active:after {
        opacity: .45
    }

    [sws-icon--regular]:before {
        border-color: #666a70
    }

    [sws-icon--regular]:hover {
        border-color: #666a70;
        background-color: #666a70
    }

    [sws-icon--regular]:focus, [sws-icon--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f
    }

        [sws-icon--regular]:focus:before, [sws-icon--regular]:active:before {
            border-color: #575a5f
        }

[sws-icon--regular-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-icon--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--regular-lg]:hover:before, [sws-icon--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--regular-lg][rounded]:before, [sws-icon--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--regular-lg][rounded]:hover:before, [sws-icon--regular-lg][rounded]:focus:before, [sws-icon--regular-lg].rounded:hover:before, [sws-icon--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--regular-lg][rounded]:before, [sws-icon--regular-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--regular-lg][rounded]:after, [sws-icon--regular-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon--regular-lg]:focus:after, [sws-icon--regular-lg]:active:after {
        opacity: .45
    }

    [sws-icon--regular-lg]:before {
        border-color: #666a70
    }

    [sws-icon--regular-lg]:hover {
        border-color: #666a70;
        background-color: #666a70
    }

    [sws-icon--regular-lg]:focus, [sws-icon--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f
    }

        [sws-icon--regular-lg]:focus:before, [sws-icon--regular-lg]:active:before {
            border-color: #575a5f
        }

[sws-icon--regular-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #74787F;
    border-color: #74787F;
    color: #fff
}

    [sws-icon--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--regular-sm]:hover:before, [sws-icon--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--regular-sm][rounded]:before, [sws-icon--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--regular-sm][rounded]:hover:before, [sws-icon--regular-sm][rounded]:focus:before, [sws-icon--regular-sm].rounded:hover:before, [sws-icon--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--regular-sm][rounded]:before, [sws-icon--regular-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--regular-sm][rounded]:after, [sws-icon--regular-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--regular-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon--regular-sm]:focus:after, [sws-icon--regular-sm]:active:after {
        opacity: .45
    }

    [sws-icon--regular-sm]:before {
        border-color: #666a70
    }

    [sws-icon--regular-sm]:hover {
        border-color: #666a70;
        background-color: #666a70
    }

    [sws-icon--regular-sm]:focus, [sws-icon--regular-sm]:active {
        border-color: #575a5f;
        background-color: #575a5f
    }

        [sws-icon--regular-sm]:focus:before, [sws-icon--regular-sm]:active:before {
            border-color: #575a5f
        }

[sws-icon--light] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-icon--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--light]:hover:before, [sws-icon--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--light][rounded]:before, [sws-icon--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--light][rounded]:hover:before, [sws-icon--light][rounded]:focus:before, [sws-icon--light].rounded:hover:before, [sws-icon--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--light][rounded]:before, [sws-icon--light].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--light][rounded]:after, [sws-icon--light].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon--light]:focus:after, [sws-icon--light]:active:after {
        opacity: .45
    }

    [sws-icon--light]:before {
        border-color: #d0d3d4
    }

    [sws-icon--light]:hover {
        border-color: #d0d3d4;
        background-color: #d0d3d4
    }

    [sws-icon--light]:focus, [sws-icon--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5
    }

        [sws-icon--light]:focus:before, [sws-icon--light]:active:before {
            border-color: #b1b4b5
        }

[sws-icon--light-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-icon--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--light-lg]:hover:before, [sws-icon--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--light-lg][rounded]:before, [sws-icon--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--light-lg][rounded]:hover:before, [sws-icon--light-lg][rounded]:focus:before, [sws-icon--light-lg].rounded:hover:before, [sws-icon--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--light-lg][rounded]:before, [sws-icon--light-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--light-lg][rounded]:after, [sws-icon--light-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon--light-lg]:focus:after, [sws-icon--light-lg]:active:after {
        opacity: .45
    }

    [sws-icon--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-icon--light-lg]:hover {
        border-color: #d0d3d4;
        background-color: #d0d3d4
    }

    [sws-icon--light-lg]:focus, [sws-icon--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5
    }

        [sws-icon--light-lg]:focus:before, [sws-icon--light-lg]:active:before {
            border-color: #b1b4b5
        }

[sws-icon--light-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #fff;
    color: #222
}

    [sws-icon--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--light-sm]:hover:before, [sws-icon--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--light-sm][rounded]:before, [sws-icon--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--light-sm][rounded]:hover:before, [sws-icon--light-sm][rounded]:focus:before, [sws-icon--light-sm].rounded:hover:before, [sws-icon--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--light-sm][rounded]:before, [sws-icon--light-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--light-sm][rounded]:after, [sws-icon--light-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--light-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon--light-sm]:focus:after, [sws-icon--light-sm]:active:after {
        opacity: .45
    }

    [sws-icon--light-sm]:before {
        border-color: #d0d3d4
    }

    [sws-icon--light-sm]:hover {
        border-color: #d0d3d4;
        background-color: #d0d3d4
    }

    [sws-icon--light-sm]:focus, [sws-icon--light-sm]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5
    }

        [sws-icon--light-sm]:focus:before, [sws-icon--light-sm]:active:before {
            border-color: #b1b4b5
        }

[sws-icon--dark] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-icon--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--dark]:hover:before, [sws-icon--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--dark][rounded]:before, [sws-icon--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--dark][rounded]:hover:before, [sws-icon--dark][rounded]:focus:before, [sws-icon--dark].rounded:hover:before, [sws-icon--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--dark][rounded]:before, [sws-icon--dark].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--dark][rounded]:after, [sws-icon--dark].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon--dark]:focus:after, [sws-icon--dark]:active:after {
        opacity: .45
    }

    [sws-icon--dark]:before {
        border-color: #1e1e1e
    }

    [sws-icon--dark]:hover {
        border-color: #1e1e1e;
        background-color: #1e1e1e
    }

    [sws-icon--dark]:focus, [sws-icon--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a
    }

        [sws-icon--dark]:focus:before, [sws-icon--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-icon--dark-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-icon--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--dark-lg]:hover:before, [sws-icon--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--dark-lg][rounded]:before, [sws-icon--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--dark-lg][rounded]:hover:before, [sws-icon--dark-lg][rounded]:focus:before, [sws-icon--dark-lg].rounded:hover:before, [sws-icon--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--dark-lg][rounded]:before, [sws-icon--dark-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--dark-lg][rounded]:after, [sws-icon--dark-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon--dark-lg]:focus:after, [sws-icon--dark-lg]:active:after {
        opacity: .45
    }

    [sws-icon--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-icon--dark-lg]:hover {
        border-color: #1e1e1e;
        background-color: #1e1e1e
    }

    [sws-icon--dark-lg]:focus, [sws-icon--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a
    }

        [sws-icon--dark-lg]:focus:before, [sws-icon--dark-lg]:active:before {
            border-color: #1a1a1a
        }

[sws-icon--dark-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #222;
    border-color: #222;
    color: #fff
}

    [sws-icon--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--dark-sm]:hover:before, [sws-icon--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--dark-sm][rounded]:before, [sws-icon--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--dark-sm][rounded]:hover:before, [sws-icon--dark-sm][rounded]:focus:before, [sws-icon--dark-sm].rounded:hover:before, [sws-icon--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--dark-sm][rounded]:before, [sws-icon--dark-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--dark-sm][rounded]:after, [sws-icon--dark-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--dark-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon--dark-sm]:focus:after, [sws-icon--dark-sm]:active:after {
        opacity: .45
    }

    [sws-icon--dark-sm]:before {
        border-color: #1e1e1e
    }

    [sws-icon--dark-sm]:hover {
        border-color: #1e1e1e;
        background-color: #1e1e1e
    }

    [sws-icon--dark-sm]:focus, [sws-icon--dark-sm]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a
    }

        [sws-icon--dark-sm]:focus:before, [sws-icon--dark-sm]:active:before {
            border-color: #1a1a1a
        }

[sws-icon--jet] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-icon--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--jet]:hover:before, [sws-icon--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--jet][rounded]:before, [sws-icon--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--jet][rounded]:hover:before, [sws-icon--jet][rounded]:focus:before, [sws-icon--jet].rounded:hover:before, [sws-icon--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--jet][rounded]:before, [sws-icon--jet].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--jet][rounded]:after, [sws-icon--jet].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon--jet]:focus:after, [sws-icon--jet]:active:after {
        opacity: .45
    }

    [sws-icon--jet]:before {
        border-color: #363636
    }

    [sws-icon--jet]:hover {
        border-color: #363636;
        background-color: #363636
    }

    [sws-icon--jet]:focus, [sws-icon--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e
    }

        [sws-icon--jet]:focus:before, [sws-icon--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-icon--jet-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-icon--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--jet-lg]:hover:before, [sws-icon--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--jet-lg][rounded]:before, [sws-icon--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--jet-lg][rounded]:hover:before, [sws-icon--jet-lg][rounded]:focus:before, [sws-icon--jet-lg].rounded:hover:before, [sws-icon--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--jet-lg][rounded]:before, [sws-icon--jet-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--jet-lg][rounded]:after, [sws-icon--jet-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon--jet-lg]:focus:after, [sws-icon--jet-lg]:active:after {
        opacity: .45
    }

    [sws-icon--jet-lg]:before {
        border-color: #363636
    }

    [sws-icon--jet-lg]:hover {
        border-color: #363636;
        background-color: #363636
    }

    [sws-icon--jet-lg]:focus, [sws-icon--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e
    }

        [sws-icon--jet-lg]:focus:before, [sws-icon--jet-lg]:active:before {
            border-color: #2e2e2e
        }

[sws-icon--jet-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

    [sws-icon--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon--jet-sm]:hover:before, [sws-icon--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon--jet-sm][rounded]:before, [sws-icon--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon--jet-sm][rounded]:hover:before, [sws-icon--jet-sm][rounded]:focus:before, [sws-icon--jet-sm].rounded:hover:before, [sws-icon--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon--jet-sm][rounded]:before, [sws-icon--jet-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon--jet-sm][rounded]:after, [sws-icon--jet-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon--jet-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon--jet-sm]:focus:after, [sws-icon--jet-sm]:active:after {
        opacity: .45
    }

    [sws-icon--jet-sm]:before {
        border-color: #363636
    }

    [sws-icon--jet-sm]:hover {
        border-color: #363636;
        background-color: #363636
    }

    [sws-icon--jet-sm]:focus, [sws-icon--jet-sm]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e
    }

        [sws-icon--jet-sm]:focus:before, [sws-icon--jet-sm]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-flat--primary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-icon-flat--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--primary]:hover:before, [sws-icon-flat--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--primary][rounded]:before, [sws-icon-flat--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--primary][rounded]:hover:before, [sws-icon-flat--primary][rounded]:focus:before, [sws-icon-flat--primary].rounded:hover:before, [sws-icon-flat--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--primary][rounded]:before, [sws-icon-flat--primary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--primary][rounded]:after, [sws-icon-flat--primary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-flat--primary]:focus:after, [sws-icon-flat--primary]:active:after {
        opacity: .45
    }

    [sws-icon-flat--primary]:hover {
        background-color: transparent;
        border-color: #006aaf
    }

    [sws-icon-flat--primary]:before {
        border-color: #006aaf
    }

    [sws-icon-flat--primary]:focus, [sws-icon-flat--primary]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-flat--primary]:focus:before, [sws-icon-flat--primary]:active:before {
            border-color: #005b95
        }

[sws-icon-flat--primary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-icon-flat--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--primary-lg]:hover:before, [sws-icon-flat--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--primary-lg][rounded]:before, [sws-icon-flat--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--primary-lg][rounded]:hover:before, [sws-icon-flat--primary-lg][rounded]:focus:before, [sws-icon-flat--primary-lg].rounded:hover:before, [sws-icon-flat--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--primary-lg][rounded]:before, [sws-icon-flat--primary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--primary-lg][rounded]:after, [sws-icon-flat--primary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-flat--primary-lg]:focus:after, [sws-icon-flat--primary-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--primary-lg]:hover {
        background-color: transparent;
        border-color: #006aaf
    }

    [sws-icon-flat--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-icon-flat--primary-lg]:focus, [sws-icon-flat--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-flat--primary-lg]:focus:before, [sws-icon-flat--primary-lg]:active:before {
            border-color: #005b95
        }

[sws-icon-flat--primary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #00619f
}

    [sws-icon-flat--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--primary-sm]:hover:before, [sws-icon-flat--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--primary-sm][rounded]:before, [sws-icon-flat--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--primary-sm][rounded]:hover:before, [sws-icon-flat--primary-sm][rounded]:focus:before, [sws-icon-flat--primary-sm].rounded:hover:before, [sws-icon-flat--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--primary-sm][rounded]:before, [sws-icon-flat--primary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--primary-sm][rounded]:after, [sws-icon-flat--primary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--primary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-flat--primary-sm]:focus:after, [sws-icon-flat--primary-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--primary-sm]:hover {
        background-color: transparent;
        border-color: #006aaf
    }

    [sws-icon-flat--primary-sm]:before {
        border-color: #006aaf
    }

    [sws-icon-flat--primary-sm]:focus, [sws-icon-flat--primary-sm]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-flat--primary-sm]:focus:before, [sws-icon-flat--primary-sm]:active:before {
            border-color: #005b95
        }

[sws-icon-flat--secondary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-icon-flat--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--secondary]:hover:before, [sws-icon-flat--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--secondary][rounded]:before, [sws-icon-flat--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--secondary][rounded]:hover:before, [sws-icon-flat--secondary][rounded]:focus:before, [sws-icon-flat--secondary].rounded:hover:before, [sws-icon-flat--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--secondary][rounded]:before, [sws-icon-flat--secondary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--secondary][rounded]:after, [sws-icon-flat--secondary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-flat--secondary]:focus:after, [sws-icon-flat--secondary]:active:after {
        opacity: .45
    }

    [sws-icon-flat--secondary]:hover {
        background-color: transparent;
        border-color: #04756b
    }

    [sws-icon-flat--secondary]:before {
        border-color: #04756b
    }

    [sws-icon-flat--secondary]:focus, [sws-icon-flat--secondary]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-flat--secondary]:focus:before, [sws-icon-flat--secondary]:active:before {
            border-color: #04645c
        }

[sws-icon-flat--secondary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-icon-flat--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--secondary-lg]:hover:before, [sws-icon-flat--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--secondary-lg][rounded]:before, [sws-icon-flat--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--secondary-lg][rounded]:hover:before, [sws-icon-flat--secondary-lg][rounded]:focus:before, [sws-icon-flat--secondary-lg].rounded:hover:before, [sws-icon-flat--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--secondary-lg][rounded]:before, [sws-icon-flat--secondary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--secondary-lg][rounded]:after, [sws-icon-flat--secondary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-flat--secondary-lg]:focus:after, [sws-icon-flat--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--secondary-lg]:hover {
        background-color: transparent;
        border-color: #04756b
    }

    [sws-icon-flat--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-icon-flat--secondary-lg]:focus, [sws-icon-flat--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-flat--secondary-lg]:focus:before, [sws-icon-flat--secondary-lg]:active:before {
            border-color: #04645c
        }

[sws-icon-flat--secondary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #046a62
}

    [sws-icon-flat--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--secondary-sm]:hover:before, [sws-icon-flat--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--secondary-sm][rounded]:before, [sws-icon-flat--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--secondary-sm][rounded]:hover:before, [sws-icon-flat--secondary-sm][rounded]:focus:before, [sws-icon-flat--secondary-sm].rounded:hover:before, [sws-icon-flat--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--secondary-sm][rounded]:before, [sws-icon-flat--secondary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--secondary-sm][rounded]:after, [sws-icon-flat--secondary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--secondary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-flat--secondary-sm]:focus:after, [sws-icon-flat--secondary-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--secondary-sm]:hover {
        background-color: transparent;
        border-color: #04756b
    }

    [sws-icon-flat--secondary-sm]:before {
        border-color: #04756b
    }

    [sws-icon-flat--secondary-sm]:focus, [sws-icon-flat--secondary-sm]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-flat--secondary-sm]:focus:before, [sws-icon-flat--secondary-sm]:active:before {
            border-color: #04645c
        }

[sws-icon-flat--success] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-icon-flat--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--success]:hover:before, [sws-icon-flat--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--success][rounded]:before, [sws-icon-flat--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--success][rounded]:hover:before, [sws-icon-flat--success][rounded]:focus:before, [sws-icon-flat--success].rounded:hover:before, [sws-icon-flat--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--success][rounded]:before, [sws-icon-flat--success].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--success][rounded]:after, [sws-icon-flat--success].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-flat--success]:focus:after, [sws-icon-flat--success]:active:after {
        opacity: .45
    }

    [sws-icon-flat--success]:hover {
        background-color: transparent;
        border-color: #383
    }

    [sws-icon-flat--success]:before {
        border-color: #383
    }

    [sws-icon-flat--success]:focus, [sws-icon-flat--success]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-flat--success]:focus:before, [sws-icon-flat--success]:active:before {
            border-color: #2c742c
        }

[sws-icon-flat--success-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-icon-flat--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--success-lg]:hover:before, [sws-icon-flat--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--success-lg][rounded]:before, [sws-icon-flat--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--success-lg][rounded]:hover:before, [sws-icon-flat--success-lg][rounded]:focus:before, [sws-icon-flat--success-lg].rounded:hover:before, [sws-icon-flat--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--success-lg][rounded]:before, [sws-icon-flat--success-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--success-lg][rounded]:after, [sws-icon-flat--success-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-flat--success-lg]:focus:after, [sws-icon-flat--success-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--success-lg]:hover {
        background-color: transparent;
        border-color: #383
    }

    [sws-icon-flat--success-lg]:before {
        border-color: #383
    }

    [sws-icon-flat--success-lg]:focus, [sws-icon-flat--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-flat--success-lg]:focus:before, [sws-icon-flat--success-lg]:active:before {
            border-color: #2c742c
        }

[sws-icon-flat--success-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #2e7b2e
}

    [sws-icon-flat--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--success-sm]:hover:before, [sws-icon-flat--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--success-sm][rounded]:before, [sws-icon-flat--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--success-sm][rounded]:hover:before, [sws-icon-flat--success-sm][rounded]:focus:before, [sws-icon-flat--success-sm].rounded:hover:before, [sws-icon-flat--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--success-sm][rounded]:before, [sws-icon-flat--success-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--success-sm][rounded]:after, [sws-icon-flat--success-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--success-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-flat--success-sm]:focus:after, [sws-icon-flat--success-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--success-sm]:hover {
        background-color: transparent;
        border-color: #383
    }

    [sws-icon-flat--success-sm]:before {
        border-color: #383
    }

    [sws-icon-flat--success-sm]:focus, [sws-icon-flat--success-sm]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-flat--success-sm]:focus:before, [sws-icon-flat--success-sm]:active:before {
            border-color: #2c742c
        }

[sws-icon-flat--warning] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-icon-flat--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--warning]:hover:before, [sws-icon-flat--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--warning][rounded]:before, [sws-icon-flat--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--warning][rounded]:hover:before, [sws-icon-flat--warning][rounded]:focus:before, [sws-icon-flat--warning].rounded:hover:before, [sws-icon-flat--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--warning][rounded]:before, [sws-icon-flat--warning].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--warning][rounded]:after, [sws-icon-flat--warning].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-flat--warning]:focus:after, [sws-icon-flat--warning]:active:after {
        opacity: .45
    }

    [sws-icon-flat--warning]:hover {
        background-color: transparent;
        border-color: #cf850f
    }

    [sws-icon-flat--warning]:before {
        border-color: #cf850f
    }

    [sws-icon-flat--warning]:focus, [sws-icon-flat--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-flat--warning]:focus:before, [sws-icon-flat--warning]:active:before {
            border-color: #c57f0e
        }

[sws-icon-flat--warning-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-icon-flat--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--warning-lg]:hover:before, [sws-icon-flat--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--warning-lg][rounded]:before, [sws-icon-flat--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--warning-lg][rounded]:hover:before, [sws-icon-flat--warning-lg][rounded]:focus:before, [sws-icon-flat--warning-lg].rounded:hover:before, [sws-icon-flat--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--warning-lg][rounded]:before, [sws-icon-flat--warning-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--warning-lg][rounded]:after, [sws-icon-flat--warning-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-flat--warning-lg]:focus:after, [sws-icon-flat--warning-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--warning-lg]:hover {
        background-color: transparent;
        border-color: #cf850f
    }

    [sws-icon-flat--warning-lg]:before {
        border-color: #cf850f
    }

    [sws-icon-flat--warning-lg]:focus, [sws-icon-flat--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-flat--warning-lg]:focus:before, [sws-icon-flat--warning-lg]:active:before {
            border-color: #c57f0e
        }

[sws-icon-flat--warning-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #bc790e
}

    [sws-icon-flat--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--warning-sm]:hover:before, [sws-icon-flat--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--warning-sm][rounded]:before, [sws-icon-flat--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--warning-sm][rounded]:hover:before, [sws-icon-flat--warning-sm][rounded]:focus:before, [sws-icon-flat--warning-sm].rounded:hover:before, [sws-icon-flat--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--warning-sm][rounded]:before, [sws-icon-flat--warning-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--warning-sm][rounded]:after, [sws-icon-flat--warning-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--warning-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-flat--warning-sm]:focus:after, [sws-icon-flat--warning-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--warning-sm]:hover {
        background-color: transparent;
        border-color: #cf850f
    }

    [sws-icon-flat--warning-sm]:before {
        border-color: #cf850f
    }

    [sws-icon-flat--warning-sm]:focus, [sws-icon-flat--warning-sm]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-flat--warning-sm]:focus:before, [sws-icon-flat--warning-sm]:active:before {
            border-color: #c57f0e
        }

[sws-icon-flat--danger] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-icon-flat--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--danger]:hover:before, [sws-icon-flat--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--danger][rounded]:before, [sws-icon-flat--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--danger][rounded]:hover:before, [sws-icon-flat--danger][rounded]:focus:before, [sws-icon-flat--danger].rounded:hover:before, [sws-icon-flat--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--danger][rounded]:before, [sws-icon-flat--danger].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--danger][rounded]:after, [sws-icon-flat--danger].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-flat--danger]:focus:after, [sws-icon-flat--danger]:active:after {
        opacity: .45
    }

    [sws-icon-flat--danger]:hover {
        background-color: transparent;
        border-color: #bf4946
    }

    [sws-icon-flat--danger]:before {
        border-color: #bf4946
    }

    [sws-icon-flat--danger]:focus, [sws-icon-flat--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-flat--danger]:focus:before, [sws-icon-flat--danger]:active:before {
            border-color: #a33e3b
        }

[sws-icon-flat--danger-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-icon-flat--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--danger-lg]:hover:before, [sws-icon-flat--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--danger-lg][rounded]:before, [sws-icon-flat--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--danger-lg][rounded]:hover:before, [sws-icon-flat--danger-lg][rounded]:focus:before, [sws-icon-flat--danger-lg].rounded:hover:before, [sws-icon-flat--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--danger-lg][rounded]:before, [sws-icon-flat--danger-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--danger-lg][rounded]:after, [sws-icon-flat--danger-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-flat--danger-lg]:focus:after, [sws-icon-flat--danger-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--danger-lg]:hover {
        background-color: transparent;
        border-color: #bf4946
    }

    [sws-icon-flat--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-icon-flat--danger-lg]:focus, [sws-icon-flat--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-flat--danger-lg]:focus:before, [sws-icon-flat--danger-lg]:active:before {
            border-color: #a33e3b
        }

[sws-icon-flat--danger-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #ae423f
}

    [sws-icon-flat--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--danger-sm]:hover:before, [sws-icon-flat--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--danger-sm][rounded]:before, [sws-icon-flat--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--danger-sm][rounded]:hover:before, [sws-icon-flat--danger-sm][rounded]:focus:before, [sws-icon-flat--danger-sm].rounded:hover:before, [sws-icon-flat--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--danger-sm][rounded]:before, [sws-icon-flat--danger-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--danger-sm][rounded]:after, [sws-icon-flat--danger-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--danger-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-flat--danger-sm]:focus:after, [sws-icon-flat--danger-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--danger-sm]:hover {
        background-color: transparent;
        border-color: #bf4946
    }

    [sws-icon-flat--danger-sm]:before {
        border-color: #bf4946
    }

    [sws-icon-flat--danger-sm]:focus, [sws-icon-flat--danger-sm]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-flat--danger-sm]:focus:before, [sws-icon-flat--danger-sm]:active:before {
            border-color: #a33e3b
        }

[sws-icon-flat--regular] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-icon-flat--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--regular]:hover:before, [sws-icon-flat--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--regular][rounded]:before, [sws-icon-flat--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--regular][rounded]:hover:before, [sws-icon-flat--regular][rounded]:focus:before, [sws-icon-flat--regular].rounded:hover:before, [sws-icon-flat--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--regular][rounded]:before, [sws-icon-flat--regular].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--regular][rounded]:after, [sws-icon-flat--regular].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-flat--regular]:focus:after, [sws-icon-flat--regular]:active:after {
        opacity: .45
    }

    [sws-icon-flat--regular]:hover {
        background-color: transparent;
        border-color: #666a70
    }

    [sws-icon-flat--regular]:before {
        border-color: #666a70
    }

    [sws-icon-flat--regular]:focus, [sws-icon-flat--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-flat--regular]:focus:before, [sws-icon-flat--regular]:active:before {
            border-color: #575a5f
        }

[sws-icon-flat--regular-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-icon-flat--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--regular-lg]:hover:before, [sws-icon-flat--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--regular-lg][rounded]:before, [sws-icon-flat--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--regular-lg][rounded]:hover:before, [sws-icon-flat--regular-lg][rounded]:focus:before, [sws-icon-flat--regular-lg].rounded:hover:before, [sws-icon-flat--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--regular-lg][rounded]:before, [sws-icon-flat--regular-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--regular-lg][rounded]:after, [sws-icon-flat--regular-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-flat--regular-lg]:focus:after, [sws-icon-flat--regular-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--regular-lg]:hover {
        background-color: transparent;
        border-color: #666a70
    }

    [sws-icon-flat--regular-lg]:before {
        border-color: #666a70
    }

    [sws-icon-flat--regular-lg]:focus, [sws-icon-flat--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-flat--regular-lg]:focus:before, [sws-icon-flat--regular-lg]:active:before {
            border-color: #575a5f
        }

[sws-icon-flat--regular-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #5d6066
}

    [sws-icon-flat--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--regular-sm]:hover:before, [sws-icon-flat--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--regular-sm][rounded]:before, [sws-icon-flat--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--regular-sm][rounded]:hover:before, [sws-icon-flat--regular-sm][rounded]:focus:before, [sws-icon-flat--regular-sm].rounded:hover:before, [sws-icon-flat--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--regular-sm][rounded]:before, [sws-icon-flat--regular-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--regular-sm][rounded]:after, [sws-icon-flat--regular-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--regular-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-flat--regular-sm]:focus:after, [sws-icon-flat--regular-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--regular-sm]:hover {
        background-color: transparent;
        border-color: #666a70
    }

    [sws-icon-flat--regular-sm]:before {
        border-color: #666a70
    }

    [sws-icon-flat--regular-sm]:focus, [sws-icon-flat--regular-sm]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-flat--regular-sm]:focus:before, [sws-icon-flat--regular-sm]:active:before {
            border-color: #575a5f
        }

[sws-icon-flat--light] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-icon-flat--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--light]:hover:before, [sws-icon-flat--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--light][rounded]:before, [sws-icon-flat--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--light][rounded]:hover:before, [sws-icon-flat--light][rounded]:focus:before, [sws-icon-flat--light].rounded:hover:before, [sws-icon-flat--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--light][rounded]:before, [sws-icon-flat--light].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--light][rounded]:after, [sws-icon-flat--light].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-flat--light]:focus:after, [sws-icon-flat--light]:active:after {
        opacity: .45
    }

    [sws-icon-flat--light]:hover {
        background-color: transparent;
        border-color: #d0d3d4
    }

    [sws-icon-flat--light]:before {
        border-color: #d0d3d4
    }

    [sws-icon-flat--light]:focus, [sws-icon-flat--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-flat--light]:focus:before, [sws-icon-flat--light]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-flat--light-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-icon-flat--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--light-lg]:hover:before, [sws-icon-flat--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--light-lg][rounded]:before, [sws-icon-flat--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--light-lg][rounded]:hover:before, [sws-icon-flat--light-lg][rounded]:focus:before, [sws-icon-flat--light-lg].rounded:hover:before, [sws-icon-flat--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--light-lg][rounded]:before, [sws-icon-flat--light-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--light-lg][rounded]:after, [sws-icon-flat--light-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-flat--light-lg]:focus:after, [sws-icon-flat--light-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--light-lg]:hover {
        background-color: transparent;
        border-color: #d0d3d4
    }

    [sws-icon-flat--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-icon-flat--light-lg]:focus, [sws-icon-flat--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-flat--light-lg]:focus:before, [sws-icon-flat--light-lg]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-flat--light-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #bdc0c1
}

    [sws-icon-flat--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--light-sm]:hover:before, [sws-icon-flat--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--light-sm][rounded]:before, [sws-icon-flat--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--light-sm][rounded]:hover:before, [sws-icon-flat--light-sm][rounded]:focus:before, [sws-icon-flat--light-sm].rounded:hover:before, [sws-icon-flat--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--light-sm][rounded]:before, [sws-icon-flat--light-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--light-sm][rounded]:after, [sws-icon-flat--light-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--light-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-flat--light-sm]:focus:after, [sws-icon-flat--light-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--light-sm]:hover {
        background-color: transparent;
        border-color: #d0d3d4
    }

    [sws-icon-flat--light-sm]:before {
        border-color: #d0d3d4
    }

    [sws-icon-flat--light-sm]:focus, [sws-icon-flat--light-sm]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-flat--light-sm]:focus:before, [sws-icon-flat--light-sm]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-flat--dark] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-icon-flat--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--dark]:hover:before, [sws-icon-flat--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--dark][rounded]:before, [sws-icon-flat--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--dark][rounded]:hover:before, [sws-icon-flat--dark][rounded]:focus:before, [sws-icon-flat--dark].rounded:hover:before, [sws-icon-flat--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--dark][rounded]:before, [sws-icon-flat--dark].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--dark][rounded]:after, [sws-icon-flat--dark].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-flat--dark]:focus:after, [sws-icon-flat--dark]:active:after {
        opacity: .45
    }

    [sws-icon-flat--dark]:hover {
        background-color: transparent;
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark]:before {
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark]:focus, [sws-icon-flat--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-flat--dark]:focus:before, [sws-icon-flat--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-flat--dark-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-icon-flat--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--dark-lg]:hover:before, [sws-icon-flat--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--dark-lg][rounded]:before, [sws-icon-flat--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--dark-lg][rounded]:hover:before, [sws-icon-flat--dark-lg][rounded]:focus:before, [sws-icon-flat--dark-lg].rounded:hover:before, [sws-icon-flat--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--dark-lg][rounded]:before, [sws-icon-flat--dark-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--dark-lg][rounded]:after, [sws-icon-flat--dark-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-flat--dark-lg]:focus:after, [sws-icon-flat--dark-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--dark-lg]:hover {
        background-color: transparent;
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark-lg]:focus, [sws-icon-flat--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-flat--dark-lg]:focus:before, [sws-icon-flat--dark-lg]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-flat--dark-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #1b1b1b
}

    [sws-icon-flat--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--dark-sm]:hover:before, [sws-icon-flat--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--dark-sm][rounded]:before, [sws-icon-flat--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--dark-sm][rounded]:hover:before, [sws-icon-flat--dark-sm][rounded]:focus:before, [sws-icon-flat--dark-sm].rounded:hover:before, [sws-icon-flat--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--dark-sm][rounded]:before, [sws-icon-flat--dark-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--dark-sm][rounded]:after, [sws-icon-flat--dark-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--dark-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-flat--dark-sm]:focus:after, [sws-icon-flat--dark-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--dark-sm]:hover {
        background-color: transparent;
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark-sm]:before {
        border-color: #1e1e1e
    }

    [sws-icon-flat--dark-sm]:focus, [sws-icon-flat--dark-sm]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-flat--dark-sm]:focus:before, [sws-icon-flat--dark-sm]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-flat--jet] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-icon-flat--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--jet]:hover:before, [sws-icon-flat--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--jet][rounded]:before, [sws-icon-flat--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--jet][rounded]:hover:before, [sws-icon-flat--jet][rounded]:focus:before, [sws-icon-flat--jet].rounded:hover:before, [sws-icon-flat--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--jet][rounded]:before, [sws-icon-flat--jet].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--jet][rounded]:after, [sws-icon-flat--jet].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-flat--jet]:focus:after, [sws-icon-flat--jet]:active:after {
        opacity: .45
    }

    [sws-icon-flat--jet]:hover {
        background-color: transparent;
        border-color: #363636
    }

    [sws-icon-flat--jet]:before {
        border-color: #363636
    }

    [sws-icon-flat--jet]:focus, [sws-icon-flat--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-flat--jet]:focus:before, [sws-icon-flat--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-flat--jet-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-icon-flat--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--jet-lg]:hover:before, [sws-icon-flat--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--jet-lg][rounded]:before, [sws-icon-flat--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--jet-lg][rounded]:hover:before, [sws-icon-flat--jet-lg][rounded]:focus:before, [sws-icon-flat--jet-lg].rounded:hover:before, [sws-icon-flat--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--jet-lg][rounded]:before, [sws-icon-flat--jet-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--jet-lg][rounded]:after, [sws-icon-flat--jet-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-flat--jet-lg]:focus:after, [sws-icon-flat--jet-lg]:active:after {
        opacity: .45
    }

    [sws-icon-flat--jet-lg]:hover {
        background-color: transparent;
        border-color: #363636
    }

    [sws-icon-flat--jet-lg]:before {
        border-color: #363636
    }

    [sws-icon-flat--jet-lg]:focus, [sws-icon-flat--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-flat--jet-lg]:focus:before, [sws-icon-flat--jet-lg]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-flat--jet-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: transparent;
    color: #313131
}

    [sws-icon-flat--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-flat--jet-sm]:hover:before, [sws-icon-flat--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-flat--jet-sm][rounded]:before, [sws-icon-flat--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-flat--jet-sm][rounded]:hover:before, [sws-icon-flat--jet-sm][rounded]:focus:before, [sws-icon-flat--jet-sm].rounded:hover:before, [sws-icon-flat--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-flat--jet-sm][rounded]:before, [sws-icon-flat--jet-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-flat--jet-sm][rounded]:after, [sws-icon-flat--jet-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-flat--jet-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-flat--jet-sm]:focus:after, [sws-icon-flat--jet-sm]:active:after {
        opacity: .45
    }

    [sws-icon-flat--jet-sm]:hover {
        background-color: transparent;
        border-color: #363636
    }

    [sws-icon-flat--jet-sm]:before {
        border-color: #363636
    }

    [sws-icon-flat--jet-sm]:focus, [sws-icon-flat--jet-sm]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-flat--jet-sm]:focus:before, [sws-icon-flat--jet-sm]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-outline--primary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-icon-outline--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--primary]:hover:before, [sws-icon-outline--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--primary][rounded]:before, [sws-icon-outline--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--primary][rounded]:hover:before, [sws-icon-outline--primary][rounded]:focus:before, [sws-icon-outline--primary].rounded:hover:before, [sws-icon-outline--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--primary][rounded]:before, [sws-icon-outline--primary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--primary][rounded]:after, [sws-icon-outline--primary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--primary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-outline--primary]:focus:after, [sws-icon-outline--primary]:active:after {
        opacity: .45
    }

    [sws-icon-outline--primary]:hover {
        border-color: #006aaf
    }

    [sws-icon-outline--primary]:before {
        border-color: #006aaf
    }

    [sws-icon-outline--primary]:focus, [sws-icon-outline--primary]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-outline--primary]:focus:before, [sws-icon-outline--primary]:active:before {
            border-color: #005b95
        }

[sws-icon-outline--primary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-icon-outline--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--primary-lg]:hover:before, [sws-icon-outline--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--primary-lg][rounded]:before, [sws-icon-outline--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--primary-lg][rounded]:hover:before, [sws-icon-outline--primary-lg][rounded]:focus:before, [sws-icon-outline--primary-lg].rounded:hover:before, [sws-icon-outline--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--primary-lg][rounded]:before, [sws-icon-outline--primary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--primary-lg][rounded]:after, [sws-icon-outline--primary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--primary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-outline--primary-lg]:focus:after, [sws-icon-outline--primary-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--primary-lg]:hover {
        border-color: #006aaf
    }

    [sws-icon-outline--primary-lg]:before {
        border-color: #006aaf
    }

    [sws-icon-outline--primary-lg]:focus, [sws-icon-outline--primary-lg]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-outline--primary-lg]:focus:before, [sws-icon-outline--primary-lg]:active:before {
            border-color: #005b95
        }

[sws-icon-outline--primary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #0079C7;
    color: #00619f
}

    [sws-icon-outline--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--primary-sm]:hover:before, [sws-icon-outline--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--primary-sm][rounded]:before, [sws-icon-outline--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--primary-sm][rounded]:hover:before, [sws-icon-outline--primary-sm][rounded]:focus:before, [sws-icon-outline--primary-sm].rounded:hover:before, [sws-icon-outline--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--primary-sm][rounded]:before, [sws-icon-outline--primary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--primary-sm][rounded]:after, [sws-icon-outline--primary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--primary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #005b95
    }

    [sws-icon-outline--primary-sm]:focus:after, [sws-icon-outline--primary-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--primary-sm]:hover {
        border-color: #006aaf
    }

    [sws-icon-outline--primary-sm]:before {
        border-color: #006aaf
    }

    [sws-icon-outline--primary-sm]:focus, [sws-icon-outline--primary-sm]:active {
        border-color: #005b95;
        background-color: #005b95;
        color: #fff
    }

        [sws-icon-outline--primary-sm]:focus:before, [sws-icon-outline--primary-sm]:active:before {
            border-color: #005b95
        }

[sws-icon-outline--secondary] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-icon-outline--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--secondary]:hover:before, [sws-icon-outline--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--secondary][rounded]:before, [sws-icon-outline--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--secondary][rounded]:hover:before, [sws-icon-outline--secondary][rounded]:focus:before, [sws-icon-outline--secondary].rounded:hover:before, [sws-icon-outline--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--secondary][rounded]:before, [sws-icon-outline--secondary].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--secondary][rounded]:after, [sws-icon-outline--secondary].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--secondary]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-outline--secondary]:focus:after, [sws-icon-outline--secondary]:active:after {
        opacity: .45
    }

    [sws-icon-outline--secondary]:hover {
        border-color: #04756b
    }

    [sws-icon-outline--secondary]:before {
        border-color: #04756b
    }

    [sws-icon-outline--secondary]:focus, [sws-icon-outline--secondary]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-outline--secondary]:focus:before, [sws-icon-outline--secondary]:active:before {
            border-color: #04645c
        }

[sws-icon-outline--secondary-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-icon-outline--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--secondary-lg]:hover:before, [sws-icon-outline--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--secondary-lg][rounded]:before, [sws-icon-outline--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--secondary-lg][rounded]:hover:before, [sws-icon-outline--secondary-lg][rounded]:focus:before, [sws-icon-outline--secondary-lg].rounded:hover:before, [sws-icon-outline--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--secondary-lg][rounded]:before, [sws-icon-outline--secondary-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--secondary-lg][rounded]:after, [sws-icon-outline--secondary-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--secondary-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-outline--secondary-lg]:focus:after, [sws-icon-outline--secondary-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--secondary-lg]:hover {
        border-color: #04756b
    }

    [sws-icon-outline--secondary-lg]:before {
        border-color: #04756b
    }

    [sws-icon-outline--secondary-lg]:focus, [sws-icon-outline--secondary-lg]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-outline--secondary-lg]:focus:before, [sws-icon-outline--secondary-lg]:active:before {
            border-color: #04645c
        }

[sws-icon-outline--secondary-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #05857A;
    color: #046a62
}

    [sws-icon-outline--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--secondary-sm]:hover:before, [sws-icon-outline--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--secondary-sm][rounded]:before, [sws-icon-outline--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--secondary-sm][rounded]:hover:before, [sws-icon-outline--secondary-sm][rounded]:focus:before, [sws-icon-outline--secondary-sm].rounded:hover:before, [sws-icon-outline--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--secondary-sm][rounded]:before, [sws-icon-outline--secondary-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--secondary-sm][rounded]:after, [sws-icon-outline--secondary-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--secondary-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #04645c
    }

    [sws-icon-outline--secondary-sm]:focus:after, [sws-icon-outline--secondary-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--secondary-sm]:hover {
        border-color: #04756b
    }

    [sws-icon-outline--secondary-sm]:before {
        border-color: #04756b
    }

    [sws-icon-outline--secondary-sm]:focus, [sws-icon-outline--secondary-sm]:active {
        border-color: #04645c;
        background-color: #04645c;
        color: #fff
    }

        [sws-icon-outline--secondary-sm]:focus:before, [sws-icon-outline--secondary-sm]:active:before {
            border-color: #04645c
        }

[sws-icon-outline--success] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-icon-outline--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--success]:hover:before, [sws-icon-outline--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--success][rounded]:before, [sws-icon-outline--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--success][rounded]:hover:before, [sws-icon-outline--success][rounded]:focus:before, [sws-icon-outline--success].rounded:hover:before, [sws-icon-outline--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--success][rounded]:before, [sws-icon-outline--success].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--success][rounded]:after, [sws-icon-outline--success].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--success]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-outline--success]:focus:after, [sws-icon-outline--success]:active:after {
        opacity: .45
    }

    [sws-icon-outline--success]:hover {
        border-color: #383
    }

    [sws-icon-outline--success]:before {
        border-color: #383
    }

    [sws-icon-outline--success]:focus, [sws-icon-outline--success]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-outline--success]:focus:before, [sws-icon-outline--success]:active:before {
            border-color: #2c742c
        }

[sws-icon-outline--success-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-icon-outline--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--success-lg]:hover:before, [sws-icon-outline--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--success-lg][rounded]:before, [sws-icon-outline--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--success-lg][rounded]:hover:before, [sws-icon-outline--success-lg][rounded]:focus:before, [sws-icon-outline--success-lg].rounded:hover:before, [sws-icon-outline--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--success-lg][rounded]:before, [sws-icon-outline--success-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--success-lg][rounded]:after, [sws-icon-outline--success-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--success-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-outline--success-lg]:focus:after, [sws-icon-outline--success-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--success-lg]:hover {
        border-color: #383
    }

    [sws-icon-outline--success-lg]:before {
        border-color: #383
    }

    [sws-icon-outline--success-lg]:focus, [sws-icon-outline--success-lg]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-outline--success-lg]:focus:before, [sws-icon-outline--success-lg]:active:before {
            border-color: #2c742c
        }

[sws-icon-outline--success-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #3A9A3A;
    color: #2e7b2e
}

    [sws-icon-outline--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--success-sm]:hover:before, [sws-icon-outline--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--success-sm][rounded]:before, [sws-icon-outline--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--success-sm][rounded]:hover:before, [sws-icon-outline--success-sm][rounded]:focus:before, [sws-icon-outline--success-sm].rounded:hover:before, [sws-icon-outline--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--success-sm][rounded]:before, [sws-icon-outline--success-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--success-sm][rounded]:after, [sws-icon-outline--success-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--success-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2c742c
    }

    [sws-icon-outline--success-sm]:focus:after, [sws-icon-outline--success-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--success-sm]:hover {
        border-color: #383
    }

    [sws-icon-outline--success-sm]:before {
        border-color: #383
    }

    [sws-icon-outline--success-sm]:focus, [sws-icon-outline--success-sm]:active {
        border-color: #2c742c;
        background-color: #2c742c;
        color: #fff
    }

        [sws-icon-outline--success-sm]:focus:before, [sws-icon-outline--success-sm]:active:before {
            border-color: #2c742c
        }

[sws-icon-outline--warning] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-icon-outline--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--warning]:hover:before, [sws-icon-outline--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--warning][rounded]:before, [sws-icon-outline--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--warning][rounded]:hover:before, [sws-icon-outline--warning][rounded]:focus:before, [sws-icon-outline--warning].rounded:hover:before, [sws-icon-outline--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--warning][rounded]:before, [sws-icon-outline--warning].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--warning][rounded]:after, [sws-icon-outline--warning].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--warning]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-outline--warning]:focus:after, [sws-icon-outline--warning]:active:after {
        opacity: .45
    }

    [sws-icon-outline--warning]:hover {
        border-color: #cf850f
    }

    [sws-icon-outline--warning]:before {
        border-color: #cf850f
    }

    [sws-icon-outline--warning]:focus, [sws-icon-outline--warning]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-outline--warning]:focus:before, [sws-icon-outline--warning]:active:before {
            border-color: #c57f0e
        }

[sws-icon-outline--warning-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-icon-outline--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--warning-lg]:hover:before, [sws-icon-outline--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--warning-lg][rounded]:before, [sws-icon-outline--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--warning-lg][rounded]:hover:before, [sws-icon-outline--warning-lg][rounded]:focus:before, [sws-icon-outline--warning-lg].rounded:hover:before, [sws-icon-outline--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--warning-lg][rounded]:before, [sws-icon-outline--warning-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--warning-lg][rounded]:after, [sws-icon-outline--warning-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--warning-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-outline--warning-lg]:focus:after, [sws-icon-outline--warning-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--warning-lg]:hover {
        border-color: #cf850f
    }

    [sws-icon-outline--warning-lg]:before {
        border-color: #cf850f
    }

    [sws-icon-outline--warning-lg]:focus, [sws-icon-outline--warning-lg]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-outline--warning-lg]:focus:before, [sws-icon-outline--warning-lg]:active:before {
            border-color: #c57f0e
        }

[sws-icon-outline--warning-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #EB9711;
    color: #bc790e
}

    [sws-icon-outline--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--warning-sm]:hover:before, [sws-icon-outline--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--warning-sm][rounded]:before, [sws-icon-outline--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--warning-sm][rounded]:hover:before, [sws-icon-outline--warning-sm][rounded]:focus:before, [sws-icon-outline--warning-sm].rounded:hover:before, [sws-icon-outline--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--warning-sm][rounded]:before, [sws-icon-outline--warning-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--warning-sm][rounded]:after, [sws-icon-outline--warning-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--warning-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b0710d
    }

    [sws-icon-outline--warning-sm]:focus:after, [sws-icon-outline--warning-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--warning-sm]:hover {
        border-color: #cf850f
    }

    [sws-icon-outline--warning-sm]:before {
        border-color: #cf850f
    }

    [sws-icon-outline--warning-sm]:focus, [sws-icon-outline--warning-sm]:active {
        border-color: #c57f0e;
        background-color: #c57f0e;
        color: #fff
    }

        [sws-icon-outline--warning-sm]:focus:before, [sws-icon-outline--warning-sm]:active:before {
            border-color: #c57f0e
        }

[sws-icon-outline--danger] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-icon-outline--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--danger]:hover:before, [sws-icon-outline--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--danger][rounded]:before, [sws-icon-outline--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--danger][rounded]:hover:before, [sws-icon-outline--danger][rounded]:focus:before, [sws-icon-outline--danger].rounded:hover:before, [sws-icon-outline--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--danger][rounded]:before, [sws-icon-outline--danger].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--danger][rounded]:after, [sws-icon-outline--danger].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--danger]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-outline--danger]:focus:after, [sws-icon-outline--danger]:active:after {
        opacity: .45
    }

    [sws-icon-outline--danger]:hover {
        border-color: #bf4946
    }

    [sws-icon-outline--danger]:before {
        border-color: #bf4946
    }

    [sws-icon-outline--danger]:focus, [sws-icon-outline--danger]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-outline--danger]:focus:before, [sws-icon-outline--danger]:active:before {
            border-color: #a33e3b
        }

[sws-icon-outline--danger-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-icon-outline--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--danger-lg]:hover:before, [sws-icon-outline--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--danger-lg][rounded]:before, [sws-icon-outline--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--danger-lg][rounded]:hover:before, [sws-icon-outline--danger-lg][rounded]:focus:before, [sws-icon-outline--danger-lg].rounded:hover:before, [sws-icon-outline--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--danger-lg][rounded]:before, [sws-icon-outline--danger-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--danger-lg][rounded]:after, [sws-icon-outline--danger-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--danger-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-outline--danger-lg]:focus:after, [sws-icon-outline--danger-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--danger-lg]:hover {
        border-color: #bf4946
    }

    [sws-icon-outline--danger-lg]:before {
        border-color: #bf4946
    }

    [sws-icon-outline--danger-lg]:focus, [sws-icon-outline--danger-lg]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-outline--danger-lg]:focus:before, [sws-icon-outline--danger-lg]:active:before {
            border-color: #a33e3b
        }

[sws-icon-outline--danger-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #d9534f;
    color: #ae423f
}

    [sws-icon-outline--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--danger-sm]:hover:before, [sws-icon-outline--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--danger-sm][rounded]:before, [sws-icon-outline--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--danger-sm][rounded]:hover:before, [sws-icon-outline--danger-sm][rounded]:focus:before, [sws-icon-outline--danger-sm].rounded:hover:before, [sws-icon-outline--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--danger-sm][rounded]:before, [sws-icon-outline--danger-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--danger-sm][rounded]:after, [sws-icon-outline--danger-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--danger-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #a33e3b
    }

    [sws-icon-outline--danger-sm]:focus:after, [sws-icon-outline--danger-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--danger-sm]:hover {
        border-color: #bf4946
    }

    [sws-icon-outline--danger-sm]:before {
        border-color: #bf4946
    }

    [sws-icon-outline--danger-sm]:focus, [sws-icon-outline--danger-sm]:active {
        border-color: #a33e3b;
        background-color: #a33e3b;
        color: #fff
    }

        [sws-icon-outline--danger-sm]:focus:before, [sws-icon-outline--danger-sm]:active:before {
            border-color: #a33e3b
        }

[sws-icon-outline--regular] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-icon-outline--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--regular]:hover:before, [sws-icon-outline--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--regular][rounded]:before, [sws-icon-outline--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--regular][rounded]:hover:before, [sws-icon-outline--regular][rounded]:focus:before, [sws-icon-outline--regular].rounded:hover:before, [sws-icon-outline--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--regular][rounded]:before, [sws-icon-outline--regular].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--regular][rounded]:after, [sws-icon-outline--regular].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--regular]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-outline--regular]:focus:after, [sws-icon-outline--regular]:active:after {
        opacity: .45
    }

    [sws-icon-outline--regular]:hover {
        border-color: #666a70
    }

    [sws-icon-outline--regular]:before {
        border-color: #666a70
    }

    [sws-icon-outline--regular]:focus, [sws-icon-outline--regular]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-outline--regular]:focus:before, [sws-icon-outline--regular]:active:before {
            border-color: #575a5f
        }

[sws-icon-outline--regular-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-icon-outline--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--regular-lg]:hover:before, [sws-icon-outline--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--regular-lg][rounded]:before, [sws-icon-outline--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--regular-lg][rounded]:hover:before, [sws-icon-outline--regular-lg][rounded]:focus:before, [sws-icon-outline--regular-lg].rounded:hover:before, [sws-icon-outline--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--regular-lg][rounded]:before, [sws-icon-outline--regular-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--regular-lg][rounded]:after, [sws-icon-outline--regular-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--regular-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-outline--regular-lg]:focus:after, [sws-icon-outline--regular-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--regular-lg]:hover {
        border-color: #666a70
    }

    [sws-icon-outline--regular-lg]:before {
        border-color: #666a70
    }

    [sws-icon-outline--regular-lg]:focus, [sws-icon-outline--regular-lg]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-outline--regular-lg]:focus:before, [sws-icon-outline--regular-lg]:active:before {
            border-color: #575a5f
        }

[sws-icon-outline--regular-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #74787F;
    color: #5d6066
}

    [sws-icon-outline--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--regular-sm]:hover:before, [sws-icon-outline--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--regular-sm][rounded]:before, [sws-icon-outline--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--regular-sm][rounded]:hover:before, [sws-icon-outline--regular-sm][rounded]:focus:before, [sws-icon-outline--regular-sm].rounded:hover:before, [sws-icon-outline--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--regular-sm][rounded]:before, [sws-icon-outline--regular-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--regular-sm][rounded]:after, [sws-icon-outline--regular-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--regular-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #575a5f
    }

    [sws-icon-outline--regular-sm]:focus:after, [sws-icon-outline--regular-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--regular-sm]:hover {
        border-color: #666a70
    }

    [sws-icon-outline--regular-sm]:before {
        border-color: #666a70
    }

    [sws-icon-outline--regular-sm]:focus, [sws-icon-outline--regular-sm]:active {
        border-color: #575a5f;
        background-color: #575a5f;
        color: #fff
    }

        [sws-icon-outline--regular-sm]:focus:before, [sws-icon-outline--regular-sm]:active:before {
            border-color: #575a5f
        }

[sws-icon-outline--light] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-icon-outline--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--light]:hover:before, [sws-icon-outline--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--light][rounded]:before, [sws-icon-outline--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--light][rounded]:hover:before, [sws-icon-outline--light][rounded]:focus:before, [sws-icon-outline--light].rounded:hover:before, [sws-icon-outline--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--light][rounded]:before, [sws-icon-outline--light].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--light][rounded]:after, [sws-icon-outline--light].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--light]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-outline--light]:focus:after, [sws-icon-outline--light]:active:after {
        opacity: .45
    }

    [sws-icon-outline--light]:hover {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light]:before {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light]:focus, [sws-icon-outline--light]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-outline--light]:focus:before, [sws-icon-outline--light]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-outline--light-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-icon-outline--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--light-lg]:hover:before, [sws-icon-outline--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--light-lg][rounded]:before, [sws-icon-outline--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--light-lg][rounded]:hover:before, [sws-icon-outline--light-lg][rounded]:focus:before, [sws-icon-outline--light-lg].rounded:hover:before, [sws-icon-outline--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--light-lg][rounded]:before, [sws-icon-outline--light-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--light-lg][rounded]:after, [sws-icon-outline--light-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--light-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-outline--light-lg]:focus:after, [sws-icon-outline--light-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--light-lg]:hover {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light-lg]:before {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light-lg]:focus, [sws-icon-outline--light-lg]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-outline--light-lg]:focus:before, [sws-icon-outline--light-lg]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-outline--light-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #ecf0f1;
    color: #bdc0c1
}

    [sws-icon-outline--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--light-sm]:hover:before, [sws-icon-outline--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--light-sm][rounded]:before, [sws-icon-outline--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--light-sm][rounded]:hover:before, [sws-icon-outline--light-sm][rounded]:focus:before, [sws-icon-outline--light-sm].rounded:hover:before, [sws-icon-outline--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--light-sm][rounded]:before, [sws-icon-outline--light-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--light-sm][rounded]:after, [sws-icon-outline--light-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--light-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #b1b4b5
    }

    [sws-icon-outline--light-sm]:focus:after, [sws-icon-outline--light-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--light-sm]:hover {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light-sm]:before {
        border-color: #d0d3d4
    }

    [sws-icon-outline--light-sm]:focus, [sws-icon-outline--light-sm]:active {
        border-color: #b1b4b5;
        background-color: #b1b4b5;
        color: #fff;
        color: #222
    }

        [sws-icon-outline--light-sm]:focus:before, [sws-icon-outline--light-sm]:active:before {
            border-color: #b1b4b5
        }

[sws-icon-outline--dark] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-icon-outline--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--dark]:hover:before, [sws-icon-outline--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--dark][rounded]:before, [sws-icon-outline--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--dark][rounded]:hover:before, [sws-icon-outline--dark][rounded]:focus:before, [sws-icon-outline--dark].rounded:hover:before, [sws-icon-outline--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--dark][rounded]:before, [sws-icon-outline--dark].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--dark][rounded]:after, [sws-icon-outline--dark].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--dark]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-outline--dark]:focus:after, [sws-icon-outline--dark]:active:after {
        opacity: .45
    }

    [sws-icon-outline--dark]:hover {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark]:before {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark]:focus, [sws-icon-outline--dark]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-outline--dark]:focus:before, [sws-icon-outline--dark]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-outline--dark-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-icon-outline--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--dark-lg]:hover:before, [sws-icon-outline--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--dark-lg][rounded]:before, [sws-icon-outline--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--dark-lg][rounded]:hover:before, [sws-icon-outline--dark-lg][rounded]:focus:before, [sws-icon-outline--dark-lg].rounded:hover:before, [sws-icon-outline--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--dark-lg][rounded]:before, [sws-icon-outline--dark-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--dark-lg][rounded]:after, [sws-icon-outline--dark-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--dark-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-outline--dark-lg]:focus:after, [sws-icon-outline--dark-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--dark-lg]:hover {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark-lg]:before {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark-lg]:focus, [sws-icon-outline--dark-lg]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-outline--dark-lg]:focus:before, [sws-icon-outline--dark-lg]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-outline--dark-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #222;
    color: #1b1b1b
}

    [sws-icon-outline--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--dark-sm]:hover:before, [sws-icon-outline--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--dark-sm][rounded]:before, [sws-icon-outline--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--dark-sm][rounded]:hover:before, [sws-icon-outline--dark-sm][rounded]:focus:before, [sws-icon-outline--dark-sm].rounded:hover:before, [sws-icon-outline--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--dark-sm][rounded]:before, [sws-icon-outline--dark-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--dark-sm][rounded]:after, [sws-icon-outline--dark-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--dark-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #1a1a1a
    }

    [sws-icon-outline--dark-sm]:focus:after, [sws-icon-outline--dark-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--dark-sm]:hover {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark-sm]:before {
        border-color: #1e1e1e
    }

    [sws-icon-outline--dark-sm]:focus, [sws-icon-outline--dark-sm]:active {
        border-color: #1a1a1a;
        background-color: #1a1a1a;
        color: #fff
    }

        [sws-icon-outline--dark-sm]:focus:before, [sws-icon-outline--dark-sm]:active:before {
            border-color: #1a1a1a
        }

[sws-icon-outline--jet] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-icon-outline--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--jet]:hover:before, [sws-icon-outline--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--jet][rounded]:before, [sws-icon-outline--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--jet][rounded]:hover:before, [sws-icon-outline--jet][rounded]:focus:before, [sws-icon-outline--jet].rounded:hover:before, [sws-icon-outline--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--jet][rounded]:before, [sws-icon-outline--jet].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--jet][rounded]:after, [sws-icon-outline--jet].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--jet]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-outline--jet]:focus:after, [sws-icon-outline--jet]:active:after {
        opacity: .45
    }

    [sws-icon-outline--jet]:hover {
        border-color: #363636
    }

    [sws-icon-outline--jet]:before {
        border-color: #363636
    }

    [sws-icon-outline--jet]:focus, [sws-icon-outline--jet]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-outline--jet]:focus:before, [sws-icon-outline--jet]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-outline--jet-lg] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .5px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-icon-outline--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--jet-lg]:hover:before, [sws-icon-outline--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--jet-lg][rounded]:before, [sws-icon-outline--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--jet-lg][rounded]:hover:before, [sws-icon-outline--jet-lg][rounded]:focus:before, [sws-icon-outline--jet-lg].rounded:hover:before, [sws-icon-outline--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--jet-lg][rounded]:before, [sws-icon-outline--jet-lg].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--jet-lg][rounded]:after, [sws-icon-outline--jet-lg].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--jet-lg]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-outline--jet-lg]:focus:after, [sws-icon-outline--jet-lg]:active:after {
        opacity: .45
    }

    [sws-icon-outline--jet-lg]:hover {
        border-color: #363636
    }

    [sws-icon-outline--jet-lg]:before {
        border-color: #363636
    }

    [sws-icon-outline--jet-lg]:focus, [sws-icon-outline--jet-lg]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-outline--jet-lg]:focus:before, [sws-icon-outline--jet-lg]:active:before {
            border-color: #2e2e2e
        }

[sws-icon-outline--jet-sm] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    line-height: 37px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none !important;
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out;
    cursor: pointer;
    letter-spacing: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-color: #3d3d3d;
    color: #313131
}

    [sws-icon-outline--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-icon-outline--jet-sm]:hover:before, [sws-icon-outline--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-icon-outline--jet-sm][rounded]:before, [sws-icon-outline--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-icon-outline--jet-sm][rounded]:hover:before, [sws-icon-outline--jet-sm][rounded]:focus:before, [sws-icon-outline--jet-sm].rounded:hover:before, [sws-icon-outline--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-icon-outline--jet-sm][rounded]:before, [sws-icon-outline--jet-sm].rounded:before {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent
    }

    [sws-icon-outline--jet-sm][rounded]:after, [sws-icon-outline--jet-sm].rounded:after {
        left: -2px;
        top: -1px
    }

    [sws-icon-outline--jet-sm]:after {
        content: '';
        width: calc(100% + 1px);
        box-shadow: 7px 6px rgba(0,0,0,0.25);
        height: 100%;
        background: transparent;
        position: absolute;
        left: -1px;
        top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        box-shadow: 7px 6px #2e2e2e
    }

    [sws-icon-outline--jet-sm]:focus:after, [sws-icon-outline--jet-sm]:active:after {
        opacity: .45
    }

    [sws-icon-outline--jet-sm]:hover {
        border-color: #363636
    }

    [sws-icon-outline--jet-sm]:before {
        border-color: #363636
    }

    [sws-icon-outline--jet-sm]:focus, [sws-icon-outline--jet-sm]:active {
        border-color: #2e2e2e;
        background-color: #2e2e2e;
        color: #fff
    }

        [sws-icon-outline--jet-sm]:focus:before, [sws-icon-outline--jet-sm]:active:before {
            border-color: #2e2e2e
        }

[sws-button-fancy--primary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #00619f;
    line-height: 34px !important
}

    [sws-button-fancy--primary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--primary]:hover:before, [sws-button-fancy--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--primary][rounded]:before, [sws-button-fancy--primary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--primary][rounded]:hover:before, [sws-button-fancy--primary][rounded]:focus:before, [sws-button-fancy--primary].rounded:hover:before, [sws-button-fancy--primary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--primary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--primary]div, [sws-button-fancy--primary]a {
        line-height: 36px
    }

    [sws-button-fancy--primary]:before, [sws-button-fancy--primary]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--primary]:hover:before, [sws-button-fancy--primary]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--primary]:hover:after, [sws-button-fancy--primary]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--primary]:focus:before, [sws-button-fancy--primary]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--primary]:before, [sws-button-fancy--primary]:after {
        border: 2px solid #0079C7
    }

    [sws-button-fancy--primary]:focus:before, [sws-button-fancy--primary]:active:before {
        box-shadow: inset 4px 4px rgba(0,121,199,0.3)
    }

[sws-button-fancy--primary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #00619f;
    height: 60px !important
}

    [sws-button-fancy--primary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--primary-lg]:hover:before, [sws-button-fancy--primary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--primary-lg][rounded]:before, [sws-button-fancy--primary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--primary-lg][rounded]:hover:before, [sws-button-fancy--primary-lg][rounded]:focus:before, [sws-button-fancy--primary-lg].rounded:hover:before, [sws-button-fancy--primary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--primary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--primary-lg]div, [sws-button-fancy--primary-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--primary-lg]:before, [sws-button-fancy--primary-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--primary-lg]:hover:before, [sws-button-fancy--primary-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--primary-lg]:hover:after, [sws-button-fancy--primary-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--primary-lg]:focus:before, [sws-button-fancy--primary-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--primary-lg]:before, [sws-button-fancy--primary-lg]:after {
        border: 2px solid #0079C7
    }

    [sws-button-fancy--primary-lg]:focus:before, [sws-button-fancy--primary-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,121,199,0.3)
    }

[sws-button-fancy--primary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #00619f
}

    [sws-button-fancy--primary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--primary-sm]:hover:before, [sws-button-fancy--primary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--primary-sm][rounded]:before, [sws-button-fancy--primary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--primary-sm][rounded]:hover:before, [sws-button-fancy--primary-sm][rounded]:focus:before, [sws-button-fancy--primary-sm].rounded:hover:before, [sws-button-fancy--primary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--primary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--primary-sm]div, [sws-button-fancy--primary-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--primary-sm], a[sws-button-fancy--primary-sm] {
    line-height: 26px
}

[sws-button-fancy--primary-sm]:before, [sws-button-fancy--primary-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--primary-sm]:hover:before, [sws-button-fancy--primary-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--primary-sm]:hover:after, [sws-button-fancy--primary-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--primary-sm]:focus:before, [sws-button-fancy--primary-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--primary-sm]:before, [sws-button-fancy--primary-sm]:after {
    border: 2px solid #0079C7
}

[sws-button-fancy--primary-sm]:focus:before, [sws-button-fancy--primary-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,121,199,0.3)
}

[sws-button-fancy--secondary] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #046a62;
    line-height: 34px !important
}

    [sws-button-fancy--secondary]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--secondary]:hover:before, [sws-button-fancy--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--secondary][rounded]:before, [sws-button-fancy--secondary].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--secondary][rounded]:hover:before, [sws-button-fancy--secondary][rounded]:focus:before, [sws-button-fancy--secondary].rounded:hover:before, [sws-button-fancy--secondary].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--secondary]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--secondary]div, [sws-button-fancy--secondary]a {
        line-height: 36px
    }

    [sws-button-fancy--secondary]:before, [sws-button-fancy--secondary]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--secondary]:hover:before, [sws-button-fancy--secondary]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--secondary]:hover:after, [sws-button-fancy--secondary]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--secondary]:focus:before, [sws-button-fancy--secondary]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--secondary]:before, [sws-button-fancy--secondary]:after {
        border: 2px solid #05857A
    }

    [sws-button-fancy--secondary]:focus:before, [sws-button-fancy--secondary]:active:before {
        box-shadow: inset 4px 4px rgba(5,133,122,0.3)
    }

[sws-button-fancy--secondary-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #046a62;
    height: 60px !important
}

    [sws-button-fancy--secondary-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--secondary-lg]:hover:before, [sws-button-fancy--secondary-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--secondary-lg][rounded]:before, [sws-button-fancy--secondary-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--secondary-lg][rounded]:hover:before, [sws-button-fancy--secondary-lg][rounded]:focus:before, [sws-button-fancy--secondary-lg].rounded:hover:before, [sws-button-fancy--secondary-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--secondary-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--secondary-lg]div, [sws-button-fancy--secondary-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--secondary-lg]:before, [sws-button-fancy--secondary-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--secondary-lg]:hover:before, [sws-button-fancy--secondary-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--secondary-lg]:hover:after, [sws-button-fancy--secondary-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--secondary-lg]:focus:before, [sws-button-fancy--secondary-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--secondary-lg]:before, [sws-button-fancy--secondary-lg]:after {
        border: 2px solid #05857A
    }

    [sws-button-fancy--secondary-lg]:focus:before, [sws-button-fancy--secondary-lg]:active:before {
        box-shadow: inset 4px 4px rgba(5,133,122,0.3)
    }

[sws-button-fancy--secondary-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #046a62
}

    [sws-button-fancy--secondary-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--secondary-sm]:hover:before, [sws-button-fancy--secondary-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--secondary-sm][rounded]:before, [sws-button-fancy--secondary-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--secondary-sm][rounded]:hover:before, [sws-button-fancy--secondary-sm][rounded]:focus:before, [sws-button-fancy--secondary-sm].rounded:hover:before, [sws-button-fancy--secondary-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--secondary-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--secondary-sm]div, [sws-button-fancy--secondary-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--secondary-sm], a[sws-button-fancy--secondary-sm] {
    line-height: 26px
}

[sws-button-fancy--secondary-sm]:before, [sws-button-fancy--secondary-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--secondary-sm]:hover:before, [sws-button-fancy--secondary-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--secondary-sm]:hover:after, [sws-button-fancy--secondary-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--secondary-sm]:focus:before, [sws-button-fancy--secondary-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--secondary-sm]:before, [sws-button-fancy--secondary-sm]:after {
    border: 2px solid #05857A
}

[sws-button-fancy--secondary-sm]:focus:before, [sws-button-fancy--secondary-sm]:active:before {
    box-shadow: inset 4px 4px rgba(5,133,122,0.3)
}

[sws-button-fancy--success] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #2e7b2e;
    line-height: 34px !important
}

    [sws-button-fancy--success]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--success]:hover:before, [sws-button-fancy--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--success][rounded]:before, [sws-button-fancy--success].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--success][rounded]:hover:before, [sws-button-fancy--success][rounded]:focus:before, [sws-button-fancy--success].rounded:hover:before, [sws-button-fancy--success].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--success]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--success]div, [sws-button-fancy--success]a {
        line-height: 36px
    }

    [sws-button-fancy--success]:before, [sws-button-fancy--success]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--success]:hover:before, [sws-button-fancy--success]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--success]:hover:after, [sws-button-fancy--success]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--success]:focus:before, [sws-button-fancy--success]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--success]:before, [sws-button-fancy--success]:after {
        border: 2px solid #3A9A3A
    }

    [sws-button-fancy--success]:focus:before, [sws-button-fancy--success]:active:before {
        box-shadow: inset 4px 4px rgba(58,154,58,0.3)
    }

[sws-button-fancy--success-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #2e7b2e;
    height: 60px !important
}

    [sws-button-fancy--success-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--success-lg]:hover:before, [sws-button-fancy--success-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--success-lg][rounded]:before, [sws-button-fancy--success-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--success-lg][rounded]:hover:before, [sws-button-fancy--success-lg][rounded]:focus:before, [sws-button-fancy--success-lg].rounded:hover:before, [sws-button-fancy--success-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--success-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--success-lg]div, [sws-button-fancy--success-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--success-lg]:before, [sws-button-fancy--success-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--success-lg]:hover:before, [sws-button-fancy--success-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--success-lg]:hover:after, [sws-button-fancy--success-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--success-lg]:focus:before, [sws-button-fancy--success-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--success-lg]:before, [sws-button-fancy--success-lg]:after {
        border: 2px solid #3A9A3A
    }

    [sws-button-fancy--success-lg]:focus:before, [sws-button-fancy--success-lg]:active:before {
        box-shadow: inset 4px 4px rgba(58,154,58,0.3)
    }

[sws-button-fancy--success-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #2e7b2e
}

    [sws-button-fancy--success-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--success-sm]:hover:before, [sws-button-fancy--success-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--success-sm][rounded]:before, [sws-button-fancy--success-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--success-sm][rounded]:hover:before, [sws-button-fancy--success-sm][rounded]:focus:before, [sws-button-fancy--success-sm].rounded:hover:before, [sws-button-fancy--success-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--success-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--success-sm]div, [sws-button-fancy--success-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--success-sm], a[sws-button-fancy--success-sm] {
    line-height: 26px
}

[sws-button-fancy--success-sm]:before, [sws-button-fancy--success-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--success-sm]:hover:before, [sws-button-fancy--success-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--success-sm]:hover:after, [sws-button-fancy--success-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--success-sm]:focus:before, [sws-button-fancy--success-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--success-sm]:before, [sws-button-fancy--success-sm]:after {
    border: 2px solid #3A9A3A
}

[sws-button-fancy--success-sm]:focus:before, [sws-button-fancy--success-sm]:active:before {
    box-shadow: inset 4px 4px rgba(58,154,58,0.3)
}

[sws-button-fancy--warning] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bc790e;
    line-height: 34px !important
}

    [sws-button-fancy--warning]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--warning]:hover:before, [sws-button-fancy--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--warning][rounded]:before, [sws-button-fancy--warning].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--warning][rounded]:hover:before, [sws-button-fancy--warning][rounded]:focus:before, [sws-button-fancy--warning].rounded:hover:before, [sws-button-fancy--warning].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--warning]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--warning]div, [sws-button-fancy--warning]a {
        line-height: 36px
    }

    [sws-button-fancy--warning]:before, [sws-button-fancy--warning]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--warning]:hover:before, [sws-button-fancy--warning]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--warning]:hover:after, [sws-button-fancy--warning]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--warning]:focus:before, [sws-button-fancy--warning]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--warning]:before, [sws-button-fancy--warning]:after {
        border: 2px solid #EB9711
    }

    [sws-button-fancy--warning]:focus:before, [sws-button-fancy--warning]:active:before {
        box-shadow: inset 4px 4px rgba(235,151,17,0.3)
    }

[sws-button-fancy--warning-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bc790e;
    height: 60px !important
}

    [sws-button-fancy--warning-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--warning-lg]:hover:before, [sws-button-fancy--warning-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--warning-lg][rounded]:before, [sws-button-fancy--warning-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--warning-lg][rounded]:hover:before, [sws-button-fancy--warning-lg][rounded]:focus:before, [sws-button-fancy--warning-lg].rounded:hover:before, [sws-button-fancy--warning-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--warning-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--warning-lg]div, [sws-button-fancy--warning-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--warning-lg]:before, [sws-button-fancy--warning-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--warning-lg]:hover:before, [sws-button-fancy--warning-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--warning-lg]:hover:after, [sws-button-fancy--warning-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--warning-lg]:focus:before, [sws-button-fancy--warning-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--warning-lg]:before, [sws-button-fancy--warning-lg]:after {
        border: 2px solid #EB9711
    }

    [sws-button-fancy--warning-lg]:focus:before, [sws-button-fancy--warning-lg]:active:before {
        box-shadow: inset 4px 4px rgba(235,151,17,0.3)
    }

[sws-button-fancy--warning-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bc790e
}

    [sws-button-fancy--warning-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--warning-sm]:hover:before, [sws-button-fancy--warning-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--warning-sm][rounded]:before, [sws-button-fancy--warning-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--warning-sm][rounded]:hover:before, [sws-button-fancy--warning-sm][rounded]:focus:before, [sws-button-fancy--warning-sm].rounded:hover:before, [sws-button-fancy--warning-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--warning-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--warning-sm]div, [sws-button-fancy--warning-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--warning-sm], a[sws-button-fancy--warning-sm] {
    line-height: 26px
}

[sws-button-fancy--warning-sm]:before, [sws-button-fancy--warning-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--warning-sm]:hover:before, [sws-button-fancy--warning-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--warning-sm]:hover:after, [sws-button-fancy--warning-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--warning-sm]:focus:before, [sws-button-fancy--warning-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--warning-sm]:before, [sws-button-fancy--warning-sm]:after {
    border: 2px solid #EB9711
}

[sws-button-fancy--warning-sm]:focus:before, [sws-button-fancy--warning-sm]:active:before {
    box-shadow: inset 4px 4px rgba(235,151,17,0.3)
}

[sws-button-fancy--danger] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #ae423f;
    line-height: 34px !important
}

    [sws-button-fancy--danger]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--danger]:hover:before, [sws-button-fancy--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--danger][rounded]:before, [sws-button-fancy--danger].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--danger][rounded]:hover:before, [sws-button-fancy--danger][rounded]:focus:before, [sws-button-fancy--danger].rounded:hover:before, [sws-button-fancy--danger].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--danger]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--danger]div, [sws-button-fancy--danger]a {
        line-height: 36px
    }

    [sws-button-fancy--danger]:before, [sws-button-fancy--danger]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--danger]:hover:before, [sws-button-fancy--danger]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--danger]:hover:after, [sws-button-fancy--danger]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--danger]:focus:before, [sws-button-fancy--danger]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--danger]:before, [sws-button-fancy--danger]:after {
        border: 2px solid #d9534f
    }

    [sws-button-fancy--danger]:focus:before, [sws-button-fancy--danger]:active:before {
        box-shadow: inset 4px 4px rgba(217,83,79,0.3)
    }

[sws-button-fancy--danger-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #ae423f;
    height: 60px !important
}

    [sws-button-fancy--danger-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--danger-lg]:hover:before, [sws-button-fancy--danger-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--danger-lg][rounded]:before, [sws-button-fancy--danger-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--danger-lg][rounded]:hover:before, [sws-button-fancy--danger-lg][rounded]:focus:before, [sws-button-fancy--danger-lg].rounded:hover:before, [sws-button-fancy--danger-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--danger-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--danger-lg]div, [sws-button-fancy--danger-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--danger-lg]:before, [sws-button-fancy--danger-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--danger-lg]:hover:before, [sws-button-fancy--danger-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--danger-lg]:hover:after, [sws-button-fancy--danger-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--danger-lg]:focus:before, [sws-button-fancy--danger-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--danger-lg]:before, [sws-button-fancy--danger-lg]:after {
        border: 2px solid #d9534f
    }

    [sws-button-fancy--danger-lg]:focus:before, [sws-button-fancy--danger-lg]:active:before {
        box-shadow: inset 4px 4px rgba(217,83,79,0.3)
    }

[sws-button-fancy--danger-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #ae423f
}

    [sws-button-fancy--danger-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--danger-sm]:hover:before, [sws-button-fancy--danger-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--danger-sm][rounded]:before, [sws-button-fancy--danger-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--danger-sm][rounded]:hover:before, [sws-button-fancy--danger-sm][rounded]:focus:before, [sws-button-fancy--danger-sm].rounded:hover:before, [sws-button-fancy--danger-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--danger-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--danger-sm]div, [sws-button-fancy--danger-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--danger-sm], a[sws-button-fancy--danger-sm] {
    line-height: 26px
}

[sws-button-fancy--danger-sm]:before, [sws-button-fancy--danger-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--danger-sm]:hover:before, [sws-button-fancy--danger-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--danger-sm]:hover:after, [sws-button-fancy--danger-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--danger-sm]:focus:before, [sws-button-fancy--danger-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--danger-sm]:before, [sws-button-fancy--danger-sm]:after {
    border: 2px solid #d9534f
}

[sws-button-fancy--danger-sm]:focus:before, [sws-button-fancy--danger-sm]:active:before {
    box-shadow: inset 4px 4px rgba(217,83,79,0.3)
}

[sws-button-fancy--regular] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #5d6066;
    line-height: 34px !important
}

    [sws-button-fancy--regular]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--regular]:hover:before, [sws-button-fancy--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--regular][rounded]:before, [sws-button-fancy--regular].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--regular][rounded]:hover:before, [sws-button-fancy--regular][rounded]:focus:before, [sws-button-fancy--regular].rounded:hover:before, [sws-button-fancy--regular].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--regular]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--regular]div, [sws-button-fancy--regular]a {
        line-height: 36px
    }

    [sws-button-fancy--regular]:before, [sws-button-fancy--regular]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--regular]:hover:before, [sws-button-fancy--regular]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--regular]:hover:after, [sws-button-fancy--regular]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--regular]:focus:before, [sws-button-fancy--regular]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--regular]:before, [sws-button-fancy--regular]:after {
        border: 2px solid #74787F
    }

    [sws-button-fancy--regular]:focus:before, [sws-button-fancy--regular]:active:before {
        box-shadow: inset 4px 4px rgba(116,120,127,0.3)
    }

[sws-button-fancy--regular-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #5d6066;
    height: 60px !important
}

    [sws-button-fancy--regular-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--regular-lg]:hover:before, [sws-button-fancy--regular-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--regular-lg][rounded]:before, [sws-button-fancy--regular-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--regular-lg][rounded]:hover:before, [sws-button-fancy--regular-lg][rounded]:focus:before, [sws-button-fancy--regular-lg].rounded:hover:before, [sws-button-fancy--regular-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--regular-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--regular-lg]div, [sws-button-fancy--regular-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--regular-lg]:before, [sws-button-fancy--regular-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--regular-lg]:hover:before, [sws-button-fancy--regular-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--regular-lg]:hover:after, [sws-button-fancy--regular-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--regular-lg]:focus:before, [sws-button-fancy--regular-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--regular-lg]:before, [sws-button-fancy--regular-lg]:after {
        border: 2px solid #74787F
    }

    [sws-button-fancy--regular-lg]:focus:before, [sws-button-fancy--regular-lg]:active:before {
        box-shadow: inset 4px 4px rgba(116,120,127,0.3)
    }

[sws-button-fancy--regular-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #5d6066
}

    [sws-button-fancy--regular-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--regular-sm]:hover:before, [sws-button-fancy--regular-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--regular-sm][rounded]:before, [sws-button-fancy--regular-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--regular-sm][rounded]:hover:before, [sws-button-fancy--regular-sm][rounded]:focus:before, [sws-button-fancy--regular-sm].rounded:hover:before, [sws-button-fancy--regular-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--regular-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--regular-sm]div, [sws-button-fancy--regular-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--regular-sm], a[sws-button-fancy--regular-sm] {
    line-height: 26px
}

[sws-button-fancy--regular-sm]:before, [sws-button-fancy--regular-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--regular-sm]:hover:before, [sws-button-fancy--regular-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--regular-sm]:hover:after, [sws-button-fancy--regular-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--regular-sm]:focus:before, [sws-button-fancy--regular-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--regular-sm]:before, [sws-button-fancy--regular-sm]:after {
    border: 2px solid #74787F
}

[sws-button-fancy--regular-sm]:focus:before, [sws-button-fancy--regular-sm]:active:before {
    box-shadow: inset 4px 4px rgba(116,120,127,0.3)
}

[sws-button-fancy--light] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bdc0c1;
    line-height: 34px !important
}

    [sws-button-fancy--light]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--light]:hover:before, [sws-button-fancy--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--light][rounded]:before, [sws-button-fancy--light].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--light][rounded]:hover:before, [sws-button-fancy--light][rounded]:focus:before, [sws-button-fancy--light].rounded:hover:before, [sws-button-fancy--light].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--light]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--light]div, [sws-button-fancy--light]a {
        line-height: 36px
    }

    [sws-button-fancy--light]:before, [sws-button-fancy--light]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--light]:hover:before, [sws-button-fancy--light]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--light]:hover:after, [sws-button-fancy--light]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--light]:focus:before, [sws-button-fancy--light]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--light]:before, [sws-button-fancy--light]:after {
        border: 2px solid #ecf0f1
    }

    [sws-button-fancy--light]:focus:before, [sws-button-fancy--light]:active:before {
        box-shadow: inset 4px 4px #dde4e6
    }

[sws-button-fancy--light-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bdc0c1;
    height: 60px !important
}

    [sws-button-fancy--light-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--light-lg]:hover:before, [sws-button-fancy--light-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--light-lg][rounded]:before, [sws-button-fancy--light-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--light-lg][rounded]:hover:before, [sws-button-fancy--light-lg][rounded]:focus:before, [sws-button-fancy--light-lg].rounded:hover:before, [sws-button-fancy--light-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--light-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--light-lg]div, [sws-button-fancy--light-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--light-lg]:before, [sws-button-fancy--light-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--light-lg]:hover:before, [sws-button-fancy--light-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--light-lg]:hover:after, [sws-button-fancy--light-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--light-lg]:focus:before, [sws-button-fancy--light-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--light-lg]:before, [sws-button-fancy--light-lg]:after {
        border: 2px solid #ecf0f1
    }

    [sws-button-fancy--light-lg]:focus:before, [sws-button-fancy--light-lg]:active:before {
        box-shadow: inset 4px 4px #dde4e6
    }

[sws-button-fancy--light-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #bdc0c1
}

    [sws-button-fancy--light-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--light-sm]:hover:before, [sws-button-fancy--light-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--light-sm][rounded]:before, [sws-button-fancy--light-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--light-sm][rounded]:hover:before, [sws-button-fancy--light-sm][rounded]:focus:before, [sws-button-fancy--light-sm].rounded:hover:before, [sws-button-fancy--light-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--light-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--light-sm]div, [sws-button-fancy--light-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--light-sm], a[sws-button-fancy--light-sm] {
    line-height: 26px
}

[sws-button-fancy--light-sm]:before, [sws-button-fancy--light-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--light-sm]:hover:before, [sws-button-fancy--light-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--light-sm]:hover:after, [sws-button-fancy--light-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--light-sm]:focus:before, [sws-button-fancy--light-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--light-sm]:before, [sws-button-fancy--light-sm]:after {
    border: 2px solid #ecf0f1
}

[sws-button-fancy--light-sm]:focus:before, [sws-button-fancy--light-sm]:active:before {
    box-shadow: inset 4px 4px #dde4e6
}

[sws-button-fancy--dark] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #1b1b1b;
    line-height: 34px !important
}

    [sws-button-fancy--dark]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--dark]:hover:before, [sws-button-fancy--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--dark][rounded]:before, [sws-button-fancy--dark].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--dark][rounded]:hover:before, [sws-button-fancy--dark][rounded]:focus:before, [sws-button-fancy--dark].rounded:hover:before, [sws-button-fancy--dark].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--dark]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--dark]div, [sws-button-fancy--dark]a {
        line-height: 36px
    }

    [sws-button-fancy--dark]:before, [sws-button-fancy--dark]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--dark]:hover:before, [sws-button-fancy--dark]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--dark]:hover:after, [sws-button-fancy--dark]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--dark]:focus:before, [sws-button-fancy--dark]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--dark]:before, [sws-button-fancy--dark]:after {
        border: 2px solid #222
    }

    [sws-button-fancy--dark]:focus:before, [sws-button-fancy--dark]:active:before {
        box-shadow: inset 4px 4px rgba(34,34,34,0.3)
    }

[sws-button-fancy--dark-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #1b1b1b;
    height: 60px !important
}

    [sws-button-fancy--dark-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--dark-lg]:hover:before, [sws-button-fancy--dark-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--dark-lg][rounded]:before, [sws-button-fancy--dark-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--dark-lg][rounded]:hover:before, [sws-button-fancy--dark-lg][rounded]:focus:before, [sws-button-fancy--dark-lg].rounded:hover:before, [sws-button-fancy--dark-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--dark-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--dark-lg]div, [sws-button-fancy--dark-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--dark-lg]:before, [sws-button-fancy--dark-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--dark-lg]:hover:before, [sws-button-fancy--dark-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--dark-lg]:hover:after, [sws-button-fancy--dark-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--dark-lg]:focus:before, [sws-button-fancy--dark-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--dark-lg]:before, [sws-button-fancy--dark-lg]:after {
        border: 2px solid #222
    }

    [sws-button-fancy--dark-lg]:focus:before, [sws-button-fancy--dark-lg]:active:before {
        box-shadow: inset 4px 4px rgba(34,34,34,0.3)
    }

[sws-button-fancy--dark-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #1b1b1b
}

    [sws-button-fancy--dark-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--dark-sm]:hover:before, [sws-button-fancy--dark-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--dark-sm][rounded]:before, [sws-button-fancy--dark-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--dark-sm][rounded]:hover:before, [sws-button-fancy--dark-sm][rounded]:focus:before, [sws-button-fancy--dark-sm].rounded:hover:before, [sws-button-fancy--dark-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--dark-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--dark-sm]div, [sws-button-fancy--dark-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--dark-sm], a[sws-button-fancy--dark-sm] {
    line-height: 26px
}

[sws-button-fancy--dark-sm]:before, [sws-button-fancy--dark-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--dark-sm]:hover:before, [sws-button-fancy--dark-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--dark-sm]:hover:after, [sws-button-fancy--dark-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--dark-sm]:focus:before, [sws-button-fancy--dark-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--dark-sm]:before, [sws-button-fancy--dark-sm]:after {
    border: 2px solid #222
}

[sws-button-fancy--dark-sm]:focus:before, [sws-button-fancy--dark-sm]:active:before {
    box-shadow: inset 4px 4px rgba(34,34,34,0.3)
}

[sws-button-fancy--jet] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #313131;
    line-height: 34px !important
}

    [sws-button-fancy--jet]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--jet]:hover:before, [sws-button-fancy--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--jet][rounded]:before, [sws-button-fancy--jet].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--jet][rounded]:hover:before, [sws-button-fancy--jet][rounded]:focus:before, [sws-button-fancy--jet].rounded:hover:before, [sws-button-fancy--jet].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--jet]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--jet]div, [sws-button-fancy--jet]a {
        line-height: 36px
    }

    [sws-button-fancy--jet]:before, [sws-button-fancy--jet]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--jet]:hover:before, [sws-button-fancy--jet]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--jet]:hover:after, [sws-button-fancy--jet]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--jet]:focus:before, [sws-button-fancy--jet]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--jet]:before, [sws-button-fancy--jet]:after {
        border: 2px solid #3d3d3d
    }

    [sws-button-fancy--jet]:focus:before, [sws-button-fancy--jet]:active:before {
        box-shadow: inset 4px 4px rgba(61,61,61,0.3)
    }

[sws-button-fancy--jet-lg] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #313131;
    height: 60px !important
}

    [sws-button-fancy--jet-lg]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--jet-lg]:hover:before, [sws-button-fancy--jet-lg]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--jet-lg][rounded]:before, [sws-button-fancy--jet-lg].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--jet-lg][rounded]:hover:before, [sws-button-fancy--jet-lg][rounded]:focus:before, [sws-button-fancy--jet-lg].rounded:hover:before, [sws-button-fancy--jet-lg].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--jet-lg]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--jet-lg]div, [sws-button-fancy--jet-lg]a {
        line-height: 36px
    }

    [sws-button-fancy--jet-lg]:before, [sws-button-fancy--jet-lg]:after {
        content: "";
        position: absolute;
        left: -1px;
        top: -2px;
        width: 100%;
        height: 100%;
        transition: 0.25s
    }

    [sws-button-fancy--jet-lg]:hover:before, [sws-button-fancy--jet-lg]:focus:before {
        transform: translateX(-3px) translateY(-3px)
    }

    [sws-button-fancy--jet-lg]:hover:after, [sws-button-fancy--jet-lg]:focus:after {
        transform: translateX(3px) translateY(3px)
    }

    [sws-button-fancy--jet-lg]:focus:before, [sws-button-fancy--jet-lg]:active:before {
        box-shadow: inset 4px 4px rgba(0,0,0,0.25)
    }

    [sws-button-fancy--jet-lg]:before, [sws-button-fancy--jet-lg]:after {
        border: 2px solid #3d3d3d
    }

    [sws-button-fancy--jet-lg]:focus:before, [sws-button-fancy--jet-lg]:active:before {
        box-shadow: inset 4px 4px rgba(61,61,61,0.3)
    }

[sws-button-fancy--jet-sm] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: 1;
    height: 40px;
    min-width: 116px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    outline: none !important;
    margin: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 600;
    letter-spacing: 1.25pt;
    line-height: 34px;
    background-color: transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.4s ease-out;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    overflow: visible;
    box-sizing: border-box;
    background: transparent;
    background: transparent;
    color: #313131
}

    [sws-button-fancy--jet-sm]:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out, border-color .1s ease
    }

    [sws-button-fancy--jet-sm]:hover:before, [sws-button-fancy--jet-sm]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px)
    }

    [sws-button-fancy--jet-sm][rounded]:before, [sws-button-fancy--jet-sm].rounded:before {
        border-right-width: 2px;
        border-bottom-width: 2px
    }

    [sws-button-fancy--jet-sm][rounded]:hover:before, [sws-button-fancy--jet-sm][rounded]:focus:before, [sws-button-fancy--jet-sm].rounded:hover:before, [sws-button-fancy--jet-sm].rounded:focus:before {
        opacity: 1;
        transform: translate(3px, 3px)
    }

    [sws-button-fancy--jet-sm]:active {
        box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
    }

    [sws-button-fancy--jet-sm]div, [sws-button-fancy--jet-sm]a {
        line-height: 36px
    }

div[sws-button-fancy--jet-sm], a[sws-button-fancy--jet-sm] {
    line-height: 26px
}

[sws-button-fancy--jet-sm]:before, [sws-button-fancy--jet-sm]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    transition: 0.25s
}

[sws-button-fancy--jet-sm]:hover:before, [sws-button-fancy--jet-sm]:focus:before {
    transform: translateX(-3px) translateY(-3px)
}

[sws-button-fancy--jet-sm]:hover:after, [sws-button-fancy--jet-sm]:focus:after {
    transform: translateX(3px) translateY(3px)
}

[sws-button-fancy--jet-sm]:focus:before, [sws-button-fancy--jet-sm]:active:before {
    box-shadow: inset 4px 4px rgba(0,0,0,0.25)
}

[sws-button-fancy--jet-sm]:before, [sws-button-fancy--jet-sm]:after {
    border: 2px solid #3d3d3d
}

[sws-button-fancy--jet-sm]:focus:before, [sws-button-fancy--jet-sm]:active:before {
    box-shadow: inset 4px 4px rgba(61,61,61,0.3)
}

[sws-button-group], [sws-button-group--primary], [sws-button-group--secondary], [sws-button-group--success], [sws-button-group--warning], [sws-button-group--danger], [sws-button-group--regular], [sws-button-group--light], [sws-button-group--dark], [sws-button-group--jet] {
    display: flex;
    align-items: center;
    margin: 8px
}

    [sws-button-group] input, [sws-button-group--primary] input, [sws-button-group--secondary] input, [sws-button-group--success] input, [sws-button-group--warning] input, [sws-button-group--danger] input, [sws-button-group--regular] input, [sws-button-group--light] input, [sws-button-group--dark] input, [sws-button-group--jet] input {
        width: 1px;
        height: 1px;
        outline: none;
        opacity: 0;
        position: absolute
    }

        [sws-button-group] input:focus + label, [sws-button-group--primary] input:focus + label, [sws-button-group--secondary] input:focus + label, [sws-button-group--success] input:focus + label, [sws-button-group--warning] input:focus + label, [sws-button-group--danger] input:focus + label, [sws-button-group--regular] input:focus + label, [sws-button-group--light] input:focus + label, [sws-button-group--dark] input:focus + label, [sws-button-group--jet] input:focus + label {
            color: #222
        }

    [sws-button-group] label, [sws-button-group--primary] label, [sws-button-group--secondary] label, [sws-button-group--success] label, [sws-button-group--warning] label, [sws-button-group--danger] label, [sws-button-group--regular] label, [sws-button-group--light] label, [sws-button-group--dark] label, [sws-button-group--jet] label {
        position: relative;
        display: inline-block;
        overflow: visible;
        z-index: 1;
        height: 40px;
        min-width: 116px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        border: 2px solid transparent;
        outline: none !important;
        margin: 0 -1px 0 0;
        padding: 0 20px;
        font-size: 14px;
        font-family: "Segoe UI", "Noto Sans", Tahoma, Geneva, Verdana, sans-serif, sans-serif;
        font-weight: 600;
        letter-spacing: 1.25pt;
        line-height: 36px;
        background-color: transparent;
        box-sizing: border-box;
        text-transform: uppercase;
        transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),outline 0.5s ease-in,border 0.4s ease-out,box-shadow 0.5s ease-out;
        cursor: pointer
    }

        [sws-button-group] label:before, [sws-button-group--primary] label:before, [sws-button-group--secondary] label:before, [sws-button-group--success] label:before, [sws-button-group--warning] label:before, [sws-button-group--danger] label:before, [sws-button-group--regular] label:before, [sws-button-group--light] label:before, [sws-button-group--dark] label:before, [sws-button-group--jet] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group] label:hover:before, [sws-button-group--primary] label:hover:before, [sws-button-group--secondary] label:hover:before, [sws-button-group--success] label:hover:before, [sws-button-group--warning] label:hover:before, [sws-button-group--danger] label:hover:before, [sws-button-group--regular] label:hover:before, [sws-button-group--light] label:hover:before, [sws-button-group--dark] label:hover:before, [sws-button-group--jet] label:hover:before, [sws-button-group] label:focus:before, [sws-button-group--primary] label:focus:before, [sws-button-group--secondary] label:focus:before, [sws-button-group--success] label:focus:before, [sws-button-group--warning] label:focus:before, [sws-button-group--danger] label:focus:before, [sws-button-group--regular] label:focus:before, [sws-button-group--light] label:focus:before, [sws-button-group--dark] label:focus:before, [sws-button-group--jet] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group] label:active, [sws-button-group--primary] label:active, [sws-button-group--secondary] label:active, [sws-button-group--success] label:active, [sws-button-group--warning] label:active, [sws-button-group--danger] label:active, [sws-button-group--regular] label:active, [sws-button-group--light] label:active, [sws-button-group--dark] label:active, [sws-button-group--jet] label:active {
            box-shadow: inset 3px 3px 0 1px rgba(0,0,0,0.16)
        }

    [sws-button-group] input:checked + label, [sws-button-group--primary] input:checked + label, [sws-button-group--secondary] input:checked + label, [sws-button-group--success] input:checked + label, [sws-button-group--warning] input:checked + label, [sws-button-group--danger] input:checked + label, [sws-button-group--regular] input:checked + label, [sws-button-group--light] input:checked + label, [sws-button-group--dark] input:checked + label, [sws-button-group--jet] input:checked + label {
        background: #222;
        color: #fff
    }

        [sws-button-group] input:checked + label:after, [sws-button-group--primary] input:checked + label:after, [sws-button-group--secondary] input:checked + label:after, [sws-button-group--success] input:checked + label:after, [sws-button-group--warning] input:checked + label:after, [sws-button-group--danger] input:checked + label:after, [sws-button-group--regular] input:checked + label:after, [sws-button-group--light] input:checked + label:after, [sws-button-group--dark] input:checked + label:after, [sws-button-group--jet] input:checked + label:after {
            background-color: #222;
            transform: scale(1)
        }

    [sws-button-group--primary] input:focus + label {
        color: #fff;
        border-color: #0079C7;
        background-color: #0079C7
    }

        [sws-button-group--primary] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #0079C7
        }

    [sws-button-group--primary] label {
        border: 2px solid #0079C7
    }

        [sws-button-group--primary] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--primary] label:hover:before, [sws-button-group--primary] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--primary] label:before {
            border-color: #0079C7
        }

    [sws-button-group--primary] input:checked + label {
        background: #0079C7;
        color: #fff
    }

        [sws-button-group--primary] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--primary] input:checked + label:hover:before, [sws-button-group--primary] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--primary] input:checked + label:before {
            border-color: #0079C7
        }

    [sws-button-group--primary] input:checked:focus + label {
        border-color: #0079C7;
        background-color: #0079C7;
        color: #fff
    }

        [sws-button-group--primary] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #0079C7
        }

    [sws-button-group--secondary] input:focus + label {
        color: #fff;
        border-color: #05857A;
        background-color: #05857A
    }

        [sws-button-group--secondary] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #05857A
        }

    [sws-button-group--secondary] label {
        border: 2px solid #05857A
    }

        [sws-button-group--secondary] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--secondary] label:hover:before, [sws-button-group--secondary] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--secondary] label:before {
            border-color: #05857A
        }

    [sws-button-group--secondary] input:checked + label {
        background: #05857A;
        color: #fff
    }

        [sws-button-group--secondary] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--secondary] input:checked + label:hover:before, [sws-button-group--secondary] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--secondary] input:checked + label:before {
            border-color: #05857A
        }

    [sws-button-group--secondary] input:checked:focus + label {
        border-color: #05857A;
        background-color: #05857A;
        color: #fff
    }

        [sws-button-group--secondary] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #05857A
        }

    [sws-button-group--success] input:focus + label {
        color: #fff;
        border-color: #3A9A3A;
        background-color: #3A9A3A
    }

        [sws-button-group--success] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #3A9A3A
        }

    [sws-button-group--success] label {
        border: 2px solid #3A9A3A
    }

        [sws-button-group--success] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--success] label:hover:before, [sws-button-group--success] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--success] label:before {
            border-color: #3A9A3A
        }

    [sws-button-group--success] input:checked + label {
        background: #3A9A3A;
        color: #fff
    }

        [sws-button-group--success] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--success] input:checked + label:hover:before, [sws-button-group--success] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--success] input:checked + label:before {
            border-color: #3A9A3A
        }

    [sws-button-group--success] input:checked:focus + label {
        border-color: #3A9A3A;
        background-color: #3A9A3A;
        color: #fff
    }

        [sws-button-group--success] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #3A9A3A
        }

    [sws-button-group--warning] input:focus + label {
        color: #fff;
        border-color: #EB9711;
        background-color: #EB9711
    }

        [sws-button-group--warning] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #EB9711
        }

    [sws-button-group--warning] label {
        border: 2px solid #EB9711
    }

        [sws-button-group--warning] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--warning] label:hover:before, [sws-button-group--warning] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--warning] label:before {
            border-color: #EB9711
        }

    [sws-button-group--warning] input:checked + label {
        background: #EB9711;
        color: #fff
    }

        [sws-button-group--warning] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--warning] input:checked + label:hover:before, [sws-button-group--warning] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--warning] input:checked + label:before {
            border-color: #EB9711
        }

    [sws-button-group--warning] input:checked:focus + label {
        border-color: #EB9711;
        background-color: #EB9711;
        color: #fff
    }

        [sws-button-group--warning] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #EB9711
        }

    [sws-button-group--danger] input:focus + label {
        color: #fff;
        border-color: #d9534f;
        background-color: #d9534f
    }

        [sws-button-group--danger] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #d9534f
        }

    [sws-button-group--danger] label {
        border: 2px solid #d9534f
    }

        [sws-button-group--danger] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--danger] label:hover:before, [sws-button-group--danger] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--danger] label:before {
            border-color: #d9534f
        }

    [sws-button-group--danger] input:checked + label {
        background: #d9534f;
        color: #fff
    }

        [sws-button-group--danger] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--danger] input:checked + label:hover:before, [sws-button-group--danger] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--danger] input:checked + label:before {
            border-color: #d9534f
        }

    [sws-button-group--danger] input:checked:focus + label {
        border-color: #d9534f;
        background-color: #d9534f;
        color: #fff
    }

        [sws-button-group--danger] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #d9534f
        }

    [sws-button-group--regular] input:focus + label {
        color: #fff;
        border-color: #74787F;
        background-color: #74787F
    }

        [sws-button-group--regular] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #74787F
        }

    [sws-button-group--regular] label {
        border: 2px solid #74787F
    }

        [sws-button-group--regular] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--regular] label:hover:before, [sws-button-group--regular] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--regular] label:before {
            border-color: #74787F
        }

    [sws-button-group--regular] input:checked + label {
        background: #74787F;
        color: #fff
    }

        [sws-button-group--regular] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--regular] input:checked + label:hover:before, [sws-button-group--regular] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--regular] input:checked + label:before {
            border-color: #74787F
        }

    [sws-button-group--regular] input:checked:focus + label {
        border-color: #74787F;
        background-color: #74787F;
        color: #fff
    }

        [sws-button-group--regular] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #74787F
        }

    [sws-button-group--light] input:focus + label {
        color: #222;
        border-color: #ecf0f1;
        background-color: #ecf0f1
    }

        [sws-button-group--light] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #ecf0f1
        }

    [sws-button-group--light] label {
        border: 2px solid #ecf0f1
    }

        [sws-button-group--light] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--light] label:hover:before, [sws-button-group--light] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--light] label:before {
            border-color: #ecf0f1
        }

    [sws-button-group--light] input:checked + label {
        background: #ecf0f1;
        color: #222 !important
    }

        [sws-button-group--light] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--light] input:checked + label:hover:before, [sws-button-group--light] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--light] input:checked + label:before {
            border-color: #ecf0f1
        }

    [sws-button-group--light] input:checked:focus + label {
        border-color: #ecf0f1;
        background-color: #ecf0f1;
        color: #222 !important
    }

        [sws-button-group--light] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #ecf0f1
        }

    [sws-button-group--dark] input:focus + label {
        color: #fff;
        border-color: #222;
        background-color: #222
    }

        [sws-button-group--dark] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #222
        }

    [sws-button-group--dark] label {
        border: 2px solid #222
    }

        [sws-button-group--dark] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--dark] label:hover:before, [sws-button-group--dark] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--dark] label:before {
            border-color: #222
        }

    [sws-button-group--dark] input:checked + label {
        background: #222;
        color: #fff
    }

        [sws-button-group--dark] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--dark] input:checked + label:hover:before, [sws-button-group--dark] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--dark] input:checked + label:before {
            border-color: #222
        }

    [sws-button-group--dark] input:checked:focus + label {
        border-color: #222;
        background-color: #222;
        color: #fff
    }

        [sws-button-group--dark] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #222
        }

    [sws-button-group--jet] input:focus + label {
        color: #fff;
        border-color: #3d3d3d;
        background-color: #3d3d3d
    }

        [sws-button-group--jet] input:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #3d3d3d
        }

    [sws-button-group--jet] label {
        border: 2px solid #3d3d3d
    }

        [sws-button-group--jet] label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--jet] label:hover:before, [sws-button-group--jet] label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--jet] label:before {
            border-color: #3d3d3d
        }

    [sws-button-group--jet] input:checked + label {
        background: #3d3d3d;
        color: #fff
    }

        [sws-button-group--jet] input:checked + label:before {
            content: '';
            display: block;
            width: calc(100%);
            height: calc(100%);
            background: transparent;
            border: 3px solid transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-right-width: 0;
            border-top-width: 0;
            border-left-width: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: translate(0, 0);
            opacity: 0;
            transition: transform .25s ease-in-out, opacity .25s ease-in-out
        }

        [sws-button-group--jet] input:checked + label:hover:before, [sws-button-group--jet] input:checked + label:focus:before {
            opacity: 1;
            transform: translate(0, 6px)
        }

        [sws-button-group--jet] input:checked + label:before {
            border-color: #3d3d3d
        }

    [sws-button-group--jet] input:checked:focus + label {
        border-color: #3d3d3d;
        background-color: #3d3d3d;
        color: #fff
    }

        [sws-button-group--jet] input:checked:focus + label:before {
            opacity: 1;
            transform: translate(0, 6px);
            border-color: #3d3d3d
        }

.sws-hover--primary, [sws-hover--primary] {
    position: relative
}

    .sws-hover--primary:before, [sws-hover--primary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--primary:before, [sws-hover--primary]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--primary:hover:before, .sws-hover--primary:focus:before, [sws-hover--primary]:hover:before, [sws-hover--primary]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--primary:before, [sws-hover--primary]:before {
        border-bottom-color: #0079C7 !important
    }

.sws-hover-3d--primary, [sws-hover-3d--primary] {
    position: relative
}

    .sws-hover-3d--primary:before, [sws-hover-3d--primary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--primary:hover:before, .sws-hover-3d--primary:focus:before, [sws-hover-3d--primary]:hover:before, [sws-hover-3d--primary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--primary:before, [sws-hover-3d--primary]:before {
        border-color: #0079C7 !important
    }

.sws-hover--primary-outline, [sws-hover--primary-outline] {
    position: relative;
    border: 2px solid #0079C7 !important
}

    .sws-hover--primary-outline:before, [sws-hover--primary-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--primary-outline:before, [sws-hover--primary-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--primary-outline:hover:before, .sws-hover--primary-outline:focus:before, [sws-hover--primary-outline]:hover:before, [sws-hover--primary-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--primary-outline:before, [sws-hover--primary-outline]:before {
        border-bottom-color: #0079C7 !important
    }

.sws-hover-3d--primary-outline, [sws-hover-3d--primary-outline] {
    position: relative;
    border: 2px solid #0079C7 !important
}

    .sws-hover-3d--primary-outline:before, [sws-hover-3d--primary-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--primary-outline:hover:before, .sws-hover-3d--primary-outline:focus:before, [sws-hover-3d--primary-outline]:hover:before, [sws-hover-3d--primary-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--primary-outline:before, [sws-hover-3d--primary-outline]:before {
        border-color: #0079C7 !important
    }

.sws-hover--secondary, [sws-hover--secondary] {
    position: relative
}

    .sws-hover--secondary:before, [sws-hover--secondary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--secondary:before, [sws-hover--secondary]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--secondary:hover:before, .sws-hover--secondary:focus:before, [sws-hover--secondary]:hover:before, [sws-hover--secondary]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--secondary:before, [sws-hover--secondary]:before {
        border-bottom-color: #05857A !important
    }

.sws-hover-3d--secondary, [sws-hover-3d--secondary] {
    position: relative
}

    .sws-hover-3d--secondary:before, [sws-hover-3d--secondary]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--secondary:hover:before, .sws-hover-3d--secondary:focus:before, [sws-hover-3d--secondary]:hover:before, [sws-hover-3d--secondary]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--secondary:before, [sws-hover-3d--secondary]:before {
        border-color: #05857A !important
    }

.sws-hover--secondary-outline, [sws-hover--secondary-outline] {
    position: relative;
    border: 2px solid #05857A !important
}

    .sws-hover--secondary-outline:before, [sws-hover--secondary-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--secondary-outline:before, [sws-hover--secondary-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--secondary-outline:hover:before, .sws-hover--secondary-outline:focus:before, [sws-hover--secondary-outline]:hover:before, [sws-hover--secondary-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--secondary-outline:before, [sws-hover--secondary-outline]:before {
        border-bottom-color: #05857A !important
    }

.sws-hover-3d--secondary-outline, [sws-hover-3d--secondary-outline] {
    position: relative;
    border: 2px solid #05857A !important
}

    .sws-hover-3d--secondary-outline:before, [sws-hover-3d--secondary-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--secondary-outline:hover:before, .sws-hover-3d--secondary-outline:focus:before, [sws-hover-3d--secondary-outline]:hover:before, [sws-hover-3d--secondary-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--secondary-outline:before, [sws-hover-3d--secondary-outline]:before {
        border-color: #05857A !important
    }

.sws-hover--success, [sws-hover--success] {
    position: relative
}

    .sws-hover--success:before, [sws-hover--success]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--success:before, [sws-hover--success]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--success:hover:before, .sws-hover--success:focus:before, [sws-hover--success]:hover:before, [sws-hover--success]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--success:before, [sws-hover--success]:before {
        border-bottom-color: #3A9A3A !important
    }

.sws-hover-3d--success, [sws-hover-3d--success] {
    position: relative
}

    .sws-hover-3d--success:before, [sws-hover-3d--success]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--success:hover:before, .sws-hover-3d--success:focus:before, [sws-hover-3d--success]:hover:before, [sws-hover-3d--success]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--success:before, [sws-hover-3d--success]:before {
        border-color: #3A9A3A !important
    }

.sws-hover--success-outline, [sws-hover--success-outline] {
    position: relative;
    border: 2px solid #3A9A3A !important
}

    .sws-hover--success-outline:before, [sws-hover--success-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--success-outline:before, [sws-hover--success-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--success-outline:hover:before, .sws-hover--success-outline:focus:before, [sws-hover--success-outline]:hover:before, [sws-hover--success-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--success-outline:before, [sws-hover--success-outline]:before {
        border-bottom-color: #3A9A3A !important
    }

.sws-hover-3d--success-outline, [sws-hover-3d--success-outline] {
    position: relative;
    border: 2px solid #3A9A3A !important
}

    .sws-hover-3d--success-outline:before, [sws-hover-3d--success-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--success-outline:hover:before, .sws-hover-3d--success-outline:focus:before, [sws-hover-3d--success-outline]:hover:before, [sws-hover-3d--success-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--success-outline:before, [sws-hover-3d--success-outline]:before {
        border-color: #3A9A3A !important
    }

.sws-hover--warning, [sws-hover--warning] {
    position: relative
}

    .sws-hover--warning:before, [sws-hover--warning]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--warning:before, [sws-hover--warning]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--warning:hover:before, .sws-hover--warning:focus:before, [sws-hover--warning]:hover:before, [sws-hover--warning]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--warning:before, [sws-hover--warning]:before {
        border-bottom-color: #EB9711 !important
    }

.sws-hover-3d--warning, [sws-hover-3d--warning] {
    position: relative
}

    .sws-hover-3d--warning:before, [sws-hover-3d--warning]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--warning:hover:before, .sws-hover-3d--warning:focus:before, [sws-hover-3d--warning]:hover:before, [sws-hover-3d--warning]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--warning:before, [sws-hover-3d--warning]:before {
        border-color: #EB9711 !important
    }

.sws-hover--warning-outline, [sws-hover--warning-outline] {
    position: relative;
    border: 2px solid #EB9711 !important
}

    .sws-hover--warning-outline:before, [sws-hover--warning-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--warning-outline:before, [sws-hover--warning-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--warning-outline:hover:before, .sws-hover--warning-outline:focus:before, [sws-hover--warning-outline]:hover:before, [sws-hover--warning-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--warning-outline:before, [sws-hover--warning-outline]:before {
        border-bottom-color: #EB9711 !important
    }

.sws-hover-3d--warning-outline, [sws-hover-3d--warning-outline] {
    position: relative;
    border: 2px solid #EB9711 !important
}

    .sws-hover-3d--warning-outline:before, [sws-hover-3d--warning-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--warning-outline:hover:before, .sws-hover-3d--warning-outline:focus:before, [sws-hover-3d--warning-outline]:hover:before, [sws-hover-3d--warning-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--warning-outline:before, [sws-hover-3d--warning-outline]:before {
        border-color: #EB9711 !important
    }

.sws-hover--danger, [sws-hover--danger] {
    position: relative
}

    .sws-hover--danger:before, [sws-hover--danger]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--danger:before, [sws-hover--danger]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--danger:hover:before, .sws-hover--danger:focus:before, [sws-hover--danger]:hover:before, [sws-hover--danger]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--danger:before, [sws-hover--danger]:before {
        border-bottom-color: #d9534f !important
    }

.sws-hover-3d--danger, [sws-hover-3d--danger] {
    position: relative
}

    .sws-hover-3d--danger:before, [sws-hover-3d--danger]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--danger:hover:before, .sws-hover-3d--danger:focus:before, [sws-hover-3d--danger]:hover:before, [sws-hover-3d--danger]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--danger:before, [sws-hover-3d--danger]:before {
        border-color: #d9534f !important
    }

.sws-hover--danger-outline, [sws-hover--danger-outline] {
    position: relative;
    border: 2px solid #d9534f !important
}

    .sws-hover--danger-outline:before, [sws-hover--danger-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--danger-outline:before, [sws-hover--danger-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--danger-outline:hover:before, .sws-hover--danger-outline:focus:before, [sws-hover--danger-outline]:hover:before, [sws-hover--danger-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--danger-outline:before, [sws-hover--danger-outline]:before {
        border-bottom-color: #d9534f !important
    }

.sws-hover-3d--danger-outline, [sws-hover-3d--danger-outline] {
    position: relative;
    border: 2px solid #d9534f !important
}

    .sws-hover-3d--danger-outline:before, [sws-hover-3d--danger-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--danger-outline:hover:before, .sws-hover-3d--danger-outline:focus:before, [sws-hover-3d--danger-outline]:hover:before, [sws-hover-3d--danger-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--danger-outline:before, [sws-hover-3d--danger-outline]:before {
        border-color: #d9534f !important
    }

.sws-hover--regular, [sws-hover--regular] {
    position: relative
}

    .sws-hover--regular:before, [sws-hover--regular]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--regular:before, [sws-hover--regular]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--regular:hover:before, .sws-hover--regular:focus:before, [sws-hover--regular]:hover:before, [sws-hover--regular]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--regular:before, [sws-hover--regular]:before {
        border-bottom-color: #74787F !important
    }

.sws-hover-3d--regular, [sws-hover-3d--regular] {
    position: relative
}

    .sws-hover-3d--regular:before, [sws-hover-3d--regular]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--regular:hover:before, .sws-hover-3d--regular:focus:before, [sws-hover-3d--regular]:hover:before, [sws-hover-3d--regular]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--regular:before, [sws-hover-3d--regular]:before {
        border-color: #74787F !important
    }

.sws-hover--regular-outline, [sws-hover--regular-outline] {
    position: relative;
    border: 2px solid #74787F !important
}

    .sws-hover--regular-outline:before, [sws-hover--regular-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--regular-outline:before, [sws-hover--regular-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--regular-outline:hover:before, .sws-hover--regular-outline:focus:before, [sws-hover--regular-outline]:hover:before, [sws-hover--regular-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--regular-outline:before, [sws-hover--regular-outline]:before {
        border-bottom-color: #74787F !important
    }

.sws-hover-3d--regular-outline, [sws-hover-3d--regular-outline] {
    position: relative;
    border: 2px solid #74787F !important
}

    .sws-hover-3d--regular-outline:before, [sws-hover-3d--regular-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--regular-outline:hover:before, .sws-hover-3d--regular-outline:focus:before, [sws-hover-3d--regular-outline]:hover:before, [sws-hover-3d--regular-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--regular-outline:before, [sws-hover-3d--regular-outline]:before {
        border-color: #74787F !important
    }

.sws-hover--light, [sws-hover--light] {
    position: relative
}

    .sws-hover--light:before, [sws-hover--light]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--light:before, [sws-hover--light]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--light:hover:before, .sws-hover--light:focus:before, [sws-hover--light]:hover:before, [sws-hover--light]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--light:before, [sws-hover--light]:before {
        border-bottom-color: #ecf0f1 !important
    }

.sws-hover-3d--light, [sws-hover-3d--light] {
    position: relative
}

    .sws-hover-3d--light:before, [sws-hover-3d--light]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--light:hover:before, .sws-hover-3d--light:focus:before, [sws-hover-3d--light]:hover:before, [sws-hover-3d--light]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--light:before, [sws-hover-3d--light]:before {
        border-color: #ecf0f1 !important
    }

.sws-hover--light-outline, [sws-hover--light-outline] {
    position: relative;
    border: 2px solid #ecf0f1 !important
}

    .sws-hover--light-outline:before, [sws-hover--light-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--light-outline:before, [sws-hover--light-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--light-outline:hover:before, .sws-hover--light-outline:focus:before, [sws-hover--light-outline]:hover:before, [sws-hover--light-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--light-outline:before, [sws-hover--light-outline]:before {
        border-bottom-color: #ecf0f1 !important
    }

.sws-hover-3d--light-outline, [sws-hover-3d--light-outline] {
    position: relative;
    border: 2px solid #ecf0f1 !important
}

    .sws-hover-3d--light-outline:before, [sws-hover-3d--light-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--light-outline:hover:before, .sws-hover-3d--light-outline:focus:before, [sws-hover-3d--light-outline]:hover:before, [sws-hover-3d--light-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--light-outline:before, [sws-hover-3d--light-outline]:before {
        border-color: #ecf0f1 !important
    }

.sws-hover--dark, [sws-hover--dark] {
    position: relative
}

    .sws-hover--dark:before, [sws-hover--dark]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--dark:before, [sws-hover--dark]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--dark:hover:before, .sws-hover--dark:focus:before, [sws-hover--dark]:hover:before, [sws-hover--dark]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--dark:before, [sws-hover--dark]:before {
        border-bottom-color: #222 !important
    }

.sws-hover-3d--dark, [sws-hover-3d--dark] {
    position: relative
}

    .sws-hover-3d--dark:before, [sws-hover-3d--dark]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--dark:hover:before, .sws-hover-3d--dark:focus:before, [sws-hover-3d--dark]:hover:before, [sws-hover-3d--dark]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--dark:before, [sws-hover-3d--dark]:before {
        border-color: #222 !important
    }

.sws-hover--dark-outline, [sws-hover--dark-outline] {
    position: relative;
    border: 2px solid #222 !important
}

    .sws-hover--dark-outline:before, [sws-hover--dark-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--dark-outline:before, [sws-hover--dark-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--dark-outline:hover:before, .sws-hover--dark-outline:focus:before, [sws-hover--dark-outline]:hover:before, [sws-hover--dark-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--dark-outline:before, [sws-hover--dark-outline]:before {
        border-bottom-color: #222 !important
    }

.sws-hover-3d--dark-outline, [sws-hover-3d--dark-outline] {
    position: relative;
    border: 2px solid #222 !important
}

    .sws-hover-3d--dark-outline:before, [sws-hover-3d--dark-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--dark-outline:hover:before, .sws-hover-3d--dark-outline:focus:before, [sws-hover-3d--dark-outline]:hover:before, [sws-hover-3d--dark-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--dark-outline:before, [sws-hover-3d--dark-outline]:before {
        border-color: #222 !important
    }

.sws-hover--jet, [sws-hover--jet] {
    position: relative
}

    .sws-hover--jet:before, [sws-hover--jet]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--jet:before, [sws-hover--jet]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--jet:hover:before, .sws-hover--jet:focus:before, [sws-hover--jet]:hover:before, [sws-hover--jet]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--jet:before, [sws-hover--jet]:before {
        border-bottom-color: #3d3d3d !important
    }

.sws-hover-3d--jet, [sws-hover-3d--jet] {
    position: relative
}

    .sws-hover-3d--jet:before, [sws-hover-3d--jet]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--jet:hover:before, .sws-hover-3d--jet:focus:before, [sws-hover-3d--jet]:hover:before, [sws-hover-3d--jet]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--jet:before, [sws-hover-3d--jet]:before {
        border-color: #3d3d3d !important
    }

.sws-hover--jet-outline, [sws-hover--jet-outline] {
    position: relative;
    border: 2px solid #3d3d3d !important
}

    .sws-hover--jet-outline:before, [sws-hover--jet-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover--jet-outline:before, [sws-hover--jet-outline]:before {
        border-right-color: transparent;
        border-right-width: 0 !important
    }

    .sws-hover--jet-outline:hover:before, .sws-hover--jet-outline:focus:before, [sws-hover--jet-outline]:hover:before, [sws-hover--jet-outline]:focus:before {
        opacity: 1;
        transform: translate(0, 6px) !important
    }

    .sws-hover--jet-outline:before, [sws-hover--jet-outline]:before {
        border-bottom-color: #3d3d3d !important
    }

.sws-hover-3d--jet-outline, [sws-hover-3d--jet-outline] {
    position: relative;
    border: 2px solid #3d3d3d !important
}

    .sws-hover-3d--jet-outline:before, [sws-hover-3d--jet-outline]:before {
        content: '';
        display: block;
        width: calc(100%);
        height: calc(100%);
        background: transparent;
        border: 3px solid transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translate(0, 0);
        opacity: 0;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }

    .sws-hover-3d--jet-outline:hover:before, .sws-hover-3d--jet-outline:focus:before, [sws-hover-3d--jet-outline]:hover:before, [sws-hover-3d--jet-outline]:focus:before {
        opacity: 1;
        transform: translate(6px, 6px) !important
    }

    .sws-hover-3d--jet-outline:before, [sws-hover-3d--jet-outline]:before {
        border-color: #3d3d3d !important
    }