.page-bottom--area {
    padding: 12px 0 13px
}

.page-bottom--area .bottom-content {
    margin: 0 auto;
    width: 1200px;
    font-size: 0
}

.page-bottom--area .bottom-content .display-style {
    display: inline-block;
    vertical-align: middle
}

.page-bottom--area .bottom-content .divider {
    margin: 0 10px;
    width: 1px
}

.page-bottom--area .bottom-content .common-style {
    font-weight: 400
}

.page-bottom--area .bottom-content a {
    font-weight: 400;
    text-decoration: none
}

.bottom-words {
    vertical-align: middle
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: transparent
}

body, p {
    margin: 0;
    padding: 0
}

body, input, textarea {
    font: 12px/1 system-ui, "Microsoft YaHei", "微软雅黑", "arial", "tahoma", "MicrosoftJhengHei", "sans-serif";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important
}

body {
    background-color: transparent;
    min-height: 100%;
    height: auto !important;
    overflow-x: hidden
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

a {
    text-decoration: none;
    background-color: transparent;
    color: #609ee9;
    -webkit-text-decoration-skip: objects
}

a.focus, a:focus {
    outline: 0
}

a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active, .open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus, .open > a.dropdown-toggle:hover {
    outline: 0;
    text-decoration: none;
    font-weight: 400
}

a:hover {
    text-decoration: none;
    transition: box-shadow .3s, border .3s, background-color .3s, color .3s
}

a:active, a:visited {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
}

ul, li, ol {
    margin: 0;
    padding: 0;
    list-style: none outside none
}

input {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

template {
    display: none
}

::-webkit-scrollbar {
    width: 8px;
    height: 6px
}

::-webkit-scrollbar-track-piece {
    margin-right: 10px;
    background-color: #EEE;
    -webkit-border-radius: 8px
}

::-webkit-scrollbar-thumb:vertical {
    height: 8px;
    background-color: #DDD;
    -webkit-border-radius: 8px
}

::-webkit-scrollbar-thumb:horizontal {
    width: 6px;
    background-color: #EEE;
    -webkit-border-radius: 8px
}

.f-clearfix:before, .f-clearfix:after, .clearfix:before, .clearfix:after, .f_clearfix:before, .f_clearfix:after {
    content: "";
    display: table
}

.f-clearfix:after, .clearfix:after, .f_clearfix:after {
    clear: both;
    overflow: hidden
}

.f-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.smvContainer {
    margin: 0 auto
}

.yibuFrameContent {
    height: 100%
}

.smartAbs {
    position: absolute
}

.main-layout-wrapper {
    position: relative;
	width: 1250px;
    margin: 0 auto;
}

.main-layout {
    position: relative;
    margin: 0 auto
}

@font-face {
    font-family: "mw-iconfont";
    src: url(../fonts/90fd20447e3447e1980f05ddfcc397dc.woff) format("woff")
}

.mw-iconfont {
    font-family: "mw-iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "company-icon";
    src: url(../fonts/aa913c69c6d74dc5afe46f97fb70d794.woff) format("woff")
}

.ltd-icon {
    font-family: "company-icon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconStyle2 .gs-dianhua:before {
    content: "îš?
}

.iconStyle2 .gs-youxiang:before {
    content: "î›?
}

.hover-effect[data-effect-name="direction-top"] img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hover-effect[data-effect-name="direction-top"] .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    pointer-events: none
}

.hover-effect[data-effect-name="direction-top"] .layer {
    top: -100%;
    left: 0
}

.hover-effect[data-effect-name="direction-top"]:hover img, .hover-effect[data-effect-name="direction-right"]:hover img, .hover-effect[data-effect-name="direction-bottom"]:hover img, .hover-effect[data-effect-name="direction-left"]:hover img, .hover-effect[data-effect-name="direction-origin"]:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.hover-effect[data-effect-name="direction-top"]:hover .layer, .hover-effect[data-effect-name="direction-right"]:hover .layer, .hover-effect[data-effect-name="direction-bottom"]:hover .layer, .hover-effect[data-effect-name="direction-left"]:hover .layer, .hover-effect[data-effect-name="direction-origin"]:hover .layer {
    opacity: 1
}

.hover-effect[data-effect-name="direction-top"]:hover .layer {
    top: 0
}

@-webkit-keyframes full {
    0% {
        opacity: .4
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes full {
    0% {
        opacity: .4
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes full {
    0% {
        opacity: .4
    }
    100% {
        opacity: 1
    }
}

@keyframes full {
    0% {
        opacity: .4
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes line {
    100% {
        left: 125%
    }
}

@-moz-keyframes line {
    100% {
        left: 125%
    }
}

@-o-keyframes line {
    100% {
        left: 125%
    }
}

@keyframes line {
    100% {
        left: 125%
    }
}

@-webkit-keyframes disperse {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-moz-keyframes disperse {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-o-keyframes disperse {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes disperse {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

.hover-effect[data-effect-name="sweep-to-right"]:hover {
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hover-effect[data-effect-name="sweep-to-right"]:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.hover-effect[data-effect-name="sweep-to-right"]:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@-webkit-keyframes fadeCenter {
    0% {
        opacity: 0;
        z-index: -1
    }
    40% {
        opacity: 1;
        z-index: 2;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        z-index: 2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ladderin {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotate(0) translateZ(0);
        transform: perspective(800px) rotate(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@keyframes ladderin {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotate(0) translateZ(0);
        transform: perspective(800px) rotate(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-webkit-keyframes bombout {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }
}

@keyframes bombout {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }
}

.tem_63_2 {
    position: relative
}

.tem_63_2 .fullcolumn-outer {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size: auto;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    z-index: -1
}

.tem_63_2 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: auto;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.tem_64_6 .w-image-box {
    text-align: center;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.tem_64_6 .w-image-box img {
    border: 0;
    display: block
}

.tem_65_6 .w-language {
    padding: 0;
    margin: 0;
    width: 105px;
    height: 36px
}

.tem_65_6 .w-language .w-language-group {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}

.tem_65_6 .w-language .w-language-group .w-language-item {
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    float: left;
    line-height: 1.6;
    list-style: none
}

.tem_65_6 .w-language .w-language-group .w-language-item .w-language-link {
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: Tahoma;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}

.tem_65_6 .w-language .w-language-group .w-language-item .w-language-link:hover {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333
}

.f-clearfix:before, .f-clearfix:after {
    content: "";
    display: table
}

.f-clearfix:after {
    clear: both;
    overflow: hidden
}

.tem_66_20 * {
    box-sizing: content-box
}

.tem_66_20:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1
}

.tem_66_20 .w-nav {
    margin: 0;
    padding: 0;
    float: left;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.tem_66_20 .w-nav:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1
}

.tem_66_20 .w-nav .w-nav-inner {
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.tem_66_20 .w-nav .w-nav-inner:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tem_66_20 .w-nav .w-nav-inner:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tem_66_20 .w-nav .w-nav-item {
    padding: 0 19px 0 19px;
    margin: 0;
    position: relative;
    height: 100%;
    line-height: inherit
}

.tem_66_20 .w-nav .w-nav-inner:first-child .w-nav-item {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tem_66_20 .w-nav .w-nav-inner:last-child .w-nav-item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tem_66_20 .w-nav .w-nav-item .w-nav-item-link {
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    height: 100%;
    color: #031838;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tem_66_20 .w-nav .w-nav-item .w-nav-item-link .w-link-txt {
    font-family: Arial;
    font-size: 17px
}

.tem_66_20 .w-nav .w-nav-item .w-nav-item-link .mw-iconfont {
    font-size: 17px
}

.tem_66_20 .w-nav .w-subnav {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 56px;
    left: 0;
    overflow: hidden;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.tem_66_20 .w-nav .w-nav-inner:hover {
    background-color: rgb(238, 238, 238);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background: linear-gradient(none, none);
    background-size: auto
}

.tem_66_20 .w-nav .w-nav-inner:hover .w-nav-item-link {
    color: #3d85c6;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center
}

.tem_66_20 .w-nav .w-nav-item.current {
    background-color: rgb(204, 204, 204);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.tem_66_20 .w-nav .w-nav-item.current .w-nav-item-link {
    color: #3d85c6;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center
}

.tem_86_46 .w-image-box {
    text-align: center;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.tem_86_46 .w-image-box img {
    border: 0;
    display: block
}

.tem_51_58 {
    position: relative
}

.tem_51_58 .fullcolumn-outer {
    background-color: rgb(238, 238, 238);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size: auto;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    z-index: -1
}

.tem_51_58 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: auto;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.tem_68_35 {
    color: #555555
}

.tem_82_12 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.tem_82_12 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.tem_69_15 {
    color: #555555
}

.tem_81_10 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.tem_81_10 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.tem_75_16 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.tem_75_16 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.tem_73_11 .w-image-box {
    text-align: center;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.tem_73_11 .w-image-box img {
    border: 0;
    display: block
}

.tem_74_55 {
    color: #434A54
}

.tem_76_21 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.tem_76_21 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.tem_77_21 .w-image-box {
    text-align: center;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.tem_77_21 .w-image-box img {
    border: 0;
    display: block
}

.tem_78_21 {
    color: #434A54
}

.tem_80_45 .w-company-info {
    line-height: 18px;
    text-align: left
}

.tem_80_45 .w-company-info .company-info-item {
    overflow: hidden
}

.tem_80_45 .w-company-info .company-info-item a {
    display: block;
    margin-bottom: 10px;
    color: #073763;
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    font-style: normal
}

.tem_80_45 .w-company-info .company-info-item .company-info-titleBox {
    float: left;
    text-align: left;
    width: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tem_80_45 .w-company-info .company-info-item .company-info-icon {
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    vertical-align: top
}

.tem_80_45 .w-company-info .company-info-item .ltd-icon {
    color: #031838;
    font-size: 18px
}

.tem_80_45 .company-info-item .company-text {
    overflow: hidden;
    word-wrap: break-word
}

#smv_tem_83_8 {
    min-width: 200px
}

.tem_83_8 .w-guestbook {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}

.tem_83_8 .w-guestbook .w-guestbook-item {
    margin: 0 0 12px 0;
    padding: 0 12px;
    height: 36px;
    overflow: hidden;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCD1D9;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCD1D9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCD1D9;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCD1D9;
    background-color: #FFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none))
}

.tem_83_8 .w-guestbook .w-guestbook-item .w-guestbook-input {
    margin: 0;
    padding: 7px 0;
    width: 100%;
    min-height: 22px;
    line-height: 22px;
    border: none;
    background-color: transparent;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

.tem_83_8 .w-guestbook .w-guestbook-item.w-item-textarea {
    margin: 0 0 12px 0;
    padding: 8px 12px;
    min-height: 60px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCD1D9;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCD1D9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCD1D9;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCD1D9;
    background-color: #FFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none))
}

.tem_83_8 .w-guestbook .w-guestbook-item.w-item-textarea .w-guestbook-textarea {
    margin: 0;
    padding: 0 12px 0 0;
    width: 100%;
    /*height: 130px;*/
    line-height: 1.6;
    border: none;
    border-color: transparent;
    background-color: transparent;
    resize: none;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

.tem_83_8 .w-guestbook .w-guestbook-item.w-item-textarea textarea.w-guestbook-textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
    font-family: Arial;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5
}

.tem_83_8 .w-guestbook .w-guestbook-item input.w-guestbook-input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
    font-family: Arial;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5
}

.tem_83_8 .w-guestbook .w-guestbook-code {
    margin: 0 0 12px 0;
    padding: 0 120px 0 0;
    position: relative
}

.tem_83_8 .w-guestbook .w-guestbook-code .w-guestbook-item {
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tem_83_8 .w-guestbook .w-guestbook-code .w-guestbook-codeimg {
    margin: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 115px;
    border-top-color: #CCD1D9;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCD1D9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCD1D9;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCD1D9;
    background-color: #FFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center
}

.tem_83_8 .w-guestbook .w-guestbook-code .w-guestbook-codeimg img {
    margin: 0 auto;
    padding: 0;
    width: 100px;
    height: 100%;
    font-size: 12px
}

.tem_83_8 .w-guestbook .w-guestbook-code .w-guestbook-codeimg img:hover {
    cursor: pointer
}

.tem_83_8 .w-guestbook .w-guestbook-bottom {
    margin: 0;
    padding: 0
}

.tem_83_8 .w-guestbook .w-guestbook-bottom .w-guestbook-btn {
    display: inline-block;
    margin: 0;
    padding: 0 16px;
    outline: none;
    min-width: 66px;
    height: 36px;
    line-height: 36px;
    float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #609EE9;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #609EE9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #609EE9;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #609EE9;
    background-color: #609EE9;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

.tem_83_8 .w-guestbook .w-guestbook-bottom .w-guestbook-btn:hover {
    border-top-color: #5795E0;
    border-right-color: #5795E0;
    border-bottom-color: #5795E0;
    border-left-color: #5795E0;
    background-color: #5795E0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    color: #F5F5F5;
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.f-clearfix:before, .f-clearfix:after {
    content: "";
    display: table
}

.f-clearfix:after {
    clear: both;
    overflow: hidden
}

.f-clearfix {
    zoom: 1
}

.tem_85_49 {
    color: #555555
}

.con_2_4 {
    position: relative
}

.con_2_4 .fullcolumn-outer {
    background-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    z-index: -1
}

.con_2_4 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.con_4_55 {
    color: #000000
}

.con_5_34 .w-image-box {
    text-align: center;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.con_5_34 .w-image-box img {
    border: 0;
    display: block
}

.con_91_49 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgb(238, 238, 238);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.con_91_49 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.con_7_23 .w-button {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 2px solid #031838;
    border-right: 2px solid #031838;
    border-bottom: 2px solid #031838;
    border-left: 2px solid #031838;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 0 0 0 transparent;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    transition: all 300ms ease-in-out
}

.con_7_23 .w-button:hover {
    border-color: #003d99;
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none);
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.con_7_23 .w-button:hover .w-button-text {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    text-decoration: none
}

.con_7_23 .w-button-position {
    display: block;
    padding: 0 5px;
    height: 100%
}

.con_7_23 .w-button-position .w-button-position-inner {
    height: 100%
}

.con_7_23 .w-button .w-button-text {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 16px;
    color: #031838;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    vertical-align: top;
    transition: color .3s
}

.con_7_23 .hover-effect[data-effect-name="shutter-out-vertical"]:hover, .con_7_23 .hover-effect[data-effect-name="shutter-out-horizontal"]:hover, .con_7_23 .hover-effect[data-effect-name="rectangle-out"]:hover, .con_7_23 .hover-effect[data-effect-name="sweep-to-right"]:hover {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background: linear-gradient(none, none)
}

.con_7_23 .hover-effect:hover::before {
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none)
}

.con_57_54 {
    color: #555555
}

.con_8_49 {
    position: relative
}

.con_8_49 .fullcolumn-outer {
    background-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    z-index: -1
}

.con_8_49 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.con_12_49 {
    color: #555555
}

.con_15_43 .w-button {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 2px solid #031838;
    border-right: 2px solid #031838;
    border-bottom: 2px solid #031838;
    border-left: 2px solid #031838;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 0 0 0 transparent;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    transition: all 300ms ease-in-out
}

.con_15_43 .w-button:hover {
    border-color: #003d99;
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none);
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.con_15_43 .w-button:hover .w-button-text {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    text-decoration: none
}

.con_15_43 .w-button-position {
    display: block;
    padding: 0 5px;
    height: 100%
}

.con_15_43 .w-button-position .w-button-position-inner {
    height: 100%
}

.con_15_43 .w-button .w-button-text {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 16px;
    color: #031838;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    vertical-align: top;
    transition: color .3s
}

.con_15_43 .hover-effect[data-effect-name="shutter-out-vertical"]:hover, .con_15_43 .hover-effect[data-effect-name="shutter-out-horizontal"]:hover, .con_15_43 .hover-effect[data-effect-name="rectangle-out"]:hover, .con_15_43 .hover-effect[data-effect-name="sweep-to-right"]:hover {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background: linear-gradient(none, none)
}

.con_15_43 .hover-effect:hover::before {
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none)
}

.con_100_27 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_100_27 .w-image-box img {
    border: 0
}

.con_100_27 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_100_27 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_100_27 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_100_27 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_105_38 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_105_38 .w-image-box img {
    border: 0
}

.con_105_38 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_105_38 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_105_38 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_105_38 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_106_41 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_106_41 .w-image-box img {
    border: 0
}

.con_106_41 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_106_41 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_106_41 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_106_41 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_107_48 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_107_48 .w-image-box img {
    border: 0
}

.con_107_48 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_107_48 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_107_48 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_107_48 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_108_51 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_108_51 .w-image-box img {
    border: 0
}

.con_108_51 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_108_51 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_108_51 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_108_51 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_109_53 .w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.con_109_53 .w-image-box img {
    border: 0
}

.con_109_53 .w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_109_53 .w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.con_109_53 .w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.con_109_53 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.con_10_49 {
    color: #000000
}

.con_16_5 {
    position: relative
}

.con_16_5 .fullcolumn-outer {
    background-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    z-index: -1
}

.con_16_5 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.con_92_21 > .w-container {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-radius: 0px;
    background-color: rgb(238, 238, 238);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.con_92_21 > .w-container > div {
    width: 100%;
    height: 100%;
    position: relative
}

.con_18_5 {
    color: #000000
}

.con_20_5 {
    color: #555555
}

.con_94_24 {
    position: relative
}

.con_94_24 .fullcolumn-outer {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    z-index: -1
}

.con_94_24 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.con_23_5 .w-button {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 2px solid #031838;
    border-right: 2px solid #031838;
    border-bottom: 2px solid #031838;
    border-left: 2px solid #031838;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 0 0 0 transparent;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    transition: all 300ms ease-in-out
}

.con_23_5 .w-button:hover {
    border-color: #003d99;
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none);
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.con_23_5 .w-button:hover .w-button-text {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    text-decoration: none
}

.con_23_5 .w-button-position {
    display: block;
    padding: 0 5px;
    height: 100%
}

.con_23_5 .w-button-position .w-button-position-inner {
    height: 100%
}

.con_23_5 .w-button .w-button-text {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 16px;
    color: #031838;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    vertical-align: top;
    transition: color .3s
}

.con_23_5 .hover-effect[data-effect-name="shutter-out-vertical"]:hover, .con_23_5 .hover-effect[data-effect-name="shutter-out-horizontal"]:hover, .con_23_5 .hover-effect[data-effect-name="rectangle-out"]:hover, .con_23_5 .hover-effect[data-effect-name="sweep-to-right"]:hover {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background: linear-gradient(none, none)
}

.con_23_5 .hover-effect:hover::before {
    background-color: rgb(0, 61, 153);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none)
}

.con_98_24 .w-imglist-collections {
    margin: 0;
    padding: 0;
    background-image: none;
    background: -moz-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background: -o-linear-gradient(top, none, none);
    background: -ms-linear-gradient(top, none, none);
    background-repeat: repeat;
    background-position: 0 0
}

.con_98_24 .w-imglist-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.con_98_24 .w-imglist-list:after {
    margin: 0;
    padding: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: ".";
    font-size: 0
}

.con_98_24 .w-imglist-img {
    width: 400px;
    height: 300px;
    overflow: hidden
}

.con_98_24 .w-imglist-img img {
    width: 400px;
    height: 300px;
    border: none;
    object-fit: cover
}

.con_98_24 .w-imglist-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -14px
}

.con_98_24 .w-imglist-item {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    margin-left: 14px;
    margin-bottom: 14px;
    width: 400px;
    height: 300px;
    z-index: 2;
    overflow: hidden;
	
}

.con_98_24 .w-imglist-item a {
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none
}

.con_98_24 .w-imglist-item a img {
    margin: 0;
    padding: 0
}

.con_98_24 .atlas-item--hover {
    margin: 0;
    padding: 0;
    background-color: transparent
}

.con_98_24 .hover-effect:hover .atlas-item--hover {
    background-color: rgba(11, 83, 148, 0.5);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none);
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background: -o-linear-gradient(none, none);
    background-size: auto
}

.con_98_24 .atlas-item--title {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 16px;
    font-family: Arial;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    display: block
}

.con_98_24 .atlas-item--desc {
    margin: 0;
    margin-top: 14px;
    max-height: 30%;
    overflow: hidden;
    padding: 0 16px;
    width: 100%;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 12px
}

.con_33_38 {
    position: relative
}

.con_33_38 .fullcolumn-outer {
    background-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    z-index: -1
}

.con_33_38 .fullcolumn-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    position: relative;
    margin: 0 auto;
    height: 100%
}

.con_34_0 {
    color: #555555
}

.con_99_52 {
    color: #000000
}

.con_47_7 .w-slide {
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 1 !important
}

.con_47_7 .w-slide-inner {
    margin: 0;
    padding: 0;
    cursor: default;
    width: 1248px;
    height: 422px;
    overflow: hidden
}

.con_47_7 .w-slide-inner .content-box {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 1
}

.con_47_7 .w-slide-inner .content-box > .content-box-inner {
    width: 100% !important;
    height: 422px !important;
    position: absolute;
    z-index: 0 !important;
    top: 0;
    left: 0
}

.con_47_7 .w-slide-inner .content-box > .smAreaC {
    height: 422px;
    width: 1248px !important
}

.con_47_7 .w-slide-btn-box {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 16px;
    right: 16px
}

.con_47_7 .w-slide-btn-box div, .con_47_7 .w-slide-btn-box .w-slide-btnav {
    margin: 0;
    padding: 0;
    width: 10px !important;
    height: 10px;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer
}

.con_47_7 .w-slide-btn-box div {
    background-color: rgba(0, 0, 0, 0.4)
}

.con_47_7 .w-slide-btn-box div:hover, .con_47_7 .w-slide-btn-box .w-slide-btnav:hover {
}

.con_47_7 .w-slide-btn-box .w-slide-btnav {
    background-color: rgb(0, 0, 0)
}

.con_47_7 .w-slide .w-slide-arrowr {
    left: auto !important;
    right: 5px
}

.con_47_7 .w-slide .w-slide-arrowl, .con_47_7 .w-slide .w-slide-arrowr {
    margin: 0;
    padding: 5px 12px;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: all 0ms linear
}

.con_47_7 .w-slide .w-slide-arrowl .w-itemicon, .con_47_7 .w-slide .w-slide-arrowr .w-itemicon {
    color: rgba(255, 255, 255, 0.75);
    font-size: 54px;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    -ms-opacity: .8;
    -o-opacity: .8;
    opacity: .8
}

.con_47_7 .w-slide .w-slide-arrowl:hover {
    color: #fff
}

.con_47_7 .w-slide .w-slide-arrowr:hover {
    color: #fff
}

.con_47_7 {
    position: relative
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.con_50_7 {
    color: inherit
}

.con_52_7 {
    color: inherit
}

.con_53_7 {
    color: inherit
}

.con_54_19 {
    color: inherit
}

.con_112_5 * {
    box-sizing: content-box
}

.con_112_5 .w-nav {
    margin: 0;
    padding: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.con_112_5 .w-nav:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1
}

.con_112_5 .w-nav .w-nav-inner {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
    background-color: rgb(3, 24, 56);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background-size: auto
}

.con_112_5 .w-nav .w-nav-item {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    line-height: inherit
}

.con_112_5 .w-nav .w-nav-inner:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.con_112_5 .w-nav .w-nav-inner:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.con_112_5 .w-nav .w-nav-item .w-nav-item-line {
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: -1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEEEEE
}

.con_112_5 .w-nav .w-nav-inner:first-child .w-nav-item .w-nav-item-line {
    display: none
}

.con_112_5 .w-nav .w-nav-item .w-nav-item-link {
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    height: 100%;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.con_112_5 .w-nav .w-nav-item .w-nav-item-link .w-link-txt {
    font-family: Arial;
    font-size: 24px
}

.con_112_5 .w-nav .w-nav-item .w-nav-item-link .mw-iconfont {
    font-size: 24px
}

.con_112_5 .w-nav .w-subnav {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.con_112_5 .w-nav .w-nav-inner:hover {
    background-color: rgb(7, 55, 99);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background: linear-gradient(none, none);
    background-size: auto
}

.con_112_5 .w-nav .w-nav-inner:hover .w-nav-item-link {
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none
}

.sf-hidden {
    display: none !important
}


.AlertModal--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, .2);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.AlertModal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    justify-content: space-between;
    position: absolute;
    width: 416px;
    background: #ffffff;
    box-shadow: 0 25px 50px -12px #00000040;
    border-radius: 32px
}

.BounceLoaderModal {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.AlertModal--title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #0f172a
}

.AlertModal--body {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #334155
}

.AlertModal--content {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1
}

.AlertModal--row {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.GotItScribeModal--row {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center
}

.XButton {
    height: 24px;
    color: #cbd5e1;
    cursor: pointer
}

.DeleteButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    height: 40px;
    left: 312px;
    top: 0;
    background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
    box-shadow: inset 0 0 0 1px #0000000d;
    border-radius: 8px;
    border-width: 0
}

.DeleteButton--text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.DeleteButton:hover {
    background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%);
    box-shadow: inset 0 0 0 1px #0000000d;
    border-radius: 8px
}

.CancelButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    height: 40px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(148, 163, 184, .5);
    box-sizing: border-box;
    border-radius: 8px
}

.CancelButton--text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #111827
}

.CancelButton:hover {
    background: rgba(203, 213, 225, .25)
}

.GotItButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    height: 40px;
    background: linear-gradient(to bottom, #6366f1, #4f46e5);
    border: 1px solid rgba(148, 163, 184, .5);
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: inset 0 2px 4px #0000000d;
    width: 25%
}

.GotItButton--text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

[type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 24px;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus, input:where(:not([type])):focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'none\'\ viewBox=\'0\ 0\ 20\ 20\'%3e%3cpath\ stroke=\'%236b7280\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'\ stroke-width=\'1.5\'\ d=\'M6\ 8l4\ 4\ 4-4\'/%3e%3c/svg%3e);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 40px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple], [size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 12px;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox], [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 16px;
    width: 16px;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus, [type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked, [type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url(data:image/svg+xml,%3csvg\ viewBox=\'0\ 0\ 16\ 16\'\ fill=\'white\'\ xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath\ d=\'M12.207\ 4.793a1\ 1\ 0\ 010\ 1.414l-5\ 5a1\ 1\ 0\ 01-1.414\ 0l-2-2a1\ 1\ 0\ 011.414-1.414L6.5\ 9.086l4.293-4.293a1\ 1\ 0\ 011.414\ 0z\'/%3e%3c/svg%3e)
}

@media (forced-colors: active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url(data:image/svg+xml,%3csvg\ viewBox=\'0\ 0\ 16\ 16\'\ fill=\'white\'\ xmlns=\'http://www.w3.org/2000/svg\'%3e%3ccircle\ cx=\'8\'\ cy=\'8\'\ r=\'3\'/%3e%3c/svg%3e)
}

@media (forced-colors: active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'none\'\ viewBox=\'0\ 0\ 16\ 16\'%3e%3cpath\ stroke=\'white\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'\ stroke-width=\'2\'\ d=\'M4\ 8h8\'/%3e%3c/svg%3e);
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

@media (forced-colors: active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-3 {
    left: 12px;
    right: 12px
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-y-1 {
    top: 4px;
    bottom: 4px
}

.\!-top-\[1\.5px\] {
    top: -1.5px !important
}

.\!-top-\[10px\] {
    top: -10px !important
}

.-bottom-0 {
    bottom: -0px
}

.-bottom-0\.5 {
    bottom: -2px
}

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

.-right-1 {
    right: -4px
}

.-right-5 {
    right: -20px
}

.-top-1 {
    top: -4px
}

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

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 16px
}

.bottom-\[-570px\] {
    bottom: -570px
}

.bottom-auto {
    bottom: auto
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1 {
    left: 4px
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: 8px
}

.left-3 {
    left: 12px
}

.left-4 {
    left: 16px
}

.left-\[-1px\] {
    left: -1px
}

.left-\[-486px\] {
    left: -486px
}

.left-\[22\%\] {
    left: 22%
}

.left-\[28\.02px\] {
    left: 28.02px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[72px\] {
    left: 72px
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-1 {
    right: 4px
}

.right-2 {
    right: 8px
}

.right-3 {
    right: 12px
}

.right-4 {
    right: 16px
}

.right-\[-15\%\] {
    right: -15%
}

.right-full {
    right: 100%
}

.top-0 {
    top: 0
}

.top-1 {
    top: 4px
}

.top-1\.5 {
    top: 6px
}

.top-1\/2 {
    top: 50%
}

.top-14 {
    top: 56px
}

.top-2 {
    top: 8px
}

.top-3 {
    top: 12px
}

.top-3\.5 {
    top: 14px
}

.top-4 {
    top: 16px
}

.top-\[-1px\] {
    top: -1px
}

.top-\[10vh\] {
    top: 10vh
}

.top-\[14px\] {
    top: 14px
}

.top-\[20\.65px\] {
    top: 20.65px
}

.top-\[32\%\] {
    top: 32%
}

.top-\[50\%\] {
    top: 50%
}

.top-\[65\%\] {
    top: 65%
}

.top-\[calc\(100vh-56px\)\] {
    top: calc(100vh - 56px)
}

.isolate {
    isolation: isolate
}

.-z-\[1\] {
    z-index: -1
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100000\] {
    z-index: 100000
}

.z-\[99999999\] {
    z-index: 99999999
}

.z-\[999999\] {
    z-index: 999999
}

.col-start-2 {
    grid-column-start: 2
}

.\!m-0 {
    margin: 0 !important
}

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

.-m-0\.5 {
    margin: -2px
}

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

.m-0 {
    margin: 0
}

.m-0\.5 {
    margin: 2px
}

.m-3 {
    margin: 12px
}

.m-8 {
    margin: 32px
}

.m-auto {
    margin: auto
}

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

.-mx-0\.5 {
    margin-left: -2px;
    margin-right: -2px
}

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

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

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

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

.-my-0\.5 {
    margin-top: -2px;
    margin-bottom: -2px
}

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

.mx-0\.5 {
    margin-left: 2px;
    margin-right: 2px
}

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

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

.mx-3\.5 {
    margin-left: 14px;
    margin-right: 14px
}

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

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

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

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

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

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

.my-\[2px\] {
    margin-top: 2px;
    margin-bottom: 2px
}

.\!mt-2 {
    margin-top: 8px !important
}

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

.-ml-1\.5 {
    margin-left: -6px
}

.-ml-\[1px\] {
    margin-left: -1px
}

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

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

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

.-mt-0\.5 {
    margin-top: -2px
}

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

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

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

.mb-10 {
    margin-bottom: 40px
}

.mb-12 {
    margin-bottom: 48px
}

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

.mb-2\.5 {
    margin-bottom: 10px
}

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

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

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

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

.mb-\[5px\] {
    margin-bottom: 5px
}

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

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

.ml-2\.5 {
    margin-left: 10px
}

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

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

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

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

.ml-\[5px\] {
    margin-left: 5px
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

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

.mr-1\.5 {
    margin-right: 6px
}

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

.mr-2\.5 {
    margin-right: 10px
}

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

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

.mr-\[5px\] {
    margin-right: 5px
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: 2px
}

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

.mt-1\.5 {
    margin-top: 6px
}

.mt-12 {
    margin-top: 48px
}

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

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

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

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

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

.mt-7 {
    margin-top: 28px
}

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

.mt-\[-12px\] {
    margin-top: -12px
}

.mt-\[10\%\] {
    margin-top: 10%
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[5\.5px\] {
    margin-top: 5.5px
}

.mt-\[5px\] {
    margin-top: 5px
}

.box-border {
    box-sizing: border-box
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.size-1 {
    width: 4px;
    height: 4px
}

.size-1\.5 {
    width: 6px;
    height: 6px
}

.size-10 {
    width: 40px;
    height: 40px
}

.size-12 {
    width: 48px;
    height: 48px
}

.size-2 {
    width: 8px;
    height: 8px
}

.size-3 {
    width: 12px;
    height: 12px
}

.size-3\.5 {
    width: 14px;
    height: 14px
}

.size-4 {
    width: 16px;
    height: 16px
}

.size-5 {
    width: 20px;
    height: 20px
}

.size-6 {
    width: 24px;
    height: 24px
}

.size-7 {
    width: 28px;
    height: 28px
}

.size-8 {
    width: 32px;
    height: 32px
}

.size-9 {
    width: 36px;
    height: 36px
}

.size-\[27px\] {
    width: 27px;
    height: 27px
}

.size-\[8px\] {
    width: 8px;
    height: 8px
}

.h-0 {
    height: 0px
}

.h-0\.5 {
    height: 2px
}

.h-1 {
    height: 4px
}

.h-1\.5 {
    height: 6px
}

.h-1\/4 {
    height: 25%
}

.h-10 {
    height: 40px
}

.h-11 {
    height: 44px
}

.h-12 {
    height: 48px
}

.h-2 {
    height: 8px
}

.h-2\.5 {
    height: 10px
}

.h-20 {
    height: 80px
}

.h-24 {
    height: 96px
}

.h-3 {
    height: 12px
}

.h-3\.5 {
    height: 14px
}

.h-4 {
    height: 16px
}

.h-5 {
    height: 20px
}

.h-6 {
    height: 24px
}

.h-60 {
    height: 240px
}

.h-64 {
    height: 256px
}

.h-7 {
    height: 28px
}

.h-8 {
    height: 32px
}

.h-9 {
    height: 36px
}

.h-96 {
    height: 384px
}

.h-\[1000px\] {
    height: 1000px
}

.h-\[1020px\] {
    height: 1020px
}

.h-\[14px\] {
    height: 14px
}

.h-\[154px\] {
    height: 154px
}

.h-\[176px\] {
    height: 176px
}

.h-\[180px\] {
    height: 180px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[26px\] {
    height: 26px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[320px\] {
    height: 320px
}

.h-\[400px\] {
    height: 400px
}

.h-\[422px\] {
    height: 422px
}

.h-\[44px\] {
    height: 44px
}

.h-\[468px\] {
    height: 468px
}

.h-\[48px\] {
    height: 48px
}

.h-\[500px\] {
    height: 500px
}

.h-\[587px\] {
    height: 587px
}

.h-\[60px\] {
    height: 60px
}

.h-\[753px\] {
    height: 753px
}

.h-\[80dvh\] {
    height: 80dvh
}

.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.h-svh {
    height: 100svh
}

.max-h-40 {
    max-height: 160px
}

.max-h-96 {
    max-height: 384px
}

.max-h-\[calc\(100dvh_-_5rem\)\] {
    max-height: calc(100dvh - 80px)
}

.max-h-\[calc\(var\(--radix-dropdown-menu-content-available-height\)_-_8px\)\] {
    max-height: calc(var(--radix-dropdown-menu-content-available-height) - 8px)
}

.max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content
}

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

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

.min-h-12 {
    min-height: 48px
}

.min-h-20 {
    min-height: 80px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[20px\] {
    min-height: 20px
}

.min-h-\[44px\] {
    min-height: 44px
}

.min-h-\[667px\] {
    min-height: 667px
}

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

.min-h-svh {
    min-height: 100svh
}

.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.\!w-full {
    width: 100% !important
}

.w-1 {
    width: 4px
}

.w-1\.5 {
    width: 6px
}

.w-10 {
    width: 40px
}

.w-10\/12 {
    width: 83.333333%
}

.w-11 {
    width: 44px
}

.w-12 {
    width: 48px
}

.w-2 {
    width: 8px
}

.w-2\.5 {
    width: 10px
}

.w-20 {
    width: 80px
}

.w-3 {
    width: 12px
}

.w-3\.5 {
    width: 14px
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 16px
}

.w-40 {
    width: 160px
}

.w-5 {
    width: 20px
}

.w-52 {
    width: 208px
}

.w-56 {
    width: 224px
}

.w-6 {
    width: 24px
}

.w-64 {
    width: 256px
}

.w-7 {
    width: 28px
}

.w-8 {
    width: 32px
}

.w-9 {
    width: 36px
}

.w-\[--sidebar-width\] {
    width: var(--sidebar-width)
}

.w-\[100\%_\+_4px\] {
    width: 100% +4px
}

.w-\[1020px\] {
    width: 1020px
}

.w-\[13px\] {
    width: 13px
}

.w-\[14px\] {
    width: 14px
}

.w-\[165px\] {
    width: 165px
}

.w-\[180px\] {
    width: 180px
}

.w-\[18px\] {
    width: 18px
}

.w-\[190px\] {
    width: 190px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[232px\] {
    width: 232px
}

.w-\[241px\] {
    width: 241px
}

.w-\[250px\] {
    width: 250px
}

.w-\[272px\] {
    width: 272px
}

.w-\[280px\] {
    width: 280px
}

.w-\[28px\] {
    width: 28px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[300px\] {
    width: 300px
}

.w-\[304px\] {
    width: 304px
}

.w-\[32\.56px\] {
    width: 32.56px
}

.w-\[330px\] {
    width: 330px
}

.w-\[332px\] {
    width: 332px
}

.w-\[336px\] {
    width: 336px
}

.w-\[350px\] {
    width: 350px
}

.w-\[360px\] {
    width: 360px
}

.w-\[377px\] {
    width: 377px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[422px\] {
    width: 422px
}

.w-\[430px\] {
    width: 430px
}

.w-\[464px\] {
    width: 464px
}

.w-\[512px\] {
    width: 512px
}

.w-\[587px\] {
    width: 587px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[60px\] {
    width: 60px
}

.w-\[66\%\] {
    width: 66%
}

.w-\[69\%\] {
    width: 69%
}

.w-\[71\%\] {
    width: 71%
}

.w-\[75\%\] {
    width: 75%
}

.w-\[753px\] {
    width: 753px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[85\%\] {
    width: 85%
}

.w-\[88\%\] {
    width: 88%
}

.w-\[90\%\] {
    width: 90%
}

.w-\[96\%\] {
    width: 96%
}

.w-\[calc\(100vw-64px\)\] {
    width: calc(100vw - 64px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

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

.min-w-4 {
    min-width: 16px
}

.min-w-5 {
    min-width: 20px
}

.min-w-\[12rem\] {
    min-width: 192px
}

.min-w-\[16px\] {
    min-width: 16px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-\[28px\] {
    min-width: 28px
}

.min-w-\[68px\] {
    min-width: 68px
}

.min-w-\[8rem\] {
    min-width: 128px
}

.min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    min-width: var(--radix-dropdown-menu-trigger-width)
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width)
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.min-w-min {
    min-width: -moz-min-content;
    min-width: min-content
}

.\!max-w-\[165px\] {
    max-width: 165px !important
}

.\!max-w-\[220px\] {
    max-width: 220px !important
}

.max-w-2xl {
    max-width: 672px
}

.max-w-48 {
    max-width: 192px
}

.max-w-4xl {
    max-width: 896px
}

.max-w-56 {
    max-width: 224px
}

.max-w-80 {
    max-width: 320px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[190px\] {
    max-width: 190px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[236px\] {
    max-width: 236px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[36ch\] {
    max-width: 36ch
}

.max-w-\[40px\] {
    max-width: 40px
}

.max-w-\[430px\] {
    max-width: 430px
}

.max-w-\[436px\] {
    max-width: 436px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[50\%\] {
    max-width: 50%
}

.max-w-\[55\%\] {
    max-width: 55%
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[634px\] {
    max-width: 634px
}

.max-w-\[640px\] {
    max-width: 640px
}

.max-w-\[65\%\] {
    max-width: 65%
}

.max-w-\[70\%\] {
    max-width: 70%
}

.max-w-\[75\%\] {
    max-width: 75%
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[85\%\] {
    max-width: 85%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[min\(calc\(100vw_-_2\.5rem\)\,_440px\)\] {
    max-width: min(calc(100vw - 40px), 440px)
}

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

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.max-w-md {
    max-width: 448px
}

.max-w-sm {
    max-width: 384px
}

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

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink-0, .shrink-0 {
    flex-shrink: 0
}

.flex-grow, .grow {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0px
}

.caption-top {
    caption-side: top
}

.caption-bottom {
    caption-side: bottom
}

.border-collapse {
    border-collapse: collapse
}

.origin-0 {
    transform-origin: 0%
}

.origin-top-left {
    transform-origin: top left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[4px\] {
    --tw-translate-x: -4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[5px\] {
    --tw-translate-x: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[8px\] {
    --tw-translate-x: -8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-px {
    --tw-translate-x: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[36\%\] {
    --tw-translate-y: -36%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-px {
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[4px\] {
    --tw-translate-y: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[5px\] {
    --tw-translate-y: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[8px\] {
    --tw-translate-y: 8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-125deg\] {
    --tw-rotate: -125deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!scale-x-100 {
    --tw-scale-x: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.\!scale-y-100 {
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes glow-loader {
    0%, to {
        transform: scaleX(1) translateY(0) translate(0)
    }
    50% {
        transform: scaleX(1.3) translateY(70%) translate(-10%)
    }
}

.animate-glow-loader {
    animation: glow-loader 2.5s ease-in-out infinite
}

@keyframes glow-loader-2 {
    0%, to {
        transform: scaleX(1.3) translateY(0) translate(0)
    }
    50% {
        transform: scaleX(1) translateY(-70%) translate(-10%)
    }
}

.animate-glow-loader-2 {
    animation: glow-loader-2 1.8s ease-in-out infinite
}

@keyframes grow-in-from-right {
    0% {
        opacity: 0;
        transform: translate(100%) scale(.7)
    }
    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

.animate-grow-in-from-right {
    animation: grow-in-from-right .5s ease-out both
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.touch-none {
    touch-action: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize {
    resize: both
}

.list-none {
    list-style-type: none
}

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

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-\[1\.75rem_min-content_1fr\] {
    grid-template-columns:28px min-content 1fr
}

.grid-rows-1 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.grid-rows-\[auto_auto\] {
    grid-template-rows:auto auto
}

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.\!justify-center {
    justify-content: center !important
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.gap-1 {
    gap: 4px
}

.gap-1\.5 {
    gap: 6px
}

.gap-12 {
    gap: 48px
}

.gap-14 {
    gap: 56px
}

.gap-2 {
    gap: 8px
}

.gap-2\.5 {
    gap: 10px
}

.gap-3 {
    gap: 12px
}

.gap-4 {
    gap: 16px
}

.gap-6 {
    gap: 24px
}

.gap-8 {
    gap: 32px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-x-1 {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-x-1\.5 {
    -moz-column-gap: 6px;
    column-gap: 6px
}

.gap-x-2 {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-y-0 {
    row-gap: 0px
}

.gap-y-0\.5 {
    row-gap: 2px
}

.gap-y-3 {
    row-gap: 12px
}

.gap-y-6 {
    row-gap: 24px
}

.gap-y-8 {
    row-gap: 32px
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4px * var(--tw-space-x-reverse));
    margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8px * var(--tw-space-x-reverse));
    margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24px * var(--tw-space-x-reverse));
    margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4px * var(--tw-space-y-reverse))
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6px * var(--tw-space-y-reverse))
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(40px * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8px * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24px * var(--tw-space-y-reverse))
}

.self-start {
    align-self: flex-start
}

.self-stretch {
    align-self: stretch
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overflow-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: 4px
}

.rounded-2xl {
    border-radius: 16px
}

.rounded-3xl {
    border-radius: 24px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[11px\] {
    border-radius: 11px
}

.rounded-\[422\.918px\] {
    border-radius: 422.918px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[587\.959px\] {
    border-radius: 587.959px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[753px\] {
    border-radius: 753px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

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

.rounded-lg {
    border-radius: 8px
}

.rounded-md {
    border-radius: 6px
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: 2px
}

.rounded-xl {
    border-radius: 12px
}

.rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.rounded-b-md {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-b-xl {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

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

.rounded-t-xl {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.rounded-tl-lg {
    border-top-left-radius: 8px
}

.rounded-tr-lg {
    border-top-right-radius: 8px
}

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

.border {
    border-width: 1px
}

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

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

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

.border-\[0\.5px\] {
    border-width: .5px
}

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

.border-b-\[0\.5px\] {
    border-bottom-width: .5px
}

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

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

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#F7FBFF\]\/20 {
    border-color: #f7fbff33
}

.border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138/var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(219 234 254/var(--tw-border-opacity))
}

.border-blueGray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity))
}

.border-blueGray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.border-brand-500 {
    --tw-border-opacity: 1;
    border-color: rgb(86 72 251/var(--tw-border-opacity))
}

.border-buttonPrimaryStroke {
    --tw-border-opacity: 1;
    border-color: rgb(69 55 234/var(--tw-border-opacity))
}

.border-cyan-100 {
    --tw-border-opacity: 1;
    border-color: rgb(207 250 254/var(--tw-border-opacity))
}

.border-emerald-100 {
    --tw-border-opacity: 1;
    border-color: rgb(209 250 229/var(--tw-border-opacity))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity))
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(167 243 208/var(--tw-border-opacity))
}

.border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgb(199 210 254/var(--tw-border-opacity))
}

.border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgb(165 180 252/var(--tw-border-opacity))
}

.border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248/var(--tw-border-opacity))
}

.border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241/var(--tw-border-opacity))
}

.border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity))
}

.border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgb(252 231 243/var(--tw-border-opacity))
}

.border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgb(237 233 254/var(--tw-border-opacity))
}

.border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226/var(--tw-border-opacity))
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202/var(--tw-border-opacity))
}

.border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity))
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.border-slate-400\/60 {
    border-color: #94a3b899
}

.border-slate-500 {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139/var(--tw-border-opacity))
}

.border-slate-600 {
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105/var(--tw-border-opacity))
}

.border-slate-700 {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85/var(--tw-border-opacity))
}

.border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-white\/25 {
    border-color: #ffffff40
}

.border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 243 199/var(--tw-border-opacity))
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.border-opacity-15 {
    --tw-border-opacity: .15
}

.border-opacity-50 {
    --tw-border-opacity: .5
}

.border-opacity-80 {
    --tw-border-opacity: .8
}

.\!bg-slate-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 65 85/var(--tw-bg-opacity)) !important
}

.bg-\[\#4535FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(69 53 255/var(--tw-bg-opacity))
}

.bg-\[\#F7FBFF\]\/\[0\.01\] {
    background-color: #f7fbff03
}

.bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/50 {
    background-color: #00000080
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253/var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-blueGray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity))
}

.bg-blueGray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.bg-blueGray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139/var(--tw-bg-opacity))
}

.bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(60 46 221/var(--tw-bg-opacity))
}

.bg-brand-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 237 255/var(--tw-bg-opacity))
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.bg-cyan-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249/var(--tw-bg-opacity))
}

.bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255/var(--tw-bg-opacity))
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.bg-emerald-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

.bg-emerald-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(110 231 183/var(--tw-bg-opacity))
}

.bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245/var(--tw-bg-opacity))
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.bg-emerald-600\/30 {
    background-color: #0596694d
}

.bg-fuchsia-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 232 255/var(--tw-bg-opacity))
}

.bg-fuchsia-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 70 239/var(--tw-bg-opacity))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153/var(--tw-bg-opacity))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245/var(--tw-bg-opacity))
}

.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255/var(--tw-bg-opacity))
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity))
}

.bg-indigo-600\/30 {
    background-color: #4f46e54d
}

.bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 163/var(--tw-bg-opacity))
}

.bg-lime-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203/var(--tw-bg-opacity))
}

.bg-lime-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(132 204 22/var(--tw-bg-opacity))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213/var(--tw-bg-opacity))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity))
}

.bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 168 212/var(--tw-bg-opacity))
}

.bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248/var(--tw-bg-opacity))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153/var(--tw-bg-opacity))
}

.bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(196 181 253/var(--tw-bg-opacity))
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255/var(--tw-bg-opacity))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246/var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-red-600\/30 {
    background-color: #dc26264d
}

.bg-rose-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230/var(--tw-bg-opacity))
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.bg-slate-100\/80 {
    background-color: #f1f5f9cc
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.bg-slate-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity))
}

.bg-slate-300\/10 {
    background-color: #cbd5e11a
}

.bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184/var(--tw-bg-opacity))
}

.bg-slate-400\/10 {
    background-color: #94a3b81a
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.bg-slate-500\/10 {
    background-color: #64748b1a
}

.bg-slate-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105/var(--tw-bg-opacity))
}

.bg-slate-600\/50 {
    background-color: #47556980
}

.bg-slate-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity))
}

.bg-slate-700\/15 {
    background-color: #33415526
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

.bg-slate-950\/10 {
    background-color: #0206171a
}

.bg-slate-950\/75 {
    background-color: #020617bf
}

.bg-transparent {
    background-color: transparent
}

.bg-violet-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254/var(--tw-bg-opacity))
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/80 {
    background-color: #fffc
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199/var(--tw-bg-opacity))
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 211 77/var(--tw-bg-opacity))
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235/var(--tw-bg-opacity))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11/var(--tw-bg-opacity))
}

.bg-zinc-900\/70 {
    background-color: #18181bb3
}

.bg-opacity-25 {
    --tw-bg-opacity: .25
}

.bg-opacity-30 {
    --tw-bg-opacity: .3
}

.bg-opacity-40 {
    --tw-bg-opacity: .4
}

.bg-opacity-5 {
    --tw-bg-opacity: .05
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-\[\#3AC3FF\] {
    --tw-gradient-from: #3AC3FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(58 195 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3ac2ff\] {
    --tw-gradient-from: #3ac2ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(58 194 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#5648FB\] {
    --tw-gradient-from: #5648FB var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(86 72 251/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#f45397\] {
    --tw-gradient-from: #f45397 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 83 151/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-100 {
    --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 234 254/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-700\/70 {
    --tw-gradient-from: rgb(29 78 216/.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(29 78 216/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-brand-600 {
    --tw-gradient-from: #3C2EDD var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(60 46 221/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-300 {
    --tw-gradient-from: #67e8f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(103 232 249/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-50 {
    --tw-gradient-from: #ecfeff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 254 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-500 {
    --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(16 185 129/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-50 {
    --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(238 242 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-500 {
    --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 102 241/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-600 {
    --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(79 70 229/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-600\/10 {
    --tw-gradient-from: rgb(79 70 229/.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(79 70 229/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-600\/20 {
    --tw-gradient-from: rgb(79 70 229/.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(79 70 229/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 68 68/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-blue-500\/90 {
    --tw-gradient-to: rgb(59 130 246/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246/.9) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-100 {
    --tw-gradient-to: rgb(252 231 243/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-200 {
    --tw-gradient-to: rgb(251 207 232/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/95 {
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255/.95) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-85\% {
    --tw-gradient-via-position: 85%
}

.to-\[\#3C2EDD\] {
    --tw-gradient-to: #3C2EDD var(--tw-gradient-to-position)
}

.to-\[\#3c2edd\] {
    --tw-gradient-to: #3c2edd var(--tw-gradient-to-position)
}

.to-\[\#ffb425\] {
    --tw-gradient-to: #ffb425 var(--tw-gradient-to-position)
}

.to-blue-100 {
    --tw-gradient-to: #dbeafe var(--tw-gradient-to-position)
}

.to-blue-50 {
    --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)
}

.to-blue-500 {
    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)
}

.to-brand-500 {
    --tw-gradient-to: #5648FB var(--tw-gradient-to-position)
}

.to-cyan-400\/20 {
    --tw-gradient-to: rgb(34 211 238/.2) var(--tw-gradient-to-position)
}

.to-cyan-500 {
    --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)
}

.to-emerald-400 {
    --tw-gradient-to: #34d399 var(--tw-gradient-to-position)
}

.to-fuchsia-500 {
    --tw-gradient-to: #d946ef var(--tw-gradient-to-position)
}

.to-fuchsia-500\/10 {
    --tw-gradient-to: rgb(217 70 239/.1) var(--tw-gradient-to-position)
}

.to-indigo-600 {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}

.to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.to-50\% {
    --tw-gradient-to-position: 50%
}

.to-60\% {
    --tw-gradient-to-position: 60%
}

.bg-auto {
    background-size: auto
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.fill-current {
    fill: currentColor
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 4px
}

.p-1\.5 {
    padding: 6px
}

.p-10 {
    padding: 40px
}

.p-2 {
    padding: 8px
}

.p-3 {
    padding: 12px
}

.p-4 {
    padding: 16px
}

.p-6 {
    padding: 24px
}

.p-8 {
    padding: 32px
}

.p-\[1px\] {
    padding: 1px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px
}

.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}

.px-10 {
    padding-left: 40px;
    padding-right: 40px
}

.px-14 {
    padding-left: 56px;
    padding-right: 56px
}

.px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.px-2\.5 {
    padding-left: 10px;
    padding-right: 10px
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.px-7 {
    padding-left: 28px;
    padding-right: 28px
}

.px-9 {
    padding-left: 36px;
    padding-right: 36px
}

.px-\[0\.625rem\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-9 {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[8\.5px\] {
    padding-top: 8.5px;
    padding-bottom: 8.5px
}

.pb-1 {
    padding-bottom: 4px
}

.pb-2 {
    padding-bottom: 8px
}

.pb-2\.5 {
    padding-bottom: 10px
}

.pb-3 {
    padding-bottom: 12px
}

.pb-4 {
    padding-bottom: 16px
}

.pb-6 {
    padding-bottom: 24px
}

.pb-8 {
    padding-bottom: 32px
}

.pl-1 {
    padding-left: 4px
}

.pl-1\.5 {
    padding-left: 6px
}

.pl-2 {
    padding-left: 8px
}

.pl-3 {
    padding-left: 12px
}

.pl-4 {
    padding-left: 16px
}

.pl-5 {
    padding-left: 20px
}

.pl-6 {
    padding-left: 24px
}

.pl-7 {
    padding-left: 28px
}

.pl-8 {
    padding-left: 32px
}

.pl-9 {
    padding-left: 36px
}

.pl-\[18px\] {
    padding-left: 18px
}

.pl-\[6px\] {
    padding-left: 6px
}

.pr-1 {
    padding-right: 4px
}

.pr-2 {
    padding-right: 8px
}

.pr-3 {
    padding-right: 12px
}

.pr-3\.5 {
    padding-right: 14px
}

.pr-4 {
    padding-right: 16px
}

.pr-5 {
    padding-right: 20px
}

.pr-6 {
    padding-right: 24px
}

.pr-8 {
    padding-right: 32px
}

.pr-9 {
    padding-right: 36px
}

.pr-\[30px\] {
    padding-right: 30px
}

.pr-\[34px\] {
    padding-right: 34px
}

.pr-\[8px\] {
    padding-right: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: 2px
}

.pt-1 {
    padding-top: 4px
}

.pt-10 {
    padding-top: 40px
}

.pt-2 {
    padding-top: 8px
}

.pt-3 {
    padding-top: 12px
}

.pt-4 {
    padding-top: 16px
}

.pt-5 {
    padding-top: 20px
}

.pt-6 {
    padding-top: 24px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.font-\[\'Public_Sans\'\] {
    font-family: Public Sans
}

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

.font-sans {
    font-family: Public Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.\!text-sm {
    font-size: 14px !important;
    line-height: 20px !important
}

.text-5xl {
    font-size: 48px;
    line-height: 1
}

.text-9xl {
    font-size: 128px;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[72px\] {
    font-size: 72px
}

.text-\[8px\] {
    font-size: 8px
}

.text-base {
    font-size: 16px;
    line-height: 24px
}

.text-lg {
    font-size: 18px;
    line-height: 28px
}

.text-sm {
    font-size: 14px;
    line-height: 20px
}

.text-xl {
    font-size: 20px;
    line-height: 28px
}

.text-xs {
    font-size: 12px;
    line-height: 16px
}

.text-xxs {
    font-size: 8px;
    line-height: .75
}

.font-\[600\] {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-4 {
    line-height: 16px
}

.leading-5 {
    line-height: 20px
}

.leading-6 {
    line-height: 24px
}

.leading-7 {
    line-height: 28px
}

.leading-\[0\] {
    line-height: 0
}

.leading-\[10px\] {
    line-height: 10px
}

.leading-\[13px\] {
    line-height: 13px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[80px\] {
    line-height: 80px
}

.leading-\[normal\] {
    line-height: normal
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[3px\] {
    letter-spacing: 3px
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-red-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(185 28 28/var(--tw-text-opacity)) !important
}

.\!text-slate-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184/var(--tw-text-opacity)) !important
}

.\!text-slate-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(100 116 139/var(--tw-text-opacity)) !important
}

.text-\[\#3ac3ff\] {
    --tw-text-opacity: 1;
    color: rgb(58 195 255/var(--tw-text-opacity))
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.text-blueGray-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.text-blueGray-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(60 46 221/var(--tw-text-opacity))
}

.text-brand-200 {
    --tw-text-opacity: 1;
    color: rgb(199 202 255/var(--tw-text-opacity))
}

.text-brand-400 {
    --tw-text-opacity: 1;
    color: rgb(114 121 248/var(--tw-text-opacity))
}

.text-brand-600 {
    --tw-text-opacity: 1;
    color: rgb(60 46 221/var(--tw-text-opacity))
}

.text-current {
    color: currentColor
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153/var(--tw-text-opacity))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87/var(--tw-text-opacity))
}

.text-fuchsia-300 {
    --tw-text-opacity: 1;
    color: rgb(240 171 252/var(--tw-text-opacity))
}

.text-fuchsia-500 {
    --tw-text-opacity: 1;
    color: rgb(217 70 239/var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgb(165 180 252/var(--tw-text-opacity))
}

.text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity))
}

.text-inherit {
    color: inherit
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(244 114 182/var(--tw-text-opacity))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153/var(--tw-text-opacity))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119/var(--tw-text-opacity))
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(139 92 246/var(--tw-text-opacity))
}

.text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(254 202 202/var(--tw-text-opacity))
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}

.text-red-950 {
    --tw-text-opacity: 1;
    color: rgb(69 10 10/var(--tw-text-opacity))
}

.text-red-950\/50 {
    color: #450a0a80
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

.text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249/var(--tw-text-opacity))
}

.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240/var(--tw-text-opacity))
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(248 250 252/var(--tw-text-opacity))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity))
}

.text-slate-700\/60 {
    color: #33415599
}

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59/var(--tw-text-opacity))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.text-slate-950 {
    --tw-text-opacity: 1;
    color: rgb(2 6 23/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-white\/50 {
    color: #ffffff80
}

.text-white\/90 {
    color: #ffffffe6
}

.text-white\/\[85\] {
    color: #fff
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.decoration-slate-400 {
    text-decoration-color: #94a3b8
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.bg-blend-overlay {
    background-blend-mode: overlay
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(15 23 42/.1), 0 1px 2px -1px rgb(15 23 42/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(15 23 42/.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_1_0_rgba\(71\,85\,105\,0\.2\)_inset\] {
    --tw-shadow: 0 0 1 0 rgba(71, 85, 105, .2) inset;
    --tw-shadow-colored: inset 0 0 1 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_24px_24px_-12px_\#3C2EDD40\] {
    --tw-shadow: 0 24px 24px -12px #3C2EDD40;
    --tw-shadow-colored: 0 24px 24px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_0px_1px_rgba\(191\,200\,211\,0\.25\)\,0px_20px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\,0px_8px_10px_-6px_rgba\(15\,23\,42\,0\.1\)\] {
    --tw-shadow: 0px 0px 0px 1px rgba(191, 200, 211, .25), 0px 20px 25px -5px rgba(15, 23, 42, .1), 0px 8px 10px -6px rgba(15, 23, 42, .1);
    --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 20px 25px -5px var(--tw-shadow-color), 0px 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_1\.5px_0px_rgba\(2\,6\,23\,0\.10\)\] {
    --tw-shadow: 0px 0px 1.5px 0px rgba(2, 6, 23, .1);
    --tw-shadow-colored: 0px 0px 1.5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_1px_0px_rgba\(15\,23\,42\,0\.20\)\,0px_5px_11px_0px_rgba\(2\,6\,23\,0\.06\)\,0px_2px_4px_0px_rgba\(2\,6\,23\,0\.10\)\] {
    --tw-shadow: 0px 0px 1px 0px rgba(15, 23, 42, .2), 0px 5px 11px 0px rgba(2, 6, 23, .06), 0px 2px 4px 0px rgba(2, 6, 23, .1);
    --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 5px 11px 0px var(--tw-shadow-color), 0px 2px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_10px_16px_-11px_rgba\(2\,6\,23\,0\.75\)\] {
    --tw-shadow: 0px 10px 16px -11px rgba(2, 6, 23, .75);
    --tw-shadow-colored: 0px 10px 16px -11px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[40px_44px_140px_0px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 40px 44px 140px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 40px 44px 140px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0_0_0_1px\] {
    --tw-shadow: inset 0 0 0 1px;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(15 23 42/.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner-xs {
    --tw-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(15 23 42/.1), 0 4px 6px -4px rgb(15 23 42/.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(15 23 42/.1), 0 2px 4px -2px rgb(15 23 42/.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(15 23 42/.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-toast {
    --tw-shadow: 0px 4px 6px -4px rgba(15, 23, 42, .1), 0px 10px 15px -3px rgba(15, 23, 42, .1), 0px 0px 0px 1px rgba(2, 6, 23, .1);
    --tw-shadow-colored: 0px 4px 6px -4px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(15 23 42/.1), 0 8px 10px -6px rgb(15 23 42/.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-black {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-500\/30 {
    --tw-shadow-color: rgb(59 130 246/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blueGray-500\/30 {
    --tw-shadow-color: rgb(100 116 139/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-brand-800\/30 {
    --tw-shadow-color: rgb(36 28 133/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-cyan-500\/30 {
    --tw-shadow-color: rgb(6 182 212/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-100 {
    --tw-shadow-color: #f3f4f6;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-green-500\/30 {
    --tw-shadow-color: rgb(16 185 129/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-pink-500\/30 {
    --tw-shadow-color: rgb(236 72 153/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-purple-500\/30 {
    --tw-shadow-color: rgb(139 92 246/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-red-700\/30 {
    --tw-shadow-color: rgb(185 28 28/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-slate-300 {
    --tw-shadow-color: #cbd5e1;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-slate-900\/15 {
    --tw-shadow-color: rgb(15 23 42/.15);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-white {
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-yellow-500\/30 {
    --tw-shadow-color: rgb(245 158 11/.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0px
}

.outline-1 {
    outline-width: 1px
}

.outline-offset-\[-1px\] {
    outline-offset: -1px
}

.outline-\[\#4755691A\] {
    outline-color: #4755691a
}

.outline-black\/5 {
    outline-color: #0000000d
}

.outline-gray-50 {
    outline-color: #f9fafb
}

.outline-red-400 {
    outline-color: #f87171
}

.outline-slate-300 {
    outline-color: #cbd5e1
}

.outline-white {
    outline-color: #fff
}

.outline-white\/25 {
    outline-color: #ffffff40
}

.outline-white\/50 {
    outline-color: #ffffff80
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[3px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}

.ring-black\/10 {
    --tw-ring-color: rgb(0 0 0/.1)
}

.ring-brand-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(162 168 251/var(--tw-ring-opacity))
}

.ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 202 202/var(--tw-ring-opacity))
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.ring-slate-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(203 213 225/var(--tw-ring-opacity))
}

.ring-slate-400\/30 {
    --tw-ring-color: rgb(148 163 184/.3)
}

.ring-slate-700\/15 {
    --tw-ring-color: rgb(51 65 85/.15)
}

.ring-slate-950\/10 {
    --tw-ring-color: rgb(2 6 23/.1)
}

.ring-slate-950\/75 {
    --tw-ring-color: rgb(2 6 23/.75)
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.ring-opacity-0 {
    --tw-ring-opacity: 0
}

.ring-opacity-5 {
    --tw-ring-opacity: .05
}

.ring-offset-2 {
    --tw-ring-offset-width: 2px
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-3xl {
    --tw-blur: blur(64px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[5px\] {
    --tw-blur: blur(5px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-\[0px_1px_0px_\#334155\] {
    --tw-drop-shadow: drop-shadow(0px 1px 0px #334155);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0/.04)) drop-shadow(0 4px 3px rgb(0 0 0/.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[14\.5px\] {
    --tw-backdrop-blur: blur(14.5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[border\] {
    transition-property: border;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[margin\,opa\] {
    transition-property: margin, opa;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[outline\] {
    transition-property: outline;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[left\,right\] {
    will-change: left, right
}

.scrollbar-hide {
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.\[all\:unset\] {
    all: unset
}

.\[text-shadow\:0_1px_1px_rgba\(183\,28\,28\,0\.25\)\] {
    text-shadow: 0 1px 1px rgba(183, 28, 28, .25)
}

.\[text-shadow\:0_1px_1px_rgba\(2\,6\,23\,0\.25\)\] {
    text-shadow: 0 1px 1px rgba(2, 6, 23, .25)
}

.\[text-shadow\:0_1px_1px_rgba\(49\,46\,129\,0\.25\)\] {
    text-shadow: 0 1px 1px rgba(49, 46, 129, .25)
}

:host {
    all: initial
}

*, :before, :after {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box
}

* {
    font-family: Public Sans, sans-serif;
    -webkit-font-smoothing: antialiased
}

.guide-me-modal-html > * {
    margin-top: 0;
    margin-bottom: 0
}

.guide-me-tooltip > p {
    margin-top: 0;
    margin-bottom: 0
}

.guide-me-modal-html > *:last-child {
    margin-bottom: 0
}

.guide-me-modal-html ul, .guide-me-modal-html ol {
    padding-left: 24px
}

.guide-me-modal-html code {
    background-color: #0006;
    border-radius: 4px;
    padding: 0 4px
}

.guide-me-tooltip-button {
    width: 20px;
    height: 20px;

    span {
        width: 11px;
        height: 11px;
    }
}

.\*\:absolute > * {
    position: absolute
}

.\*\:bg-gradient-to-br > * {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.\*\:mix-blend-overlay > * {
    mix-blend-mode: overlay
}

.\*\:\[clip-path\:ellipse\(closest-side_farthest-side\)\] > * {
    clip-path: ellipse(closest-side farthest-side)
}

.placeholder\:hidden::-moz-placeholder {
    display: none
}

.placeholder\:hidden::placeholder {
    display: none
}

.placeholder\:text-sm::-moz-placeholder {
    font-size: 14px;
    line-height: 20px
}

.placeholder\:text-sm::placeholder {
    font-size: 14px;
    line-height: 20px
}

.placeholder\:text-red-800::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}

.placeholder\:text-red-800::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}

.placeholder\:text-red-950\/50::-moz-placeholder {
    color: #450a0a80
}

.placeholder\:text-red-950\/50::placeholder {
    color: #450a0a80
}

.placeholder\:text-slate-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.placeholder\:text-slate-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.placeholder\:text-slate-500::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.placeholder\:text-slate-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-inset-2:after {
    content: var(--tw-content);
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.after\:inset-y-0:after {
    content: var(--tw-content);
    top: 0;
    bottom: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px
}

.first\:ml-0:first-child {
    margin-left: 0
}

.first\:rounded-t-xl:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.first\:pt-5:first-child {
    padding-top: 20px
}

.last\:rounded-b-xl:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.last\:pb-5:last-child {
    padding-bottom: 20px
}

.focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241/var(--tw-border-opacity))
}

.focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.hover\:z-10:hover {
    z-index: 10
}

.hover\:mb-1:hover {
    margin-bottom: 4px
}

.hover\:ml-1:hover {
    margin-left: 4px
}

.hover\:mr-1:hover {
    margin-right: 4px
}

.hover\:mt-1:hover {
    margin-top: 4px
}

.hover\:cursor-grab:hover {
    cursor: grab
}

.hover\:border-emerald-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153/var(--tw-border-opacity))
}

.hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248/var(--tw-border-opacity))
}

.hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113/var(--tw-border-opacity))
}

.hover\:border-slate-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.hover\:border-opacity-25:hover {
    --tw-border-opacity: .25
}

.hover\:\!bg-slate-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 65 85/var(--tw-bg-opacity)) !important
}

.hover\:bg-black\/80:hover {
    background-color: #000c
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.hover\:bg-blueGray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity))
}

.hover\:bg-cyan-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255/var(--tw-bg-opacity))
}

.hover\:bg-emerald-600\/30:hover {
    background-color: #0596694d
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

.hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255/var(--tw-bg-opacity))
}

.hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255/var(--tw-bg-opacity))
}

.hover\:bg-indigo-600\/30:hover {
    background-color: #4f46e54d
}

.hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243/var(--tw-bg-opacity))
}

.hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254/var(--tw-bg-opacity))
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity))
}

.hover\:bg-red-600\/30:hover {
    background-color: #dc26264d
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.hover\:bg-slate-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity))
}

.hover\:bg-slate-300\/20:hover {
    background-color: #cbd5e133
}

.hover\:bg-slate-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184/var(--tw-bg-opacity))
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.hover\:bg-slate-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139/var(--tw-bg-opacity))
}

.hover\:bg-slate-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity))
}

.hover\:bg-slate-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199/var(--tw-bg-opacity))
}

.hover\:bg-opacity-15:hover {
    --tw-bg-opacity: .15
}

.hover\:bg-opacity-25:hover {
    --tw-bg-opacity: .25
}



button.dl-logo.svelte-1tthjxl.svelte-1tthjxl {
    border: none;
    background-color: transparent;
    padding: 0px
}


.btn-primary.svelte-1ou9pye {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0177a9;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-inline-end: 6px;
    line-height: normal;
    padding: 9px 16px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #0177a9
}

.btn-primary.svelte-1ou9pye:hover {
    background: #006494
}

.btn-secondary.svelte-1ou9pye {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    margin-inline-end: 0;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    border-color: #dbe0e5
}

.btn-secondary.svelte-1ou9pye:hover {
    border-color: #006494;
    color: #006494
}

.debug-settings.svelte-mu7va1 {
    width: fit-content;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    background-color: #000
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.dl__dictionary.svelte-1n7xyu1 {
    max-height: 366px;
    overflow: scroll;
    scroll-behavior: auto;
    border-top: 1px solid #dae1e8
}

.dl__dictionary.svelte-1n7xyu1::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.dl__dictionary.svelte-1n7xyu1::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

.dl-alternatives-container.svelte-fxpmgu.svelte-fxpmgu {
    border-top: 1px solid #dbe0e5;
    background-color: #f5f7f8
}

.dl-toggle-show-alternatives.svelte-fxpmgu.svelte-fxpmgu {
    display: block;
    background: transparent;
    border: 0 none;
    text-align: start;
    width: 100%;
    background-image: url(../fonts/alternatives.svg);
    background-repeat: no-repeat;
    background-position: center left 8px;
    cursor: pointer;
    line-height: 21px;
    letter-spacing: -1.1%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-inline-start: 36px;
    padding-inline-end: 10px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit
}

.dl-toggle-show-alternatives.svelte-fxpmgu.svelte-fxpmgu:dir(rtl) {
    background-position: center right 8px
}

.dl-toggle-show-alternatives.svelte-fxpmgu.svelte-fxpmgu::after {
    height: 20px;
    width: 20px;
    content: " ";
    position: absolute;
    inset-inline-end: 16px;
    transition: transform 0.3 ease-in-out;
    background-image: url(../fonts/arrow-down-variant.svg);
    background-position: center;
    background-repeat: no-repeat
}

.dl-toggle-show-alternatives.is-showing.svelte-fxpmgu.svelte-fxpmgu::after {
    transform: rotate(180deg)
}

.dl-segmentation-selector.svelte-fxpmgu.svelte-fxpmgu {
    padding: 8px
}

.dl-segmentation-selector.svelte-fxpmgu .segmentation-button.svelte-fxpmgu {
    background: transparent;
    font-family: inherit;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-inline-start: 30px;
    padding-inline-end: 4px;
    margin-inline-end: 11px;
    background-repeat: no-repeat;
    background-position: center left 2px
}

.dl-segmentation-selector.svelte-fxpmgu .segmentation-button.svelte-fxpmgu:dir(rtl) {
    background-position: center right 2px
}

.dl-segmentation-selector.svelte-fxpmgu .segmentation-button.word.svelte-fxpmgu {
    background-image: url(../fonts/segmentation-word.svg)
}

.dl-segmentation-selector.svelte-fxpmgu .segmentation-button.sentence.svelte-fxpmgu {
    background-image: url(../fonts/segmentation-sentence.svg)
}

.dl-segmentation-selector.svelte-fxpmgu .active.svelte-fxpmgu {
    border-radius: 4px;
    background-color: #dbe0e5
}

.alternatives.svelte-fxpmgu.svelte-fxpmgu {
    padding-bottom: 8px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.alternative.svelte-fxpmgu.svelte-fxpmgu {
    cursor: pointer;
    background-color: white;
    border-radius: 4px;
    margin: 0 8px 8px 8px;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.alternative.svelte-fxpmgu.svelte-fxpmgu:last-child {
    margin-bottom: 0
}

.alternative.svelte-fxpmgu .highlighted-text-chunk.svelte-fxpmgu {
    text-decoration: underline;
    color: #007e5e
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu.svelte-fxpmgu {
    animation: svelte-fxpmgu-skeleton-loading 1s linear infinite alternate;
    padding: 0 8px 8px 8px
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu .skeleton-item.svelte-fxpmgu {
    padding-bottom: 8px;
    background-color: white;
    border-radius: 4px;
    padding: 13px 8px;
    margin-bottom: 8px
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu .skeleton-item.svelte-fxpmgu:last-child {
    margin-bottom: 0
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu .skeleton-item .skeleton-subitem.svelte-fxpmgu {
    background-color: #edf8fc;
    height: 12px;
    margin-bottom: 13px;
    border-radius: 6px
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu .skeleton-item .skeleton-subitem.svelte-fxpmgu:last-child {
    margin-bottom: 0
}

.dl-alternatives-loading-skeleton.svelte-fxpmgu .skeleton-item .skeleton-subitem.is-short-line.svelte-fxpmgu {
    width: 45%
}

@keyframes svelte-fxpmgu-skeleton-loading {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.5
    }
}

.preview-text-scroller.svelte-t9u7lm.svelte-t9u7lm {
    line-height: 23px;
    font-weight: 400;
    letter-spacing: -1.1%;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.dl-translatable-line.svelte-t9u7lm.svelte-t9u7lm {
    clear: both
}

.dl-translatable-line.is-sentence-segmentation.svelte-t9u7lm .sentence-text.svelte-t9u7lm {
    cursor: pointer
}

.dl-translatable-line.is-sentence-segmentation.svelte-t9u7lm .sentence-text.active-sentence.svelte-t9u7lm {
    background-color: #fbdb94;
    border-radius: 4px
}

.dl-translatable-line.is-sentence-segmentation.svelte-t9u7lm .sentence-text.svelte-t9u7lm:hover {
    background-color: #fbdb94;
    border-radius: 4px
}

.dl-translatable-line.is-word-segmentation.svelte-t9u7lm .word-text.svelte-t9u7lm {
    cursor: pointer
}

.dl-translatable-line.is-word-segmentation.svelte-t9u7lm .word-text.active-word.svelte-t9u7lm {
    background-color: #fbdb94;
    border-radius: 4px
}

.dl-translatable-line.is-word-segmentation.svelte-t9u7lm .word-text.svelte-t9u7lm:hover {
    background-color: #fbdb94;
    border-radius: 4px
}

.dl-untranslatable-line.svelte-t9u7lm.svelte-t9u7lm {
    width: 1px;
    height: 20px;
    float: inline-start
}

.dl-inline-translate-toolbar-frame.svelte-t9u7lm.svelte-t9u7lm {
    margin-bottom: -10px
}

.dl-alternatives-frame.svelte-t9u7lm.svelte-t9u7lm {
    margin: 32px -24px -16px -24px
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.dl-ms-addin-banner.svelte-1qr4p6b.svelte-1qr4p6b {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fcf6ea;
    position: relative
}

.dl-ms-addin-banner.svelte-1qr4p6b .text-banner.svelte-1qr4p6b {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242b34
}

.dl-ms-addin-banner.svelte-1qr4p6b .button-banner.svelte-1qr4p6b {
    top: 861px;
    left: 1560.65px;
    padding: 5px 16px 7px 16px;
    border-radius: 4px;
    background-color: #0f2b46;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.dl-ms-addin-banner.svelte-1qr4p6b .icon.svelte-1qr4p6b {
    position: absolute;
    background: url(../fonts/bg_yellow.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 223px;
    height: 58px;
    right: 0
}

.tooltip-container.svelte-1qr4p6b.svelte-1qr4p6b {
    font-size: 14px;
    line-height: 1.4em;
    word-wrap: break-word;
    padding: 16px 24px
}

.tooltip-container.error.svelte-1qr4p6b.svelte-1qr4p6b {
    padding: 0px
}

.tooltip-container.svelte-1qr4p6b .loading-spinner-container.svelte-1qr4p6b {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.tooltip-container.svelte-1qr4p6b .result-frame.svelte-1qr4p6b {
    line-height: 1.6em;
    max-height: 300px;
    overflow-y: auto
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .counter.svelte-1qr4p6b {
    font-weight: 600;
    color: #f46f52;
    margin-bottom: 8px;
    margin-top: -4px
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .box.svelte-1qr4p6b {
    background-color: #f3f5f7;
    border-radius: 4px;
    padding: 16px 24px;
    line-height: 21px;
    font-weight: 400;
    color: #292c32
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .box h2.svelte-1qr4p6b {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 21px;
    font-weight: 600
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .button-row.svelte-1qr4p6b {
    text-align: end;
    padding-top: 16px
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .button-row button.svelte-1qr4p6b {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    line-height: 16px;
    font-size: inherit;
    color: #006494;
    border-color: #006494;
    border-radius: 4px
}

.anonymous-user-max-char-exceeded.svelte-1qr4p6b .button-row button.svelte-1qr4p6b:hover {
    border-color: #006494;
    color: #006494
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.tooltip-wrapper.svelte-un7ezn.svelte-un7ezn {
    width: 550px;
    background-color: #fff;
    border: 1px solid #dae1e8;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: row
}

.tooltip-wrapper.svelte-un7ezn .tooltip-drag-handle.svelte-un7ezn {
    width: 16px;
    background-color: #f1f1f1;
    border-inline-end: 1px solid #dae1e8;
    cursor: move;
    background-image: url(../fonts/drag.svg);
    background-position: center;
    background-repeat: no-repeat
}

.tooltip-wrapper.svelte-un7ezn .tooltip-body.svelte-un7ezn {
    flex-grow: 1;
    max-width: 534px
}

.container.svelte-1yp9nwa.svelte-1yp9nwa {
    padding: 16px 16px 16px 24px;
    border-radius: 16px;
    background-color: #0177a9;
    position: relative;
    box-sizing: border-box;
    color: white;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns:auto 26px;
    grid-template-areas:"headsup close""information information";
    gap: 11px
}

.container.svelte-1yp9nwa .headsup.svelte-1yp9nwa {
    grid-area: headsup;
    font-size: 16px;
    font-weight: 590;
    line-height: 24px
}

.container.svelte-1yp9nwa .close-button.svelte-1yp9nwa {
    grid-area: close;
    background-color: white;
    mask-image: url(../fonts/close.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    height: 20px;
    width: 20px;
    padding: 6px;
    cursor: pointer
}

.container.svelte-1yp9nwa .information.svelte-1yp9nwa {
    grid-area: information;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.container.svelte-1yp9nwa.svelte-1yp9nwa::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    transform: translateX(50%);
    border-style: solid;
    border-width: 15px
}

.container.position-top.svelte-1yp9nwa.svelte-1yp9nwa::before {
    left: calc(50% - 30px);
    top: 100%;
    border-color: #0177a9 transparent transparent transparent
}

.container.position-bottom.svelte-1yp9nwa.svelte-1yp9nwa::before {
    left: calc(50% - 30px);
    bottom: 100%;
    border-color: transparent transparent #0177a9 transparent
}

.container.position-top-left.svelte-1yp9nwa.svelte-1yp9nwa::before {
    right: 0;
    transform: translateX(-50%);
    top: 100%;
    border-color: #0177a9 transparent transparent transparent
}

.container.position-top-right.svelte-1yp9nwa.svelte-1yp9nwa::before {
    left: 0;
    top: 100%;
    border-color: #0177a9 transparent transparent transparent
}

.container.position-bottom-left.svelte-1yp9nwa.svelte-1yp9nwa::before {
    right: 0;
    transform: translateX(-50%);
    bottom: 100%;
    border-color: transparent transparent #0177a9 transparent
}

.container.position-bottom-right.svelte-1yp9nwa.svelte-1yp9nwa::before {
    left: 0;
    bottom: 100%;
    border-color: transparent transparent #0177a9 transparent
}

.dl-write-icon.svelte-15hlb3a {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/write-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.dl-write-icon.disabled.svelte-15hlb3a {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/write-icon-disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-inline-icon.svelte-15hlb3a {
    padding: 4px;
    font-size: 0;
    height: 24px;
    width: 24px
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.container.svelte-150jdi1.svelte-150jdi1 {
    position: absolute;
    width: 305px;
    background-color: #0177a9;
    box-sizing: content-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 16px;
    color: White;
    font-size: 14px
}

.container__topLeft.svelte-150jdi1.svelte-150jdi1 {
    inset-inline-start: -261px;
    bottom: 50px
}

.container__bottomLeft.svelte-150jdi1.svelte-150jdi1 {
    inset-inline-start: -261px;
    top: 50px
}

.container__topRight.svelte-150jdi1.svelte-150jdi1 {
    inset-inline-start: -10px;
    bottom: 50px
}

.container__bottomRight.svelte-150jdi1.svelte-150jdi1 {
    inset-inline-start: -10px;
    top: 50px
}

.container.svelte-150jdi1 .body.svelte-150jdi1 {
    position: relative;
    display: flex
}

.container.svelte-150jdi1 .body .content.svelte-150jdi1 {
    display: flex;
    width: 100%;
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 40px
}

.container.svelte-150jdi1 .body .content .text-wrapper.svelte-150jdi1 {
    line-height: 23px
}

.container.svelte-150jdi1 .body .content .text-wrapper .headline.svelte-150jdi1 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}

.container.svelte-150jdi1 .body .content .text-wrapper .text.svelte-150jdi1 {
    width: 85%
}

.container.svelte-150jdi1 .body.svelte-150jdi1::after {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: #0177a9 transparent transparent transparent
}

.container.svelte-150jdi1 .body__topLeft.svelte-150jdi1::after {
    top: 100%;
    inset-inline-end: 15px;
    margin-left: -5px
}

.container.svelte-150jdi1 .body__bottomLeft.svelte-150jdi1::after {
    bottom: 100%;
    transform: rotate(180deg);
    inset-inline-end: 15px;
    margin-left: -5px
}

.container.svelte-150jdi1 .body__topRight.svelte-150jdi1::after {
    top: 100%;
    inset-inline-end: 268px
}

.container.svelte-150jdi1 .body__bottomRight.svelte-150jdi1::after {
    bottom: 100%;
    inset-inline-end: 268px;
    transform: rotate(180deg)
}

.container.svelte-150jdi1 .body .close-icon.svelte-150jdi1 {
    position: absolute;
    inset-inline-end: 0;
    margin-inline-end: 24px;
    margin-top: 24px;
    background: transparent;
    background-image: url(../fonts/close-white.svg);
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2 -4px 6px 6px
}

p.svelte-1bwyi2r {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    margin-bottom: 4px;
    user-select: none
}

p.font-bold.svelte-1bwyi2r {
    font-weight: 600
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.container.svelte-1l51lop.svelte-1l51lop {
    width: 242px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    font-size: 12px;
    color: #292c32
}

.container.svelte-1l51lop .header.svelte-1l51lop {
    position: absolute;
    inset-inline-end: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 5px
}

.container.svelte-1l51lop .header .close-icon.svelte-1l51lop {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url(../fonts/close.svg);
    height: 19px;
    width: 19px
}

.container.svelte-1l51lop .header .close-icon.svelte-1l51lop:hover {
    background-color: #f2f4f7
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.settings-container.svelte-o4sfla {
    position: absolute
}

.settings-container__top.svelte-o4sfla {
    bottom: 35px;
    inset-inline-end: 0
}

.settings-container__bottom.svelte-o4sfla {
    top: 35px;
    inset-inline-end: 0
}

.settings-container__right.svelte-o4sfla {
    inset-inline-start: 35px;
    bottom: 0
}

.settings-container__left.svelte-o4sfla {
    inset-inline-end: 35px;
    bottom: 0
}

.settings-container__top_right.svelte-o4sfla {
    bottom: 35px;
    inset-inline-start: 35px
}

.settings-container__top_left.svelte-o4sfla {
    bottom: 35px;
    inset-inline-end: 35px
}

.settings-container__bottom_right.svelte-o4sfla {
    top: 35px;
    inset-inline-start: 35px
}

.settings-container__bottom_left.svelte-o4sfla {
    top: 35px;
    inset-inline-end: 35px
}

p.svelte-o4sfla {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    margin-bottom: 4px
}

p.font-bold.svelte-o4sfla {
    font-weight: 600
}

.dl-widget.svelte-o4sfla {
    border-bottom: 1px solid #dde2e7;
    padding: 16px
}

.dl-widget.svelte-o4sfla:last-child {
    border-bottom: 0 none
}

.link-input-settings.svelte-o4sfla {
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer
}

.link.svelte-o4sfla {
    color: #0177a9;
    cursor: pointer
}

.link.svelte-o4sfla:hover {
    text-decoration-line: underline;
    color: #065a85
}

.link-settings.svelte-o4sfla {
    display: flex;
    flex-wrap: nowrap;
    text-decoration: underline;
    justify-items: center
}

.icon.svelte-o4sfla {
    display: block;
    background-position: center;
    background-position-x: 1px;
    background-repeat: no-repeat;
    margin-inline-start: 8px
}

.icon-toggle-on.svelte-o4sfla {
    width: 50px;
    height: 16px;
    background-image: url(../fonts/toggle-on.svg)
}

.icon-external-link.svelte-o4sfla {
    margin-top: 2px;
    margin-inline-start: 4px;
    width: 15px;
    height: 15px;
    background-image: url(../fonts/external-link.svg)
}

.action-container.svelte-o4sfla {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px
}

.btn-primary.svelte-o4sfla {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0177a9;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    padding-inline: 16px;
    margin-inline-start: 16px
}

.btn-primary.svelte-o4sfla:hover {
    background: #006494
}

.btn-primary.disabled.svelte-o4sfla {
    opacity: 0.5;
    pointer-events: none
}

.option-container.svelte-o4sfla {
    padding: 4px 0 8px 0
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.layout-container.svelte-186so6b.svelte-186so6b {
    display: flex;
    align-items: flex-start;
    width: 0;
    overflow: visible;
    position: relative
}

.layout-container.svelte-186so6b .onboarding-container.svelte-186so6b {
    position: absolute;
    width: 305px
}

.layout-container.svelte-186so6b .onboarding-container.top.svelte-186so6b {
    transform: translate(-120px, calc(-100% - 16px))
}

.layout-container.svelte-186so6b .onboarding-container.bottom.svelte-186so6b {
    transform: translate(-120px, 58px)
}

.layout-container.svelte-186so6b .onboarding-container.top-left.svelte-186so6b {
    transform: translate(calc(-100% + 61px), calc(-100% - 16px))
}

.layout-container.svelte-186so6b .onboarding-container.top-right.svelte-186so6b {
    transform: translate(0, calc(-100% - 16px))
}

.layout-container.svelte-186so6b .onboarding-container.bottom-left.svelte-186so6b {
    transform: translate(calc(-100% + 61px), 58px)
}

.layout-container.svelte-186so6b .onboarding-container.bottom-right.svelte-186so6b {
    transform: translate(0, 58px)
}

.layout-container.svelte-186so6b .icon-container.svelte-186so6b {
    position: relative;
    padding: 2px;
    background: #fff;
    box-shadow: 0px 2px 16px 1px rgba(22, 28, 35, 0.05), 0px 2px 8px 0px rgba(22, 28, 35, 0.1);
    border-radius: 50px;
    font-family: inherit;
    display: flex;
    gap: 1px;
    user-select: none;
    cursor: pointer
}

.layout-container.svelte-186so6b .icon-container .dl-logo.svelte-186so6b {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/deepl-logo-no-text.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 4px
}

.layout-container.svelte-186so6b .icon-container .dl-logo.svelte-186so6b:hover {
    background-color: #f2f4f7;
    border-radius: 50%
}

.layout-container.svelte-186so6b .icon-container .dl-logo.disabled.svelte-186so6b {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/deepl-logo-no-text-disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: not-allowed
}

.layout-container.svelte-186so6b .icon-container .dl-logo.disabled.svelte-186so6b:hover {
    background-color: #dbe0e5;
    border-radius: 50%
}

.layout-container.svelte-186so6b .icon-container.svelte-186so6b:has(.dl-turnoff-inline-icon.advanced):hover:dir(ltr) {
    transform: translateX(-32px)
}

.layout-container.svelte-186so6b .icon-container.svelte-186so6b:has(.dl-turnoff-inline-icon.advanced):hover:dir(rtl) {
    transform: translateX(32px)
}

.layout-container.svelte-186so6b .icon-container .dl-translate-icon.svelte-186so6b {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/translate-languages-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.layout-container.svelte-186so6b .icon-container .dl-translate-icon.disabled.svelte-186so6b {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/translate-languages-icon-disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.layout-container.svelte-186so6b .icon-container .dl-inline-icon.svelte-186so6b {
    padding: 4px;
    font-size: 0;
    height: 24px;
    width: 24px
}

.layout-container.svelte-186so6b .icon-container .dl-turnoff-inline-icon.svelte-186so6b {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/turnoff.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 4px
}

.layout-container.svelte-186so6b .icon-container .dl-turnoff-inline-icon.svelte-186so6b:hover {
    background-image: url(../fonts/turnoff-blue.svg)
}

.layout-container.svelte-186so6b .icon-container .dl-turnoff-inline-icon.advanced.svelte-186so6b {
    background-size: 24px;
    height: 24px;
    width: 24px
}

.layout-container.svelte-186so6b .icon-container .dl-turnoff-inline-icon.svelte-186so6b:hover {
    background-color: #dbe0e5;
    border-radius: 50%;
    stroke: #006494
}

.layout-container.svelte-186so6b .icon-container .dl-turnoff-inline-icon.hidden.svelte-186so6b {
    display: none
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.dl-account-created.svelte-nuwktw {
    font-size: 14px;
    margin-left: -16px;
    padding-left: 32px;
    background-image: url(../fonts/checkmark.svg);
    background-position: left 5px;
    background-repeat: no-repeat
}

.dl-account-created.svelte-nuwktw {
    font-size: 14px;
    margin-left: -16px;
    padding-left: 32px;
    background-image: url(../fonts/checkmark.svg);
    background-position: left 5px;
    background-repeat: no-repeat
}

.main-text.svelte-18of7gm {
    font-weight: 700
}

.dl-ads-for-addins.svelte-drhmpk {
    font-size: 14px;
    margin-left: -16px;
    padding-left: 50px;
    background-image: url(../fonts/deepl-logo-white.svg);
    background-position: left 5px;
    background-repeat: no-repeat;
    line-height: 20px;
    color: #fff
}

.dl-ads-for-addins_headline.svelte-drhmpk {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 4px
}

.dl-ads-for-addins_wrapper.svelte-drhmpk {
    display: flex;
    justify-content: flex-end
}

.dl-ads-for-addins_button.svelte-drhmpk {
    padding: 5px 16px 7px 16px;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    background-color: #fff;
    cursor: pointer;
    width: fit-content;
    color: #242b34;
    margin-top: 24px
}

.container.svelte-np3z9s.svelte-np3z9s {
    padding: 16px 32px;
    width: 350px;
    background-color: #fff;
    border: 1px solid #dde3e9;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 4px
}

.container.green_theme.svelte-np3z9s.svelte-np3z9s {
    background-color: #b8dbd3
}

.container.ads_theme.svelte-np3z9s.svelte-np3z9s {
    background-color: #0f2b46;
    width: 450px;
    border-radius: 6px;
    border: 1px solid #0f2b46
}

.container.success.svelte-np3z9s.svelte-np3z9s {
    color: #008563;
    background-color: #b8dbd3;
    width: 300px;
    cursor: default
}

.container.warning_theme.svelte-np3z9s.svelte-np3z9s {
    color: #622700;
    background-color: #fff9ee;
    border: 1px solid #ffe9bc;
    padding-left: 16px
}

.container.svelte-np3z9s .header .dl-close-icon.svelte-np3z9s {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url(../fonts/close.svg);
    position: absolute;
    top: 5px;
    inset-inline-end: 5px
}

.container.svelte-np3z9s .header .dl-close-icon.svelte-np3z9s:hover {
    background-color: #f2f4f7
}

.container.svelte-np3z9s .header .dl-close-icon.green_theme.svelte-np3z9s:hover {
    background-color: #a8c6bf
}

.container.svelte-np3z9s .body.svelte-np3z9s {
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #292c32
}

.container.svelte-np3z9s .body.green_theme.svelte-np3z9s {
    color: #006c51
}

.container.svelte-np3z9s .body.warning_theme.svelte-np3z9s {
    color: #622700;
    display: flex;
    gap: 12px
}

.close-button-container.svelte-2cst7 .close-button.svelte-2cst7 {
    float: inline-end;
    background-image: url(../fonts/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    cursor: pointer;
    margin-inline-end: 12px;
    margin-top: 12px
}

.body.svelte-2cst7.svelte-2cst7 {
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.logo.svelte-2cst7.svelte-2cst7 {
    height: 40px;
    width: 32px;
    background-image: url(../fonts/deepl-logo-no-text.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.info-msg.svelte-17qaccl {
    padding: 8px 16px;
    border: 1px solid #ffd47d;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 18px;
    font-size: 12px;
    color: #563f11;
    font-style: normal;
    font-weight: 400;
    background-color: #fff9ee
}

button.svelte-zka2e2 {
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.5em
}

button.font-size-sm.svelte-zka2e2 {
    font-size: 12px
}

button.padding-x-md.svelte-zka2e2 {
    padding-inline-start: 16px;
    padding-inline-end: 16px
}

button.padding-x-none.svelte-zka2e2 {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.btn-primary.svelte-zka2e2 {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0177a9;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out
}

.btn-primary.svelte-zka2e2:hover {
    background: #006494
}

.btn-primary.btn-full-width.svelte-zka2e2 {
    width: 100%
}

.btn-primary.disabled.svelte-zka2e2 {
    pointer-events: none;
    background-color: #e5e5e5;
    color: #8e8e8e
}

.btn-ghost.svelte-zka2e2 {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto
}

.btn-ghost.svelte-zka2e2:hover {
    border-color: #006494;
    color: #006494
}

.btn-ghost.btn-icon.svelte-zka2e2 {
    padding: 8px
}

.btn-ghost.btn-full-width.svelte-zka2e2 {
    width: 100%
}

.button-primary.svelte-zka2e2 {
    background-color: #0f2b46;
    color: White;
    padding: 4px 12px;
    border-radius: 3px;
    border: 0 none
}

.button-primary.disabled.svelte-zka2e2 {
    opacity: 0.5
}

.button-reload.svelte-zka2e2 {
    border: 0 none;
    color: #006494;
    background-color: transparent;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer
}

.button-link.svelte-zka2e2 {
    border: 0 none;
    color: #262829;
    background-color: transparent;
    padding: 3px 13px 3px 12px
}

.button-menu.svelte-zka2e2 {
    border: 0 none;
    color: #262829;
    background-color: transparent;
    padding: 3px 13px 3px 12px;
    background-image: url(../fonts/arrow-down.svg);
    background-position: center right;
    background-repeat: no-repeat
}

.button-update.svelte-zka2e2 {
    border: 0 none;
    margin-top: 10px;
    font-size: 10px;
    color: #006494;
    background-color: transparent;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer
}

.close.svelte-zka2e2 {
    cursor: pointer;
    height: 24px;
    width: 24px;
    border: 0 none;
    border-radius: 12px;
    background-color: transparent;
    background-image: url(../fonts/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out
}

.close.svelte-zka2e2:hover {
    background-color: #f2f4f7
}

.cancel-translation-body.svelte-1vpv55x.svelte-1vpv55x {
    padding: 16px 24px 0 24px;
    border-top: 1px solid #dae1e8
}

.cancel-translation-body.svelte-1vpv55x p.svelte-1vpv55x {
    margin: 0 0 8px 0;
    line-height: 1.5em
}

.cancel-translation-body.svelte-1vpv55x p.font-bold.svelte-1vpv55x {
    font-weight: 600
}

.cancel-translation-footer.svelte-1vpv55x.svelte-1vpv55x {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px
}

.cancel-container.svelte-1vpv55x .option.svelte-1vpv55x {
    border: 1px solid #dde2e7;
    border-radius: 4px;
    margin-bottom: 8px
}

.cancel-container.svelte-1vpv55x .option.svelte-1vpv55x:last-child {
    margin-bottom: 0
}

.cancel-container.svelte-1vpv55x .option label.svelte-1vpv55x {
    padding: 12px;
    display: flex;
    align-items: flex-start;
    z-index: 0;
    line-height: 1.1em
}

.cancel-container.svelte-1vpv55x .option label span.label.svelte-1vpv55x {
    padding-top: 2px
}

.cancel-container.svelte-1vpv55x .option input[type=radio].svelte-1vpv55x {
    height: 12px;
    width: 12px;
    margin-inline-end: 8px;
    margin-inline-start: 0;
    margin-top: 4px
}

.cancel-container.svelte-1vpv55x .option input[type=radio].svelte-1vpv55x:checked {
    -webkit-appearance: auto;
    appearance: auto
}

.full-page-translation.svelte-6tzge.svelte-6tzge {
    position: relative;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    background-color: #fff;
    color: #0f2b46;
    font-weight: 400;
    font-size: 14px
}

.full-page-translation.svelte-6tzge strong.svelte-6tzge {
    font-weight: 600
}

.full-page-translation.svelte-6tzge p.svelte-6tzge {
    margin: 0 0 8px 0;
    line-height: 1.5em
}

.full-page-translation.svelte-6tzge p.mb-none.svelte-6tzge {
    margin-bottom: 0
}

.full-page-translation.svelte-6tzge p.svelte-6tzge:last-child {
    margin: 0
}

.full-page-translation.svelte-6tzge .link.svelte-6tzge {
    color: #0177a9;
    cursor: pointer
}

.full-page-translation.svelte-6tzge .link.svelte-6tzge:hover {
    text-decoration-line: underline;
    color: #065a85
}

.full-page-translation.svelte-6tzge .error-container.svelte-6tzge {
    padding: 8px
}

.full-page-translation.svelte-6tzge .translation-in-progress.svelte-6tzge {
    flex-grow: 1;
    padding-inline-end: 30px;
    text-align: center
}

.full-page-translation.svelte-6tzge .language-selection.svelte-6tzge {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    max-width: 224px
}

.full-page-translation.svelte-6tzge .website-lang.svelte-6tzge {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 2em;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full-page-translation.svelte-6tzge .translate-to-arrow.svelte-6tzge {
    flex-shrink: 0;
    background-image: url(../fonts/arrow-right-variant.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 8px
}

.full-page-translation.svelte-6tzge .translate-to-arrow.svelte-6tzge:dir(rtl) {
    transform: rotate(180deg)
}

.full-page-translation.svelte-6tzge .language-switch.svelte-6tzge {
    flex-grow: 1;
    overflow: hidden
}

.full-page-translation.svelte-6tzge .translate-button.svelte-6tzge {
    flex-shrink: 0
}

.full-page-translation.svelte-6tzge .translate-button span.svelte-6tzge {
    display: block;
    padding: 4px
}

.full-page-translation.svelte-6tzge .footer.svelte-6tzge {
    display: flex;
    border-top: 1px solid #dde2e7;
    background-color: #f2f4f7;
    padding: 8px 16px;
    color: #292c32
}

.full-page-translation.svelte-6tzge .footer.hasError.svelte-6tzge {
    color: #9ba3ac
}

.full-page-translation.svelte-6tzge .footer label.svelte-6tzge {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: auto
}

.full-page-translation.svelte-6tzge .footer label input.svelte-6tzge {
    cursor: pointer
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.app-popup.svelte-1x9ra34 {
    position: fixed;
    top: 20px;
    inset-inline-end: 20px;
    width: 495px;
    background-color: White;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.dl-gslides-toolbar.svelte-c2z0h2.svelte-c2z0h2 {
    display: flex;
    flex-direction: row;
    background-color: white;
    border: 1px solid #dbe0e5;
    border-radius: 4px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275)
}

.dl-gslides-toolbar.svelte-c2z0h2 .translate-container.svelte-c2z0h2 {
    display: flex;
    flex-direction: row;
    padding: 6px 8px;
    align-items: center
}

.dl-gslides-toolbar.svelte-c2z0h2 .write-container.svelte-c2z0h2 {
    border-inline-start: 1px solid #dbe0e5;
    display: flex;
    flex-direction: row;
    padding: 6px 8px;
    align-items: center
}

.dl-gslides-toolbar.svelte-c2z0h2 p.svelte-c2z0h2 {
    margin: 0;
    padding-inline-end: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.07px
}

.dl-gslides-toolbar.svelte-c2z0h2 .dropdown.svelte-c2z0h2 {
    margin-inline-end: 8px
}

.dl-gslides-toolbar.svelte-c2z0h2 .action-button.svelte-c2z0h2 {
    height: 44px;
    background-color: #0177a9;
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    border: 0 none;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center
}

.dl-gslides-toolbar.svelte-c2z0h2 .action-button.svelte-c2z0h2:hover {
    background-color: #0f2b46
}

.dl-gslides-toolbar.svelte-c2z0h2 .action-button.svelte-c2z0h2:disabled {
    background-color: #dbe0e5;
    cursor: not-allowed
}

.dl-gslides-icon.svelte-1esuwx.svelte-1esuwx {
    position: fixed;
    z-index: 100000000000
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-button.svelte-1esuwx {
    border: 0 none;
    height: 40px;
    width: 40px;
    background: none;
    cursor: pointer;
    background-image: url(../fonts/deepl-logo-no-text.svg);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbe0e5;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
    transition: all 0.3s ease-in-out
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-button.is-loading.svelte-1esuwx {
    background-image: none
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-button.svelte-1esuwx:hover {
    background-color: #dae1e8
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-toolbar.svelte-1esuwx {
    position: absolute;
    top: 0
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-toolbar.svelte-1esuwx:dir(ltr) {
    right: 50px
}

.dl-gslides-icon.svelte-1esuwx .dl-gslides-toolbar.svelte-1esuwx:dir(rtl) {
    left: 50px
}

.dl-gslides-top-icon.svelte-19uh4k2.svelte-19uh4k2 {
    cursor: pointer;
    background: none;
    border: 0 none;
    display: block;
    height: 32px;
    width: 32px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    position: fixed;
    top: 15px;
    z-index: 1000000000;
    background-size: 23px
}

.dl-gslides-top-icon.onboarding-pending.svelte-19uh4k2.svelte-19uh4k2 {
    border: 1px solid #0177a9
}

.dl-gslides-top-icon.onboarding-pending.svelte-19uh4k2.svelte-19uh4k2::after {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background-color: #007e5e;
    display: block;
    inset-inline-end: -4px;
    position: absolute;
    top: -4px
}

.dl-gslides-top-icon.svelte-19uh4k2.svelte-19uh4k2:hover {
    background-color: #e9ebee
}

.dl-gslides-top-icon-modal.svelte-19uh4k2.svelte-19uh4k2 {
    position: fixed;
    top: 50px;
    z-index: 10000000000;
    border: 1px solid #dbe0e5;
    border-radius: 4px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
    background-color: white;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    max-width: 320px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding.svelte-19uh4k2 {
    border-bottom: 1px solid #dbe0e5;
    padding: 24px 32px;
    background-repeat: no-repeat;
    background-position: right top
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding.svelte-19uh4k2:dir(rtl) {
    background-position: left top
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .header.svelte-19uh4k2 {
    padding-top: 8px;
    padding-bottom: 32px;
    padding-inline-end: 80px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .header p.svelte-19uh4k2 {
    margin: 0;
    padding-bottom: 8px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .header .beta-label.svelte-19uh4k2 {
    width: fit-content;
    color: white;
    font-size: 12px;
    line-height: 18px;
    background-color: #007e5e;
    padding: 0 8px;
    border-radius: 4px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .ups-list .ups-item.svelte-19uh4k2 {
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-inline-start: 25px;
    margin-bottom: 8px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .ups-list .ups-item.svelte-19uh4k2:dir(rtl) {
    background-position: right top 5px
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .onboarding .ups-list .ups-item.svelte-19uh4k2:last-child {
    margin-bottom: 0
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .turn-on-off-panel.svelte-19uh4k2 {
    padding: 24px 32px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.dl-gslides-top-icon-modal.svelte-19uh4k2 .turn-on-off-panel .switch.svelte-19uh4k2 {
    padding-inline-start: 19px;
    flex-shrink: 0
}

.dl-char-limit-error-overlay.svelte-8x6yh8.svelte-8x6yh8 {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.dl-char-limit-error-container.svelte-8x6yh8.svelte-8x6yh8 {
    pointer-events: all;
    max-width: 537px;
    box-sizing: border-box;
    color: white;
    border-radius: 4px;
    padding: 38px 32px
}

.dl-char-limit-error-container.is-translator-limit.svelte-8x6yh8.svelte-8x6yh8 {
    background-color: #274368;
    background-position: left bottom;
    background-repeat: no-repeat
}

.dl-char-limit-error-container.svelte-8x6yh8 .close-button.svelte-8x6yh8 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    border: 0 none;
    background: none;
    margin-top: -16px;
    margin-inline-end: -16px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-char-limit-error-container.svelte-8x6yh8 h2.svelte-8x6yh8 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px
}

.dl-char-limit-error-container.svelte-8x6yh8 p.svelte-8x6yh8 {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    padding: 0 83px 24px 0
}

.dl-char-limit-error-container.svelte-8x6yh8 .buttons-row.svelte-8x6yh8 {
    text-align: end
}

.dl-char-limit-error-container.svelte-8x6yh8 .buttons-row button.svelte-8x6yh8 {
    margin-inline-start: 8px;
    background: none;
    border: 1px solid white;
    font-family: inherit;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border-radius: 6px;
    padding: 12px 24px;
    color: white;
    cursor: pointer
}

.dl-char-limit-error-container.svelte-8x6yh8 .buttons-row button.btn-primary.svelte-8x6yh8 {
    background-color: white;
    color: #0f2b46
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.container.svelte-scurak.svelte-scurak {
    padding: 16px;
    width: 387px;
    background-color: #001f73;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 6px;
    color: White;
    font-size: 14px
}

.container.svelte-scurak .body.svelte-scurak {
    display: flex;
    flex-direction: row
}

.container.svelte-scurak .body .logo.svelte-scurak {
    width: 84px;
    margin-inline-start: -16px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.container.svelte-scurak .body .content.svelte-scurak {
    width: 287px
}

.container.svelte-scurak .body .content .close-icon.svelte-scurak {
    float: right;
    background: transparent;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2px -4px 6px 6px
}

.container.svelte-scurak .body .content .close-icon.rtl.svelte-scurak {
}

.container.svelte-scurak .body .content p.svelte-scurak {
    margin: 0 0 16px 0;
    font-weight: 400
}

.container.svelte-scurak .body .content p strong.svelte-scurak {
    font-weight: 600
}

.container.svelte-scurak .buttons.svelte-scurak {
    text-align: end;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.container.svelte-scurak .buttons button.svelte-scurak {
    height: 32px;
    color: #001f73;
    background: white;
    border: 0 none;
    font-size: 14px;
    line-height: 21px;
    padding: 0 16px;
    font-weight: 400;
    margin-inline-start: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center
}

.container.svelte-scurak .buttons button i.svelte-scurak {
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-inline-start: -8px;
    margin-inline-end: 8px;
    display: inline-block
}

.container.svelte-scurak .buttons button i.icon-bad.svelte-scurak {
}

.container.svelte-scurak .buttons button i.icon-good.svelte-scurak {
    background-image: url(../fonts/emoji-happy.svg)
}

.container.svelte-scurak .buttons button.secondary.svelte-scurak {
    color: white;
    background: none;
    border: 1px solid white
}

.dl-review-header.svelte-1bhabnp.svelte-1bhabnp {
    border-bottom: 1px solid #dae1e8;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    height: 48px;
    box-sizing: border-box;
    background-color: #f1f1f1
}

.dl-review-header.svelte-1bhabnp button.svelte-1bhabnp {
    border: none;
    background-color: transparent;
    padding: 0px;
    color: #000
}

.dl-review-header.svelte-1bhabnp button.svelte-1bhabnp:disabled {
    color: #9ba3ac
}

.dl-logo.svelte-1bhabnp.svelte-1bhabnp {
    width: 24px;
    height: 24px;
    background-image: url(../fonts/deepl-logo-no-text.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.tabs-container.svelte-1bhabnp.svelte-1bhabnp {
    height: 100%;
    display: flex;
    flex-direction: row
}

.tabs-container.svelte-1bhabnp > div:has(.deepl-shield-icon:hover) {
    --tab-z-index: 21474836340
}

.tabs-container.svelte-1bhabnp .tab.svelte-1bhabnp {
    position: relative;
    bottom: -1px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-right: 1px solid #dae1e8;
    border-left: 1px solid #dae1e8;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    height: 100%
}

.tabs-container.svelte-1bhabnp .tab.active.svelte-1bhabnp {
    background-color: white
}

.dl-inline-icon.svelte-1bhabnp.svelte-1bhabnp {
    padding: 4px;
    font-size: 0;
    height: 24px;
    width: 24px
}

.dl-translate-icon.svelte-1bhabnp.svelte-1bhabnp {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/translate-languages-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-translate-icon.disabled.svelte-1bhabnp.svelte-1bhabnp {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/translate-languages-icon-disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-write-icon.svelte-1bhabnp.svelte-1bhabnp {
    width: 19px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-write-icon.disabled.svelte-1bhabnp.svelte-1bhabnp {
    width: 19px;
    height: 19px;
    background-image: url(../fonts/write-icon-disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-actions.svelte-1bhabnp.svelte-1bhabnp {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end;
    gap: 8px
}

.dl-actions.svelte-1bhabnp .settings-container.svelte-1bhabnp {
    position: relative
}

.dl-actions.svelte-1bhabnp .settings-container .headsup-container.svelte-1bhabnp {
    position: absolute;
    height: 150px;
    width: 301px;
    z-index: 310
}

.dl-actions.svelte-1bhabnp .settings-container .headsup-container.top.svelte-1bhabnp {
    transform: translate(-139px, calc(-100% - 18px))
}

.dl-actions.svelte-1bhabnp .settings-container .headsup-container.bottom.svelte-1bhabnp {
    transform: translate(-139px, calc(100% - 88px))
}

.dl-actions.svelte-1bhabnp .settings-container .headsup-container.top-left.svelte-1bhabnp {
    transform: translate(calc(-100% + 41px), calc(-100% - 18px))
}

.dl-actions.svelte-1bhabnp .settings-container .headsup-container.bottom-left.svelte-1bhabnp {
    transform: translate(calc(-100% + 41px), calc(100% - 88px))
}

.dl-actions.svelte-1bhabnp button.svelte-1bhabnp {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-size: cover
}

.dl-actions.svelte-1bhabnp button.dl-settings-icon.svelte-1bhabnp {
    width: 19px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.dl-actions.svelte-1bhabnp button.dl-close-icon.svelte-1bhabnp {
    background-repeat: no-repeat;
    background-position: center;
}

.dl-review-footer.svelte-td4g2g.svelte-td4g2g {
    border-top: 1px solid #dae1e8
}

.dl-review-footer.svelte-td4g2g button.svelte-td4g2g {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer
}

.tabs-container.svelte-td4g2g.svelte-td4g2g {
    height: 100%;
    display: flex;
    flex-direction: row;
    height: 48px;
    box-sizing: border-box;
    background-color: #f1f1f1;
    width: 100%
}

.tabs-container.svelte-td4g2g .tab.svelte-td4g2g {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative
}

.tabs-container.svelte-td4g2g .tab button.svelte-td4g2g {
    font-size: 14px;
    font-weight: 600;
    padding: 0 24px;
    border-right: 1px solid #dae1e8;
    border-left: 1px solid #dae1e8;
    height: 100%;
    color: #000
}

.tabs-container.svelte-td4g2g .tab button.svelte-td4g2g:disabled {
    color: #9ba3ac
}

.dictionary-error.svelte-td4g2g.svelte-td4g2g {
    display: none;
    transition: 0.2s ease-out
}

.dl-dictionary.svelte-td4g2g.svelte-td4g2g:hover {
    background-color: #f2f4f7
}

.display-dictionary-error.svelte-td4g2g.svelte-td4g2g {
    position: absolute;
    display: inline-block;
    top: 100%;
    left: 0px;
    width: 245px;
    padding: 16px 24px;
    font-size: 14px;
    color: #292c32;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    height: 100%;
    inset-inline-start: -50%;
    background-color: #fff;
    line-height: 20px;
    transition: 0.2s ease-out;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.alternatives-container.svelte-td4g2g.svelte-td4g2g {
    background-color: #fff
}

.alternatives-container.svelte-td4g2g .alternatives-list.svelte-td4g2g {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.alternatives-container.svelte-td4g2g .alternatives-list .alternative.svelte-td4g2g {
    font-size: 14px;
    line-height: 20px;
    color: #292c32;
    cursor: pointer;
    padding: 12px 16px;
    border-bottom: 1px solid #dae1e8
}

.alternatives-container.svelte-td4g2g .alternatives-list .alternative.svelte-td4g2g:hover {
    background-color: #f2f4f7
}

.dl-layout.svelte-jwy61a {
    min-width: 213px;
    font-weight: 400;
    font-size: 12px
}

.dl-content.svelte-jwy61a {
    color: #242b34
}

.language-selector-container.svelte-r760fx.svelte-r760fx {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center
}

.language-dropdown-container.svelte-r760fx.svelte-r760fx {
    width: 140px
}

.arrow-icon.svelte-r760fx.svelte-r760fx {
    height: 32px
}

.arrow-icon.svelte-r760fx:dir(rtl) svg.svelte-r760fx {
    transform: rotate(180deg)
}

.customisations-toolbar.svelte-q1f4m0 {
    display: flex;
    flex-direction: row;
    align-items: center
}

.glossary-button.svelte-q1f4m0 {
    border: 0 none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.glossary-button.svelte-q1f4m0:hover {
    background-color: #f2f4f7
}

.glossary-icon.svelte-q1f4m0 {
    background-position: center;
    background-size: cover;
    height: 24px;
    width: 24px
}

.dropdown__wrapper.svelte-mfqqj4.svelte-mfqqj4 {
    width: 100%
}

.dropdown__wrapper.svelte-mfqqj4 button.dropdown-label.svelte-mfqqj4 {
    height: 44px;
    border: 1px solid #dbe0e5;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    width: 100%;
    color: #000;
    padding: 8px 16px;
    background-position: right 2px center;
    background-repeat: no-repeat;
    color: #0f2b46;
    font-weight: 700;
    padding: 0 32px 0 10px
}

.dropdown__wrapper.svelte-mfqqj4 button.dropdown-label.svelte-mfqqj4:dir(rtl) {
    background-position: left 2px center
}

.dropdown__wrapper.svelte-mfqqj4 ul.svelte-mfqqj4 {
    overflow-y: auto;
    position: absolute;
    z-index: 500;
    margin-top: 1px;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    border: 1px solid #dae1e8;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    font-size: 14px;
    inset-inline-end: auto
}

.dropdown__wrapper.svelte-mfqqj4 ul.alternate-dropdown-list.svelte-mfqqj4 {
    font-size: 14px
}

.dropdown__wrapper.svelte-mfqqj4 ul li.svelte-mfqqj4 {
    color: #000;
    cursor: pointer;
    display: block;
    line-height: 1.8em;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-inline-start: 14px;
    padding-inline-end: 31px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown__wrapper.svelte-mfqqj4 ul li.svelte-mfqqj4:hover {
    background-color: #f2f4f7
}

.dropdown__wrapper.svelte-mfqqj4 ul li.keyboardSelected.svelte-mfqqj4 {
    background-color: #f2f4f7
}

.dropdown__wrapper.svelte-mfqqj4 ul li.selected.svelte-mfqqj4 {
    background-position: 90% 40%;
    background-repeat: no-repeat;
    cursor: pointer
}

.dropdown__wrapper.svelte-mfqqj4 ul li.selected.svelte-mfqqj4:dir(rtl) {
    background-position: 6% 30%
}

.dropdown__wrapper.svelte-mfqqj4 ul.pro-dropdown li.svelte-mfqqj4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline-end: 14px;
    cursor: default
}

.dropdown__wrapper.svelte-mfqqj4 ul.pro-dropdown li.svelte-mfqqj4:hover {
    background-color: transparent
}

.dropdown__wrapper.svelte-mfqqj4 ul.pro-dropdown li .pro-label.svelte-mfqqj4 {
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    background: #007e5e;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.dropdown__wrapper.svelte-mfqqj4 ul.pro-dropdown li[disabled].svelte-mfqqj4 {
    color: #848f9b
}

.dropdown__wrapper.svelte-mfqqj4 ul.pro-dropdown li button.svelte-mfqqj4 {
    cursor: pointer;
    border: 0;
    width: 100%;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #0177a9;
    color: white;
    margin-top: 2px;
    padding: 0px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center
}

.formality-dropdown_container.svelte-svjje {
    width: 140px
}

.translate-toolbar-buttons.svelte-mpctqd.svelte-mpctqd {
    display: flex;
    gap: 4px
}

.loading-spinner-container.svelte-mpctqd.svelte-mpctqd {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.translate-toolbar-container.svelte-mpctqd.svelte-mpctqd {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dbe0e5;
    padding: 8px 16px
}

.result-frame.svelte-mpctqd.svelte-mpctqd {
    padding: 16px;
    line-height: 1.6em;
    max-height: 300px;
    overflow-y: auto
}

.dl-btn-group.svelte-mpctqd.svelte-mpctqd {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 2px 16px 16px 16px
}

.dl-btn-group.svelte-mpctqd button.svelte-mpctqd {
    cursor: pointer;
    border: 0;
    padding-left: 16px;
    padding-right: 16px;
    height: 32px;
    border-radius: 6px;
    font-size: 14px;
    background-color: #0177a9;
    color: white
}

.dl-btn-group.is-input.svelte-mpctqd.svelte-mpctqd {
    justify-content: flex-end
}

.dl-options-container.svelte-mpctqd.svelte-mpctqd {
    display: flex;
    gap: 20px
}

.language-selector-container.svelte-tostmu {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center
}

.listen-list.svelte-o3etn3.svelte-o3etn3 {
    z-index: 199999999999;
    position: absolute;
    display: flex;
    inset-inline-end: 0;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #dae1e8;
    border-radius: 4px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    background-color: #fff
}

.listen-list.svelte-o3etn3 .list-entry.svelte-o3etn3 {
    box-sizing: content-box;
    width: 163px;
    font-family: inherit;
    font-size: 14px;
    color: #292c32;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    border: 0 none;
    background: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out
}

.listen-list.svelte-o3etn3 .list-entry.svelte-o3etn3:hover {
    background-color: #f2f4f7
}

.listen-list.svelte-o3etn3 .list-entry.dl-entry-notAvailable.svelte-o3etn3 {
    pointer-events: none;
    color: #9ba3ac;
    user-select: none
}

.dl-btn.svelte-17suwwx.svelte-17suwwx {
    width: 40px;
    height: 40px;
    border: 0 none;
    background: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.dl-btn.svelte-17suwwx.svelte-17suwwx:hover, .dl-btn.dl-btn-active.svelte-17suwwx.svelte-17suwwx, .dl-btn.dl-btn-hovered.svelte-17suwwx.svelte-17suwwx {
    background-color: #f2f4f7
}

.dl-icon.svelte-17suwwx.svelte-17suwwx {
    display: block;
    height: 24px;
    width: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-icon.dl-icon-listen.svelte-17suwwx.svelte-17suwwx {
    background-image: url(../fonts/listen.svg)
}

.dl-btn-active.svelte-17suwwx .dl-icon-listen.svelte-17suwwx {
    background-image: url(../fonts/listen-stop.svg)
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.container.svelte-i0wtba.svelte-i0wtba {
    display: flex;
    padding: 0px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(22, 28, 35, 0.1)
}

.container.svelte-i0wtba button.svelte-i0wtba {
    border: 0 none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer
}

.container.svelte-i0wtba .writing-style.svelte-i0wtba {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 8px 0px
}

.container.svelte-i0wtba .writing-style .title.svelte-i0wtba {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #242b34;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.container.svelte-i0wtba .tone.svelte-i0wtba {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding-bottom: 8px
}

.container.svelte-i0wtba .tone .title.svelte-i0wtba {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #242b34;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.container.svelte-i0wtba .toggles.svelte-i0wtba {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.container.svelte-i0wtba .toggles button.svelte-i0wtba {
    display: flex;
    padding: 5px 8px 7px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    background: #fff;
    color: #242b34
}

.container.svelte-i0wtba .toggles button.active.svelte-i0wtba {
    color: rgb(6, 90, 133);
    background-color: rgb(237, 248, 252);
    border-color: rgb(52, 152, 194)
}

.container.svelte-i0wtba .explanation.svelte-i0wtba {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    color: #4c5662;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.container.svelte-i0wtba .actions.svelte-i0wtba {
    display: flex;
    height: 40px;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch
}

.container.svelte-i0wtba .actions .reset.svelte-i0wtba {
    display: flex;
    height: 40px;
    padding: 12px 0px;
    align-items: center;
    gap: 8px;
    color: #0177a9;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.container.svelte-i0wtba .actions .apply.svelte-i0wtba {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #c1c7d0;
    color: #4c5662;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.container.svelte-i0wtba .actions .apply.enabled.svelte-i0wtba {
    color: #fff;
    background: #0177a9
}

.scoped.svelte-2jkwvo {
    position: absolute;
    right: 16px;
    margin-top: 5px;
    z-index: 9999
}

.style-switch.svelte-2jkwvo {
    display: flex;
    padding: 5px 40px 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    background: #fff;
    background-image: url(../fonts/arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    color: #242b34;
    text-align: center;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 20px;
    cursor: pointer
}

.style-switch.open.svelte-2jkwvo {
    background: #c1c7d0;
    background-image: url(../fonts/arrow-up-black.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px
}

.style-switch.active.svelte-2jkwvo {
    background-color: #edf8fc;
    color: #065a85
}

.loading-spinner-container.svelte-1t6fc8d.svelte-1t6fc8d {
    padding: 16px
}

.write-toolbar-container.svelte-1t6fc8d.svelte-1t6fc8d {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dbe0e5;
    padding: 8px 16px
}

.result-frame.svelte-1t6fc8d.svelte-1t6fc8d {
    padding: 16px;
    line-height: 1.6em;
    max-height: 300px;
    overflow-y: auto
}

.dl-btn-group.svelte-1t6fc8d.svelte-1t6fc8d {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 2px 16px 16px 16px
}

.dl-btn-group.svelte-1t6fc8d button.svelte-1t6fc8d {
    cursor: pointer;
    border: 0;
    padding-left: 16px;
    padding-right: 16px;
    height: 32px;
    border-radius: 6px;
    font-size: 14px;
    background-color: #0177a9;
    color: white
}

.dl-btn-group.is-input.svelte-1t6fc8d.svelte-1t6fc8d {
    justify-content: flex-end
}

.dl-options-container.svelte-1t6fc8d.svelte-1t6fc8d {
    display: flex;
    gap: 20px
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.tooltip-container.svelte-1o980it {
    font-size: 14px;
    line-height: 1.4em;
    word-wrap: break-word
}

.tooltip-container.error.svelte-1o980it {
    padding: 0px
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.review-window-wrapper.svelte-1t6zxdj.svelte-1t6zxdj {
    width: 550px;
    background-color: #fff;
    border: 1px solid #dae1e8;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: row
}

.review-window-wrapper.svelte-1t6zxdj .tooltip-drag-handle.svelte-1t6zxdj {
    width: 16px;
    background-color: #f1f1f1;
    border-inline-end: 1px solid #dae1e8;
    cursor: move;
    background-image: url(../fonts/drag.svg);
    background-position: center;
    background-repeat: no-repeat
}

.review-window-wrapper.svelte-1t6zxdj .review-window-body.svelte-1t6zxdj {
    flex-grow: 1;
    max-width: 534px
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz.svelte-1pm9ytz {
    background-color: #f3f5f8;
    border-radius: 4px;
    border: 1px solid #dae1e8;
    bottom: 100px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
    color: #fff;
    display: flex;
    flex-direction: column;
    height: fit-content;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 469px;
    z-index: 3
}

.dl-gmail-character-limit-popup.is-translator-limit.svelte-1pm9ytz.svelte-1pm9ytz {
    padding: 24px;
    background-image: url(../fonts/gmail-char-limit-reached.svg)
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .close-icon.svelte-1pm9ytz {
    top: 12px;
    inset-inline-end: 12px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../fonts/close-white.svg);
    height: 24px;
    width: 24px;
    cursor: pointer
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .title.svelte-1pm9ytz {
    font-weight: bold;
    margin-bottom: 12px;
    max-width: 80%
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .body.svelte-1pm9ytz {
    max-width: 80%
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .footer.svelte-1pm9ytz {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .footer button.svelte-1pm9ytz {
    font-weight: 600;
    border-radius: 6px;
    padding: 12px 24px;
    cursor: pointer
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .footer button.primary.svelte-1pm9ytz {
    background-color: #fff;
    border: 1px solid #006494;
    color: #0f2b46
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz .footer button.secondary.svelte-1pm9ytz {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent
}

.dl-gmail-character-limit-popup.svelte-1pm9ytz div.svelte-1pm9ytz {
    width: 100%
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.deepl-gmail-write-toolbar.svelte-eo75ae.svelte-eo75ae {
    user-select: none;
    background-color: #fff;
    z-index: 2147483650;
    height: 40px;
    position: absolute;
    top: -40px;
    inset-inline-end: 20px;
    width: min-content;
    font-size: 0.5em
}

.dl-toolbar-positioner.svelte-eo75ae.svelte-eo75ae {
    position: relative
}

.dl-gmail-translate-toolbar.svelte-eo75ae.svelte-eo75ae {
    align-items: center;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #dae1e8;
    bottom: 0;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
    height: 52px;
    opacity: 0;
    padding: 0px 8px;
    position: absolute;
    inset-inline-end: 8px;
    transform: translateX(-10px);
    width: max-content;
    display: none
}

.dl-gmail-translate-toolbar.hasLoaded.svelte-eo75ae.svelte-eo75ae {
    transition: opacity 0.3s, transform 0.3s
}

.dl-gmail-translate-toolbar.isExpanded.svelte-eo75ae.svelte-eo75ae {
    display: flex;
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s, transform 0.3s
}

.dl-gmail-translate-toolbar.svelte-eo75ae .translation-selection-wrapper.svelte-eo75ae {
    display: flex;
    width: max-content;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.dl-gmail-translate-toolbar.svelte-eo75ae .translation-label.svelte-eo75ae {
    font-size: 14px;
    padding: 0px 10px
}

.dl-gmail-translate-toolbar.svelte-eo75ae .shortcode-wrapper.svelte-eo75ae {
    width: 60px;
    margin-inline-end: 5px;
    position: relative
}

.dl-gmail-translate-toolbar.svelte-eo75ae .language-wrapper.svelte-eo75ae {
    width: 100px
}

.dl-gmail-translate-toolbar.svelte-eo75ae .divider.svelte-eo75ae {
    width: 1px;
    height: 100%;
    background-color: #dbe0e5
}

.dl-gmail-translate-toolbar.svelte-eo75ae .button-wrapper button.svelte-eo75ae {
    background-color: #0177a9;
    color: white;
    padding: 8px 12px;
    margin: 0px 10px;
    height: 44px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.dl-gmail-translate-toolbar.svelte-eo75ae .button-wrapper button.svelte-eo75ae:disabled {
    cursor: not-allowed;
    background-color: #c4c4c4
}

.dl-toolbar-closed.svelte-eo75ae.svelte-eo75ae {
    position: absolute;
    background-color: white;
    width: 32px;
    height: 32px;
    bottom: 4px;
    border: 1px solid #dae1e8;
    border-radius: 16px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275)
}

.dl-toolbar-closed.svelte-eo75ae .wrapper.svelte-eo75ae {
    position: absolute;
    width: 32px;
    height: 32px;
    inset-inline-end: 0;
    bottom: 0
}

.dl-toolbar-closed.svelte-eo75ae .wrapper.icon-wrapper.svelte-eo75ae {
    opacity: 1;
    cursor: pointer
}

.dl-toolbar-closed.svelte-eo75ae .icon-wrapper.svelte-eo75ae {
    display: flex;
    align-items: center;
    justify-content: center
}

.accept-changes.svelte-eo75ae.svelte-eo75ae {
    position: absolute;
    inset-inline-end: 8px;
    bottom: 0px;
    border: 1px solid #dae1e8;
    border-radius: 4px;
    display: flex;
    width: 80px;
    background-color: #fff
}

.accept-changes.svelte-eo75ae .accept-wrapper.svelte-eo75ae {
    width: 40px
}

.accept-changes.svelte-eo75ae .undo-wrapper.svelte-eo75ae {
    width: 40px
}

.dropdown-label {
    font-weight: 600
}

button.svelte-eo75ae.svelte-eo75ae {
    border: 0
}

.confirm-button.svelte-eo75ae.svelte-eo75ae {
    height: 40px;
    padding-top: 7px;
    background-color: #fff;
    cursor: pointer
}

.confirm-button.right.svelte-eo75ae.svelte-eo75ae {
    border-inline-start: 1px solid #dae1e8
}

.confirm-button.svelte-eo75ae:hover path.svelte-eo75ae {
    stroke: #599639
}

.deepl-loading-overlay {
    background-color: #006494;
    color: transparent !important;
    border-radius: 3px !important;
    animation: svelte-eo75ae-cycleBackground 4s linear infinite alternate !important
}

.deepl-loading-skeleton {
    background-color: #006494;
    color: transparent !important;
    border-radius: 3px !important;
    animation: svelte-eo75ae-cycleBackground 4s linear infinite alternate !important
}

.deepl-loading-skeleton::selection {
    background-color: transparent !important;
    color: transparent !important
}

.deepl-selection-loading-skeleton-subject {
    background-color: #006494;
    color: transparent !important;
    border-radius: 10px !important;
    animation: svelte-eo75ae-cycleBackground 4s linear infinite alternate !important
}

@keyframes svelte-eo75ae-cycleBackground {
    0% {
        background-color: #006494
    }
    50% {
        background-color: white
    }
    100% {
        background-color: #006494
    }
}

@keyframes svelte-eo75ae-skeleton-loading {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

button.svelte-1lme20r.svelte-1lme20r {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.dl-gmail-email-toolbar.svelte-1lme20r.svelte-1lme20r {
    width: 100%;
    min-width: max-content;
    display: flex;
    height: 53px;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.dl-gmail-email-toolbar.svelte-1lme20r .deepl-logo.svelte-1lme20r {
    background-image: url(../fonts/deepl-logo-no-text.svg);
    height: 24px;
    width: 24px;
    background-position: right;
    background-repeat: no-repeat
}

.dl-gmail-email-toolbar.svelte-1lme20r .left-side.svelte-1lme20r {
    display: flex;
    align-items: center;
    gap: 5px
}

.dl-gmail-email-toolbar.svelte-1lme20r .right-side.svelte-1lme20r {
    margin-inline-end: start
}

.dl-gmail-email-toolbar.svelte-1lme20r .translate-button .icon.svelte-1lme20r {
    display: none
}

.dl-gmail-email-toolbar.svelte-1lme20r .translate-button span.svelte-1lme20r {
    display: inline
}

.dl-gmail-email-toolbar.svelte-1lme20r .forward-button span.svelte-1lme20r {
    display: inline
}

.dl-gmail-email-toolbar.smallMode.svelte-1lme20r .right-side.svelte-1lme20r {
    margin-right: auto
}

.dl-gmail-email-toolbar.smallMode.svelte-1lme20r .translate-button .icon.svelte-1lme20r {
    display: inline
}

.dl-gmail-email-toolbar.smallMode.svelte-1lme20r .translate-button span.svelte-1lme20r {
    display: none
}

.dl-gmail-email-toolbar.smallMode.svelte-1lme20r .forward-button span.svelte-1lme20r {
    display: none
}

.translate-button.svelte-1lme20r.svelte-1lme20r {
    display: inline-flex;
    align-items: center;
    background-color: #0177a9;
    color: white;
    height: 44px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 3px;
    cursor: pointer;
    border: 0 none
}

.translate-button.svelte-1lme20r.svelte-1lme20r:disabled {
    background-color: #dbe0e5;
    cursor: not-allowed
}

.show-original-button.svelte-1lme20r.svelte-1lme20r {
    display: inline-flex;
    align-items: center;
    height: 44px;
    border-radius: 3px;
    cursor: not-allowed;
    background-color: white;
    border: 1px solid #dbe0e5;
    color: #848f9b
}

.show-original-button.enabled.svelte-1lme20r.svelte-1lme20r {
    border: 1px solid #000;
    color: black;
    cursor: pointer
}

.forward-button.svelte-1lme20r.svelte-1lme20r {
    display: inline-flex;
    height: 44px;
    align-items: center;
    background-color: white;
    border: 1px solid black;
    color: black;
    border-radius: 3px;
    cursor: pointer;
    gap: 8px
}

.forward-button.svelte-1lme20r.svelte-1lme20r:disabled {
    border: 1px solid #dbe0e5;
    color: #848f9b;
    cursor: not-allowed
}

.show-original-button.svelte-1lme20r:dir(rtl) svg.svelte-1lme20r, .forward-button.svelte-1lme20r:dir(rtl) svg.svelte-1lme20r {
    transform: rotate(180deg)
}

.language-selection-wrapper.svelte-1lme20r.svelte-1lme20r {
    min-width: 150px;
    position: relative
}

.deepl-gmail-loading-skeleton {
    background-color: rgba(3, 113, 113, 0.5);
    border: 1px solid #006494 !important;
    border-radius: 10px;
    color: transparent !important;
    display: block;
    margin-bottom: 7px;
    padding-top: 2px;
    height: 10px;
    animation: svelte-1lme20r-skeleton-loading 1s linear infinite alternate
}

@keyframes svelte-1lme20r-skeleton-loading {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}

@keyframes svelte-1lme20r-loading {
    0% {
        background-position: -100% 0
    }
    100% {
        background-position: 100% 0
    }
}

.deepl-gmail-header-toolbar.svelte-o9amr0.svelte-o9amr0 {
    line-height: 1em !important;
    position: relative;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    margin-bottom: 2px;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.onboarding-popup.svelte-o9amr0.svelte-o9amr0 {
    color: #000 !important;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    height: min-content;
    position: relative;
    top: 5px;
    width: 300px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)
}

.onboarding-popup.svelte-o9amr0.svelte-o9amr0:dir(ltr) {
    left: -270px
}

.onboarding-popup.svelte-o9amr0.svelte-o9amr0:dir(rtl) {
    right: -270px
}

.onboarding-popup.svelte-o9amr0 .content.svelte-o9amr0 {
    padding: 0px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    white-space: normal !important;
    background-image: url(../fonts/gmail-onboarding-design.svg);
    background-position: top right;
    background-repeat: no-repeat
}

.onboarding-popup.svelte-o9amr0 .content.svelte-o9amr0:dir(rtl) {
    background-position: left top
}

.onboarding-popup.svelte-o9amr0 .content .title.svelte-o9amr0 {
    height: 90px;
    padding-top: 25px;
    padding-inline-end: 100px;
    display: flex
}

.onboarding-popup.svelte-o9amr0 .content .title p.svelte-o9amr0 {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.5em
}

.onboarding-popup.svelte-o9amr0 .content .body.svelte-o9amr0 {
    height: min-content;
    padding-top: 15px;
    padding-bottom: 10px
}

.onboarding-popup.svelte-o9amr0 .content .copy.svelte-o9amr0 {
    display: grid;
    grid-template-columns:25px 1fr;
    margin-bottom: 12px
}

.onboarding-popup.svelte-o9amr0 .content .copy .copy-text.svelte-o9amr0 {
    margin-left: 8px;
    font-size: 14px;
    line-height: 21px
}

.onboarding-popup.svelte-o9amr0 .switch-content.svelte-o9amr0 {
    padding: 10px;
    font-size: 14px;
    white-space: normal
}

.onboarding-popup.svelte-o9amr0 .switch-container.svelte-o9amr0 {
    display: grid;
    grid-template-columns:1fr 50px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    font-weight: 600
}

.onboarding-popup.svelte-o9amr0 .topBorder.svelte-o9amr0 {
    border-top: 1px solid #dae1e8
}

.isOnboardingPopupOpen.svelte-o9amr0.svelte-o9amr0 {
    border-radius: 2px;
    background-color: #f3f5f7
}

.icon.svelte-o9amr0.svelte-o9amr0 {
    cursor: pointer;
    display: block;
    height: 25px;
    width: 25px;
    padding: 3px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-image: url(../fonts/deepl-logo-no-text-disabled.svg);
    border: 1px solid transparent
}

.icon.enabled.svelte-o9amr0.svelte-o9amr0 {
    background-image: url(../fonts/deepl-logo-no-text.svg)
}

.notification.svelte-o9amr0.svelte-o9amr0 {
    border: 1px solid #0177a9
}

.dot.svelte-o9amr0.svelte-o9amr0 {
    position: absolute;
    top: -2px;
    inset-inline-end: -4px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #0177a9
}

.dl-input-icon.svelte-1opaki9.svelte-1opaki9 {
    display: flex;
    align-items: center;
    height: 32px;
    width: 32px;
    background-color: #ffffff;
    border-radius: 18px;
    inset-inline-end: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: absolute;
    padding: 2px;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3)
}

.dl-input-icon.svelte-1opaki9 .spacer.svelte-1opaki9 {
    opacity: 0;
    border-left: 1px solid #dae1e8;
    position: absolute;
    height: 100%;
    transition: all 0.2s ease-in-out;
    inset-inline-end: 2px
}

.dl-input-icon.svelte-1opaki9 .dl-icon-circle.svelte-1opaki9 {
    height: 28px;
    width: 28px;
    position: absolute;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    inset-inline-end: 2px
}

.dl-input-icon.svelte-1opaki9 .dl-icon-circle.svelte-1opaki9:hover {
    background-color: #dbe0e5
}

.dl-input-icon.svelte-1opaki9 .dl-icon-circle span.svelte-1opaki9 {
    height: 24px;
    width: 24px;
    display: block
}

.dl-input-icon.svelte-1opaki9 .dl-loading.svelte-1opaki9, .dl-input-icon.svelte-1opaki9 .dl-loading.svelte-1opaki9:hover {
    opacity: 0;
    pointer-events: none;
    background-color: #ffffff;
    z-index: 99999999999
}

.dl-input-icon.svelte-1opaki9 .dl-loading.svelte-1opaki9::before, .dl-input-icon.svelte-1opaki9 .dl-loading.svelte-1opaki9:hover::before {
    content: "";
    background-color: #0f2b46;
    height: 24px;
    width: 24px;
    position: absolute;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    transform: scale(100%);
    bottom: 0;
    inset-inline-end: 0
}

.dl-input-icon.svelte-1opaki9 .dl-icon.svelte-1opaki9 {
    background-image: url(../fonts/translate-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px 20px 20px 0px
}

.dl-input-icon.svelte-1opaki9 .dl-icon.svelte-1opaki9::before {
    content: "";
    position: absolute;
    height: 8px;
    background-color: #037171;
    display: block;
    inset-inline-end: 0px;
    top: -2px;
    border-radius: 5px;
    border: 2px solid white;
    border-radius: 50%;
    width: 8px;
    opacity: 0;
    transition: all 0.4s ease-in-out
}

.dl-input-icon.svelte-1opaki9 .dl-icon.svelte-1opaki9::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    background-color: transparent;
    height: 24px;
    width: 24px;
    bottom: 0;
    inset-inline-end: 0;
    transition: all 0.3s ease-in-out
}

.dl-input-icon.svelte-1opaki9 .dl-icon.disabled.svelte-1opaki9 {
    background-image: url(../fonts/deepl-logo-no-text-disabled.svg);
    cursor: not-allowed
}

.dl-input-icon.svelte-1opaki9 .dl-icon.disabled.svelte-1opaki9:hover {
    background-color: #dbe0e5
}

.dl-input-icon.svelte-1opaki9 .dl-settings.svelte-1opaki9 {
    opacity: 0;
    background-image: url(../fonts/lang-settings.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px 0px 0px 20px
}

.dl-input-icon.svelte-1opaki9 .dl-settings.disabled.svelte-1opaki9 {
    background-image: url(../fonts/lang-settings-disabled.svg);
    cursor: not-allowed
}

.dl-input-icon.svelte-1opaki9 .dl-settings.disabled.svelte-1opaki9:hover {
    background-color: #dbe0e5
}

.dl-input-icon.svelte-1opaki9 .dl-on-off.svelte-1opaki9 {
    opacity: 0;
    background-image: url(../fonts/on-off-v2.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-input-icon.svelte-1opaki9 .dl-improve.svelte-1opaki9 {
    opacity: 0;
    background-image: url(../fonts/improve-writing.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-input-icon.svelte-1opaki9 .dl-improve.disabled.svelte-1opaki9 {
    cursor: auto;
    background-image: url(../fonts/improve-writing-disabled.svg)
}

.dl-input-icon.svelte-1opaki9.svelte-1opaki9:not(.is-loading):hover {
    width: 128px
}

.dl-input-icon.svelte-1opaki9:not(.is-loading):hover .dl-settings.svelte-1opaki9 {
    opacity: 1;
    inset-inline-end: 32px
}

.dl-input-icon.svelte-1opaki9:not(.is-loading):hover .spacer.svelte-1opaki9 {
    opacity: 1;
    inset-inline-end: 61.5px
}

.dl-input-icon.svelte-1opaki9:not(.is-loading):hover .dl-improve.svelte-1opaki9 {
    opacity: 1;
    inset-inline-end: 64px
}

.dl-input-icon.svelte-1opaki9:not(.is-loading):hover .dl-on-off.svelte-1opaki9 {
    opacity: 1;
    inset-inline-end: 96px
}

.dl-input-icon.is-loading.svelte-1opaki9.svelte-1opaki9 {
    background-color: #ffffff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3) !important
}

.dl-input-icon.is-loading.svelte-1opaki9 .dl-loading.svelte-1opaki9 {
    opacity: 1;
    pointer-events: all;
    animation: svelte-1opaki9-loadingSpin 0.8s cubic-bezier(0.55, 0.04, 0.27, 0.91) infinite
}

.dl-input-icon.is-loading.svelte-1opaki9 .dl-loading.svelte-1opaki9::before {
    transform: scale(30%);
    top: -5px
}

.dl-input-icon.is-minimized.svelte-1opaki9.svelte-1opaki9:not(:hover) {
    background-color: transparent;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0)
}

.dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .dl-settings.svelte-1opaki9, .dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .dl-improve.svelte-1opaki9, .dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .spacer.svelte-1opaki9, .dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .dl-on-off.svelte-1opaki9 {
    opacity: 0
}

.dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .dl-icon.svelte-1opaki9 {
    background-color: transparent;
    background-position: bottom right;
    background-size: 10px
}

.dl-input-icon.is-minimized.svelte-1opaki9:not(:hover) .dl-icon.svelte-1opaki9::after {
    background-color: #0f2b46;
    height: 10px;
    width: 10px;
    border-radius: 5px
}

.dl-input-icon.is-input-translation-disabled.svelte-1opaki9.svelte-1opaki9 {
    background-color: transparent;
    box-shadow: none;
    width: 1px;
    height: 1px
}

.dl-input-icon.is-input-translation-disabled.svelte-1opaki9 .dl-icon.svelte-1opaki9, .dl-input-icon.is-input-translation-disabled.svelte-1opaki9 .dl-settings.svelte-1opaki9, .dl-input-icon.is-input-translation-disabled.svelte-1opaki9 .dl-improve.svelte-1opaki9, .dl-input-icon.is-input-translation-disabled.svelte-1opaki9 .spacer.svelte-1opaki9, .dl-input-icon.is-input-translation-disabled.svelte-1opaki9 .dl-on-off.svelte-1opaki9 {
    display: none
}

@keyframes svelte-1opaki9-loadingSpin {
    to {
        transform: rotate(360deg)
    }
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.container.svelte-1vokldc.svelte-1vokldc {
    width: 305px;
    background-color: #0177a9;
    box-sizing: content-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 16px;
    color: White;
    font-size: 14px;
    position: absolute;
    pointer-events: all
}

.container__top.svelte-1vokldc.svelte-1vokldc {
    bottom: 45px;
    inset-inline-end: -10px
}

.container__bottom.svelte-1vokldc.svelte-1vokldc {
    top: 45px;
    inset-inline-end: -10px
}

.container__right.svelte-1vokldc.svelte-1vokldc {
    inset-inline-start: 45px;
    bottom: -57px
}

.container__left.svelte-1vokldc.svelte-1vokldc {
    inset-inline-end: 45px;
    bottom: -10px
}

.container.svelte-1vokldc .body.svelte-1vokldc {
    position: relative;
    display: flex
}

.container.svelte-1vokldc .body .content.svelte-1vokldc {
    display: flex;
    width: 100%;
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 40px
}

.container.svelte-1vokldc .body .content .text-wrapper.svelte-1vokldc {
    line-height: 23px
}

.container.svelte-1vokldc .body .content .text-wrapper .headline.svelte-1vokldc {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px
}

.container.svelte-1vokldc .body.svelte-1vokldc::after {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: #0177a9 transparent transparent transparent
}

.container.svelte-1vokldc .body__top.svelte-1vokldc::after {
    top: 100%;
    inset-inline-end: 13px;
    margin-left: -5px
}

.container.svelte-1vokldc .body__bottom.svelte-1vokldc::after {
    bottom: 100%;
    transform: rotate(180deg);
    inset-inline-end: 13px;
    margin-left: -5px
}

.container.svelte-1vokldc .body__right.svelte-1vokldc::after {
    top: 50%;
    inset-inline-end: 100%;
    transform: rotate(90deg);
    margin-left: -5px
}

.container.svelte-1vokldc .body__left.svelte-1vokldc::after {
    bottom: 13px;
    inset-inline-start: 100%;
    transform: rotate(270deg)
}

.container.svelte-1vokldc .body .close-icon.svelte-1vokldc {
    position: absolute;
    inset-inline-end: 0;
    margin-inline-end: 24px;
    margin-top: 24px;
    background: transparent;
    background-image: url(../fonts/close-white.svg);
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2 -4px 6px 6px
}

:host {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.error-container.svelte-16e3fjt {
    position: absolute;
    min-width: 242px
}

.error-container__top.svelte-16e3fjt {
    bottom: 35px;
    inset-inline-end: 0
}

.error-container__bottom.svelte-16e3fjt {
    top: 35px;
    inset-inline-end: 0
}

.error-container__right.svelte-16e3fjt {
    inset-inline-start: 35px;
    bottom: 0
}

.error-container__left.svelte-16e3fjt {
    inset-inline-end: 35px;
    bottom: 0
}

.dl-input-positioner.svelte-d7i1bp.svelte-d7i1bp {
    z-index: 10000000000000;
    pointer-events: none
}

.dl-input-positioner.debug-mode.svelte-d7i1bp.svelte-d7i1bp {
    background-color: rgba(255, 0, 0, 0.3)
}

.dl-input-placeholder.svelte-d7i1bp.svelte-d7i1bp {
    height: 28px;
    width: 28px;
    transition: top 0.3s ease-in-out;
    position: absolute;
    pointer-events: all;
    bottom: 5px;
    inset-inline-end: 5px
}

.dl-input-placeholder.svelte-d7i1bp .dl-onboarding-highlighter.svelte-d7i1bp {
    height: 28px;
    width: 28px;
    position: absolute;
    inset-inline-end: 0;
    pointer-events: none
}

.dl-input-placeholder.reduced-space.svelte-d7i1bp.svelte-d7i1bp {
    bottom: calc(50% - 14px) !important
}

.dl-input-placeholder.other-extension-present.svelte-d7i1bp.svelte-d7i1bp {
    inset-inline-end: 35px !important
}

.dl-input-placeholder.disabled.svelte-d7i1bp.svelte-d7i1bp {
    width: 1px;
    height: 1px
}

.dl-input-placeholder.chat-gpt-present.svelte-d7i1bp.svelte-d7i1bp {
    inset-inline-end: 50px !important;
    padding-bottom: 10px !important
}

.dl-input-translation-container.svelte-95aucy {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    z-index: 100000000000000
}


.w-clearfix:after {
    content: '';
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.w-pageline.w-page-num {
    margin: 20px auto;
    padding: 0;
    font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 12px;
    display: table;
    clear: both;
}

.w-pageline.w-page-num ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.w-pageline.w-page-num ul li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-pageline.w-page-num ul li em {
    font-style: normal;
    color: #666;
}

.w-pageline.w-page-num ul li input {
    padding: 0 10px;
    width: 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
}

.w-pageline.w-page-num ul li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
}

.w-pageline.w-page-num ul li a:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-page-cm {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-page-cm.disabled {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    opacity: .5;
}

.w-page-cm.disabled a {
    cursor: default;
}

.w-page-square .w-page-cm.disabled a:hover {
    background: #fff;
    color: #666;
    border-color: #ddd;
}

.w-page-round .w-page-cm.disabled a:hover {
    background: #fff;
    color: #666;
    border-color: #ddd;
}

.w-page-alpha .w-page-cm.disabled a:hover {
    background: #fff;
    color: #666;
}

.w-page-square-blue .w-page-cm.disabled a:hover {
    background: #eee;
    color: #666;
    border-color: #eee;
}

.w-page-square-red .w-page-cm.disabled a:hover {
    background: #eee;
    color: #666;
    border-color: #eee;
}

.w-page-square-orange .w-page-cm.disabled a:hover {
    background: #ddd;
    color: #666;
    border-color: #eee;
}

.w-page-square li a i {
    display: none;
}

.w-page-square li.w-page-flip {
    width: 67px !important;
}

.w-page-square li a {
    color: #666;
    background: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.w-page-square li a:hover {
    background: #eee;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-square li.active a {
    background: #eee;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-round li a span {
    display: none;
}

.w-page-round li a {
    color: #666;
    background: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
}

.w-page-round li a:hover {
    background: #eee;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-round li.active a {
    background: #eee;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-alpha li a span {
    display: none;
}

.w-page-alpha li a {
    color: #666;
    background: #fff;
    border-radius: 3px;
}

.w-page-alpha li a:hover {
    background: #eee;
}

.w-page-alpha li.active a {
    background: #eee;
}

.w-page-square-blue li a i {
    display: none;
}

.w-page-square-blue li.w-page-flip {
    width: 67px !important;
}

.w-page-square-blue li a {
    color: #666;
    background: #eee;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.w-page-square-blue li a:hover {
    color: #fff;
    background: #00ACF0;
    border-color: #00ACF0;
    border-width: 1px;
    border-style: solid;
}

.w-page-square-blue li.active a {
    color: #fff;
    background: #00ACF0;
    border-color: #00ACF0;
    border-width: 1px;
    border-style: solid;
}

.w-page-square-red li a i {
    display: none;
}

.w-page-square-red li.w-page-flip {
    width: 67px !important;
}

.w-page-square-red li a {
    color: #666;
    background: #eee;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
}

.w-page-square-red li a:hover {
    color: #fff;
    background: #EA594F;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
}

.w-page-square-red li.active a {
    color: #fff;
    background: #EA594F;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
}

.w-page-square-orange li a i {
    display: none;
}

.w-page-square-orange li.w-page-flip {
    width: 67px !important;
}

.w-page-square-orange li a {
    color: #666;
    background: #ddd;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.w-page-square-orange li a:hover {
    color: #fff;
    background: #F57A19;
    border-color: #F57A19;
    border-width: 1px;
    border-style: solid;
}

.w-page-square-orange li.active a {
    color: #fff;
    background: #F57A19;
    border-color: #F57A19;
    border-width: 1px;
    border-style: solid;
}

.w-clearfix:after {
    content: '';
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.w-pageline.w-page-go {
    display: table;
    margin: 20px auto;
    padding: 0;
    font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 12px;
}

.w-pageline.w-page-go ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.w-pageline.w-page-go ul li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-pageline.w-page-go ul li em {
    font-style: normal;
    color: #666;
}

.w-line-height-ie7 {
    *display: inline-block;
    *height: 30px;
    *line-height: 14px;
    *vertical-align: middle;
}

.w-pageline.w-page-go ul li input {
    padding: 0 4px;
    width: 22px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    *display: inline-block;
    text-align: center;
}

.w-pageline.w-page-go ul li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
}

.w-pageline.w-page-go ul li a:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-pageline.w-page-go .w-page-cm {
    width: 67px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-pageline.w-page-go .w-line-height-ie7 {
    margin-right: 10px;
}

.w-pageline.w-page-go .w-page-cm.disabled {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    opacity: .5;
}

.w-pageline.w-page-go .w-page-cm.disabled a {
    cursor: default;
}

.w-pageline.w-page-go .w-page-rectangle .w-page-cm.disabled a:hover {
    color: #666;
    background: #eee;
    border-color: #ddd;
}

.w-pageline.w-page-go .w-page-rectangle-white .w-page-cm.disabled a:hover {
    color: #666;
    background: #fff;
    border-color: #999;
}

.w-pageline.w-page-go .w-page-rectangle-gray .w-page-cm.disabled a:hover {
    color: #666;
    background: #eee;
    border-color: #ddd;
}

.w-pageline.w-page-go .w-page-rectangle-red .w-page-cm.disabled a:hover {
    color: #EA594F;
    background: #fff;
    border-color: #EA594F;
}

.w-pageline.w-page-go .w-page-rectangle-round .w-page-cm.disabled a:hover {
    color: #666;
    background: #fff;
    border-color: #ddd;
}

.w-pageline.w-page-go .w-page-rectangle-alpha .w-page-cm.disabled a:hover {
    color: #666;
    background: none;
}

.w-pageline.w-page-go .w-page-rectangle li a i {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle li a {
    color: #666;
    background: #eee;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.w-pageline.w-page-go .w-page-rectangle li a:hover {
    background: #ddd;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle li.active a {
    background: #ddd;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-white li a i {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle-white li a {
    color: #666;
    background: #fff;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

.w-pageline.w-page-go .w-page-rectangle-white li a:hover {
    background: #ccc;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-white li.active a {
    background: #ccc;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-gray li a i {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle-gray li a {
    color: #666;
    background: #eee;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-gray li a:hover {
    background: #ddd;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-gray li.active a {
    background: #ddd;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-red li a i {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle-red li input {
    border-radius: 3px !important;
}

.w-pageline.w-page-go .w-page-rectangle-red li a {
    color: #EA594F;
    background: #fff;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
}

.w-pageline.w-page-go .w-page-rectangle-red li a:hover {
    color: #fff;
    background: #EA594F;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-red li.active a {
    color: #fff;
    background: #EA594F;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-round li input {
    width: 67px;
}

.w-pageline.w-page-go .w-page-rectangle-round li a span {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle-round li input {
    border-radius: 16px !important;
}

.w-pageline.w-page-go .w-page-rectangle-round li.w-page-flip {
    width: 30px !important;
}

.w-pageline.w-page-go .w-page-rectangle-round li a {
    color: #666;
    background: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
}

.w-pageline.w-page-go .w-page-rectangle-round li a:hover {
    color: #666;
    background: #ccc;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-round li.active a {
    color: #666;
    background: #ccc;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li a span {
    display: none;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li input {
    border-radius: 16px !important;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li.w-page-flip {
    width: 30px !important;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li a {
    color: #666;
    background: none;
    border-radius: 16px;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li input {
    width: 67px;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li a:hover {
    color: #666;
    background: #ccc;
}

.w-pageline.w-page-go .w-page-rectangle-alpha li.active a {
    color: #666;
    background: #ccc;
}

.w-clearfix:after {
    content: '';
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.w-pageline.w-page-more-box {
    margin: 20px 0;
    padding: 0;
    font-family: Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
}

.w-pageline.w-page-more-box ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.w-pageline.w-page-more-box ul li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-pageline.w-page-more-box ul li input {
    width: 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.w-pageline.w-page-more-box ul li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-pageline.w-page-more-box ul li a:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-page-more {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: #666;
    text-align: center;
    text-decoration: none;
}

.w-page-more:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-pageline.w-page-more-box a.disabled {
    display: none;
}

.w-page-more-one {
    /*background*/
    background-color: #FFF;
    /*border*/
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-one:hover {
    background-color: #EEE;
    /*border*/
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-two {
    /*background*/
    background-color: #EEE;
    /*border*/
    border-color: #EEE;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-two:hover {
    background-color: #ddd;
    /*border*/
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-three {
    background-color: #fff;
    border-color: #EEE;
    border-width: 1px;
    border-style: solid;
    border-radius: 40px;
}

.w-page-more-three:hover {
    background-color: #eee;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-four {
    background-color: #eee;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-four:hover {
    background-color: #ccc;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-fives {
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.w-page-more-fives:hover {
    background-color: #ddd;
}

.w-page-more-six {
    color: #EA594F;
    background-color: #fff;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
    border-radius: 40px;
}

.w-page-more-six:hover {
    color: #fff;
    background-color: #EA594F;
    border-color: #EA594F;
    border-width: 1px;
    border-style: solid;
}

.w-list {
    width: 935px;
    margin: 60px auto 0;
}

.w-list-ul {
    /*margin*/
    padding: 0;
    margin: 0;
    /*style*/
    list-style: none;
}

.w-list-ul .w-list-item {
    /*margin*/
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    /*position*/
    position: relative;
    /*size*/
    min-height: 130px;
    /*border*/
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.w-list-ul .w-list-item .w-hide {
    display: none !important;
}

.w-list-ul .w-list-item.w-list-nopic {
    /*size*/
    min-height: 0;
}

.w-list-ul .w-list-item.w-list-nopic .w-list-r {
    /*margin*/
    padding-left: 0;
}

.w-list-ul .w-list-item.w-list-nopic .w-list-r .w-list-r-in {
    /*margin*/
    padding-left: 0;
}

.w-list-ul .w-list-item .w-list-title {
    /*margin*/
    padding: 0;
    margin: 0;
    /*size*/
    width: 100%;
    /*font*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.w-list-ul .w-list-item .w-list-title .w-list-titlelink {
    /*-size-*/
    line-height: 24px;
    /*display*/
    display: block;
    /*-font-*/
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #444444;
    text-decoration: none;
    /*-transition-*/
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.w-list-ul .w-list-item .w-list-title .w-list-titlelink:hover {
    /*-font-*/
    font-style: normal;
    font-weight: bold;
    color: #222;
    text-decoration: underline;
}

.w-list-ul .w-list-item .w-list-pic {
    margin-right: 10px;
    float: left;
    width: 150px;
    height: 130px;
    overflow: hidden;
}

.w-list-ul .w-list-item .w-list-pic .w-list-piclink {
    display: block;
    /*size*/
    width: 150px;
    height: 130px;
}

.w-list-ul .w-list-item .w-list-pic .w-list-piclink .w-listpic-in {
    /*size*/
    width: 150px;
    height: 130px;
    /*border*/
    border: none;
    object-fit: cover;
    /*-transition-*/
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear;
}

.w-list-ul .w-list-item .w-list-pic .w-list-piclink .w-listpic-in:hover {
    /*animation*/
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

.w-list-ul .w-list-item .w-list-r {
    /*padding*/
    padding-left: 150px;
}

.w-list-ul.w-list-imgno .w-list-pic {
    display: none !important;
}

.w-list-ul.w-list-imgno .w-list-item .w-list-r {
    /*padding*/
    padding-left: 0 !important;
}

.w-list-ul .w-list-item .w-list-r .w-list-r-in {
    /*padding*/
    padding-left: 12px;
}

.w-list-ul.w-list-imgno .w-list-item .w-list-r .w-list-r-in {
    /*padding*/
    padding-left: 0 !important;
}

.w-list-ul .w-list-item .w-list-desc {
    /*margin*/
    padding: 0;
    margin: 0;
    margin-top: 5px;
    /*size*/
    line-height: 20px;
    /*-font-*/
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    /*-display-*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-list-ul .w-list-item .w-list-bottom {
    /*margin*/
    padding: 0;
    margin: 0;
    margin-top: 5px;
    /*size*/
    height: 20px;
    line-height: 20px;
}

.w-list-ul .w-list-item .w-list-bottom .w-list-date {
    /*margin*/
    padding: 0;
    margin: 0;
    /*display*/
    display: inline-block;
    /*-font-*/
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #BBB;
    text-decoration: none;
}

.w-list-ul .w-list-item .w-list-bottom .w-list-viewnum {
    /*float*/
    float: right;
    /*font*/
    font-family: Arial;
    font-size: 12px;
    color: #BBB;
}

.w-list-ul .w-list-item .w-list-bottom .w-list-viewnum .w-list-viewicon {
    /*font*/
    font-size: 12px;
    color: #BBB;
    padding-right: 3px;
}


.w-imglist-ul {
    padding: 0;
    list-style: none;
    margin: 16px -8px 0;
}

.w-imglist-item {
    list-style: none;

    float: left;
    width: 25%;
    padding: 0 8px;
    height: 200px;
    z-index: 2;
    overflow: hidden;
	margin-bottom: 15px;
}

.w-imglist-3 .w-imglist-item {
    width: 25%;
    height: 300px;
}

.w-imglist-3 .w-imglist-img img {
    height: 300px;
}

.w-imglist-3 .hover-effect:hover .atlas-item--hover {
    background: rgba(11, 83, 148, 0.5);
}

.w-imglist-item a {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}

.w-imglist-item a img {
    margin: 0;
    padding: 0;
}

.w-imglist-img {
    display: block;
    overflow: hidden;
}

.w-imglist-img img {
    width: 100%;
    height: 200px;
    border: none;
    object-fit: cover;
}

.atlas-item--hover {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.hover-effect:hover .atlas-item--hover {
    background-color: rgba(153, 153, 153, 0.6);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: linear-gradient(none, none);
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -ms-linear-gradient(none, none);
    background: -o-linear-gradient(none, none);
    background-size: auto;
}

.atlas-item--title {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 16px;
    font-family: Arial;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    display: block;
}

.atlas-item--desc {
    margin: 0;
    padding: 0;
    margin-top: 14px;
    max-height: 30%;
    overflow: hidden;
    padding: 0 16px;
    width: 100%;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 12px;
}

.con_137_18 .w-atlas-ul {
    list-style: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -16px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /*overflow: hidden; 2018.09.20 拖动�200PX*/
}

.con_137_18 .w-atlas-ul:after {
    margin: 0;
    padding: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '.';
    font-size: 0;
}

.con_137_18 .w-atlas-ul li {
    float: left;
    padding-left: 15px;
    width: 50%;
}

.con_137_18 .w-atlas-ul li a {
    text-decoration: none;
    position: relative;
    margin-bottom: 16px;
    margin-left: 16px;
    height: 210px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.con_137_18 .w-atlas-ul li a img {
    float: left;
    width: 285px;
    height: 210px;
    border: none;
    object-fit: cover;
}

.con_137_18 .w-atlas-ul li a img:hover {
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #609ee9;
    border-right-width: 5px;
    border-right-style: solid;
    border-right-color: #609ee9;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #609ee9;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #609ee9;
}

.con_137_18 .w-atlas-ul li a h3 {
    /*-position-*/
    position: absolute;
    z-index: 8;
    /*-margin-*/
    padding: 0 10px;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
    /*-font-*/
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-family: Arial;
    color: white;
    line-height: 50px;
    text-decoration: none;
    /*-background-*/
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.con_69_47 .w-image-box {
    width: 95%;
    margin: 10px auto;
    text-align: center;
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
    border-radius: 1px;
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 0 0 transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.con_69_47 .w-image-box img {
    border: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    /*object-fit: cover;*/
}

.con_69_47 .img-hover-bg {
    transition: .3s;
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con_69_47:hover .img-hover-bg {
    opacity: 1;
    background-color: rgba(25, 30, 42, 0.7);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(none, none);
    background: -moz-linear-gradient(none, none);
    background: -o-linear-gradient(none, none);
    background: linear-gradient(none, none);
    background-size: auto;
}

.con_69_47 .w-image-box .img-hover-bg .image-hover-desc {
    width: 100%;
    padding: 0 25px;
    font-family: Arial;
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.con_69_47 .image-title {
    width: 100%;
    padding-bottom: 15px;
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.con_69_47 .w-image-box:hover .image-title {
    display: block;
    font-family: Arial;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.w-detail {
    line-height: 24px;
}

.w-detail p {
    font-size: 14px;
    margin-bottom: 5px;
}

.w-detail img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.w-crumbs {
    padding: 0;
    width: 100%;
    margin-top: 10px;
    line-height: 34px;
    font-family: Arial;
    text-align: left;
    font-size: 12px;
    color: #999;
    font-weight: normal;
    font-style: normal;
}

.w-crumbs .w-crumbs-item {
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.w-crumbs .w-crumbs-item:hover {
    color: #48B6F8;
}

.w-title {
    width: 100%;
    color: #404040;
    font-size: 24px;
    text-align: center;
    line-height: 34px;
    margin: 15px 0 25px;
}

.w-createtime {
    padding: 0;
    margin: 0;
    width: 180px;
    height: auto;
    font-family: Arial;
    color: #999999;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    word-wrap: break-word;
    word-break: normal;
}

.w-createtime .w-createtime-item {
    padding: 0;
    margin: 0;
}

.w-pageviews {
    width: 103px;
    font-family: Arial;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    line-height: 24px;
}

.w-pageviews .w-viewsicon {
    vertical-align: middle;
    color: #999;
    font-size: 12px;
    margin-right: 5px;
}

.w-collect {
    display: block;
    width: 100px;
    cursor: pointer;
    outline: none;
}

.w-collect-position {
    display: block;
    margin: 0;
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-collect .w-collect-icon {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #E43939;
    font-style: normal;
}

.w-previous {
    width: 50%;
    float: left;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    line-height: 24px;
    word-wrap: break-word;
    word-break: normal;
    outline: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.w-next {
    float: right;
    width: 50%;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    line-height: 24px;
    word-wrap: break-word;
    word-break: normal;
    outline: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.w-previous:hover, .w-next:hover {
    color: #48B6F8;
}

.w-previous i, .w-next i {
    margin-right: 5px;
}

.w-button {
    margin: 0;
    padding: 0;
    border: 2px solid #031838;
    background-color: transparent;
    /*-font-*/
    font-style: normal;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #031838;
    z-index: 1;
    font-weight: bold;
    transition: all 300ms ease-in-out;
}

.w-button:hover {
    border-color: #003d99;
    color: #fff;
    background-color: rgb(0, 61, 153);
}

.hover-effect[data-effect-name="sweep-to-right"]:hover {
    background-color: transparent;
}


.w-button-position .w-button-position-inner {
    height: 100%;
}


.hover-effect:hover::before {
    background-color: rgb(0, 61, 153);
}

.hover-effect[data-effect-name="underline-from-center"]:hover::before {
    background: #003d99 !important;
}

.w-image-box {
    text-align: center;
    border-top: 5px solid #eeeeee;
    border-right: 5px solid #eeeeee;
    border-bottom: 5px solid #eeeeee;
    border-left: 5px solid #eeeeee;
    border-radius: 1px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.w-image-box img {
    border: 0;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}

.w-image-box .img-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    /* background */
    background-color: rgba(106, 168, 79, 0);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat
    background-size: auto;
}

.w-image-box .image-title {
    top: 22px;
    left: 23px;
    position: absolute;
    width: calc(100% - 46px);
    font-family: 'Microsoft YaHei';
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}

.w-image-box .img-hover-bg .image-hover-desc {
    top: 60px;
    left: 23px;
    width: calc(100% - 46px);
    height: calc(100% - 82px);
    overflow: hidden;
    position: absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    padding-right: 5px;
}

.w-image-box:hover .img-hover-bg {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

.w-image-box:hover .image-title {
    display: block;
    font-family: 'Microsoft YaHei';
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.w-nav {
    /* reset */
    margin: 0;
    padding: 0;
    /* size */
    width: 1248px;
    height: 82px;
    /* border */
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.tem_112_58 .w-nav:after {
    content: '';
    display: table;
    clear: both;
    zoom: 1;
}

.tem_112_58 .w-nav .w-nav-inner {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
    width: 14%;
    height: 82px;
    line-height: 82px;
    /* background */
    background-color: rgb(3, 24, 56);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-nav-item {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    line-height: inherit;
}

.w-nav .w-nav-inner:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.w-nav .w-nav-inner:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.w-nav .w-nav-inner:first-child .w-nav-item.current {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.w-nav .w-nav-inner:last-child .w-nav-item.current {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.w-nav .w-nav-item .w-nav-item-line {
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: -1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEEEEE;
}

.w-nav .w-nav-inner:first-child .w-nav-item .w-nav-item-line {
    display: none;
}

.w-nav .w-nav-item .w-nav-item-link {
    /* reset */
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    display: block;
    height: 100%;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-nav .w-nav-item .w-nav-item-link .w-link-txt {
    font-family: Tahoma;
    font-size: 24px;
}

.w-nav .w-nav-item .w-nav-item-link .mw-iconfont {
    font-size: 24px;
}

.w-nav .w-subnav {
    /* reset */
    position: relative;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .3s;
    top: 20px;
    /* background */
}

.w-nav .w-subnav.userWidth {
    width: 500px;
}

.w-nav .w-subnav-item {
    /* reset */
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgb(3, 24, 56);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-subnav-item .w-subnav-link {
    /* reset */
    margin: 0;
    padding: 0 15px;
    height: 100%;
    line-height: 70px;
    outline: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
}

.w-nav .w-subnav-item .w-subnav-link .w-link-txt {
    /* height */
    font-family: Tahoma;
}

.w-nav .w-subnav-item .w-subnav-link .mw-iconfont {
    font-size: 16px;
}

/* hover */
.w-nav .w-nav-inner:hover {
    background-color: rgb(7, 55, 99);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-nav-inner:hover .w-nav-item-link {
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.w-nav .w-nav-inner:hover .w-subnav {
    display: block;
    top: 0;
    opacity: 1;
    visibility: visible;
}

/* subnav-hover */
.w-subnav .w-subnav-item:hover {
    background-color: rgb(7, 55, 99);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-subnav-item:hover .w-subnav-link:hover {
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

/* current */
.w-nav .w-nav-item.current {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-nav-item.current .w-nav-item-link {
    color: #059FE9;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

/* current */
.w-nav .w-subnav-item.current {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%
    background-size: auto;
}

.w-nav .w-subnav-item.current .w-subnav-link {
    color: #059FE9;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.tem_66_20 {
    display: flex;
    justify-content: end;
}