@charset "UTF-8";

.react-tel-input {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    position: relative;
    width: 100%
}

.react-tel-input :disabled {
    cursor: not-allowed
}

.react-tel-input .flag {
    width: 16px;
    height: 11px;
    background-image: url(data:image/png;base64,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)
}

.react-tel-input .ad {
    background-position: -16px 0
}

.react-tel-input .ae {
    background-position: -32px 0
}

.react-tel-input .af {
    background-position: -48px 0
}

.react-tel-input .ag {
    background-position: -64px 0
}

.react-tel-input .ai {
    background-position: -80px 0
}

.react-tel-input .al {
    background-position: -96px 0
}

.react-tel-input .am {
    background-position: -112px 0
}

.react-tel-input .ao {
    background-position: -128px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .as {
    background-position: -160px 0
}

.react-tel-input .at {
    background-position: -176px 0
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .aw {
    background-position: -208px 0
}

.react-tel-input .az {
    background-position: -224px 0
}

.react-tel-input .ba {
    background-position: -240px 0
}

.react-tel-input .bb {
    background-position: 0 -11px
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input .be {
    background-position: -32px -11px
}

.react-tel-input .bf {
    background-position: -48px -11px
}

.react-tel-input .bg {
    background-position: -64px -11px
}

.react-tel-input .bh {
    background-position: -80px -11px
}

.react-tel-input .bi {
    background-position: -96px -11px
}

.react-tel-input .bj {
    background-position: -112px -11px
}

.react-tel-input .bm {
    background-position: -128px -11px
}

.react-tel-input .bn {
    background-position: -144px -11px
}

.react-tel-input .bo {
    background-position: -160px -11px
}

.react-tel-input .br {
    background-position: -176px -11px
}

.react-tel-input .bs {
    background-position: -192px -11px
}

.react-tel-input .bt {
    background-position: -208px -11px
}

.react-tel-input .bw {
    background-position: -224px -11px
}

.react-tel-input .by {
    background-position: -240px -11px
}

.react-tel-input .bz {
    background-position: 0 -22px
}

.react-tel-input .ca {
    background-position: -16px -22px
}

.react-tel-input .cd {
    background-position: -32px -22px
}

.react-tel-input .cf {
    background-position: -48px -22px
}

.react-tel-input .cg {
    background-position: -64px -22px
}

.react-tel-input .ch {
    background-position: -80px -22px
}

.react-tel-input .ci {
    background-position: -96px -22px
}

.react-tel-input .ck {
    background-position: -112px -22px
}

.react-tel-input .cl {
    background-position: -128px -22px
}

.react-tel-input .cm {
    background-position: -144px -22px
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .co {
    background-position: -176px -22px
}

.react-tel-input .cr {
    background-position: -192px -22px
}

.react-tel-input .cu {
    background-position: -208px -22px
}

.react-tel-input .cv {
    background-position: -224px -22px
}

.react-tel-input .cw {
    background-position: -240px -22px
}

.react-tel-input .cy {
    background-position: 0 -33px
}

.react-tel-input .cz {
    background-position: -16px -33px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .dj {
    background-position: -48px -33px
}

.react-tel-input .dk {
    background-position: -64px -33px
}

.react-tel-input .dm {
    background-position: -80px -33px
}

.react-tel-input .do {
    background-position: -96px -33px
}

.react-tel-input .dz {
    background-position: -112px -33px
}

.react-tel-input .ec {
    background-position: -128px -33px
}

.react-tel-input .ee {
    background-position: -144px -33px
}

.react-tel-input .eg {
    background-position: -160px -33px
}

.react-tel-input .er {
    background-position: -176px -33px
}

.react-tel-input .es {
    background-position: -192px -33px
}

.react-tel-input .et {
    background-position: -208px -33px
}

.react-tel-input .fi {
    background-position: -224px -33px
}

.react-tel-input .fj {
    background-position: -240px -33px
}

.react-tel-input .fk {
    background-position: 0 -44px
}

.react-tel-input .fm {
    background-position: -16px -44px
}

.react-tel-input .fo {
    background-position: -32px -44px
}

.react-tel-input .bl,
.react-tel-input .fr,
.react-tel-input .mf {
    background-position: -48px -44px
}

.react-tel-input .ga {
    background-position: -64px -44px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .gd {
    background-position: -96px -44px
}

.react-tel-input .ge {
    background-position: -112px -44px
}

.react-tel-input .gf {
    background-position: -128px -44px
}

.react-tel-input .gh {
    background-position: -144px -44px
}

.react-tel-input .gi {
    background-position: -160px -44px
}

.react-tel-input .gl {
    background-position: -176px -44px
}

.react-tel-input .gm {
    background-position: -192px -44px
}

.react-tel-input .gn {
    background-position: -208px -44px
}

.react-tel-input .gp {
    background-position: -224px -44px
}

.react-tel-input .gq {
    background-position: -240px -44px
}

.react-tel-input .gr {
    background-position: 0 -55px
}

.react-tel-input .gt {
    background-position: -16px -55px
}

.react-tel-input .gu {
    background-position: -32px -55px
}

.react-tel-input .gw {
    background-position: -48px -55px
}

.react-tel-input .gy {
    background-position: -64px -55px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .hn {
    background-position: -96px -55px
}

.react-tel-input .hr {
    background-position: -112px -55px
}

.react-tel-input .ht {
    background-position: -128px -55px
}

.react-tel-input .hu {
    background-position: -144px -55px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .ie {
    background-position: -176px -55px
}

.react-tel-input .il {
    background-position: -192px -55px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .io {
    background-position: -224px -55px
}

.react-tel-input .iq {
    background-position: -240px -55px
}

.react-tel-input .ir {
    background-position: 0 -66px
}

.react-tel-input .is {
    background-position: -16px -66px
}

.react-tel-input .it {
    background-position: -32px -66px
}

.react-tel-input .je {
    background-position: -144px -154px
}

.react-tel-input .jm {
    background-position: -48px -66px
}

.react-tel-input .jo {
    background-position: -64px -66px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .ke {
    background-position: -96px -66px
}

.react-tel-input .kg {
    background-position: -112px -66px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .ki {
    background-position: -144px -66px
}

.react-tel-input .xk {
    background-position: -128px -154px
}

.react-tel-input .km {
    background-position: -160px -66px
}

.react-tel-input .kn {
    background-position: -176px -66px
}

.react-tel-input .kp {
    background-position: -192px -66px
}

.react-tel-input .kr {
    background-position: -208px -66px
}

.react-tel-input .kw {
    background-position: -224px -66px
}

.react-tel-input .ky {
    background-position: -240px -66px
}

.react-tel-input .kz {
    background-position: 0 -77px
}

.react-tel-input .la {
    background-position: -16px -77px
}

.react-tel-input .lb {
    background-position: -32px -77px
}

.react-tel-input .lc {
    background-position: -48px -77px
}

.react-tel-input .li {
    background-position: -64px -77px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .lr {
    background-position: -96px -77px
}

.react-tel-input .ls {
    background-position: -112px -77px
}

.react-tel-input .lt {
    background-position: -128px -77px
}

.react-tel-input .lu {
    background-position: -144px -77px
}

.react-tel-input .lv {
    background-position: -160px -77px
}

.react-tel-input .ly {
    background-position: -176px -77px
}

.react-tel-input .ma {
    background-position: -192px -77px
}

.react-tel-input .mc {
    background-position: -208px -77px
}

.react-tel-input .md {
    background-position: -224px -77px
}

.react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

.react-tel-input .mg {
    background-position: 0 -88px
}

.react-tel-input .mh {
    background-position: -16px -88px
}

.react-tel-input .mk {
    background-position: -32px -88px
}

.react-tel-input .ml {
    background-position: -48px -88px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .mn {
    background-position: -80px -88px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .mp {
    background-position: -112px -88px
}

.react-tel-input .mq {
    background-position: -128px -88px
}

.react-tel-input .mr {
    background-position: -144px -88px
}

.react-tel-input .ms {
    background-position: -160px -88px
}

.react-tel-input .mt {
    background-position: -176px -88px
}

.react-tel-input .mu {
    background-position: -192px -88px
}

.react-tel-input .mv {
    background-position: -208px -88px
}

.react-tel-input .mw {
    background-position: -224px -88px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .mz {
    background-position: -16px -99px
}

.react-tel-input .na {
    background-position: -32px -99px
}

.react-tel-input .nc {
    background-position: -48px -99px
}

.react-tel-input .ne {
    background-position: -64px -99px
}

.react-tel-input .nf {
    background-position: -80px -99px
}

.react-tel-input .ng {
    background-position: -96px -99px
}

.react-tel-input .ni {
    background-position: -112px -99px
}

.react-tel-input .bq,
.react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .no {
    background-position: -144px -99px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .nr {
    background-position: -176px -99px
}

.react-tel-input .nu {
    background-position: -192px -99px
}

.react-tel-input .nz {
    background-position: -208px -99px
}

.react-tel-input .om {
    background-position: -224px -99px
}

.react-tel-input .pa {
    background-position: -240px -99px
}

.react-tel-input .pe {
    background-position: 0 -110px
}

.react-tel-input .pf {
    background-position: -16px -110px
}

.react-tel-input .pg {
    background-position: -32px -110px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .pl {
    background-position: -80px -110px
}

.react-tel-input .pm {
    background-position: -96px -110px
}

.react-tel-input .pr {
    background-position: -112px -110px
}

.react-tel-input .ps {
    background-position: -128px -110px
}

.react-tel-input .pt {
    background-position: -144px -110px
}

.react-tel-input .pw {
    background-position: -160px -110px
}

.react-tel-input .py {
    background-position: -176px -110px
}

.react-tel-input .qa {
    background-position: -192px -110px
}

.react-tel-input .re {
    background-position: -208px -110px
}

.react-tel-input .ro {
    background-position: -224px -110px
}

.react-tel-input .rs {
    background-position: -240px -110px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .rw {
    background-position: -16px -121px
}

.react-tel-input .sa {
    background-position: -32px -121px
}

.react-tel-input .sb {
    background-position: -48px -121px
}

.react-tel-input .sc {
    background-position: -64px -121px
}

.react-tel-input .sd {
    background-position: -80px -121px
}

.react-tel-input .se {
    background-position: -96px -121px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .sh {
    background-position: -128px -121px
}

.react-tel-input .si {
    background-position: -144px -121px
}

.react-tel-input .sk {
    background-position: -160px -121px
}

.react-tel-input .sl {
    background-position: -176px -121px
}

.react-tel-input .sm {
    background-position: -192px -121px
}

.react-tel-input .sn {
    background-position: -208px -121px
}

.react-tel-input .so {
    background-position: -224px -121px
}

.react-tel-input .sr {
    background-position: -240px -121px
}

.react-tel-input .ss {
    background-position: 0 -132px
}

.react-tel-input .st {
    background-position: -16px -132px
}

.react-tel-input .sv {
    background-position: -32px -132px
}

.react-tel-input .sx {
    background-position: -48px -132px
}

.react-tel-input .sy {
    background-position: -64px -132px
}

.react-tel-input .sz {
    background-position: -80px -132px
}

.react-tel-input .tc {
    background-position: -96px -132px
}

.react-tel-input .td {
    background-position: -112px -132px
}

.react-tel-input .tg {
    background-position: -128px -132px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .tj {
    background-position: -160px -132px
}

.react-tel-input .tk {
    background-position: -176px -132px
}

.react-tel-input .tl {
    background-position: -192px -132px
}

.react-tel-input .tm {
    background-position: -208px -132px
}

.react-tel-input .tn {
    background-position: -224px -132px
}

.react-tel-input .to {
    background-position: -240px -132px
}

.react-tel-input .tr {
    background-position: 0 -143px
}

.react-tel-input .tt {
    background-position: -16px -143px
}

.react-tel-input .tv {
    background-position: -32px -143px
}

.react-tel-input .tw {
    background-position: -48px -143px
}

.react-tel-input .tz {
    background-position: -64px -143px
}

.react-tel-input .ua {
    background-position: -80px -143px
}

.react-tel-input .ug {
    background-position: -96px -143px
}

.react-tel-input .us {
    background-position: -112px -143px
}

.react-tel-input .uy {
    background-position: -128px -143px
}

.react-tel-input .uz {
    background-position: -144px -143px
}

.react-tel-input .va {
    background-position: -160px -143px
}

.react-tel-input .vc {
    background-position: -176px -143px
}

.react-tel-input .ve {
    background-position: -192px -143px
}

.react-tel-input .vg {
    background-position: -208px -143px
}

.react-tel-input .vi {
    background-position: -224px -143px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .vu {
    background-position: 0 -154px
}

.react-tel-input .wf {
    background-position: -16px -154px
}

.react-tel-input .ws {
    background-position: -32px -154px
}

.react-tel-input .ye {
    background-position: -48px -154px
}

.react-tel-input .za {
    background-position: -64px -154px
}

.react-tel-input .zm {
    background-position: -80px -154px
}

.react-tel-input .zw {
    background-position: -96px -154px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input .form-control {
    position: relative;
    font-size: 14px;
    letter-spacing: .01rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    line-height: 25px;
    height: 35px;
    width: 300px;
    outline: none
}

.react-tel-input .form-control.invalid-number,
.react-tel-input .form-control.invalid-number:focus {
    background-color: #faf0f0;
    border: 1px solid #d79f9f;
    border-left-color: #cacaca
}

.react-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    background-color: #f5f5f5;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px
}

.react-tel-input .flag-dropdown:focus,
.react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .flag-dropdown.invalid-number {
    border-color: #d79f9f
}

.react-tel-input .flag-dropdown.open {
    z-index: 2
}

.react-tel-input .flag-dropdown.open,
.react-tel-input .flag-dropdown.open .selected-flag {
    background: #fff;
    border-radius: 3px 0 0 0
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.react-tel-input .selected-flag {
    outline: none;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px;
    border-radius: 3px 0 0 3px
}

.react-tel-input .selected-flag:focus,
.react-tel-input .selected-flag:hover {
    background-color: #fff
}

.react-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.react-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.react-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.react-tel-input .country-list {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .35);
    background-color: #fff;
    width: 300px;
    max-height: 200px;
    overflow-y: scroll;
    border-radius: 0 0 3px 3px
}

.react-tel-input .country-list .flag {
    display: inline-block
}

.react-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.react-tel-input .country-list .country {
    padding: 7px 9px
}

.react-tel-input .country-list .country .dial-code {
    color: #6b6b6b
}

.react-tel-input .country-list .country.highlight,
.react-tel-input .country-list .country:hover {
    background-color: #f1f1f1
}

.react-tel-input .country-list .flag {
    margin-right: 7px;
    margin-top: 2px
}

.react-tel-input .country-list .country-name {
    margin-right: 6px
}

.react-tel-input .country-list .search {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 10px 0 6px 10px
}

.react-tel-input .country-list .search-emoji {
    font-size: 15px
}

.react-tel-input .country-list .search-box {
    border: 1px solid #cacaca;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    margin-left: 6px;
    padding: 3px 8px 5px;
    outline: none
}

.react-tel-input .country-list .no-entries-message {
    padding: 7px 10px 11px;
    opacity: .7
}

.react-tel-input .invalid-number-message {
    color: #de0000
}

.react-tel-input .invalid-number-message,
.react-tel-input .special-label {
    position: absolute;
    z-index: 1;
    font-size: 13px;
    left: 46px;
    top: -8px;
    background: #fff;
    padding: 0 2px
}

.react-tel-input .special-label {
    display: none;
    white-space: nowrap
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: ""
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: ""
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: ""
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: ""
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: ""
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: ""
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: ""
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: ""
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: ""
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: ""
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: ""
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: ""
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: ""
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: ""
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: ""
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: ""
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: ""
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-9-16 {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1 {
    padding-top: 100%
}

.video-js .vjs-tech,
.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js.vjs-layout-tiny .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports(display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: none
}

.video-js :focus:not(:focus-visible) {
    outline: none
}

.react-tabs {
    -webkit-tap-highlight-color: transparent
}

.react-tabs__tab-list {
    overflow-x: scroll;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    flex-direction: row
}

.react-tabs__tab {
    color: #8e8d8f;
    border: 1px solid transparent;
    border-bottom: none;
    bottom: -1px;
    position: relative;
    list-style: none;
    padding: 6px 12px;
    cursor: pointer
}

.react-tabs__tab--selected {
    position: relative;
    border-bottom: 3px solid #adf6fa;
    color: #fff
}

.react-tabs__tab--selected:before {
    top: 0;
    position: absolute;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #adf6fa;
    content: ""
}

.react-tabs__tab--disabled {
    color: GrayText;
    cursor: default
}

.react-tabs__tab:focus {
    outline: none
}

.react-tabs__tab-panel {
    display: none
}

.react-tabs__tab-panel--selected {
    display: block
}

.fade-enter p {
    opacity: 0;
    transform: translateY(-25%)
}

.fade-enter-active p,
.fade-exit p {
    opacity: 1;
    transform: translateY(0)
}

.fade-exit-active p {
    opacity: 0;
    transform: translateY(25%)
}

.fade-enter-active p,
.fade-exit-active p {
    transition: opacity .5s, transform .5s
}

.slide-enter p {
    opacity: 0;
    transform: translateX(-30%)
}

.slide-enter-active p,
.slide-exit p {
    opacity: 1;
    transform: translateX(0)
}

.slide-exit-active p {
    opacity: 0;
    transform: translateX(30%)
}

.slide-enter-active p,
.slide-exit-active p {
    transition: opacity .6s, transform .6s
}

.onboarding-slide-enter {
    opacity: 0;
    transform: translateY(30%)
}

.onboarding-slide-enter-active,
.onboarding-slide-exit {
    opacity: 1;
    transform: translateY(0)
}

.onboarding-slide-exit-active {
    opacity: 0;
    transform: translateY(-30%)
}

.onboarding-slide-enter-active,
.onboarding-slide-exit-active {
    transition: opacity .6s, transform .6s
}

.fadeall-enter {
    opacity: 0;
    transform: translateY(-25%)
}

.fadeall-enter-active,
.fadeall-exit {
    opacity: 1;
    transform: translateY(0)
}

.fadeall-exit-active {
    opacity: 0;
    transform: translateY(25%)
}

.fadeall-enter-active,
.fadeall-exit-active {
    transition: opacity .5s, transform .5s
}

.jump-enter p {
    opacity: 0;
    transform: translateY(25%)
}

.jump-enter-active p,
.jump-exit p {
    opacity: 1;
    transform: translateY(0)
}

.jump-exit-active p {
    opacity: 0;
    transform: translateY(-25%)
}

.jump-enter-active p,
.jump-exit-active p {
    transition: opacity .5s, transform .5s
}

.slideX-enter {
    opacity: 0;
    transform: translateX(-30%)
}

.slideX-enter-active,
.slideX-exit {
    opacity: 1;
    transform: translateX(0)
}

.slideX-exit-active {
    opacity: 0;
    transform: translateX(30%)
}

.slideX-enter-active,
.slideX-exit-active {
    transition: opacity .6s, transform .6s
}

@keyframes quiet {
    25% {
        transform: scaleY(.6)
    }

    50% {
        transform: scaleY(.4)
    }

    75% {
        transform: scaleY(.8)
    }
}

@keyframes normal {
    25% {
        transform: scaleY(.6)
    }

    50% {
        transform: scaleY(.4)
    }

    75% {
        transform: scaleY(.6)
    }
}

@keyframes loud {
    25% {
        transform: scaleY(.9)
    }

    50% {
        transform: scaleY(.4)
    }

    75% {
        transform: scaleY(1)
    }
}

body {
    display: flex;
    justify-content: center;
    background: #000;
    padding: 0;
    align-items: center;
    height: 100vh
}

.boxContainer {
    display: flex;
    justify-content: space-between;
    height: 100%;
    --boxSize: 3px;
    --gutter: 4px;
    width: 100%
}

.box {
    transform: scaleY(.4);
    height: 100%;
    width: var(--boxSize);
    background: #d9d9d9;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.quiet {
    animation-name: quiet
}

.normal {
    animation-name: normal
}

.loud {
    animation-name: loud
}

.ReactModal__Overlay--Glass,
.ReactModal__Overlay--Opaque {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: flex-end
}

.security-modal {
    z-index: 200 !important
}

.ReactModal__Overlay--Glass:after,
.ReactModal__Overlay--Opaque:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
    opacity: 0
}

.ReactModal__Overlay--Opaque:after {
    transition: all .3s ease-out
}

.ReactModal__Overlay--Glass:after {
    transition: all .2s ease-out
}

.ReactModal__Content--Full {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    height: var(--vh);
    width: 100%
}

.ReactModal__Content--Auto {
    position: relative;
    z-index: 20;
    display: flex;
    width: 100%;
    align-items: flex-end;
    background-color: transparent
}

.ReactModal__Content--Shelf {
    height: var(--vh);
    --tw-bg-opacity: 1;
    opacity: 0;
    transition: all .3s ease-out
}

.ReactModal__Content--Glass,
.ReactModal__Content--Shelf {
    width: var(--vw);
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    transform: translate3d(0, 100%, 0)
}

.ReactModal__Content--Glass {
    --tw-bg-opacity: 0.75;
    -webkit-backdrop-filter: blur(8px) opacity(0);
    backdrop-filter: blur(8px) opacity(0);
    transition: all .2s ease-out
}

.ReactModal__Content__Inner {
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    opacity: 0;
    transition: all .2s ease-out
}

.ReactModal__Content--Shelf .ReactModal__Content__Inner {
    height: var(--vh);
    background-color: transparent
}

.ReactModal__Content--Glass .ReactModal__Content__Inner {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: .08
}

.ReactModal__Overlay--after-open.ReactModal__Overlay--Glass:after {
    opacity: 1
}

.ReactModal__Content--after-open .ReactModal__Content--Shelf {
    opacity: 1;
    transform: translateZ(0)
}

.ReactModal__Content--after-open .ReactModal__Content--Glass {
    transform: translateZ(0);
    -webkit-backdrop-filter: blur(8px) opacity(1);
    backdrop-filter: blur(8px) opacity(1)
}

.ReactModal__Content--after-open .ReactModal__Content__Inner {
    opacity: 1
}

.ReactModal__Overlay--before-close.ReactModal__Overlay--Glass:after {
    opacity: 0
}

.ReactModal__Content--before-close .ReactModal__Content--Shelf {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
}

.ReactModal__Content--before-close .ReactModal__Content--Glass {
    -webkit-backdrop-filter: blur(8px) opacity(0);
    backdrop-filter: blur(8px) opacity(0);
    transform: translate3d(0, 100%, 0)
}

.ReactModal__Content--before-close .ReactModal__Content__Inner {
    opacity: 0
}

.desktop .ReactModal__Overlay--Glass,
.desktop .ReactModal__Overlay--Opaque {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex
}

.desktop .ReactModal__Overlay--Glass {
    align-items: center;
    justify-content: center
}

.desktop .ReactModal__Overlay--Opaque {
    align-items: flex-start;
    justify-content: flex-end
}

.desktop .ReactModal__Overlay--Glass:after,
.desktop .ReactModal__Overlay--Opaque:after {
    --tw-bg-opacity: 0.9
}

.desktop .ReactModal__Overlay--Glass:after,
.desktop .ReactModal__Overlay--Opaque:after {
    transition: unset
}

.desktop .ReactModal__Content--Full {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: unset;
    height: var(--vh);
    width: 450px
}

.desktop .ReactModal__Content--Auto {
    position: relative;
    z-index: 20;
    display: flex;
    width: 400px;
    align-items: center;
    background-color: transparent
}

.desktop .ReactModal__Content--Shelf {
    height: var(--vh);
    width: 100%;
    transform: translate3d(100%, 0, 0)
}

.desktop .ReactModal__Content--Glass {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    opacity: 0;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    transform: translate3d(0, 20%, 0)
}

.desktop .ReactModal__Content__Inner {
    width: 100%;
    opacity: 0;
    transition: all .2s ease-out
}

.desktop .ReactModal__Content--Shelf .ReactModal__Content__Inner {
    height: var(--vh)
}

.desktop .ReactModal__Content--Glass .ReactModal__Content__Inner,
.desktop .ReactModal__Content--Shelf .ReactModal__Content__Inner {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: .05
}

.desktop .ReactModal__Overlay--after-open.ReactModal__Overlay--Glass:after,
.desktop .ReactModal__Overlay--after-open.ReactModal__Overlay--Opaque:after {
    opacity: 1
}

.desktop .ReactModal__Content--after-open .ReactModal__Content--Glass,
.desktop .ReactModal__Content--after-open .ReactModal__Content--Shelf {
    opacity: 1;
    transform: translateZ(0)
}

.desktop .ReactModal__Content--after-open .ReactModal__Content__Inner {
    opacity: 1
}

.desktop .ReactModal__Overlay--before-close.ReactModal__Overlay--Glass:after,
.desktop .ReactModal__Overlay--before-close.ReactModal__Overlay--Opaque:after {
    opacity: 0
}

.desktop .ReactModal__Content--before-close .ReactModal__Content--Shelf {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.desktop .ReactModal__Content--before-close .ReactModal__Content--Glass {
    opacity: 0;
    transform: translate3d(0, 20%, 0)
}

.desktop .ReactModal__Content--before-close .ReactModal__Content__Inner {
    opacity: 0
}

.ReactModal__Overlay--NoTransition .ReactModal__Content--Shelf {
    transform: none !important;
    transition: none !important
}

.ReactModal__Overlay--Glass {
    touch-action: none
}

.video-js {
    background-color: transparent !important
}

.vjs-control-bar,
.vjs-loading-spinner,
.vjs-modal-dialog,
.vjs-modal-dialog-content,
.vjs-poster,
.vjs-time-control {
    display: none !important
}

.vjs--feed {
    pointer-events: none !important;
    position: absolute !important;
    z-index: 90 !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    overflow: hidden !important;
    height: var(--vjsScrubberSmall);
    bottom: var(--bottomNavNormal)
}

.vjs--feed .vjs-progress-wrapper {
    position: relative;
    height: 100%;
    flex: 1 1 0%
}

.vjs--feed .vjs-progress-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    flex: 1 1 0%;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.4;
    --tw-backdrop-blur: blur(8px);
    -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)
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {
    .vjs--feed .vjs-progress-wrapper:before {
        --tw-bg-opacity: 0.6
    }
}

.vjs--feed .vjs-progress-wrapper:before {
    left: calc(var(--vjsScrubberLarge)/2*-1);
    right: calc(var(--vjsScrubberLarge)/2*-1)
}

.vjs--feed .vjs-progress-control {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.vjs--feed .vjs-progress-holder {
    margin: 0 !important;
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    align-items: center !important
}

.vjs--feed .vjs-load-progress {
    height: 100% !important;
    background-color: transparent !important
}

.vjs--feed .vjs-load-progress div {
    height: 100% !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: .05 !important
}

.vjs--feed .vjs-control-text {
    display: none
}

.vjs--feed .vjs-play-progress {
    position: absolute !important;
    height: 100% !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 94 96/var(--tw-bg-opacity)) !important
}

.vjs--feed .vjs-play-progress:before {
    display: none !important
}

.fullscreen-mode .vjs--feed {
    bottom: calc(15px + max(env(safe-area-inset-bottom), 15px)) !important;
    pointer-events: auto !important;
    position: static !important;
    width: auto !important;
    flex: 1 1 0% !important;
    overflow: hidden !important;
    border-radius: 9999px !important;
    height: var(--vjsScrubberLarge)
}

.fullscreen-mode .vjs-time-control {
    font-size: 12px !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
    font-family: aglet-mono, Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace, mono !important;
    text-shadow: 0 1px 2px rgba(30, 29, 39, .19), 1px 2px 4px rgba(54, 64, 147, .18) !important;
    width: 5ch
}

@media screen and (orientation: landscape) {
    html:not(.desktop) .vjs--feed {
        bottom: calc(15px + max(env(safe-area-inset-bottom), 15px)) !important;
        position: absolute !important;
        left: 54px !important;
        right: 54px !important;
        width: auto !important;
        border-radius: 9999px !important
    }

    html:not(.desktop) .vjs--feed .vjs-play-progress {
        position: absolute !important;
        display: flex !important;
        height: 100% !important;
        align-items: center !important;
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 94 96/var(--tw-bg-opacity)) !important
    }
}

.desktop .vjs--feed {
    left: 30px !important;
    right: 30px !important;
    bottom: 46px !important;
    width: auto !important;
    border-radius: 9999px !important
}

.desktop .vjs--feed .vjs-play-progress {
    position: absolute !important;
    display: flex !important;
    height: 100% !important;
    align-items: center !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 94 96/var(--tw-bg-opacity)) !important
}

.video-js-cover video {
    -o-object-fit: cover;
    object-fit: cover
}

.video-js-fit video {
    -o-object-fit: contain;
    object-fit: contain
}

.vjs--audio {
    z-index: 90 !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 9999px !important
}

.vjs--audio .vjs-progress-wrapper {
    position: relative;
    height: 100%;
    flex: 1 1 0%
}

.vjs--audio .vjs-progress-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    flex: 1 1 0%;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.4;
    --tw-backdrop-blur: blur(8px);
    -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)
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {
    .vjs--audio .vjs-progress-wrapper:before {
        --tw-bg-opacity: 0.6
    }
}

.vjs--audio .vjs-progress-wrapper:before {
    left: calc(var(--audioScrubber)/2*-1);
    right: calc(var(--audioScrubber)/2*-1)
}

.vjs--audio .vjs-progress-control {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.vjs--audio .vjs-progress-holder {
    margin: 0 !important;
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    align-items: center !important
}

.vjs--audio .vjs-load-progress {
    height: 100% !important;
    background-color: transparent !important
}

.vjs--audio .vjs-load-progress div {
    height: 100% !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: .05 !important
}

.vjs--audio .vjs-control-text {
    display: none
}

.vjs--audio .vjs-play-progress {
    position: absolute !important;
    height: 100% !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 94 96/var(--tw-bg-opacity)) !important
}

.vjs--audio .vjs-play-progress:before {
    display: none !important
}

.input-range__slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    position: absolute !important;
    display: flex !important;
    max-height: 34px !important;
    transform-origin: center !important;
    align-items: center !important;
    justify-content: center !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    transition: all .1s ease-out
}

.input-range__slider:before {
    transition: none !important
}

.input-range__slider:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-out
}

.input-range__wrapper .input-range__slider-container {
    min-width: 16px;
    width: 16px;
    height: 16px;
    --tw-bg-opacity: 1;
    background-color: rgb(5 199 252/var(--tw-bg-opacity))
}

.input-range__wrapper .input-range__slider-container:last-of-type {
    transform: translateX(-8px)
}

.input-range__wrapper .input-range__slider:before {
    content: "";
    min-width: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.input-range__wrapper .input-range__slider:after {
    background-size: cover;
    background-position: 50%;
    content: ""
}

.input-range__wrapper .input-range__track {
    height: 16px
}

.input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(63, 81, 181, .2)
}

.input-range--disabled .input-range__slider {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: .05;
    box-shadow: none;
    transform: none
}

.input-range__slider-container {
    width: 8px;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-out
}

.input-range__label,
.input-range__label--max,
.input-range__label--min {
    display: none
}

.input-range__track {
    position: relative;
    display: flex;
    height: 8px;
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    transition: all .1s ease-out
}

.input-range--disabled .input-range__track,
.input-range__track {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: .05
}

.input-range__track--active {
    background: linear-gradient(90deg, #ffce29 0, #ff964c 50%, #ff5e60)
}

.input-range {
    height: 1rem;
    position: relative;
    width: 100%
}

.vjs--feed .input-range,
.vjs--post .input-range {
    height: var(--vjsScrubberSmall) !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 9999px;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    --tw-backdrop-blur: blur(8px);
    -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)
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {

    .vjs--feed .input-range,
    .vjs--post .input-range {
        --tw-bg-opacity: 0.6
    }
}

.vjs--feed .input-range:before,
.vjs--post .input-range:before {
    content: "";
    height: var(--vjsScrubberSmall) !important;
    width: var(--vjsScrubberSmall) !important;
    position: absolute;
    left: 0;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 94 96/var(--tw-bg-opacity))
}

.vjs--feed .input-range:after,
.vjs--post .input-range:after {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: linear
}

.vjs--feed .input-range__track,
.vjs--post .input-range__track {
    transition: unset;
    background: unset;
    height: var(--vjsScrubberSmall) !important
}

.vjs--feed .input-range__track--active,
.vjs--post .input-range__track--active {
    background: unset;
    border-radius: 0
}

.vjs--feed .input-range__track--active,
.vjs--feed .input-range__track--active:before,
.vjs--post .input-range__track--active,
.vjs--post .input-range__track--active:before {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: linear;
    --tw-bg-opacity: 1;
    background-color: rgb(255 94 96/var(--tw-bg-opacity))
}

.vjs--feed .input-range__track--active:before,
.vjs--post .input-range__track--active:before {
    content: "";
    height: var(--vjsScrubbersmall) !important;
    width: var(--vjsScrubbersmall) !important;
    left: calc(100% - var(--vjsScrubbersmall));
    position: absolute;
    border-radius: 9999px
}

.fullscreen-mode .vjs--feed .input-range {
    height: var(--vjsScrubberLarge) !important;
    padding-left: calc(var(--vjsScrubberLarge)/2);
    padding-right: calc(var(--vjsScrubberLarge)/2)
}

.fullscreen-mode .vjs--feed .input-range:before {
    height: var(--vjsScrubberLarge) !important;
    width: var(--vjsScrubberLarge) !important
}

.fullscreen-mode .vjs--feed .input-range__track {
    height: var(--vjsScrubberLarge) !important
}

.fullscreen-mode .vjs--feed .input-range__track--active,
.fullscreen-mode .vjs--feed .input-range__track--active:before {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: linear
}

.fullscreen-mode .vjs--feed .input-range__track--active:before {
    height: var(--vjsScrubberLarge) !important;
    width: var(--vjsScrubberLarge) !important;
    left: calc(100% - var(--vjsScrubberLarge)/2);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.vjs--post .input-range {
    height: var(--vjsScrubberLarge) !important;
    padding-left: calc(var(--vjsScrubberLarge)/2);
    padding-right: calc(var(--vjsScrubberLarge)/2)
}

.vjs--post .input-range:before {
    width: var(--vjsScrubberLarge) !important
}

.vjs--post .input-range:before,
.vjs--post .input-range__track {
    height: var(--vjsScrubberLarge) !important
}

.vjs--post .input-range__track--active,
.vjs--post .input-range__track--active:before {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: linear
}

.vjs--post .input-range__track--active:before {
    height: var(--vjsScrubberLarge) !important;
    width: var(--vjsScrubberLarge) !important;
    left: calc(100% - var(--vjsScrubberLarge)/2);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.no-transitions .input-range__slider,
.no-transitions .input-range__slider-container,
.no-transitions .input-range__slider-container:after,
.no-transitions .input-range__slider-container:before,
.no-transitions .input-range__slider:after,
.no-transitions .input-range__slider:before,
.no-transitions .input-range__track--active,
.no-transitions .input-range__track--active:after,
.no-transitions .input-range__track--active:before {
    transition: none !important
}

:root {
    --audioScrubber: 12px
}

.vjs--audio .input-range {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    padding-left: calc(var(--audioScrubber)/2);
    padding-right: calc(var(--audioScrubber)/2)
}

.vjs--audio .input-range,
.vjs--audio .input-range:before {
    position: absolute !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
    background-color: transparent !important
}

.vjs--audio .input-range:before {
    content: "";
    border-radius: 9999px !important
}

.vjs--audio .input-range:after {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: linear
}

.vjs--audio .input-range__track {
    height: 100% !important;
    transition: unset;
    background: unset
}

.vjs--audio .input-range__track--active {
    border-radius: 0 !important;
    background-color: transparent !important;
    background: unset
}

.vjs--audio .input-range__track--active,
.vjs--audio .input-range__track--active:before {
    transition-property: width !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .2s !important;
    transition-timing-function: linear !important
}

.vjs--audio .input-range__track--active:before {
    content: "";
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 9999px !important;
    background-color: transparent !important;
    left: calc(100% - var(--audioScrubber)/2)
}

.infinite-scroll-component__outerdiv {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.grid--promo .grid>button:nth-of-type(10n+5),
.grid--recommended .grid>li:nth-of-type(3n+3) {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2
}

.grid--recommended .grid>li:first-of-type {
    border-top-left-radius: 10px
}

.grid--recommended .grid>li:nth-of-type(2) {
    border-bottom-left-radius: 10px
}

.grid--recommended .grid>li:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/
html {
    -moz-tab-size: 4;
    -o-tab-size: 4
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

.h-min {
    height: -moz-min-content
}

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

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

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

.gap-x-20 {
    -moz-column-gap: 20px
}

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

.object-contain {
    -o-object-fit: contain
}

.object-cover {
    -o-object-fit: cover
}

.\!object-cover {
    -o-object-fit: cover !important
}

.object-center {
    -o-object-position: center
}

.\!object-center {
    -o-object-position: center !important
}

.placeholder-transparent::-moz-placeholder {
    color: transparent;
    color: transparent !important
}

:root {
    --bottomNavNormal: 54px;
    --bottomNavPWA: calc(10px + 34px + max(env(safe-area-inset-bottom), 10px));
    --paddingBottomNavPWA: max(env(safe-area-inset-bottom), 10px);
    --vjsScrubberSmall: 2px;
    --vjsScrubberLarge: 24px
}

#__next,
body,
html {
    width: var(--vw);
    min-width: var(--vw);
    max-width: var(--vw);
    height: var(--vh);
    min-height: var(--vh);
    max-height: var(--vh);
    text-rendering: optimizeLegibility;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 35/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

input,
textarea {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: auto
}

*,
:after,
:before {
    outline: none !important;
    -webkit-touch-callout: none
}

:not(input):not(textarea),
:not(input):not(textarea):after,
:not(input):not(textarea):before {
    -webkit-user-select: none
}

*,
:after,
:before {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

::-webkit-scrollbar {
    display: none
}

* {
    touch-action: pan-x pan-y !important;
    -webkit-tap-highlight-color: transparent
}

button {
    font-weight: 400
}

::-moz-placeholder {
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    --tw-text-opacity: .15 !important
}

::placeholder {
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    --tw-text-opacity: .15 !important
}

.react-code-input .focus-visible,
.react-code-input input:focus {
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.2 !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.react-toast-notifications__container {
    padding: 15px !important
}

.linear-progress {
    height: 100%;
    background-image: url(/images/icons/custom/progress.svg);
    background-size: 10px;
    background-repeat: repeat-x;
    animation: move .2s linear infinite;
    will-change: background-position
}

@keyframes move {
    0% {
        background-position: 0
    }

    to {
        background-position: 10px
    }
}

.swiper {
    position: static !important
}

.feed__swipper .swiper-container,
.post__swipper .swiper-container {
    z-index: unset !important
}

.feed__swipper .swiper-container.stop-swipe .swiper-wrapper,
.feed__swipper.swiper-container.stop-swipe .swiper-wrapper,
.post__swipper .swiper-container.stop-swipe .swiper-wrapper,
.post__swipper.swiper-container.stop-swipe .swiper-wrapper {
    overflow: hidden !important
}

.feed__swipper .swiper-wrapper,
.post__swipper .swiper-wrapper {
    transform: none !important;
    position: static !important
}

.feed__swipper .swiper-slide,
.post__swipper .swiper-slide {
    height: 100%;
    width: 100%;
    scroll-snap-stop: always;
    transform: none !important
}

.feed__swipper .swiper-scroll-snap-disabled .swiper-wrapper,
.post__swipper .swiper-scroll-snap-disabled .swiper-wrapper {
    scroll-snap-type: none !important
}

.feed__swipper .swiper-slide:last-of-type :before {
    width: calc(var(--vw) + 4px);
    border-right: 0 !important
}

.feed__swipper .post__swipper .swiper-wrapper {
    height: 100%;
    width: 100%
}

.desktop .feed__swipper .swiper-slide,
.desktop .feed__swipper .swiper-wrapper,
.desktop .feed__swipper.swiper-container {
    height: 100cqh !important;
    width: 100cqw !important
}

.desktop .feed__swipper .swiper-slide:last-of-type :before {
    width: calc(100cqw + 4px)
}

.post__swipper .swiper-slide {
    scroll-snap-align: center !important
}

.post__swipper .swiper-slide:first-of-type {
    padding-left: max((var(--post-wrapper-width) - (var(--post-wrapper-height)) * (9/16))/2, 30px)
}

.post__swipper .swiper-slide:last-of-type {
    padding-right: max((var(--post-wrapper-width) - (var(--post-wrapper-height)) * (9/16))/2, 30px)
}

.post__swipper .swiper-slide:last-of-type .post__swiper-error {
    right: calc(15px + max((var(--post-wrapper-width) - (var(--post-wrapper-height)) * (9 / 16)) / 2, 30px))
}

.picker__swiper {
    position: relative;
    display: flex;
    justify-content: center
}

.picker__swiper>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    border-color: hsla(0, 0%, 100%, .1)
}

.picker__swiper {
    overflow: hidden;
    height: 170px;
    -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.05, transparent), color-stop(.2, rgba(0, 0, 0, .4)), color-stop(.5, #000), color-stop(.8, rgba(0, 0, 0, .4)), color-stop(.95, transparent), color-stop(1, transparent));
    mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.05, transparent), color-stop(.2, rgba(0, 0, 0, .4)), color-stop(.5, #000), color-stop(.8, rgba(0, 0, 0, .4)), color-stop(.95, transparent), color-stop(1, transparent))
}

.picker__swiper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 34px;
    width: 100%;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.1;
    top: 68px
}

.picker__swiper .swiper {
    margin: 0 !important;
    flex: 1 1 0% !important
}

.picker__swiper .swiper-container,
.picker__swiper .swiper-wrapper {
    flex: 1 1 0% !important
}

.picker__swiper .swiper-slide {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    --tw-text-opacity: 0.2 !important
}

.picker__swiper .swiper-slide-active {
    align-items: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.picker__swiper .swiper-slide-next,
.picker__swiper .swiper-slide-next~.swiper-slide {
    align-items: flex-end !important
}

.picker__swiper .field--text {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left
}

.picker__swiper .field--numeric {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right
}

.picker__swiper [class*=field--] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.swiper-container-css-mode.swiper-no-swiping>.swiper-wrapper,
.swiper-css-mode.swiper-no-swiping>.swiper-wrapper {
    overflow: hidden !important
}

.clip-path--no-support {
    display: flex
}

.clip-path--support {
    display: none
}

@supports((-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 75%, 0 100%))) {
    .clip-path--no-support {
        display: none
    }

    .clip-path--support {
        display: flex
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {
    .backdrop-blur {
        --tw-bg-opacity: 0.6 !important
    }
}

.zap {
    animation: zap 1s linear infinite
}

@keyframes zap {

    0%,
    15%,
    85%,
    to {
        opacity: 1
    }

    40%,
    50%,
    60% {
        opacity: 0
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.skeleton {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: linear-gradient(90deg, transparent 0, hsla(0, 0%, 100%, .1) 50%, transparent);
    will-change: transform;
    animation: skeleton 1.25s cubic-bezier(.4, 0, .2, 1) infinite
}

@keyframes skeleton {
    0% {
        transform: translateX(-150%) skewX(-15deg)
    }

    to {
        transform: translateX(150%) skewX(-15deg)
    }
}

.skeleton--gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-image: linear-gradient(68.3deg, #17294d 6.3%, #f3719a 90.9%);
    background-size: 400%;
    animation: skeleton--gradient 2s cubic-bezier(.4, 0, .2, 1) infinite
}

@keyframes skeleton--gradient {

    0%,
    to {
        background-position: 0
    }

    50% {
        background-position: 100%
    }
}

.card {
    opacity: .15;
    background-image: linear-gradient(30deg, hsla(0, 0%, 100%, .15) 12%, transparent 12.5%, transparent 87%, hsla(0, 0%, 100%, .15) 87.5%, hsla(0, 0%, 100%, .15)), linear-gradient(150deg, hsla(0, 0%, 100%, .15) 12%, transparent 12.5%, transparent 87%, hsla(0, 0%, 100%, .15) 87.5%, hsla(0, 0%, 100%, .15)), linear-gradient(30deg, hsla(0, 0%, 100%, .15) 12%, transparent 12.5%, transparent 87%, hsla(0, 0%, 100%, .15) 87.5%, hsla(0, 0%, 100%, .15)), linear-gradient(150deg, hsla(0, 0%, 100%, .15) 12%, transparent 12.5%, transparent 87%, hsla(0, 0%, 100%, .15) 87.5%, hsla(0, 0%, 100%, .15)), linear-gradient(60deg, hsla(0, 0%, 100%, .05) 25%, transparent 25.5%, transparent 75%, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05)), linear-gradient(60deg, hsla(0, 0%, 100%, .05) 25%, transparent 25.5%, transparent 75%, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05));
    background-size: 40px 72px;
    background-position: 0 0, 0 0, 20px 36px, 20px 36px, 0 0, 20px 36px
}

.post-order {
    counter-reset: post-order
}

.post-order__number {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.post-order__number:before {
    counter-increment: post-order;
    content: counter(post-order)
}

.post-order__item {
    border-width: 2px;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    --tw-border-opacity: 0.1
}

.post-order__item:nth-child(n+11) {
    border-color: rgb(255 94 96/var(--tw-border-opacity));
    --tw-border-opacity: 0.2;
    background-color: rgb(255 94 96/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.1
}

.post-order__item:nth-child(n+11) .post-order__number {
    --tw-bg-opacity: 1;
    background-color: rgb(255 94 96/var(--tw-bg-opacity))
}

.sortable-drag {
    --tw-border-opacity: 0 !important;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.sortable-drag .post-order__number {
    display: none
}

.persona-widget__iframe {
    width: 100%;
    flex: 1 1 0%
}

.calendly-inline-widget {
    height: 100% !important;
    width: 100% !important
}

.rta__autocomplete {
    overflow: hidden !important;
    border-radius: 10px !important;
    border-width: 0 !important;
    background-color: rgb(31 33 35/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.8 !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-backdrop-blur: blur(8px) !important;
    -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) !important;
    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) !important
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {
    .rta__autocomplete {
        --tw-bg-opacity: 0.6 !important
    }
}

.rta__entity {
    background-color: transparent !important
}

.rta__item:not(:last-child) .rta__entity {
    border-bottom-width: 1px !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-border-opacity: .05 !important
}

.osano-cm-window {
    pointer-events: none !important
}

.osano-cm-window a,
.osano-cm-window button,
.osano-cm-window input,
.osano-cm-window label {
    pointer-events: auto !important
}

.osano-cm-dialog--hidden,
.osano-visually-hidden {
    pointer-events: none !important;
    --tw-translate-y: -100% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .7s !important
}

.osano-cm-window__widget {
    display: none !important
}

.osano-cm-window__dialog {
    position: relative !important;
    overflow: hidden !important;
    border-bottom-right-radius: 22px !important;
    border-bottom-left-radius: 22px !important;
    background-color: rgb(31 33 35/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.75 !important;
    padding: 15px !important;
    font-family: acumin-pro-wide, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    --tw-backdrop-blur: blur(8px) !important;
    -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) !important;
    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) !important
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter:blur(1px))) {
    .osano-cm-window__dialog {
        --tw-bg-opacity: 0.6 !important
    }
}

.osano-cm-window__dialog:before {
    content: "";
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: .08 !important
}

.osano-cm-window__dialog .osano-cm-close {
    display: none !important
}

.osano-cm-window__dialog>* {
    position: relative !important;
    z-index: 10 !important
}

.osano-cm-dialog__content {
    font-size: 12px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    line-height: 1.25 !important
}

.osano-cm-dialog__content,
.osano-cm-dialog__content a {
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    --tw-text-opacity: 0.4 !important
}

.osano-cm-dialog__content a {
    font-weight: 400 !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.osano-cm-dialog__content .osano-cm-content__drawer-links {
    margin-top: 15px !important
}

.osano-cm-dialog__list {
    margin: 15px 0 0 !important;
    display: flex !important;
    -moz-column-gap: 8px !important;
    column-gap: 8px !important;
    row-gap: 3px !important
}

.osano-cm-toggle__switch {
    border-width: 0 !important;
    border-color: transparent !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.2 !important;
    outline-width: 0 !important
}

.osano-cm-toggle__switch:before {
    display: none !important
}

.osano-cm-list__list-item {
    margin: 0 !important
}

.osano-cm-list__list-item input[type=checkbox]:checked~.osano-cm-toggle__switch {
    background-color: rgb(5 199 252/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.4 !important
}

.osano-cm-list__list-item input[type=checkbox]:checked~.osano-cm-toggle__switch:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(5 199 252/var(--tw-bg-opacity)) !important
}

.osano-cm-dialog__buttons {
    display: flex !important;
    align-items: center !important
}

.osano-cm-dialog__buttons .osano-cm-buttons__button {
    font-size: 12px !important;
    margin: 0 0 0 8px !important;
    height: 34px !important;
    width: auto !important;
    min-width: 0 !important;
    border-radius: 9999px !important;
    border-width: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.2 !important;
    padding: 0 15px !important;
    font-weight: 400 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    outline-width: 0 !important
}

.osano-cm-dialog__buttons .osano-cm-button--type_accept {
    order: 2 !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(101 247 185/var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(31 33 35/var(--tw-text-opacity)) !important
}

.desktop .osano-cm-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 600px !important
}

.desktop .osano-cm-buttons__button {
    margin: 4px 0 !important
}

.osano-cm-window__info-dialog {
    width: var(--vw) !important;
    --tw-bg-opacity: 0.8 !important
}

.osano-cm-window__info-dialog,
.osano-cm-window__info-dialog .osano-cm-info-dialog__info {
    height: var(--vh) !important;
    background-color: rgb(31 33 35/var(--tw-bg-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog__info {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    --tw-bg-opacity: 0.4 !important;
    font-family: acumin-pro-wide, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-backdrop-blur: blur(24px) !important;
    -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) !important;
    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) !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog__info:after {
    content: "";
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: .05 !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog__info>* {
    position: relative !important;
    z-index: 10 !important
}

.osano-cm-window__info-dialog .osano-cm-view {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close {
    padding: 15px !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close:after {
    content: "Close";
    font-size: 12px !important;
    display: inline-flex !important;
    height: 34px !important;
    align-items: center !important;
    border-radius: 9999px !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.2 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close svg {
    display: none !important
}

.osano-cm-window__info-dialog .osano-cm-toggle__label {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-disclosure--collapse {
    border-bottom-width: 1px !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-border-opacity: 0.1 !important
}

.osano-cm-window__info-dialog .osano-cm-disclosure__toggle {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.osano-cm-window__info-dialog .osano-cm-toggle__switch {
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.1 !important
}

.osano-cm-window__info-dialog .osano-cm-toggle__input:checked~.osano-cm-toggle__switch {
    background-color: rgb(101 247 185/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.2 !important
}

.osano-cm-window__info-dialog .osano-cm-toggle__input:checked~.osano-cm-toggle__switch:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(101 247 185/var(--tw-bg-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-toggle--disabled .osano-cm-toggle__switch {
    opacity: .3 !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__header {
    font-size: 14px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    background: transparent !important
}

.osano-cm-window__info-dialog .osano-cm-disclosure {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important
}

.osano-cm-window__info-dialog .osano-cm-description {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-info__info-dialog-header {
    border-bottom-width: 1px !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-border-opacity: 0.1 !important;
    background: transparent !important
}

.osano-cm-window__info-dialog .osano-cm-info__info-views {
    width: 100% !important;
    flex: 1 1 0% !important;
    overflow-y: scroll !important;
    padding-top: 30px !important
}

.osano-cm-window__info-dialog .osano-cm-save {
    margin: 30px 0 0 !important;
    display: flex !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9999px !important;
    border-width: 0 !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(101 247 185/var(--tw-bg-opacity)) !important;
    padding: 0 !important;
    font-weight: 400 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(31 33 35/var(--tw-text-opacity)) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.osano-cm-window__info-dialog .osano-cm-powered-by__link {
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    --tw-text-opacity: 0.4 !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.osano-cm-window__info-dialog .osano-cm-close {
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    border-radius: 10px !important;
    padding: 0 15px !important
}

.osano-cm-window__info-dialog .osano-cm-close,
.osano-cm-window__info-dialog .osano-cm-close:active,
.osano-cm-window__info-dialog .osano-cm-close:focus,
.osano-cm-window__info-dialog .osano-cm-close:hover {
    --tw-rotate: 0deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.osano-cm-window__info-dialog .osano-cm-list {
    margin-top: 30px !important;
    border-radius: 10px !important;
    border-top-width: 1px !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-border-opacity: 0.1 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.osano-cm-window__info-dialog .osano-cm-disclosure__toggle:focus {
    font-weight: 400 !important
}

.osano-cm-window__info-dialog .osano-cm-list-item__cookie-disclosure {
    margin: 0 !important;
    overflow-wrap: break-word !important;
    padding: 20px 0 0 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-cookie-disclosure__description {
    padding-left: 15px !important;
    word-break: break-word !important
}

.osano-cm-window__info-dialog .osano-cm-list-item:first-of-type .osano-cm-list--type_description {
    border-style: none !important;
    padding-top: 0 !important
}

.osano-cm-window__info-dialog .osano-cm-disclosure__list {
    border-style: none !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: .05 !important
}

.osano-cm-window__info-dialog .osano-cm-list-item--type_no-results {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close {
    background-color: transparent !important
}

.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close,
.osano-cm-window__info-dialog .osano-cm-info-dialog-header__close:focus {
    border-style: none !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.persona--success {
    animation: persona--success .3s ease-out forwards
}

@keyframes persona--success {
    0% {
        transform: translateY(-15px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.desktop--blocker {
    display: none
}

@media screen and (max-height: 550px),
screen and (max-width:1000px) {
    .desktop--blocker {
        display: flex
    }
}

.rmc-pull-to-refresh-transition {
    transform: none !important
}

li.slide {
    padding: 0 10px
}

.infinite-scroll-component__outerdiv {
    width: 100%
}

[data-vw]:after {
    content: attr(data-vw)
}

.animate-blobs {
    animation: blobs 4s cubic-bezier(.3, -1.5, .3, 1.75) infinite
}

@keyframes blobs {

    0%,
    20%,
    80%,
    to {
        -webkit-clip-path: var(--blob1);
        clip-path: var(--blob1)
    }

    30%,
    70% {
        -webkit-clip-path: var(--blob2);
        clip-path: var(--blob2)
    }
}

[class*=react-contexify]:focus,
[class*=react-contexify]:focus * {
    background-color: transparent !important
}

.react-contexify__item__content {
    padding: 0 !important
}

.crawl-backdrop {
    transform: scale(1);
    transform-origin: center;
    animation: crawl-backdrop 0ms linear 6.75s forwards
}

@keyframes crawl-backdrop {
    0% {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

.crawl-out {
    transform: scale(1);
    transform-origin: center;
    animation: crawl-out 6s linear forwards
}

@keyframes crawl-out {

    0%,
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.crawl-down {
    transform: scale(1);
    opacity: 0;
    transform-origin: center;
    animation: crawl-down 13s linear 6.8s forwards
}

@keyframes crawl-down {
    0% {
        transform: scale(1);
        opacity: 1
    }

    80% {
        opacity: 1
    }

    to {
        transform: scale(.1);
        opacity: 0
    }
}

.crawl {
    top: 100%;
    animation: crawl 140s linear 3.5s forwards
}

@keyframes crawl {
    0% {
        top: 100%
    }

    64% {
        opacity: 1
    }

    78% {
        opacity: 0
    }

    to {
        top: -200%;
        opacity: 0
    }
}

.sphere-loader {
    --sphere-dimensions: 100%;
    --sphere-color: hsla(0, 0%, 100%, .1);
    --gutter: 5%
}

.sphere-loader li,
.sphere-loader ol {
    width: var(--sphere-dimensions);
    height: var(--sphere-dimensions);
    list-style: none;
    box-sizing: border-box;
    transform-style: preserve-3d;
    pointer-events: none
}

.sphere-loader ol {
    transform: translateX(-25%) translateY(-100%) rotateX(67deg) rotateY(30deg) rotate(30deg);
    padding-left: 0;
    animation: tease 7s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%
}

.sphere-loader li {
    transform: rotateX(-90deg);
    margin-bottom: calc(-1*var(--sphere-dimensions) + var(--gutter));
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: top
}

.sphere-loader li:after {
    content: "";
    display: block;
    border: 2px solid var(--sphere-color);
    width: var(--sphere-dimensions);
    height: var(--sphere-dimensions);
    border-radius: 100%;
    animation: spin 1s linear infinite
}

.sphere-loader li:first-child:after,
.sphere-loader li:last-child:after {
    width: 21%;
    height: 21%
}

.sphere-loader li:nth-child(2):after,
.sphere-loader li:nth-last-child(2):after {
    width: 42%;
    height: 42%
}

.sphere-loader li:nth-child(3):after,
.sphere-loader li:nth-last-child(3):after {
    width: 59%;
    height: 59%
}

.sphere-loader li:nth-child(4):after,
.sphere-loader li:nth-last-child(4):after {
    width: 70%;
    height: 70%
}

.sphere-loader li:nth-child(5):after,
.sphere-loader li:nth-last-child(5):after {
    width: 79%;
    height: 79%
}

.sphere-loader li:nth-child(6):after,
.sphere-loader li:nth-last-child(6):after {
    width: 86%;
    height: 86%
}

.sphere-loader li:nth-child(7):after,
.sphere-loader li:nth-last-child(7):after {
    width: 91%;
    height: 91%
}

.sphere-loader li:nth-child(8):after,
.sphere-loader li:nth-last-child(8):after {
    width: 95%;
    height: 95%
}

.sphere-loader li:nth-child(9):after,
.sphere-loader li:nth-last-child(9):after {
    width: 97%;
    height: 97%
}

.sphere-loader li:nth-child(10):after,
.sphere-loader li:nth-last-child(10):after {
    width: 99%;
    height: 99%
}

.sphere-loader li:first-child:after {
    animation-delay: .1s
}

.sphere-loader li:nth-child(2):after {
    animation-delay: .2s
}

.sphere-loader li:nth-child(3):after {
    animation-delay: .3s
}

.sphere-loader li:nth-child(4):after {
    animation-delay: .4s
}

.sphere-loader li:nth-child(5):after {
    animation-delay: .5s
}

.sphere-loader li:nth-child(6):after {
    animation-delay: .6s
}

.sphere-loader li:nth-child(7):after {
    animation-delay: .7s
}

.sphere-loader li:nth-child(8):after {
    animation-delay: .8s
}

.sphere-loader li:nth-child(9):after {
    animation-delay: .9s
}

.sphere-loader li:nth-child(10):after {
    animation-delay: 1s
}

.sphere-loader li:nth-child(11):after {
    animation-delay: 1.1s
}

.sphere-loader li:nth-child(12):after {
    animation-delay: 1.2s
}

.sphere-loader li:nth-child(13):after {
    animation-delay: 1.3s
}

.sphere-loader li:nth-child(14):after {
    animation-delay: 1.4s
}

.sphere-loader li:nth-child(15):after {
    animation-delay: 1.5s
}

.sphere-loader li:nth-child(16):after {
    animation-delay: 1.6s
}

.sphere-loader li:nth-child(17):after {
    animation-delay: 1.7s
}

.sphere-loader li:nth-child(18):after {
    animation-delay: 1.8s
}

.sphere-loader li:nth-child(19):after {
    animation-delay: 1.9s
}

.sphere-loader li:nth-child(20):after {
    animation-delay: 2s
}

.sphere-loader li:nth-child(21):after {
    animation-delay: 2.1s
}

@keyframes tease {
    0% {
        transform: translateX(-25%) translateY(-95%) rotateX(67deg) rotateY(30deg) rotate(0deg)
    }

    to {
        transform: translateX(-25%) translateY(-95%) rotateX(67deg) rotateY(30deg) rotate(1turn)
    }
}

.signal {
    position: absolute;
    border-top-right-radius: 9999px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-color: hsla(0, 0%, 100%, .2);
    will-change: width height
}

.signal:first-of-type {
    height: 20%;
    width: 20%;
    border-style: none;
    background-color: hsla(0, 0%, 100%, .2)
}

.signal:nth-of-type(2) {
    border-top-width: 6px;
    border-right-width: 6px;
    width: 20%;
    height: 20%;
    animation: signal-zero 1s ease-out infinite
}

.signal:nth-of-type(3) {
    border-top-width: 6px;
    border-right-width: 6px;
    width: 40%;
    height: 40%;
    animation: signal-one 1s ease-out infinite
}

.signal:nth-of-type(4) {
    border-top-width: 6px;
    border-right-width: 6px;
    width: 60%;
    height: 60%;
    animation: signal-two 1s ease-out infinite
}

.signal:nth-of-type(5) {
    border-top-width: 6px;
    border-right-width: 6px;
    width: 80%;
    height: 80%;
    animation: signal-three 1s ease-out infinite
}

@keyframes signal-zero {

    0%,
    10% {
        border-top-width: 0;
        border-right-width: 0;
        width: 20%;
        height: 20%;
        opacity: 0
    }

    to {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 40%;
        height: 40%;
        opacity: 1
    }
}

@keyframes signal-one {

    0%,
    10% {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 40%;
        height: 40%
    }

    to {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 60%;
        height: 60%
    }
}

@keyframes signal-two {

    0%,
    10% {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 60%;
        height: 60%
    }

    to {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 80%;
        height: 80%
    }
}

@keyframes signal-three {

    0%,
    10% {
        border-top-width: 6px;
        border-right-width: 6px;
        width: 80%;
        height: 80%
    }

    to {
        border-top-width: 0;
        border-right-width: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.fullsscreen-loader {
    min-width: min(102%, 500px);
    max-width: min(102%, 500px)
}

.ascii-loader {
    height: 20px;
    width: 100px;
    overflow: hidden
}

.ascii-loader ul {
    font-size: 16px;
    display: grid;
    height: 20px;
    grid-auto-flow: column;
    grid-template-columns: repeat(6, 100px);
    line-height: 20px
}

.grid--promo .ascii-loader ul>button:nth-of-type(10n+5),
.grid--recommended .ascii-loader ul>li:nth-of-type(3n+3) {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2
}

.grid--recommended .ascii-loader ul>li:first-of-type {
    border-top-left-radius: 10px
}

.grid--recommended .ascii-loader ul>li:nth-of-type(2) {
    border-bottom-left-radius: 10px
}

.grid--recommended .ascii-loader ul>li:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.ascii-loader ul {
    animation: ascii-loader--6 .6s steps(6) infinite
}

.ascii-loader ul li {
    display: flex;
    align-items: center;
    justify-content: center
}

.ascii-loader ul li p {
    position: relative;
    display: flex;
    width: 100px;
    justify-content: center;
    white-space: pre;
    text-align: center;
    font-family: aglet-mono, Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace, mono;
    --tw-text-opacity: 1;
    color: rgb(186 252 149/var(--tw-text-opacity));
    letter-spacing: .1em
}

.ascii-loader ul li p,
.ascii-loader ul li p span {
    font-size: 16px;
    height: 20px;
    align-items: center;
    line-height: 20px
}

.ascii-loader ul li p span {
    display: inline-flex;
    position: absolute
}

@keyframes ascii-loader--1 {
    to {
        transform: translateX(-100px)
    }
}

@keyframes ascii-loader--2 {
    to {
        transform: translateX(-200px)
    }
}

@keyframes ascii-loader--3 {
    to {
        transform: translateX(-300px)
    }
}

@keyframes ascii-loader--4 {
    to {
        transform: translateX(-400px)
    }
}

@keyframes ascii-loader--5 {
    to {
        transform: translateX(-500px)
    }
}

@keyframes ascii-loader--6 {
    to {
        transform: translateX(-600px)
    }
}

.day-cycle--loader {
    animation: day-cycle 4s linear infinite
}

@keyframes day-cycle {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.sunshine--loader {
    animation: sunshine 4s linear infinite
}

@keyframes sunshine {

    0%,
    10%,
    90%,
    to {
        opacity: 1
    }

    40%,
    60% {
        opacity: 0
    }
}

.night--loader {
    animation: night 4s linear infinite
}

@keyframes night {

    0%,
    10%,
    90%,
    to {
        opacity: 0
    }

    40%,
    60% {
        opacity: 1
    }
}

.day-cycle--text {
    animation: day-cycle--text 4s linear infinite
}

@keyframes day-cycle--text {

    0%,
    10%,
    90%,
    to {
        --tw-text-opacity: 1;
        color: rgb(255 206 41/var(--tw-text-opacity));
        opacity: .05
    }

    40%,
    60% {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity));
        opacity: .02
    }
}

.funny-walk--mobile {
    animation: funny-walk 3995ms linear 5ms infinite
}

.funny-walk--desktop {
    animation: funny-walk 11995ms linear 5ms infinite
}

@keyframes funny-walk {
    0% {
        transform: translateX(calc(var(--vw)))
    }

    to {
        transform: translateX(calc(var(--vw) * -1))
    }
}

.visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip: rect(0 0 0 0);
    width: 2px;
    height: 2px;
    margin: -2px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.chat__message--isSelf+.chat__message--isSelf,
.chat__message--notIsSelf+.chat__message--notIsSelf {
    margin-top: 4px
}

.chat__message--isSelf+.chat__message--notIsSelf,
.chat__message--notIsSelf+.chat__message--isSelf {
    margin-top: 20px
}

.chat__thread>li[class*=chat__message--]:last-of-type {
    margin-bottom: 100px
}

li[class*=chat__message--] li[class*=chat__message--] {
    padding-bottom: 0
}

li[class*=chat__message--] li[class*=chat__message--] .chat__options {
    display: none
}

.chat__date+.chat__message--notIsSelf .chat__content,
.chat__message--isSelf+.chat__message--notIsSelf .chat__content,
.chat__message--notIsSelf:first-of-type .chat__content {
    border-top-left-radius: 16px !important
}

.chat__date+.chat__message--isSelf .chat__content,
.chat__message--isSelf:first-of-type .chat__content,
.chat__message--notIsSelf+.chat__message--isSelf .chat__content {
    border-top-right-radius: 16px !important
}

.chat__date+.chat__message--isSelf,
.chat__date+.chat__message--notIsSelf,
.chat__message--isSelf+.chat__date,
.chat__message--notIsSelf+.chat__date {
    margin-top: 50px
}

.bouncing-dots {
    display: flex;
    align-items: center;
    justify-content: center
}

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

.bouncing-dots div {
    min-width: 8px;
    height: 8px;
    width: 8px;
    border-radius: 9999px;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.4;
    animation: bouncing .5s ease infinite alternate
}

.bouncing-dots div:nth-child(2) {
    animation-delay: .1s
}

.bouncing-dots div:nth-child(3) {
    animation-delay: .2s
}

@keyframes bouncing {
    0% {
        transform: translateY(40%)
    }

    to {
        transform: translateY(-40%)
    }
}

.typing--in {
    animation: typing--in .2s linear forwards
}

@keyframes typing--in {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.typing--out {
    animation: typing--out .2s linear forwards
}

@keyframes typing--out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-10px);
        opacity: 0
    }
}

.animate-swipe-up {
    transform: translate3d(0, 25px, 0);
    animation: animate-swipe-up 1.5s ease-out infinite
}

@keyframes animate-swipe-up {
    0% {
        transform: translate3d(0, 25px, 0);
        opacity: 0
    }

    30%,
    70% {
        opacity: 1
    }

    70% {
        transform: translate3d(0, -80px, 0)
    }

    to {
        transform: translate3d(0, -85px, 0);
        opacity: 0
    }
}

.animate-swipe-left {
    transform: translate3d(25px, 0, 0);
    animation: animate-swipe-left 1.5s ease-out infinite
}

@keyframes animate-swipe-left {
    0% {
        transform: translate3d(25px, 0, 0);
        opacity: 0
    }

    30%,
    70% {
        opacity: 1
    }

    70% {
        transform: translate3d(-80px, 0, 0)
    }

    to {
        transform: translate3d(-85px, 0, 0);
        opacity: 0
    }
}

.video__messages {
    -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.05, #000), color-stop(.95, #000), color-stop(1, transparent));
    mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.05, #000), color-stop(.95, #000), color-stop(1, transparent))
}

.video__events {
    -webkit-mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, transparent), color-stop(.05, #000), color-stop(.95, #000), color-stop(1, transparent));
    mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, transparent), color-stop(.05, #000), color-stop(.95, #000), color-stop(1, transparent))
}

.select-filter {
    -webkit-mask-image: -webkit-gradient(linear, right center, left center, color-stop(0, transparent), color-stop(.06, #000), color-stop(1, #000));
    mask-image: -webkit-gradient(linear, right center, left center, color-stop(0, transparent), color-stop(.06, #000), color-stop(1, #000))
}

.tutorial-mask {
    -webkit-mask-image: -webkit-gradient(linear, center bottom, center top, color-stop(0, transparent), color-stop(.125, #000), color-stop(.925, #000), color-stop(1, transparent));
    mask-image: -webkit-gradient(linear, center bottom, center top, color-stop(0, transparent), color-stop(.125, #000), color-stop(.925, #000), color-stop(1, transparent))
}

.interest-mask {
    -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.006, transparent), color-stop(.04, #000), color-stop(.5, #000), color-stop(.96, #000), color-stop(.994, transparent), color-stop(1, transparent));
    mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(.006, transparent), color-stop(.04, #000), color-stop(.5, #000), color-stop(.96, #000), color-stop(.994, transparent), color-stop(1, transparent))
}

.sortable-drag .pinned__remove {
    display: none
}

#anim_base {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999
}

#anim_panel_1 {
    mix-blend-mode: difference;
    animation: anim1 40s linear infinite;
    -webkit-animation: anim1 40s linear infinite
}

#anim_panel_2 {
    mix-blend-mode: difference;
    animation: anim2 30s linear infinite;
    -webkit-animation: anim2 30s linear infinite
}

#anim_panel_3 {
    mix-blend-mode: difference;
    animation: anim3 20s linear infinite;
    -webkit-animation: anim3 20s linear infinite
}

@keyframes anim3 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -600px -600px
    }
}

@keyframes anim2 {
    0% {
        background-position: -600px -600px
    }

    to {
        background-position: 0 0
    }
}

@keyframes anim1 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -1200px 1200px
    }
}

#anim_panel_1,
#anim_panel_2,
#anim_panel_3 {
    width: 100%;
    height: 100%;
    background-image: url(/images/logos/fractal.png)
}

.animate-glow {
    animation: spin-glow 2s linear infinite
}

@keyframes spin-glow {
    0% {
        transform: rotate(0deg);
        transform: rotate(1turn)
    }
}

.animate-shimmer:before {
    left: 0;
    width: 60px;
    --tw-bg-opacity: 0.4;
    --tw-blur: blur(40px)
}

.animate-shimmer:after,
.animate-shimmer:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    background-color: rgb(255 94 96/var(--tw-bg-opacity));
    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);
    transition: .7s;
    animation-name: animate-shimmer;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    pointer-events: none
}

.animate-shimmer:after {
    left: 30px;
    width: 30px;
    --tw-bg-opacity: .15;
    --tw-blur: blur(8px)
}

@keyframes animate-shimmer {
    0% {
        transform: translateX(-100vw) skewX(-15deg)
            /*! opacity: 1; */
    }

    to {
        transform: translateX(200vw) skewX(-15deg);
        opacity: .8
    }
}

.animate-finger-point {
    animation: finger-point 1s infinite
}

@keyframes finger-point {

    0%,
    to {
        transform: translateY(10%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.ad__button--active {
    animation: ad__button .5s linear 3s forwards
}

.ad__button--active div,
.ad__button--active p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    animation: ad__text .5s linear 3s forwards
}

@keyframes ad__button {
    0% {
        background-color: rgb(31 33 35/var(--tw-bg-opacity));
        --tw-bg-opacity: 0.4
    }

    to {
        background-color: var(--brandColor)
    }
}

@keyframes ad__text {
    0% {
        color: rgb(255 255 255/var(--tw-text-opacity));
        --tw-text-opacity: 0.6
    }

    to {
        --tw-text-opacity: 1;
        color: rgb(31 33 35/var(--tw-text-opacity))
    }
}

.canned__input--out {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    animation: canned__input--out .15s linear forwards
}

@keyframes canned__input--out {
    0% {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1
    }

    to {
        --tw-translate-y: -5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }
}

.canned__input--in {
    --tw-translate-y: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    animation: canned__input--in .15s linear .25s forwards
}

@keyframes canned__input--in {
    0% {
        --tw-translate-y: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }

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

.canned__options--in {
    --tw-translate-y: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    animation: canned__options--in .15s linear .25s forwards
}

@keyframes canned__options--in {
    0% {
        --tw-translate-y: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }

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

.canned__options--out {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    animation: canned__options--out .15s linear forwards
}

@keyframes canned__options--out {
    0% {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1
    }

    to {
        --tw-translate-y: -5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }
}

.canned--out {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    animation: canned--out .15s linear forwards
}

@keyframes canned--out {
    0% {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1
    }

    to {
        --tw-translate-y: -5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }
}

.canned--in {
    --tw-translate-y: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    animation: canned--in .15s linear .15s forwards
}

@keyframes canned--in {
    0% {
        --tw-translate-y: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0
    }

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

.horizontal-slider {
    height: 114px;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, .05)
}

.example-mark,
.horizontal-slider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.example-mark {
    z-index: 10;
    flex: 1 1 0%;
    flex-direction: column;
    position: static !important;
    left: unset !important;
    right: unset !important
}

.animate-swipe__box--vertical {
    position: absolute;
    display: flex;
    height: 44px;
    width: 44px;
    align-items: flex-start;
    justify-content: center;
    border-radius: 9999px;
    padding-top: 12px;
    --tw-text-opacity: 1;
    color: rgb(31 33 35/var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .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);
    animation: animate-swipe__box--vertical 2s ease-in-out infinite
}

@keyframes animate-swipe__box--vertical {
    0% {
        position: absolute;
        height: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(242 166 173/var(--tw-bg-opacity));
        transform: scale(0)
    }

    2% {
        position: absolute;
        height: calc(44px * 1);
        transform: scale(0)
    }

    20% {
        transform: scale(1)
    }

    25% {
        height: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(242 166 173/var(--tw-bg-opacity))
    }

    50% {
        top: unset;
        height: calc(44px * 3);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity))
    }

    51% {
        top: 0
    }

    75% {
        height: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity))
    }

    80% {
        height: calc(44px * 1);
        transform: scale(1)
    }

    98% {
        height: calc(44px * 1);
        transform: scale(0)
    }

    to {
        top: 0;
        height: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity));
        transform: scale(0)
    }
}

.animate-swipe__box--horizontal {
    position: absolute;
    display: flex;
    height: 44px;
    width: 44px;
    align-items: center;
    justify-content: flex-start;
    border-radius: 9999px;
    padding-left: 12px;
    --tw-text-opacity: 1;
    color: rgb(31 33 35/var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .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);
    animation: animate-swipe__box--horizontal 2s ease-in-out infinite
}

@keyframes animate-swipe__box--horizontal {
    0% {
        position: absolute;
        left: unset;
        width: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(242 166 173/var(--tw-bg-opacity));
        transform: scale(0)
    }

    2% {
        position: absolute;
        width: calc(44px * 1);
        transform: scale(0)
    }

    20% {
        transform: scale(1)
    }

    25% {
        width: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(242 166 173/var(--tw-bg-opacity))
    }

    50% {
        left: unset;
        width: calc(44px * 4);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity))
    }

    51% {
        left: 0
    }

    75% {
        width: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity))
    }

    80% {
        width: calc(44px * 1);
        transform: scale(1)
    }

    98% {
        width: calc(44px * 1);
        transform: scale(0)
    }

    to {
        left: 0;
        width: calc(44px * 1);
        --tw-bg-opacity: 1;
        background-color: rgb(203 150 254/var(--tw-bg-opacity));
        transform: scale(0)
    }
}

.live__comment+.live__comment {
    margin-top: 15px
}

.live__comment+.live__follow,
.live__comment+.live__tipmenu {
    margin-top: 10px
}

.live__follow+.live__comment {
    margin-top: 12px
}

.live__follow+.live__follow,
.live__follow+.live__tipmenu {
    margin-top: 10px
}

.live__tipmenu+.live__comment {
    margin-top: 12px
}

.live__tipmenu+.live__follow,
.live__tipmenu+.live__tipmenu {
    margin-top: 10px
}

.disabled\:select-none:disabled {
    -moz-user-select: none
}

@media (orientation: portrait) {
    .portrait\:mt-30 {
        margin-top: 30px
    }

    .portrait\:hidden {
        display: none
    }

    .portrait\:w-full {
        width: 100%
    }

    .portrait\:pb-30 {
        padding-bottom: 30px
    }

    .portrait\:pb-\[calc\(var\(--vh\)\*\(1\/3\)\)\] {
        padding-bottom: calc(var(--vh) * (1 / 3))
    }

    .portrait\:pb-\[calc\(100cqh\*\(1\/3\)\)\] {
        padding-bottom: calc(100cqh * (1 / 3))
    }

    .portrait\:pb-\[calc\(var\(--vh\)\*\(1\/2\)\)\] {
        padding-bottom: calc(var(--vh) * (1 / 2))
    }

    .portrait\:h-44 {
        height: 44px
    }

    .portrait\:h-56 {
        height: 56px
    }
}

/*!
* Pintura v8.65.0 
* (c) 2018-2023 PQINA Inc. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter {
    padding: 0
}

.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div {
    height: 1px
}

.pintura-editor,
pintura-editor {
    --color-primary: #ffd843;
    --color-primary-dark: #ffc343;
    --color-primary-text: #000;
    --color-secondary: #03a9f4;
    --color-secondary-dark: #046bbf;
    --color-focus: 4, 107, 191;
    --color-focus-100: rgba(var(--color-focus), 1);
    --color-focus-50: rgba(var(--color-focus), 0.5);
    --color-focus-25: rgba(var(--color-focus), 0.25);
    --color-error: 255, 87, 34;
    --color-error-100: rgb(var(--color-error));
    --color-error-75: rgba(var(--color-error), 0.75);
    --color-error-50: rgba(var(--color-error), 0.5);
    --color-error-25: rgba(var(--color-error), 0.25);
    --color-error-10: rgba(var(--color-error), 0.1);
    --color-foreground: 0, 0, 0;
    --color-background: 255, 255, 255;
    --color-preview-outline: var(--color-foreground);
    --color-transition-duration: 250ms;
    --button-cursor: pointer;
    --font-size: 16px;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --backdrop-filter-bright: brightness(110%) saturate(180%) blur(10px);
    --backdrop-filter-dark: brightness(90%) saturate(180%) blur(10px);
    --border-radius-round: 9999em;
    --border-radius: 0.625em;
    --filter-disabled: grayscale(95%) opacity(40%);
    --editor-inset-top: 0px;
    --editor-inset-bottom: 0px;
    --safe-area-inset-top: 0px;
    --safe-area-inset-bottom: 0px;
    --pattern-transparent: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
    --grid-color-even: rgba(var(--color-foreground), 0.1);
    --grid-color-odd: rgba(var(--color-background), 0.1);
    --grid-size: 24
}

.pintura-editor,
.pintura-editor-panel,
pintura-editor {
    --color-foreground-100: rgba(var(--color-foreground), 1);
    --color-foreground-95: rgba(var(--color-foreground), 0.95);
    --color-foreground-90: rgba(var(--color-foreground), 0.9);
    --color-foreground-80: rgba(var(--color-foreground), 0.8);
    --color-foreground-70: rgba(var(--color-foreground), 0.7);
    --color-foreground-60: rgba(var(--color-foreground), 0.6);
    --color-foreground-50: rgba(var(--color-foreground), 0.5);
    --color-foreground-40: rgba(var(--color-foreground), 0.4);
    --color-foreground-30: rgba(var(--color-foreground), 0.3);
    --color-foreground-20: rgba(var(--color-foreground), 0.25);
    --color-foreground-15: rgba(var(--color-foreground), 0.2);
    --color-foreground-10: rgba(var(--color-foreground), 0.15);
    --color-foreground-5: rgba(var(--color-foreground), 0.075);
    --color-foreground-3: rgba(var(--color-foreground), 0.05);
    --color-foreground-1: rgba(var(--color-foreground), 0.02);
    --color-foreground-0: rgba(var(--color-foreground), 0);
    --color-background-100: rgba(var(--color-background), 1);
    --color-background-95: rgba(var(--color-background), 0.95);
    --color-background-90: rgba(var(--color-background), 0.9);
    --color-background-80: rgba(var(--color-background), 0.8);
    --color-background-70: rgba(var(--color-background), 0.7);
    --color-background-60: rgba(var(--color-background), 0.6);
    --color-background-50: rgba(var(--color-background), 0.5);
    --color-background-40: rgba(var(--color-background), 0.4);
    --color-background-30: rgba(var(--color-background), 0.3);
    --color-background-20: rgba(var(--color-background), 0.2);
    --color-background-15: rgba(var(--color-background), 0.15);
    --color-background-10: rgba(var(--color-background), 0.1);
    --color-background-5: rgba(var(--color-background), 0.05);
    --color-background-3: rgba(var(--color-background), 0.03);
    --color-background-1: rgba(var(--color-background), 0.01);
    --color-background-0: rgba(var(--color-background), 0)
}

.PinturaRootWrapper,
.pintura-editor,
pintura-editor {
    display: block
}

.PinturaRootWrapper {
    height: 100%
}

.PinturaScrollableContent {
    overflow: hidden;
    max-height: 80vh;
    overflow-y: auto;
    scrollbar-color: var(--color-foreground-30) transparent;
    scrollbar-width: thin
}

.PinturaScrollableContent::-webkit-scrollbar {
    width: 1em;
    cursor: pointer
}

.PinturaScrollableContent::-webkit-scrollbar-track {
    background: none
}

.PinturaScrollableContent::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-clip: padding-box;
    background-color: var(--color-foreground-30);
    border-radius: 9999em;
    border: .3125em solid transparent
}

.PinturaRoot[data-env~=is-animated] {
    --transition-duration-multiplier: 1
}

.PinturaRoot[data-env~=is-transparent] {
    background: none
}

.PinturaRoot {
    --nav-group-margin: 0.5em;
    --editor-calculated-inset-top: calc(var(--safe-area-inset-top) + var(--editor-inset-top));
    --editor-calculated-inset-bottom: calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));
    --transition-duration-10: calc(var(--transition-duration-multiplier, 0) * 0.1s);
    --transition-duration-25: calc(var(--transition-duration-multiplier, 0) * 0.25s);
    --transition-duration-50: calc(var(--transition-duration-multiplier, 0) * 0.5s);
    box-sizing: border-box;
    width: var(--editor-width, 100%);
    height: var(--editor-height, 100%);
    padding-top: var(--editor-calculated-inset-top);
    padding-bottom: var(--editor-calculated-inset-bottom);
    max-width: var(--editor-max-width, var(--editor-max-width-default, none));
    max-height: var(--editor-max-height, var(--editor-max-height-default, none));
    position: relative;
    overflow: hidden;
    contain: strict;
    display: grid;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: normal;
    font-size: var(--font-size);
    font-family: var(--font-family);
    font-weight: 450;
    touch-action: manipulation;
    text-align: left;
    text-transform: none;
    text-rendering: optimizeLegibility;
    direction: ltr;
    color: var(--color-foreground-90);
    background-color: var(--color-background-100);
    outline-color: rgba(var(--color-preview-outline), 1);
    transition: background-color 1ms, outline-color 1ms, color var(--transition-duration-10) ease-in-out
}

.PinturaRoot .PinturaUtilMain {
    cursor: var(--cursor)
}

.PinturaRoot * {
    box-sizing: content-box;
    word-wrap: normal
}

.PinturaRoot button,
.PinturaRoot fieldset,
.PinturaRoot input,
.PinturaRoot legend {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    width: auto;
    text-decoration: none
}

.PinturaRoot button[disabled] {
    pointer-events: none
}

.PinturaRoot canvas {
    display: block
}

.PinturaRoot svg {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: none
}

.PinturaRoot p {
    margin: 0
}

.PinturaRoot li,
.PinturaRoot ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.PinturaRoot a {
    color: inherit;
    text-decoration: none
}

.PinturaRoot .implicit {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.PinturaRoot .PinturaFixedWidthCharacters {
    font-variant: tabular-nums
}

.PinturaRoot .PinturaStage {
    display: flex;
    align-self: stretch;
    flex: 1;
    pointer-events: none
}

.PinturaRoot .PinturaStage[tabindex="-1"] {
    outline: none
}

.PinturaRoot .PinturaRootPortal,
.PinturaRoot>.PinturaCanvas {
    position: absolute;
    left: 0;
    top: 0
}

.PinturaRoot>.PinturaCanvas {
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0
}

.PinturaRoot>.PinturaCanvas canvas {
    position: absolute;
    width: 100%;
    height: 100%
}

.PinturaRoot>.PinturaCanvas:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.PinturaRoot>.PinturaStatus {
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: var(--color-background-90)
}

.PinturaRoot>.PinturaStatus>p {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    transition: opacity var(--transition-duration-50) ease-out
}

.PinturaRoot .PinturaStatusMessage {
    position: absolute;
    font-size: .875em
}

.PinturaRoot .PinturaStatusAside {
    position: absolute;
    left: 0
}

.PinturaRoot .PinturaStatusAside svg {
    width: 1.25em;
    height: 1.25em
}

.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator {
    margin-left: .5em
}

.PinturaRoot .PinturaStatusAside .PinturaButton {
    outline: transparent;
    margin-left: .75em;
    font-size: .875em;
    border-radius: var(--border-radius-round);
    background-color: var(--color-foreground-5);
    padding: .25em;
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out;
    -webkit-backdrop-filter: var(--backdrop-filter-dark);
    backdrop-filter: var(--backdrop-filter-dark)
}

.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover {
    background-color: var(--color-foreground-10)
}

.PinturaRoot .PinturaStatusIcon svg {
    font-size: .875em;
    margin-top: .25em;
    margin-left: .5em
}

.PinturaRoot>.PinturaNav {
    position: relative;
    z-index: 3
}

.PinturaRoot>.PinturaNav:empty {
    display: none !important
}

.PinturaRoot>.PinturaNav .PinturaButton {
    outline: transparent;
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out
}

.PinturaRoot>.PinturaNav .PinturaButton svg {
    width: 1em;
    transition: opacity var(--transition-duration-10) ease-out
}

.PinturaRoot>.PinturaNav .PinturaButton>span {
    justify-content: center
}

.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,
.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner {
    width: 1.75em
}

.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner {
    height: 1.75em
}

.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) {
    padding-left: .75em;
    padding-right: .75em
}

.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel {
    font-size: .75em;
    line-height: 2
}

.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton) {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaRoot>.PinturaNav .PinturaButton:only-of-type {
    border-radius: var(--border-radius-round)
}

.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+* {
    margin-left: .5em
}

.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,
.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg {
    opacity: .25
}

.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover {
    background-color: var(--color-foreground-10)
}

.PinturaRoot .PinturaButtonExport {
    color: var(--color-primary-text);
    background-color: var(--color-primary)
}

.PinturaRoot .PinturaButtonExport:hover {
    background-color: var(--color-primary-dark)
}

.PinturaRoot .PinturaButtonExport[data-focus-visible] {
    color: var(--color-primary-text);
    background-color: var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5), 0 0 0 3px var(--color-focus-50);
    background-color: var(--color-primary-dark)
}

.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) {
    flex: 1;
    padding: 0 .75em
}

.PinturaRoot>.PinturaNavMain {
    display: flex;
    overflow: hidden
}

.PinturaRoot>.PinturaNavMain [aria-selected=true] button {
    -webkit-backdrop-filter: var(--backdrop-filter-dark);
    backdrop-filter: var(--backdrop-filter-dark);
    background-color: var(--color-foreground-10)
}

.PinturaRoot>.PinturaNavMain button svg {
    align-self: center;
    width: 1.5em
}

.PinturaRoot>.PinturaNavMain button span,
.PinturaRoot>.PinturaNavMain button svg {
    pointer-events: none
}

.PinturaRoot>.PinturaNavMain button svg+span {
    margin-top: .75em
}

.PinturaRoot>.PinturaNavMain button span {
    font-size: .875em;
    display: block;
    width: calc(100% - 1em);
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
    max-width: calc(100% - 1em)
}

.PinturaRoot>.PinturaNavMain button {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out, box-shadow var(--transition-duration-10) ease-out
}

.PinturaRoot>.PinturaNavMain button:hover {
    box-shadow: inset 0 0 0 1px var(--color-foreground-10)
}

.PinturaRoot>.PinturaNavMain button[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRoot>.PinturaNavTools {
    max-width: 100%;
    box-sizing: border-box;
    pointer-events: none
}

.PinturaRoot>.PinturaNavTools:empty {
    display: none
}

.PinturaRoot>.PinturaNavTools,
.PinturaRoot>.PinturaNavTools .PinturaNavGroup,
.PinturaRoot>.PinturaNavTools .PinturaNavSet {
    display: flex;
    align-items: center;
    justify-content: center
}

.PinturaRoot>.PinturaNavTools .PinturaButton,
.PinturaRoot>.PinturaNavTools .PinturaNavSet {
    pointer-events: all
}

.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRoot .PinturaNavGroup {
    margin: 0 var(--nav-group-margin)
}

.PinturaRoot .PinturaNavGroup>* {
    border-radius: var(--border-radius-round)
}

.PinturaRoot .PinturaNavGroup>*+* {
    margin-left: .5em
}

.PinturaRoot .PinturaNavGroup:first-of-type {
    margin-right: auto;
    margin-left: 0
}

.PinturaRoot .PinturaNavGroup:last-of-type {
    margin-left: auto;
    margin-right: 0
}

.PinturaRoot .PinturaNavSet {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaRoot .PinturaNavSet>:not(:only-child) {
    border: 1px solid var(--color-foreground-3);
    border-top: 0;
    border-bottom: 0
}

.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) {
    border-left: 0
}

.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) {
    border-right: 0
}

.PinturaRoot .PinturaNavSet>*+* {
    margin-left: -1px
}

.PinturaRoot .PinturaNavSet>.PinturaButton:hover,
.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible] {
    position: relative;
    z-index: 1
}

.PinturaRoot .PinturaNavSet>:only-child {
    border-radius: var(--border-radius-round)
}

.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner {
    padding: 0 .125em 0 .25em
}

.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) {
    border-top-left-radius: var(--border-radius-round);
    border-bottom-left-radius: var(--border-radius-round)
}

.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner {
    padding: 0 .25em 0 .125em
}

.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) {
    border-top-right-radius: var(--border-radius-round);
    border-bottom-right-radius: var(--border-radius-round)
}

.PinturaRoot[data-env~=overlay] .PinturaNavSet {
    background-color: var(--color-background-50);
    -webkit-backdrop-filter: var(--backdrop-filter-bright);
    backdrop-filter: var(--backdrop-filter-bright);
    box-shadow: inset 0 0 0 1px var(--color-background-15), 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35)
}

.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,
.PinturaRoot[data-env~=overlay] .PinturaNavSet>* {
    border-color: var(--color-background-15)
}

.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton {
    box-shadow: 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35)
}

.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport {
    box-shadow: inset 0 0 .125em rgba(0, 0, 0, .25), 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35)
}

.PinturaRoot .PinturaNavGroupFloat {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none
}

.PinturaRoot .PinturaNavGroupFloat>* {
    pointer-events: all
}

.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div {
    padding-left: 1em;
    padding-right: 1em
}

.PinturaRoot>.PinturaMain {
    max-width: 100vw
}

.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader {
    padding-top: 0;
    padding-bottom: 1em;
    margin-bottom: -1em
}

.PinturaRoot[data-env~=landscape] {
    grid-template-rows: min-content auto;
    grid-template-columns: auto
}

.PinturaRoot[data-env~=landscape]>.PinturaNavTools {
    grid-row: 1;
    grid-column: 1;
    padding: 1em 1em 0;
    z-index: 3
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain {
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    left: 1em;
    top: calc(1em + var(--editor-calculated-inset-top));
    bottom: calc(1em + var(--editor-calculated-inset-bottom))
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList {
    flex-direction: column
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li {
    display: flex
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li {
    margin: .5em 0 0
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain button {
    flex: 1;
    width: 4em;
    height: 4em;
    border-radius: var(--border-radius);
    justify-content: center
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span {
    font-size: .6875em;
    margin-top: .5em
}

.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg {
    width: 1em;
    margin-top: .25em
}

.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain {
    top: calc(4em + var(--editor-calculated-inset-top));
    bottom: calc(4em + var(--editor-calculated-inset-bottom))
}

.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain {
    align-items: flex-start;
    bottom: calc(1em + var(--editor-calculated-inset-bottom))
}

.PinturaRoot[data-env~=landscape]>.PinturaMain {
    grid-row: 2;
    grid-column: 1
}

.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom] {
    grid-template-rows: auto min-content
}

.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools {
    grid-row: 2;
    padding-top: 0;
    padding-bottom: 1em
}

.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain {
    grid-row: 1
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation] {
    grid-template-columns: 6em auto
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat {
    margin: 0 0 0 7em
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools {
    grid-column: 1/span 2
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain {
    grid-column: 2
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain {
    padding-left: 0
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter {
    padding-right: 1em
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
    grid-template-columns: auto 6em
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat {
    margin: 0 7em 0 0
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain {
    right: 1em;
    left: auto
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain {
    grid-column: 1
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain {
    padding-right: 0
}

.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter {
    padding-left: 1em
}

.PinturaRoot[data-env~=portrait] {
    grid-template-rows: min-content auto min-content;
    grid-template-columns: auto
}

.PinturaRoot[data-env~=portrait]>* {
    grid-column: 1
}

.PinturaRoot[data-env~=portrait]>.PinturaNavTools {
    grid-row: 1;
    padding: .75em .75em 0
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain {
    grid-row: 3;
    margin-bottom: .75em;
    justify-content: center
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList {
    padding: 0 .875em
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li {
    margin-left: .5em
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows] {
    overflow: visible
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain button {
    flex: 1;
    width: 4em;
    height: 4em;
    border-radius: var(--border-radius);
    justify-content: center
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span {
    font-size: .6875em;
    margin-top: .5em
}

.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg {
    width: 1em;
    margin-top: .25em
}

.PinturaRoot[data-env~=portrait]>.PinturaMain {
    grid-row: 2;
    grid-column: 1
}

.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom] {
    grid-template-rows: auto min-content min-content
}

.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools {
    grid-row: 3;
    padding: 0 .75em .75em
}

.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain {
    grid-row: 2
}

.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain {
    grid-row: 1
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] {
    grid-template-rows: min-content min-content auto
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain {
    grid-row: 3
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain {
    grid-row: 2;
    margin-top: .75em;
    margin-bottom: 0
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom] {
    grid-template-rows: min-content auto min-content
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain {
    grid-row: 1
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain {
    grid-row: 2
}

.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools {
    grid-row: 3
}

.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button {
    flex: 1;
    flex-direction: row;
    width: auto;
    height: auto;
    border-radius: var(--border-radius);
    justify-content: flex-start;
    align-items: center;
    padding: .625em 0;
    width: 6em
}

.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span {
    font-size: .6875em;
    margin: 0 .625em 0 0;
    line-height: 1.2;
    text-align: left
}

.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg {
    margin: 0 .5em 0 .625em;
    min-width: 1em
}

.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] {
    grid-template-columns: 8em auto
}

.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
    grid-template-columns: auto 8em
}

.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat {
    position: static;
    margin: 0
}

.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button {
    padding: 0;
    font-size: .625em;
    width: 4em;
    height: 4em;
    justify-content: center;
    border-radius: 9999em
}

.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span {
    visibility: hidden;
    font-size: 0;
    margin: 0
}

.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg {
    margin-top: 0;
    width: 1.6em
}

.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width] {
    stroke-width: .15em
}

.PinturaRoot[data-env~=portrait][data-env~=narrow] {
    --nav-group-margin: 0.25em;
    grid-template-rows: min-content auto min-content;
    grid-template-columns: auto
}

.PinturaRoot[data-env~=portrait][data-env~=narrow]>* {
    grid-column: 1
}

.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span {
    font-size: .6875em
}

.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>* {
    margin: 0 .25em
}

.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom] {
    grid-template-rows: auto min-content min-content
}

.PinturaRoot[data-env~=overlay] {
    grid-template-rows: auto !important;
    grid-template-columns: auto !important
}

.PinturaRoot[data-env~=overlay] .PinturaNav {
    z-index: 3
}

.PinturaRoot[data-env~=overlay] .PinturaMain {
    grid-row: 1;
    grid-column: 1
}

.PinturaRoot[data-env~=overlay] .PinturaUtilMain {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: -1
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
    position: absolute;
    left: 0;
    right: 0
}

.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
    top: 0
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
    bottom: 0
}

.PinturaRoot[data-env~=overlay] .PinturaNavMain {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: none
}

.PinturaRoot[data-env~=overlay] .PinturaNavTools {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter {
    top: 0;
    bottom: auto
}

.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools {
    top: auto;
    bottom: 0
}

.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain {
    padding-left: 2em;
    padding-right: 2em
}

.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation] {
    padding-left: 0;
    padding-right: 2em
}

.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right] {
    padding-left: 2em;
    padding-right: 0
}

.PinturaRoot[data-env*=is-disabled],
.PinturaRoot[data-env*=is-disabled] * {
    pointer-events: none !important
}

.PinturaRoot[data-env*=is-disabled] {
    --color-primary: #b4b4b4;
    --color-primary-dark: #a0a0a0;
    --color-primary-text: #000;
    --color-secondary: #969696;
    --color-secondary-dark: #646464
}

.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,
.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton {
    filter: grayscale(100%)
}

.PinturaRoot .PinturaEditorOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: var(--color-background-50);
    pointer-events: none
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .PinturaNav {
            will-change: transform
        }
    }
}

.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.PinturaUtilPanel[data-util=filter] .PinturaScrollable {
    width: 40em
}

.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li {
    margin: 0 .5em
}

.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child {
    margin-left: 0
}

.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child {
    margin-right: 0
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel {
    width: 1px;
    height: 1px;
    position: absolute;
    font-size: 0;
    pointer-events: none
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
    border-radius: 0;
    transition: border-radius 1ms
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterOption {
    border-radius: 0
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius)
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption {
    border-bottom-left-radius: var(--border-radius)
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption {
    border-bottom-right-radius: var(--border-radius)
}

.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup {
    display: flex;
    flex-direction: column-reverse
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterOption {
    cursor: var(--button-cursor);
    margin-bottom: 1em
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span {
    display: block;
    text-align: center;
    padding: 0 .3125em;
    line-height: 1.75;
    max-width: 100%;
    font-size: .625em;
    font-weight: 400;
    margin-left: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before {
    transition: background-color var(--transition-duration-10), color var(--transition-duration-10)
}

.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview {
    position: relative;
    z-index: 1
}

.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .35;
    border-radius: inherit;
    background-color: var(--color-primary)
}

.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    border-radius: .25em
}

.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
    width: 3.75em;
    height: 4.5em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div {
    padding: 0
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
    width: 2.875em;
    height: 3.5em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span {
    font-size: .5em
}

.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor {
    min-height: 3.375em
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
    margin: 1em 1em 0 0;
    padding: .125em;
    border: 1px dashed var(--color-foreground-15);
    color: var(--color-foreground-70)
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
    color: var(--color-foreground-90)
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label {
    font-size: .75em
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.PinturaUtilPanel[data-util=frame] [data-selected=true] {
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.PinturaUtilPanel[data-util=frame] [data-selected=true] span {
    color: var(--color-foreground-90)
}

.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li {
    margin: 0 .5em
}

.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child {
    margin-left: 0
}

.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child {
    margin-right: 0
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel {
    width: 1px;
    height: 1px;
    position: absolute;
    font-size: 0
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup {
    display: flex;
    flex-direction: column-reverse
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
    cursor: var(--button-cursor);
    margin-bottom: 1em
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
    display: block;
    text-align: center;
    padding: 0 1.5em;
    font-size: .625em;
    font-weight: 400
}

.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    border-radius: .25em
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
    position: relative;
    width: 3em;
    height: 4em
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div {
    position: absolute;
    outline-color: currentColor;
    border-color: currentColor;
    cursor: var(--button-cursor)
}

.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot] {
    overflow: hidden;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div {
    padding: 0
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
    width: 2.25em;
    height: 3em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
    font-size: .5em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li {
    margin: 0 .25em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child {
    margin-left: 0
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child {
    margin-right: 0
}

.PinturaUtilPanel[data-util=crop] .PinturaStage {
    touch-action: none
}

.PinturaUtilPanel[data-util=crop],
.PinturaUtilPanel[data-util=crop] .PinturaStage,
.PinturaUtilPanel[data-util=crop] .PinturaUtilMain {
    pointer-events: all
}

.PinturaUtilPanel[data-util=crop] .PinturaImageInfo {
    position: absolute;
    right: 1em;
    bottom: 1em
}

.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter {
    --size: 3em;
    position: absolute;
    left: 0;
    top: 0;
    width: var(--size);
    height: var(--size);
    z-index: 1;
    line-height: 0;
    margin-top: calc(var(--size) * (-.5));
    margin-left: calc(var(--size) * (-.5));
    overflow: hidden;
    border-radius: 50%;
    color: #000;
    background: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: var(--backdrop-filter-bright);
    backdrop-filter: var(--backdrop-filter-bright);
    outline: none
}

.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter {
    padding-bottom: .5em
}

.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li {
    margin: 0 .25em
}

.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child {
    margin-left: 0
}

.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child {
    margin-right: 0
}

.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption {
    position: relative;
    width: 3em;
    height: 4em
}

.PinturaUtilPanel[data-util=fill] .PinturaFillTile {
    position: absolute;
    width: 100%;
    height: 100%
}

.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true] {
    background-color: #fff;
    background-image: var(--pattern-transparent);
    border-radius: calc(var(--border-radius) + 1px)
}

.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,
.PinturaUtilPanel[data-util=fill] .PinturaFillTile img {
    cursor: var(--button-cursor);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--border-radius)
}

.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after {
    content: "";
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    border-radius: var(--border-radius);
    pointer-events: none
}

.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5), inset 0 0 0 4px var(--color-primary), inset 0 0 0 5px var(--color-foreground-5)
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div {
    padding: 0
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption {
    width: 2.25em;
    height: 3em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span {
    font-size: .5em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li {
    margin: 0 .175em
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child {
    margin-left: 0
}

.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child {
    margin-right: 0
}

.PinturaUtilPanel[data-util=resize] form {
    display: flex;
    justify-content: center;
    padding: 0 1em
}

.PinturaUtilPanel[data-util=resize] .PinturaFormInner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button {
    position: absolute;
    left: 100%;
    margin-left: 1em
}

.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>* {
    margin: .25em
}

.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel {
    font-size: .75em
}

.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton {
    margin-left: .5em;
    margin-right: .5em;
    background-color: var(--color-foreground-5);
    border-radius: var(--border-radius-round);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    transition: background-color var(--transition-duration-10)
}

.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover {
    background-color: var(--color-foreground-10)
}

.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel {
    display: block;
    line-height: 2.65;
    padding: 0 1em;
    font-variant-numeric: tabular-nums;
    font-size: .75em;
    font-weight: 400
}

.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after {
    content: "▼";
    font-size: .6875em;
    margin-left: .75em;
    position: relative;
    top: -.125em;
    margin-right: -.25em;
    pointer-events: none
}

.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label {
    padding: 0 .125em;
    margin: 0 -.25em;
    outline: transparent;
    display: block;
    cursor: pointer
}

.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaInputDimension {
    display: inline-flex;
    align-items: center;
    position: relative
}

.PinturaInputDimension label {
    position: absolute;
    right: .625em;
    font-size: .75em;
    text-transform: uppercase;
    pointer-events: none;
    color: var(--color-foreground-80);
    z-index: 1
}

.PinturaInputDimension button,
.PinturaInputDimension input,
.PinturaInputDimension label {
    font-size: .75em;
    font-weight: 400
}

.PinturaInputDimension button,
.PinturaInputDimension input {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    padding: .625em 0 .625em .625em;
    width: 100%;
    max-width: 7em;
    outline: transparent;
    border-radius: var(--border-radius);
    box-shadow: none;
    border: 1px solid var(--color-foreground-80);
    transition: background-color var(--transition-duration-10) ease-in-out, color var(--transition-duration-10) ease-in-out, border-color var(--transition-duration-10) ease-in-out
}

.PinturaInputDimension button::-moz-selection,
.PinturaInputDimension input::-moz-selection {
    background-color: var(--color-foreground-20)
}

.PinturaInputDimension button::selection,
.PinturaInputDimension input::selection {
    background-color: var(--color-foreground-20)
}

.PinturaInputDimension button:hover,
.PinturaInputDimension input:hover {
    background-color: var(--color-foreground-10)
}

.PinturaInputDimension button:focus,
.PinturaInputDimension input:focus {
    border-color: var(--color-focus-100)
}

.PinturaInputDimension input {
    background-color: var(--color-foreground-5)
}

.PinturaInputDimension input:-moz-placeholder-shown+label {
    color: var(--color-foreground-20)
}

.PinturaInputDimension input:placeholder-shown+label {
    color: var(--color-foreground-20)
}

.PinturaInputDimension input::-moz-placeholder {
    color: var(--color-foreground-30)
}

.PinturaInputDimension input::placeholder {
    color: var(--color-foreground-30)
}

.PinturaInputDimension input[data-state=invalid] {
    border-color: var(--color-error-75);
    box-shadow: inset 0 0 .25em var(--color-error-25), 0 0 .25em var(--color-error-50)
}

.PinturaInputDimension button {
    width: 10em;
    min-height: 2.65em
}

.PinturaInputDimension input::-webkit-inner-spin-button,
.PinturaInputDimension input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.PinturaInputDimension input::-ms-clear {
    display: none
}

.PinturaModal {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --editor-modal-border-radius: 0;
    --editor-modal-overlay-opacity: 0.95;
    --editor-modal-shadow: 0 1em 2em -1em rgba(0, 0, 0, .25), 0 1.5em 1.5em -2em rgba(0, 0, 0, .5);
    --editor-modal-outline: inset 0 0 0 1px var(--color-foreground-3);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 2147483646;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--color-background), var(--editor-modal-overlay-opacity, var(--editor-modal-overlay-opacity-default, .95)))
}

.PinturaModal>.PinturaRoot[data-env~=is-centered] {
    box-shadow: var(--editor-modal-shadow);
    border-radius: var(--editor-modal-border-radius)
}

.PinturaModal>.PinturaRoot[data-env~=is-centered]:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    border-radius: inherit;
    content: "";
    box-shadow: var(--editor-modal-outline);
    z-index: 2147483646
}

.PinturaModal[style*="--viewport-pad-footer:1"] {
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom)
}

.PinturaModal+.PinturaModal {
    --editor-modal-overlay-opacity-default: 0.75
}

@media(min-width: 600px) and (min-height:600px) {
    .PinturaModal+.PinturaModal .PinturaRoot {
        --editor-max-width-default: calc(100vw - 8em);
        --editor-max-height-default: calc(100vh - 8em)
    }
}

.PinturaDocumentLock,
.PinturaDocumentLock body {
    height: calc(var(--pintura-document-height) - 1px);
    overflow-y: hidden;
    box-sizing: border-box
}

.PinturaDocumentLock body {
    position: relative
}

.PinturaDocumentLock .PinturaModal {
    height: 100% !important
}

.PinturaTabList {
    display: flex;
    justify-content: center
}

.PinturaTabList button {
    display: flex;
    align-items: center;
    flex-direction: column;
    outline: transparent;
    cursor: var(--button-cursor);
    -webkit-tap-highlight-color: transparent
}

.PinturaTabList button>* {
    transition: filter var(--transition-duration-10) ease-out
}

.PinturaTabList button[disabled]>* {
    filter: var(--filter-disabled)
}

.PinturaScrollable {
    --scrollable-feather-start-opacity: 0;
    --scrollable-feather-end-opacity: 0;
    --scrollable-feather-size: 2em;
    contain: paint;
    overflow: hidden
}

.PinturaScrollable:focus {
    outline: transparent
}

.PinturaScrollable>div {
    position: relative;
    display: inline-flex;
    vertical-align: top
}

.PinturaScrollable {
    touch-action: none
}

.PinturaScrollable[data-direction=x] {
    max-width: 100%;
    --mask-angle: 90deg
}

.PinturaScrollable[data-direction=y] {
    max-height: 100%;
    --mask-angle: 180deg
}

.PinturaScrollable[data-state~=overflows] {
    -webkit-mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
    mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)))
}

.PinturaScrollable[data-state~=scrolling]>div * {
    pointer-events: none
}

.PinturaTabPanels {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr
}

.PinturaTabPanel {
    position: relative;
    grid-row-start: 1;
    grid-column-start: 1;
    min-width: 0
}

.PinturaTabPanel:not([hidden]) {
    z-index: 2;
    outline: transparent
}

.PinturaTabPanel[hidden] {
    display: block !important;
    z-index: 1;
    pointer-events: none
}

.PinturaTabPanel[data-inert=true] {
    visibility: hidden
}

@supports not (aspect-ratio: 1) {
    .PinturaTabPanel {
        overflow-x: hidden
    }
}

.PinturaUtilPanel {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    contain: layout size;
    box-sizing: border-box
}

.PinturaUtilPanel,
.PinturaUtilPanel>* {
    padding-top: .5em;
    padding-bottom: .5em
}

.PinturaButton {
    white-space: nowrap;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--button-cursor)
}

.PinturaButton>span {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    min-height: 1em
}

.PinturaButton svg+.PinturaButtonLabel {
    margin-left: .5em
}

.PinturaButton[disabled] {
    cursor: default
}

.PinturaButtonInner {
    text-decoration: inherit
}

.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type {
    margin-left: -.25em
}

.PinturaProgressIndicator {
    position: relative;
    display: block;
    width: 1.25em;
    height: 1.25em
}

.PinturaProgressIndicator .PinturaProgressIndicatorFill {
    stroke-dashoffset: 0
}

.PinturaProgressIndicator[data-status=busy] svg {
    animation: image_editor_spin 1s linear infinite
}

.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill {
    stroke-dashoffset: -26.5;
    stroke-dasharray: 26.5 53;
    transition: stroke-dashoffset .5s linear, stroke-dasharray .5s linear
}

@keyframes image_editor_spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg {
        transform-origin: 49% 49%
    }
}

.PinturaRangeInput {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    height: 3.5em;
    max-width: 24em;
    width: calc(100% - 2em);
    touch-action: none;
    --range-input-feather-left: 2em;
    --range-input-feather-right: 2em;
    --range-input-mask-from: 0%;
    --range-input-mask-to: 100%;
    --range-input-mask-color: rgba(0, 0, 0, .25);
    --range-input-line-color: var(--color-foreground-15);
    outline: transparent
}

.PinturaRangeInput[data-focus-visible]:after {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1em);
    height: 2em;
    border-radius: .25em
}

.PinturaRangeInputInner {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    contain: strict;
    -webkit-mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent);
    mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent)
}

.PinturaRangeInputMeter {
    height: 100%
}

.PinturaRangeInput .PinturaRangeInputMeter svg {
    display: block;
    pointer-events: none;
    fill: currentColor
}

.PinturaRangeInput>.PinturaRangeInputValue {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: calc(50% - .6875em);
    left: calc(50% - 1.75em);
    width: 3.5em;
    height: 1.5em;
    overflow: hidden;
    contain: strict;
    text-align: center;
    font-size: .75em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    font-family: Tahoma, Geneva, Verdana, sans-serif
}

.PinturaRangeInput>.PinturaRangeInputReset {
    position: absolute;
    left: calc(50% - 1.0625em);
    top: 0;
    margin-top: .125em;
    padding: 0;
    z-index: 1;
    width: 2em;
    overflow: hidden;
    color: transparent !important;
    transition: opacity var(--transition-duration-25);
    opacity: .35;
    outline: transparent;
    cursor: var(--button-cursor)
}

.PinturaRangeInput>.PinturaRangeInputReset:hover {
    opacity: .5
}

.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible] {
    opacity: 1
}

.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: calc(50% - .5em);
    top: calc(50% - .5em);
    height: 1em;
    width: 1em;
    z-index: 2;
    border-radius: .25em;
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRangeInput>.PinturaRangeInputReset[disabled] {
    opacity: .15
}

.PinturaRangeInput>.PinturaRangeInputReset:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 20%;
    width: 1px;
    height: 60%;
    background: var(--color-foreground-100)
}

.PinturaRangeInputInner[data-value-limited] svg {
    -webkit-mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to));
    mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to))
}

.PinturaRangeInputInner[data-value-limited] svg rect {
    x: var(--range-mask-from);
    width: calc(var(--range-mask-to) - var(--range-mask-from));
    fill: var(--range-input-line-color)
}

.PinturaUtilMain {
    padding-left: 1em;
    padding-right: 1em;
    min-height: 1px;
    touch-action: none
}

.PinturaUtilMain,
.PinturaUtilMain>[slot] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.PinturaUtilMain>[slot] {
    align-items: center
}

.PinturaUtilFooter>[slot]:empty {
    min-height: 1em
}

.PinturaUtilFooter>[slot] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    pointer-events: all
}

.PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,
.PinturaUtilFooter .PinturaShapeStyleList {
    min-height: 3.5em;
    align-items: flex-start
}

.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button {
    background-color: var(--color-foreground-10);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,
.PinturaUtilFooter .PinturaControlList [role=tab] button {
    flex-direction: row;
    line-height: 1;
    padding: 0 .75em;
    min-height: 1.75em;
    border-radius: var(--border-radius-round);
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out, filter var(--transition-duration-25) ease-out;
    box-shadow: inset 0 0 0 1px var(--color-foreground-0);
    cursor: var(--button-cursor)
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,
.PinturaUtilFooter .PinturaControlList [role=tab] button span {
    font-size: .75em;
    font-weight: 400
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,
.PinturaUtilFooter .PinturaControlList [role=tab] button svg {
    width: .875em;
    font-size: .875em
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),
.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child) {
    margin-left: -.25em;
    margin-right: .375em
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,
.PinturaUtilFooter .PinturaControlList [role=tab] button:hover {
    box-shadow: inset 0 0 0 1px var(--color-foreground-10)
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],
.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaUtilFooter .PinturaControlListOption [slot],
.PinturaUtilFooter .PinturaControlListOption label {
    display: flex;
    flex-direction: row;
    align-items: center
}

.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label {
    background-color: var(--color-foreground-10);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaUtilFooter .PinturaControlListOption input[disabled]+label {
    filter: var(--filter-disabled)
}

.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,
.PinturaUtilFooter .PinturaControlList>li+li {
    margin-left: .5em
}

.PinturaUtilFooter .PinturaControlPanels {
    display: grid;
    grid-template-columns: 1fr;
    width: 40em;
    max-width: 100%;
    margin: 0 auto;
    flex: auto
}

.PinturaUtilFooter .PinturaControlPanel {
    grid-row-start: 1;
    grid-column-start: 1;
    max-width: 100%;
    overflow: hidden;
    visibility: visible;
    opacity: 1
}

.PinturaUtilFooter .PinturaControlPanel[hidden] {
    display: block !important;
    visibility: hidden;
    transition-delay: 0s;
    pointer-events: none;
    opacity: 0
}

.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+* {
    margin-left: -1px
}

.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button {
    padding-left: .625em;
    padding-right: .625em;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button {
    border-radius: var(--border-radius-round)
}

.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button {
    padding-left: .75em;
    border-top-left-radius: var(--border-radius-round);
    border-bottom-left-radius: var(--border-radius-round)
}

.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button {
    padding-right: .75em;
    border-top-right-radius: var(--border-radius-round);
    border-bottom-right-radius: var(--border-radius-round)
}

@supports not (aspect-ratio: 1) {
    .PinturaControlPanel {
        overflow-x: hidden
    }
}

.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel {
    transition: opacity var(--transition-duration-25) ease-in-out, visibility var(--transition-duration-25) linear;
    transition-delay: .1s
}

.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader {
    order: 1
}

.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter {
    order: 2
}

.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain {
    order: 3
}

.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels {
    order: -1
}

.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset {
    top: 0;
    bottom: auto
}

.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped {
    padding-bottom: .75em
}

.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels {
    order: 1
}

.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset {
    top: auto;
    bottom: 0
}

.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped {
    padding-top: .75em
}

.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList {
    align-items: flex-end
}

.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel {
    order: 1
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
    margin: .75em 0
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
    max-width: 24em
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList {
    margin-top: 1em
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li {
    margin-left: 0
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span {
    font-size: .75em
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button {
    border-radius: 0;
    background-color: var(--color-background-50);
    -webkit-backdrop-filter: var(--backdrop-filter-bright);
    backdrop-filter: var(--backdrop-filter-bright);
    box-shadow: inset 0 0 0 1px var(--color-background-15), 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35)
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button {
    padding-left: .875em;
    border-top-left-radius: var(--border-radius-round);
    border-bottom-left-radius: var(--border-radius-round)
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button {
    padding-right: .875em;
    border-top-right-radius: var(--border-radius-round);
    border-bottom-right-radius: var(--border-radius-round)
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span {
    color: var(--color-foreground-40)
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
    background-color: var(--color-background-50);
    -webkit-backdrop-filter: var(--backdrop-filter-bright);
    backdrop-filter: var(--backdrop-filter-bright);
    border-radius: var(--border-radius-round);
    box-shadow: inset 0 0 0 1px var(--color-background-15), 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35)
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput {
    height: 1.5em;
    margin-top: 0
}

.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset {
    opacity: 0
}

.PinturaRadioGroup .PinturaRadioGroupOptions {
    display: flex;
    flex-direction: column
}

.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup {
    margin-top: .5em
}

.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true] {
    display: none
}

.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions {
    flex-direction: row
}

.PinturaRadioGroup label {
    -webkit-tap-highlight-color: transparent
}

.PinturaPresetListFilter .PinturaRadioGroupOptions {
    justify-content: space-evenly;
    padding: .625em 0 .3125em
}

.PinturaPresetListFilter .PinturaRadioGroupOptions label {
    display: block;
    cursor: pointer
}

.PinturaPresetListFilter+.PinturaOptionsList {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.PinturaImageInfo {
    pointer-events: none
}

.PinturaImageInfo p {
    width: 8em;
    height: 1.25em;
    contain: strict;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    text-align: right;
    line-height: 1;
    font-size: .75em
}

.PinturaShapeStyleEditor {
    position: relative;
    display: grid;
    grid-template-columns: 1fr
}

.PinturaShapeStyleEditor>div {
    grid-row-start: 1;
    grid-column-start: 1;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.PinturaShapeStyles {
    position: relative
}

.PinturaShapeStyles:not([data-state~=overflows]) {
    display: flex;
    justify-content: center
}

.PinturaShapeStyleList {
    display: flex
}

.PinturaShapeStyleList .PinturaButton,
.PinturaShapeStyleList .PinturaInput {
    outline: transparent
}

.PinturaShapeStyleList .PinturaInput {
    padding: 0 0 0 .625em;
    font-size: .75em;
    line-height: 2.25
}

.PinturaShapeStyleList .PinturaShapeStyleLabel {
    line-height: 1.75;
    font-size: .625em;
    font-weight: 300;
    padding: 0 .75em;
    text-transform: lowercase;
    pointer-events: none;
    text-align: center;
    color: var(--color-foreground-50);
    white-space: nowrap
}

.PinturaShapeStyleList>.PinturaShapeStyle {
    border-radius: var(--border-radius-round)
}

.PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle {
    margin-left: 1em
}

.PinturaShapeStyle {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.PinturaShapeStyle .PinturaPanelButton {
    border-radius: inherit
}

.PinturaShapeStyle>.PinturaButton:hover,
.PinturaShapeStyle>.PinturaButton[data-focus-visible] {
    position: relative;
    z-index: 1
}

.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel {
    display: block;
    border-radius: inherit
}

.PinturaShapeStyle>.PinturaColorPickerButton {
    display: flex;
    justify-content: center
}

.PinturaShapeStyle .PinturaColorPreview {
    border-radius: inherit;
    width: 1.5em;
    height: 1.5em;
    background-color: #fff;
    background-size: 4px
}

.PinturaShapeStyle .PinturaColorPreview span {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    content: "";
    z-index: 1
}

.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview {
    -webkit-mask: radial-gradient(circle, transparent 5.5px, #000 6px);
    mask: radial-gradient(circle, transparent 5.5px, #000 6px);
    -webkit-mask-size: cover;
    mask-size: cover
}

.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after {
    position: absolute;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: inherit;
    box-shadow: 0 0 0 1px var(--color-foreground-5);
    content: ""
}

.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,
.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,
.PinturaShapeStyle>.PinturaRadioGroupOption label,
.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel {
    display: block;
    line-height: 2.25;
    padding: 0 1em;
    font-size: .6875em
}

.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaShapeStyle .PinturaInputField {
    text-align: right;
    padding: 0 .75em;
    width: 3em;
    height: 2em;
    line-height: 2em;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    border-radius: var(--border-radius)
}

.PinturaShapeStyle>.PinturaDropdownButton {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    transition: background-color var(--transition-duration-10)
}

.PinturaShapeStyle>.PinturaDropdownButton:hover {
    background-color: var(--color-foreground-10)
}

.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,
.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after {
    content: "▼";
    font-size: .6875em;
    margin-left: .75em;
    position: relative;
    top: -.125em;
    margin-right: -.25em;
    pointer-events: none
}

.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after {
    top: 0;
    margin-left: .375em;
    font-size: .47265625em
}

.PinturaShapeStyle .PinturaComboBox {
    padding-right: .75em
}

.PinturaShapeStyle .PinturaComboBox .PinturaInput {
    padding-left: 0
}

.PinturaShapeStyle .PinturaComboBox .PinturaInput input {
    box-shadow: none
}

.PinturaShapeStyle .PinturaComboBox .PinturaInputField {
    padding-right: .375em
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions {
    flex-direction: row
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label {
    cursor: var(--button-cursor);
    display: flex;
    height: 1.5em;
    align-items: center;
    padding: 0 .25em;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    transition: background-color var(--transition-duration-10)
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover {
    background-color: var(--color-foreground-20)
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg {
    width: 1.125em;
    height: 1.125em
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label {
    padding-left: .5em;
    border-top-left-radius: var(--border-radius-round);
    border-bottom-left-radius: var(--border-radius-round)
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label {
    padding-right: .5em;
    border-top-right-radius: var(--border-radius-round);
    border-bottom-right-radius: var(--border-radius-round)
}

.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label {
    background-color: var(--color-foreground-10)
}

.PinturaRectManipulator {
    --size: 1.25em;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    touch-action: none;
    transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) scale(var(--sx), var(--sy))
}

.PinturaRectManipulator:not([data-shape=edge]) {
    width: var(--size);
    height: var(--size);
    z-index: 2
}

.PinturaRectManipulator:not([data-shape=edge]):after {
    position: absolute;
    left: -.5em;
    right: -.5em;
    top: -.5em;
    bottom: -.5em;
    border-radius: inherit;
    content: ""
}

.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaRectManipulator[data-shape~=circle] {
    margin-left: calc(var(--size) * (-.5));
    margin-top: calc(var(--size) * (-.5));
    line-height: var(--size);
    border-radius: 50%;
    background-color: var(--color-foreground-100);
    box-shadow: 0 0 2px var(--color-background-50)
}

.PinturaRectManipulator[data-shape=hook] {
    border: 3px solid var(--color-foreground-100)
}

.PinturaRectManipulator[data-shape=hook][data-direction*=t] {
    margin-top: -3px;
    border-bottom: 0
}

.PinturaRectManipulator[data-shape=hook][data-direction*=r] {
    border-left: 0;
    margin-left: calc(var(--size) * (-1))
}

.PinturaRectManipulator[data-shape=hook][data-direction*=b] {
    margin-top: calc(var(--size) * (-1));
    border-top: 0
}

.PinturaRectManipulator[data-shape=hook][data-direction*=l] {
    border-right: 0;
    margin-left: -3px
}

.PinturaRectManipulator[data-shape~=edge] {
    height: 1px;
    width: 1px;
    z-index: 1
}

.PinturaRectManipulator[data-shape~=edge][data-focus-visible] {
    background-color: var(--color-focus-50)
}

.PinturaRectManipulator[data-direction=b],
.PinturaRectManipulator[data-direction=t] {
    cursor: ns-resize;
    height: var(--size);
    margin-top: calc(var(--size) * (-.5));
    transform-origin: 0 center
}

.PinturaRectManipulator[data-direction=l],
.PinturaRectManipulator[data-direction=r] {
    cursor: ew-resize;
    width: var(--size);
    margin-left: calc(var(--size) * (-.5));
    transform-origin: center 0
}

.PinturaRectManipulator[data-direction=bl],
.PinturaRectManipulator[data-direction=tr] {
    cursor: nesw-resize
}

.PinturaRectManipulator[data-direction=br],
.PinturaRectManipulator[data-direction=tl] {
    cursor: nwse-resize
}

.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active {
    background-color: var(--color-foreground-5)
}

.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after {
    left: -1em;
    right: -1em;
    top: -1em;
    bottom: -1em
}

.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after {
    background-color: var(--color-foreground-5)
}

.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator {
    transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0)
}

.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t] {
    width: calc(var(--sx) * 1px)
}

.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r] {
    height: calc(var(--sy) * 1px)
}

.PinturaToolbar {
    display: flex;
    justify-content: center;
    margin-left: 1em;
    margin-right: 1em
}

.PinturaToolbar .PinturaToolbarInner {
    display: inline-flex
}

.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,
.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional {
    display: none
}

.PinturaToolbar .PinturaButton {
    border-radius: var(--border-radius-round);
    outline: transparent;
    padding: .3125em .75em;
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out, box-shadow var(--transition-duration-10) ease-out;
    line-height: 1.1
}

.PinturaToolbar .PinturaButton:hover {
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaToolbar .PinturaButton[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaToolbar .PinturaButton .PinturaButtonIcon {
    width: 1em
}

.PinturaToolbar .PinturaButtonLabel {
    font-size: .75em
}

.PinturaToolbar .PinturaPanel {
    z-index: 3
}

.PinturaToolbar .PinturaToolbarInner>* {
    margin: 0 .5em
}

.PinturaInput {
    display: flex;
    flex-direction: row
}

.PinturaInputField {
    flex: 1;
    outline: transparent
}

.PinturaInputField[type=number] {
    -moz-appearance: textfield
}

.PinturaInputField[type=number]::-webkit-inner-spin-button,
.PinturaInputField[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.PinturaInputSpinners {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

.PinturaInputSpinners button {
    line-height: 1 !important;
    width: 2em;
    font-size: .5em !important;
    outline: transparent
}

.PinturaPanel.PinturaSliderPanel {
    border-radius: var(--border-radius-round)
}

.PinturaPercentageLabel {
    font-variant-numeric: tabular-nums;
    min-width: 3em;
    text-align: center
}

.PinturaSliderPanel .PinturaSlider {
    width: 10em;
    --knob-size: 0.75em;
    --knob-margin-left: 0.3125em;
    --knob-margin-right: 0.3125em
}

.PinturaSliderPanel .PinturaSliderTrack {
    background-color: var(--color-foreground-10)
}

.PinturaSliderPanel .PinturaSliderKnob {
    background-color: var(--color-foreground-100);
    box-shadow: 0 .125em .25em rgba(0, 0, 0, .35), 0 -.125em .25em rgba(0, 0, 0, .1)
}

.PinturaShapePresetsPalette {
    text-align: center;
    width: 40em;
    max-width: 100%;
    overflow: hidden
}

.PinturaShapePresetsPalette .PinturaShapePresetSelect {
    vertical-align: top;
    display: inline-block
}

.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]) {
    display: flex;
    justify-content: center
}

.PinturaShapePresetsPalette .PinturaButton+.PinturaButton {
    margin-left: .5em
}

.PinturaShapePresetsPalette .PinturaButton {
    flex-direction: row;
    line-height: 1.1;
    padding: .3125em .75em;
    border-radius: var(--border-radius-round);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5);
    cursor: var(--button-cursor);
    transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out, box-shadow var(--transition-duration-10) ease-out;
    outline: none
}

.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon {
    width: 1em
}

.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel {
    font-size: .75em
}

.PinturaShapePresetsPalette .PinturaButton:hover {
    box-shadow: inset 0 0 0 1px var(--color-foreground-10)
}

.PinturaShapePresetsPalette .PinturaButton[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,
.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,
.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+* {
    margin-left: .5em
}

.PinturaShapePresetsGroups {
    display: flex
}

.PinturaShapePresetsGrouped {
    display: flex;
    flex-direction: column;
    align-items: center
}

.PinturaShapePresetsGrouped [role=tab] {
    white-space: nowrap
}

.PinturaShapePresetsFlat {
    display: flex;
    align-items: center;
    justify-content: center
}

.PinturaShapePresetsFlat>.PinturaButton {
    margin-left: 1em
}

.PinturaShapeList {
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--transition-duration-10) ease-in-out;
    position: absolute;
    top: 1em;
    left: 1em;
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
    border-radius: var(--border-radius);
    color: var(--color-foreground-100);
    background: var(--color-background-70);
    box-shadow: 0 0 0 1px var(--color-foreground-5)
}

.PinturaShapeList li+li {
    margin-top: -.3125em
}

.PinturaShapeList[data-visible=true] {
    opacity: 1
}

.PinturaShapeList .PinturaColorPreview {
    width: .75em;
    height: .75em;
    margin-right: .25em;
    border-radius: .25em
}

.PinturaShapeList .PinturaShapeListItem {
    display: flex;
    align-items: center;
    padding: .25em .5em;
    outline: none
}

.PinturaShapeList .PinturaShapeListItem>span {
    font-size: .75em;
    line-height: 1.75;
    padding: 0 .325em;
    margin-left: -.325em
}

.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaShapeList[data-visible=true] .PinturaShapeListItem {
    pointer-events: all
}

.PinturaShapeEditor {
    height: 100%;
    width: 100%;
    outline: none;
    touch-action: none
}

.PinturaShapeControls {
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    display: flex;
    align-items: center
}

.PinturaShapeControlsGroup {
    pointer-events: all;
    color: #eee;
    background: #222;
    box-shadow: 0 .125em .25em rgba(0, 0, 0, .25);
    border-radius: .25em
}

.PinturaShapeControlsGroup,
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
    display: inline-flex;
    min-height: 1.75em
}

.PinturaShapeControlsGroup+.PinturaShapeControlsGroup {
    margin-left: .5em
}

.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
    position: relative
}

.PinturaShapeControlsGroup .PinturaButton {
    outline: transparent
}

.PinturaShapeControlsGroup .PinturaButton[data-focus-visible] {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaShapeControlsGroup .PinturaButton[disabled]>span {
    opacity: .5;
    pointer-events: all;
    cursor: not-allowed
}

.PinturaShapeControlsGroup>.PinturaButton {
    display: block;
    font-weight: 700;
    transition: background-color var(--transition-duration-10);
    outline: transparent
}

.PinturaShapeControlsGroup>.PinturaButton:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel {
    display: block;
    font-size: .6875em;
    padding: 0 .75em;
    line-height: 1.7em
}

.PinturaShapeControlsGroup .PinturaButtonIconOnly {
    width: 1.75em;
    transition: background-color var(--transition-duration-10)
}

.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.PinturaShapeControlsGroup>button:first-of-type {
    border-radius: .25em 0 0 .25em
}

.PinturaShapeControlsGroup>button:last-of-type {
    border-radius: 0 .25em .25em 0
}

.PinturaShapeControlsGroup>button:only-of-type {
    border-radius: .25em
}

.PinturaShapeControlsGroup>*+* {
    border-left: 1px solid rgba(0, 0, 0, .5)
}

.PinturaShapeControlsGroup svg {
    pointer-events: none
}

.PinturaInlineInput {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    transform-origin: center;
    display: flex
}

.PinturaInlineInput:before {
    content: "";
    width: 0;
    height: var(--line-height)
}

.PinturaContentEditable {
    margin: 0;
    padding: 0;
    width: calc(100% / var(--font-scalar));
    height: calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));
    overflow: hidden;
    outline: none;
    vertical-align: top
}

.PinturaColorPickerPanel {
    padding: .5em;
    max-width: 14em;
    overflow: visible;
    touch-action: none
}

.PinturaColorPickerPanel .PinturaColorPickerButton {
    outline: transparent
}

.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible] {
    box-shadow: inset 0 0 0 1px var(--color-foreground-70)
}

.PinturaColorPickerPanel .PinturaColorPreview {
    width: 1.25em;
    height: 1.25em;
    border-radius: .25em
}

.PinturaColorPickerPanel .PinturaColorPreview span {
    border-radius: .2em;
    box-shadow: inset 0 0 0 1px var(--color-foreground-20)
}

.PinturaColorPickerPanel .PinturaColorPresets legend {
    color: var(--color-foreground-50);
    margin: 0 0 .25em .3125em;
    font-size: .75em
}

.PinturaColorPickerPanel .PinturaColorPresets:only-child legend {
    display: none
}

.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption {
    display: block;
    padding: .25em
}

.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span {
    display: block;
    cursor: var(--button-cursor)
}

.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after {
    position: absolute;
    left: -.3125em;
    right: -.3125em;
    top: -.3125em;
    bottom: -.3125em;
    border-radius: inherit;
    pointer-events: none;
    content: "";
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaColorPickerPanel .PinturaSlider {
    margin-left: -.325em;
    margin-right: -.325em
}

.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl {
    position: relative;
    z-index: 2
}

.PinturaColorPickerPanel .PinturaPicker {
    width: 100%
}

.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets {
    margin-top: .5em
}

.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,
.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob {
    border-radius: 9999em;
    box-shadow: inset 0 .06125em .06125em rgba(0, 0, 0, .1), 0 0 0 .06125em #fff, 0 .1875em .25em rgba(0, 0, 0, .35), 0 -.125em .25em rgba(0, 0, 0, .1)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    margin-left: -.625em;
    margin-top: -.625em;
    width: 1.25em;
    height: 1.25em;
    visibility: visible;
    outline: none
}

.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after {
    position: absolute;
    left: -.3125em;
    right: -.3125em;
    top: -.3125em;
    bottom: -.3125em;
    border-radius: inherit;
    pointer-events: none;
    content: "";
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: hidden
}

.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker {
    position: relative;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    margin: -.5em -.5em .5em;
    height: 7em;
    background-image: linear-gradient(180deg, transparent, #000), linear-gradient(90deg, #fff, transparent)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack {
    background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack {
    box-shadow: inset 0 0 1px var(--color-foreground-50)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: inherit;
    background-color: #fff;
    background-image: var(--pattern-transparent)
}

.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before {
    background-position: calc(var(--slider-position) * -2px) 0
}

.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker {
    margin-top: .5em
}

.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput {
    color: var(--color-foreground-80);
    margin: .75em 0 .25em .3125em;
    width: calc(100% - .625em);
    line-height: 1.75;
    text-indent: .5em;
    font-size: .875em;
    border-radius: .25em;
    border: 1px solid var(--color-foreground-20);
    font-variant: tabular-nums;
    text-transform: uppercase
}

.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus {
    outline: transparent;
    border-color: var(--color-focus-100)
}

.PinturaOptionsList,
.PinturaOptionsListWrapper {
    border-radius: inherit
}

.PinturaOptionsList .PinturaListOption {
    transition: background-color var(--transition-duration-10);
    border-radius: inherit
}

.PinturaOptionsList .PinturaListOption label {
    display: block;
    margin: 0;
    border-radius: inherit;
    white-space: nowrap
}

.PinturaOptionsList .PinturaListOption svg {
    margin-right: .25em;
    margin-left: -.5em;
    min-width: 1.5em
}

.PinturaOptionsList .PinturaListOption [slot] {
    display: flex;
    align-items: center;
    padding: .325em .75em
}

.PinturaOptionsList .PinturaDropdownOptionLabel {
    font-size: .75em;
    line-height: 1.75;
    padding: 0 .325em;
    margin-left: -.325em;
    display: inline-flex;
    flex-direction: column
}

.PinturaOptionsList .PinturaDropdownOptionSublabel {
    font-size: .75em;
    opacity: .5;
    margin-top: -.5em
}

.PinturaOptionsList .PinturaListOptionGroup>span {
    display: block;
    padding: .75em 1em;
    text-transform: uppercase;
    font-size: .75em;
    color: var(--color-foreground-50)
}

.PinturaOptionsList [data-disabled=true] {
    color: var(--color-foreground-50)
}

.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover {
    background-color: var(--color-foreground-10)
}

.PinturaOptionsList [data-selected=true] {
    color: var(--color-foreground-100);
    background-color: var(--color-foreground-20)
}

.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel {
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    border-radius: .25em
}

.PinturaListOption label {
    margin: 0
}

.PinturaPanel {
    --color-inset: hsla(0, 0%, 100%, .1);
    --color-fill: var(--color-foreground-5);
    top: 0;
    left: 0;
    z-index: 2147483647;
    width: -moz-max-content;
    width: max-content;
    cursor: auto;
    outline: transparent;
    box-shadow: inset 0 0 0 1px var(--color-inset), 0 .125em .25em rgba(0, 0, 0, .25), 0 .125em .75em rgba(0, 0, 0, .15), 0 .125em .125em rgba(0, 0, 0, .1);
    border-radius: var(--border-radius)
}

.PinturaPanel,
.PinturaPanelTip {
    position: absolute;
    color: var(--color-foreground-90);
    background-color: var(--color-background-100);
    background-image: linear-gradient(var(--color-fill), var(--color-fill));
    background-blend-mode: screen
}

.PinturaPanelTip {
    --tip-mask: transparent calc(50% - 1.5px), #000 calc(50% - 1.5px);
    width: .5em;
    height: .5em;
    margin-left: -.25em;
    margin-top: -.25em;
    z-index: -1;
    box-shadow: inset -1px -1px 0 0 var(--color-inset);
    -webkit-mask: linear-gradient(to bottom right, var(--tip-mask));
    mask: linear-gradient(to bottom right, var(--tip-mask))
}

.PinturaPanelTip[style*="top:0"] {
    box-shadow: inset 1px 1px 0 0 var(--color-inset);
    -webkit-mask: linear-gradient(to top left, var(--tip-mask));
    mask: linear-gradient(to top left, var(--tip-mask))
}

.PinturaInputForm {
    opacity: 0;
    cursor: auto;
    z-index: 2147483647
}

.PinturaInputForm:not([data-layout=stick]) {
    position: absolute;
    bottom: 6.5em;
    width: 30em;
    left: calc(50% - 15em);
    box-shadow: 0 .25em .5em -.5em rgba(0, 0, 0, .75), inset 0 0 0 1px var(--color-foreground-10);
    border-radius: var(--border-radius);
    background-color: var(--color-background-95)
}

@media(max-width: 34em) {
    .PinturaInputForm:not([data-layout=stick]) {
        left: 2em;
        right: 2em;
        width: auto
    }
}

.PinturaInputForm[data-layout=stick] {
    transition: opacity .15s ease .25s;
    position: absolute;
    left: 0;
    right: 0;
    outline: 1px solid var(--color-foreground-15);
    background-color: var(--color-background-100)
}

.PinturaInputForm[data-layout=stick]>.PinturaInputFormInner {
    background-color: var(--color-foreground-3)
}

.PinturaInputFormInner>.PinturaButton {
    color: var(--color-foreground-100);
    border-radius: 9999em;
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaInputFormInner>.PinturaButton:first-of-type {
    left: 1em
}

.PinturaInputFormInner>.PinturaButton:last-of-type {
    right: 1rem;
    color: var(--color-primary-text);
    background: var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-foreground-10)
}

.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner {
    padding: 0 .875em 0 .625em
}

.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon {
    width: .875em;
    height: .875em
}

.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly {
    width: 1.875em;
    height: 1.875em
}

.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel {
    font-size: .875em
}

.PinturaInputFormInner>.PinturaButton .PinturaButtonInner {
    line-height: 2;
    display: flex;
    justify-content: center
}

.PinturaInputFormInner {
    padding-top: 1em;
    padding-bottom: 3.5em
}

.PinturaInputFormInner>.PinturaButton {
    position: absolute;
    bottom: 1em
}

.PinturaInputFormFields textarea:only-child {
    width: 100%;
    padding: 0 1em .5em;
    height: 5em;
    display: block;
    background: transparent;
    -webkit-mask: linear-gradient(0deg, transparent, #000 1em);
    mask: linear-gradient(0deg, transparent, #000 1em)
}

.PinturaInputFormFields textarea:only-child::-webkit-scrollbar {
    width: 1em;
    cursor: pointer
}

.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track {
    background: none
}

.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-clip: padding-box;
    background-color: var(--color-foreground-70);
    border-radius: 9999em;
    border: .25em solid transparent
}

.PinturaInputForm input,
.PinturaInputForm textarea {
    box-sizing: border-box;
    resize: none;
    border: none;
    font-size: 1rem;
    outline: transparent;
    color: var(--color-foreground-100)
}

.PinturaInputForm input {
    background-color: var(--color-background-100)
}

.PinturaModalBodyLock .PinturaInputForm {
    margin-top: -50px
}

.PinturaShapePreset,
.PinturaShapePresetsList {
    display: flex;
    align-items: center
}

.PinturaShapePreset {
    --thumb-size: 1.75em;
    --thumb-radius: 0.3125em;
    --thumb-margin: 0.3125em;
    justify-content: center;
    position: relative
}

.PinturaShapePreset text {
    font-family: monospace
}

.PinturaShapePreset img,
.PinturaShapePreset svg {
    display: block;
    width: var(--thumb-size);
    height: var(--thumb-size);
    min-width: auto;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--thumb-radius)
}

.PinturaShapePreset .PinturaDragButton {
    padding: var(--thumb-margin);
    border-radius: var(--border-radius);
    box-shadow: inset 0 0 0 1px var(--color-foreground-5)
}

.PinturaShapePreset .PinturaDragButton:hover {
    background-color: var(--color-foreground-10)
}

.PinturaShapePreset .PinturaDragButton[data-loader]:after,
.PinturaShapePreset .PinturaDragButton[data-loader]:before {
    display: block;
    width: var(--thumb-size);
    height: var(--thumb-size);
    line-height: var(--thumb-size);
    border-radius: var(--thumb-radius)
}

.PinturaShapePreset .PinturaDragButton[data-error] img {
    display: none
}

.PinturaShapePreset .PinturaDragButton[data-error]:after {
    content: "⚠";
    box-shadow: inset 0 0 0 1px var(--color-error-75);
    background-color: var(--color-error-10);
    color: var(--color-error-75)
}

.PinturaShapePreset .PinturaDragButton[data-loader] {
    position: relative
}

.PinturaShapePreset .PinturaDragButton[data-loader]:before {
    content: "";
    position: absolute;
    left: var(--thumb-margin);
    top: var(--thumb-margin);
    animation: pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;
    background-color: var(--color-foreground-10);
    transition: transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;
    z-index: -1
}

.PinturaShapePreset .PinturaDragButton[data-loader] img {
    opacity: 0;
    transition: opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out
}

.PinturaShapePreset .PinturaDragButton[data-loader][data-load] img {
    opacity: 1
}

.PinturaShapePreset .PinturaDragButton[data-loader][data-error]:before,
.PinturaShapePreset .PinturaDragButton[data-loader][data-load]:before {
    animation-play-state: paused;
    transform: scale(.5)
}

.PinturaShapePreset+.PinturaShapePreset {
    margin-left: .5em
}

@keyframes pintura-img-loading {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.PinturaColorPreview {
    --color: transparent;
    color: var(--color);
    position: relative;
    pointer-events: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")
}

.PinturaColorPreview span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color);
    border-radius: inherit
}

.PinturaContentEditable {
    white-space: pre-line !important;
    word-break: break-word !important;
    display: inline-block !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important
}

.PinturaContentEditable[data-wrap-content=nowrap] {
    white-space: nowrap !important;
    word-break: normal !important
}

.PinturaContentEditable {
    background: transparent !important;
    margin: 0 !important;
    border-radius: 0 !important;
    max-width: none !important;
    min-width: auto !important;
    box-shadow: none !important
}

.PinturaSlider {
    position: relative;
    --track-offset-x: 0.5em;
    --track-offset-y: 0.5em;
    --track-size: 1.5em;
    --knob-size: 1em;
    --knob-margin-top: 0em;
    --knob-margin-right: 0em;
    --knob-margin-bottom: 0em;
    --knob-margin-left: 0em;
    display: flex;
    align-items: center;
    touch-action: none
}

.PinturaSlider[data-direction=y] {
    flex-direction: column
}

.PinturaSlider .PinturaSliderControl {
    position: relative;
    flex: 1
}

.PinturaSlider>button {
    position: relative;
    z-index: 1;
    width: var(--track-size);
    height: var(--track-size);
    overflow: hidden;
    cursor: pointer;
    flex-shrink: none
}

.PinturaSlider>button svg {
    width: 1.25em;
    height: 1.25em;
    margin: .125em;
    stroke-width: .125em;
    stroke: var(--color-foreground-50)
}

.PinturaSlider>button:first-of-type {
    order: 2;
    padding-right: .125em;
    margin-left: -.325em
}

.PinturaSlider>button:last-of-type {
    order: 1;
    padding-left: .125em;
    margin-right: -.325em
}

.PinturaSlider>.PinturaSliderControl {
    order: 2
}

.PinturaSlider .PinturaSliderKnob {
    left: 0;
    top: 50%;
    border-radius: 9999em;
    visibility: visible;
    width: var(--knob-size);
    height: var(--knob-size);
    margin-left: calc(var(--knob-size) * -.5);
    margin-top: calc(var(--knob-size) * -.5)
}

.PinturaSlider .PinturaSliderKnob,
.PinturaSlider .PinturaSliderKnobController,
.PinturaSlider .PinturaSliderTrack {
    pointer-events: none;
    position: absolute
}

.PinturaSlider .PinturaSliderTrack {
    top: var(--track-offset-y);
    bottom: var(--track-offset-y);
    left: var(--track-offset-x);
    right: var(--track-offset-x)
}

.PinturaSlider .PinturaSliderKnobController {
    visibility: hidden;
    top: calc(var(--track-offset-y) + var(--knob-margin-top));
    bottom: calc(var(--track-offset-y) + var(--knob-margin-bottom));
    left: calc(var(--track-offset-x) + var(--knob-margin-left));
    right: calc(var(--track-offset-x) + var(--knob-margin-right))
}

.PinturaSlider .PinturaSliderTrack {
    border-radius: 9999em
}

.PinturaSlider[data-direction=x] input[type=range] {
    height: var(--track-size);
    margin-left: var(--track-offset-x);
    width: calc(100% - (var(--track-offset-x) * 2))
}

.PinturaSlider[data-direction=y] input[type=range] {
    width: var(--track-size);
    margin-top: var(--track-offset-y);
    height: calc(100% - (var(--track-offset-y) * 2))
}

.PinturaSlider input[type=range] {
    -webkit-appearance: none;
    display: block
}

.PinturaSlider input[type=range]::-webkit-slider-runnable-track {
    background: transparent
}

.PinturaSlider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    border: none
}

.PinturaSlider input[type=range]::-moz-range-thumb {
    line-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    visibility: hidden
}

.PinturaSlider input[type=range]::-ms-thumb {
    line-height: 0;
    margin: 0;
    padding: 0;
    border: none
}

.PinturaSlider input[type=range]::-ms-ticks-before,
.PinturaSlider input[type=range]::-ms-tooltip {
    display: none
}

.PinturaSlider input[type=range]::-ms-ticks-after {
    display: none
}

.PinturaSlider input[type=range]::-ms-track {
    color: transparent;
    border: none;
    background: transparent
}

.PinturaSlider input[type=range]::-ms-fill-lower,
.PinturaSlider input[type=range]::-ms-fill-upper {
    background: transparent
}

.PinturaSlider input[type=range]:focus {
    outline: transparent
}

.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after {
    position: absolute;
    left: -.3125em;
    right: -.3125em;
    top: -.3125em;
    bottom: -.3125em;
    border-radius: inherit;
    content: "";
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100);
    pointer-events: none
}

.PinturaShapeManipulator {
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    touch-action: none;
    transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) rotate(var(--r)) scale(var(--sx), var(--sy));
    --size: 0.75em
}

.PinturaShapeManipulator:not([data-control=edge]) {
    margin-left: calc(var(--size) * (-.5));
    margin-top: calc(var(--size) * (-.5));
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    border-radius: 9999em
}

.PinturaShapeManipulator:not([data-control=edge]):after {
    position: absolute;
    left: -.5em;
    right: -.5em;
    top: -.5em;
    bottom: -.5em;
    content: ""
}

.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after {
    border-radius: inherit;
    background-color: var(--color-focus-50);
    box-shadow: inset 0 0 0 1px var(--color-focus-100)
}

.PinturaShapeManipulator[data-control=point] {
    background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-secondary));
    box-shadow: 0 0 0 2px #fff, 0 0 4px #000;
    z-index: 3
}

.PinturaShapeManipulator[data-control=edge] {
    margin-top: calc(var(--size) * (-.5));
    height: var(--size);
    width: 1px;
    z-index: 1;
    transform-origin: 0 calc(var(--size) * .5)
}

.PinturaShapeManipulator[data-control=edge][data-focus-visible] {
    background-color: var(--color-focus-50)
}

.PinturaShapeManipulator[data-control=rotate] {
    border-radius: 9999em;
    background: linear-gradient(90deg, #fff, #ddd);
    box-shadow: 0 0 0 2px var(--color-secondary-dark), 0 0 4px #000;
    z-index: 2;
    cursor: grab
}

.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge] {
    width: calc(var(--sx) * 1px);
    transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) rotate(var(--r))
}

.PinturaDragButton {
    cursor: var(--button-cursor);
    outline: transparent
}

.PinturaDragButton>* {
    pointer-events: none
}

.PinturaDragButton {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: filter var(--transition-duration-25) ease-out
}

.PinturaDragButton[disabled] {
    filter: var(--filter-disabled)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: calc(1 * 2);
    animation-iteration-count: calc(1 * 2);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: calc(1 * 3);
    animation-iteration-count: calc(1 * 3);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: calc(1s * 2);
    animation-delay: calc(1s * 2);
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: calc(1s * 3);
    animation-delay: calc(1s * 3);
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: calc(1s * 4);
    animation-delay: calc(1s * 4);
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: calc(1s * 5);
    animation-delay: calc(1s * 5);
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: calc(1s / 2);
    animation-duration: calc(1s / 2);
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: calc(1s * .8);
    animation-duration: calc(1s * .8);
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: calc(1s * 3);
    animation-duration: calc(1s * 3);
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: acumin-pro-wide, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: aglet-mono, Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace, mono;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

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

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

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

[hidden] {
    display: none
}

.bottom-safe-15 {
    bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wh-0 {
    width: 0;
    height: 0
}

.wh-1 {
    width: 1px;
    height: 1px
}

.wh-5 {
    width: 5px;
    height: 5px
}

.wh-6 {
    width: 6px;
    height: 6px
}

.wh-7 {
    width: 7px;
    height: 7px
}

.wh-8 {
    width: 8px;
    height: 8px
}

.wh-9 {
    width: 9px;
    height: 9px
}

.wh-10 {
    width: 10px;
    height: 10px
}

.wh-11 {
    width: 11px;
    height: 11px
}

.wh-12 {
    width: 12px;
    height: 12px
}

.wh-14 {
    width: 14px;
    height: 14px
}

.wh-16 {
    width: 16px;
    height: 16px
}

.wh-18 {
    width: 18px;
    height: 18px
}

.wh-20 {
    width: 20px;
    height: 20px
}

.wh-22 {
    width: 22px;
    height: 22px
}

.wh-24 {
    width: 24px;
    height: 24px
}

.wh-26 {
    width: 26px;
    height: 26px
}

.wh-28 {
    width: 28px;
    height: 28px
}

.wh-30 {
    width: 30px;
    height: 30px
}

.wh-32 {
    width: 32px;
    height: 32px
}

.wh-34 {
    width: 34px;
    height: 34px
}

.wh-36 {
    width: 36px;
    height: 36px
}

.wh-38 {
    width: 38px;
    height: 38px
}

.wh-40 {
    width: 40px;
    height: 40px
}

.wh-44 {
    width: 44px;
    height: 44px
}

.wh-48 {
    width: 48px;
    height: 48px
}

.wh-50 {
    width: 50px;
    height: 50px
}

.wh-54 {
    width: 54px;
    height: 54px
}

.wh-58 {
    width: 58px;
    height: 58px
}

.wh-60 {
    width: 60px;
    height: 60px
}

.wh-64 {
    width: 64px;
    height: 64px
}

.wh-74 {
    width: 74px;
    height: 74px
}

.wh-80 {
    width: 80px;
    height: 80px
}

.wh-90 {
    width: 90px;
    height: 90px
}

.wh-100 {
    width: 100px;
    height: 100px
}

.wh-110 {
    width: 110px;
    height: 110px
}

.wh-120 {
    width: 120px;
    height: 120px
}

.wh-140 {
    width: 140px;
    height: 140px
}

.wh-160 {
    width: 160px;
    height: 160px
}

.wh-200 {
    width: 200px;
    height: 200px
}

.text-1 {
    font-size: 1px
}

.text-5 {
    font-size: 5px
}

.text-6 {
    font-size: 6px
}

.text-7 {
    font-size: 7px
}

.text-8 {
    font-size: 8px
}

.text-10 {
    font-size: 10px
}

.text-12 {
    font-size: 12px
}

.\!text-12 {
    font-size: 12px !important
}

.text-13 {
    font-size: 13px
}

.text-14 {
    font-size: 14px
}

.\!text-14 {
    font-size: 14px !important
}

.text-15 {
    font-size: 15px
}

.text-16 {
    font-size: 16px
}

.\!text-16 {
    font-size: 16px !important
}

.text-18 {
    font-size: 18px
}

.text-20 {
    font-size: 20px
}

.text-21 {
    font-size: 21px
}

.text-22 {
    font-size: 22px
}

.text-24 {
    font-size: 24px
}

.text-28 {
    font-size: 28px
}

.text-32 {
    font-size: 32px
}

.text-34 {
    font-size: 34px
}

.text-38 {
    font-size: 38px
}

.text-40 {
    font-size: 40px
}

.text-42 {
    font-size: 42px
}

.text-44 {
    font-size: 44px
}

.text-48 {
    font-size: 48px
}

.text-50 {
    font-size: 50px
}

.text-58 {
    font-size: 58px
}

.text-60 {
    font-size: 60px
}

.text-62 {
    font-size: 62px
}

.text-70 {
    font-size: 70px
}

*,
:after,
:before {
    --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-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: rgba(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:
}

::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-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: rgba(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:
}

.container {
    width: 100%
}

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

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

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

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

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

.aspect-w-9 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 9
}

.aspect-w-9>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.aspect-h-16 {
    --tw-aspect-h: 16
}

.aspect-h-14 {
    --tw-aspect-h: 14
}

.aspect-w-1 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1
}

.aspect-w-1>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.aspect-h-1 {
    --tw-aspect-h: 1
}

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

.\!pointer-events-none {
    pointer-events: none !important
}

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.\!absolute {
    position: absolute !important
}

.relative {
    position: relative
}

.\!relative {
    position: relative !important
}

.sticky {
    position: sticky
}

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

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

.-inset-2 {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px
}

.inset-3 {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

.inset-5 {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px
}

.inset-4 {
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px
}

.inset-8 {
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px
}

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

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

.inset-x-15 {
    left: 15px;
    right: 15px
}

.inset-y-\[-2px\] {
    top: -2px;
    bottom: -2px
}

.inset-y-15 {
    top: 15px;
    bottom: 15px
}

.-inset-x-10 {
    left: -10px;
    right: -10px
}

.inset-y-12 {
    top: 12px;
    bottom: 12px
}

.bottom-\[calc\(var\(--vh\)\*-\.08\)\] {
    bottom: calc(var(--vh) * -.08)
}

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

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

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

.right-\[38px\] {
    right: 38px
}

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

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

.bottom-0 {
    bottom: 0
}

.bottom-\[calc\(var\(--vh\)\*-\.075\)\] {
    bottom: calc(var(--vh) * -.075)
}

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

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

.top-15 {
    top: 15px
}

.left-15 {
    left: 15px
}

.top-0 {
    top: 0
}

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

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

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

.right-\[35px\] {
    right: 35px
}

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

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

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

.right-\[-9px\] {
    right: -9px
}

.top-1\/3 {
    top: 33.333333%
}

.left-30 {
    left: 30px
}

.left-20 {
    left: 20px
}

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

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

.left-10 {
    left: 10px
}

.top-10 {
    top: 10px
}

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

.top-30 {
    top: 30px
}

.bottom-1 {
    bottom: 1px
}

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

.right-\[48px\] {
    right: 48px
}

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

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

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

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

.right-\[40px\] {
    right: 40px
}

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

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

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

.bottom-\[33\%\] {
    bottom: 33%
}

.bottom-\[calc\(100\%-21px\)\] {
    bottom: calc(100% - 21px)
}

.bottom-\[calc\(var\(--bottomNavNormal\)\)\] {
    bottom: calc(var(--bottomNavNormal))
}

.right-\[calc\(var\(--vw\)\*\.1\)\] {
    right: calc(var(--vw) * .1)
}

.left-\[calc\(var\(--vw\)\*\(\.15\+\.1\)\)\] {
    left: calc(var(--vw) * (.15 + .1))
}

.top-\[calc\(var\(--vh\)\*\(0\.15\)\)\] {
    top: calc(var(--vh) * (.15))
}

.bottom-\[calc\(var\(--vh\)\*\(0\.15\+0\.15\)\)\] {
    bottom: calc(var(--vh) * (.15 + .15))
}

.left-\[calc\(var\(--vw\)\*0\.05\)\] {
    left: calc(var(--vw) * .05)
}

.bottom-\[calc\(var\(--vw\)\*0\.025\)\] {
    bottom: calc(var(--vw) * .025)
}

.top-\[calc\(var\(--vh\)-var\(--bottomNavNormal\)\)\] {
    top: calc(var(--vh) - var(--bottomNavNormal))
}

.top-8 {
    top: 8px
}

.right-8 {
    right: 8px
}

.bottom-15 {
    bottom: 15px
}

.right-15 {
    right: 15px
}

.top-1 {
    top: 1px
}

.top-\[calc\(15px\+3px\+15px\)\] {
    top: calc(15px + 3px + 15px)
}

.top-20 {
    top: 20px
}

.left-8 {
    left: 8px
}

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

.right-\[-27px\] {
    right: -27px
}

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

.bottom-\[calc\(100\%-9px\)\] {
    bottom: calc(100% - 9px)
}

.bottom-\[calc\(100\%\+8px\)\] {
    bottom: calc(100% + 8px)
}

.top-1\/4 {
    top: 25%
}

.right-20 {
    right: 20px
}

.right-\[calc\(100\%\+15px-9px-2px\)\] {
    right: calc(100% + 15px - 9px - 2px)
}

.bottom-37 {
    bottom: 37px
}

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

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

.bottom-5 {
    bottom: 5px
}

.\!top-9 {
    top: 9px !important
}

.\!right-15 {
    right: 15px !important
}

.\!left-\[unset\] {
    left: unset !important
}

.top-5 {
    top: 5px
}

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

.left-\[calc\(\(34px-2px\)\/2\)\] {
    left: calc((34px - 2px) / 2)
}

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

.bottom-\[calc\(\(24px\+2px\)\/2\)\] {
    bottom: calc((24px + 2px) / 2)
}

.top-3 {
    top: 3px
}

.top-\[\.175em\] {
    top: .175em
}

.bottom-\[\.175em\] {
    bottom: .175em
}

.bottom-\[calc\(100\%\+5px\)\] {
    bottom: calc(100% + 5px)
}

.bottom-\[calc\(100\%\+5px\+2px\+5px\)\] {
    bottom: calc(100% + 5px + 2px + 5px)
}

.bottom-\[calc\(100\%\+5px\+2px\+5px\+2px\+5px\)\] {
    bottom: calc(100% + 5px + 2px + 5px + 2px + 5px)
}

.right-10 {
    right: 10px
}

.top-\[calc\(15px\+26px\+40px\)\] {
    top: calc(15px + 26px + 40px)
}

.bottom-\[calc\(var\(--bottomNavNormal\)\+50px\)\] {
    bottom: calc(var(--bottomNavNormal) + 50px)
}

.top-\[calc\(100px\+30px\)\] {
    top: calc(100px + 30px)
}

.bottom-\[calc\(var\(--bottomNavNormal\)\+30px\)\] {
    bottom: calc(var(--bottomNavNormal) + 30px)
}

.right-\[calc\(100\%\+15px\)\] {
    right: calc(100% + 15px)
}

.left-\[calc\(100\%-7px\)\] {
    left: calc(100% - 7px)
}

.top-full {
    top: 100%
}

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

.right-30 {
    right: 30px
}

.bottom-30 {
    bottom: 30px
}

.right-\[calc\(100cqw\*\.1\)\] {
    right: calc(100cqw * .1)
}

.left-\[calc\(100cqw\*\(\.15\+\.1\)\)\] {
    left: calc(100cqw * (.15 + .1))
}

.top-\[calc\(100cqh\*\(0\.15\)\)\] {
    top: calc(100cqh * (.15))
}

.bottom-\[calc\(100cqh\*\(0\.15\+0\.15\)\)\] {
    bottom: calc(100cqh * (.15 + .15))
}

.left-\[calc\(100cqw\*0\.05\)\] {
    left: calc(100cqw * .05)
}

.bottom-\[calc\(100cqw\*0\.025\)\] {
    bottom: calc(100cqw * .025)
}

.top-\[calc\(100cqh-var\(--bottomNavNormal\)\)\] {
    top: calc(100cqh - var(--bottomNavNormal))
}

.bottom-8 {
    bottom: 8px
}

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

.-top-2 {
    top: -2px
}

.-left-2 {
    left: -2px
}

.left-\[calc\(var\(--vw\)\*\(\.16\)\)\] {
    left: calc(var(--vw) * (.16))
}

.left-\[calc\(var\(--vw\)\*\(\.24\+\.05\)\)\] {
    left: calc(var(--vw) * (.24 + .05))
}

.bottom-\[calc\(var\(--vw\)\*\(0\.07\+\.05\)\)\] {
    bottom: calc(var(--vw) * (.07 + .05))
}

.left-\[calc\(var\(--vw\)\*0\.01\)\] {
    left: calc(var(--vw) * .01)
}

.bottom-\[calc\(var\(--vw\)\*0\.045\)\] {
    bottom: calc(var(--vw) * .045)
}

.right-\[calc\(15px\+34px\+8px-5px\)\] {
    right: calc(15px + 34px + 8px - 5px)
}

.bottom-\[calc\(100\%-8px\)\] {
    bottom: calc(100% - 8px)
}

.right-full {
    right: 100%
}

.left-\[calc\(\(30px-8px\)\/2\)\] {
    left: calc((30px - 8px) / 2)
}

.bottom-\[var\(--bottomNavNormal\)\] {
    bottom: var(--bottomNavNormal)
}

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

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

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

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

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

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

.bottom-\[28\%\] {
    bottom: 28%
}

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

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

.top-\[calc\(15px\+24px\+8px\)\] {
    top: calc(15px + 24px + 8px)
}

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

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

.right-\[25px\] {
    right: 25px
}

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

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

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

.bottom-50 {
    bottom: 50px
}

.left-\[calc\(\(24px-2px\)\/2\)\] {
    left: calc((24px - 2px) / 2)
}

.top-\[calc\(24px\+8px\)\] {
    top: calc(24px + 8px)
}

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

.right-\[70px\] {
    right: 70px
}

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

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

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

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

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

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

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

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

.right-\[30px\] {
    right: 30px
}

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

.top-40 {
    top: 40px
}

.left-40 {
    left: 40px
}

.right-40 {
    right: 40px
}

.bottom-40 {
    bottom: 40px
}

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

.bottom-\[calc\(180px_\+_max\(env\(safe-area-inset-bottom\)\2c _15px\)\)\] {
    bottom: calc(180px + max(env(safe-area-inset-bottom), 15px))
}

.right-\[-2px\] {
    right: -2px
}

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

.-left-12 {
    left: -12px
}

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

.right-\[45px\] {
    right: 45px
}

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

.bottom-\[calc\(var\(--vh\)\*-\.1\)\] {
    bottom: calc(var(--vh) * -.1)
}

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

.left-full {
    left: 100%
}

.bottom-\[2\%\] {
    bottom: 2%
}

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

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

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

.-bottom-14 {
    bottom: -14px
}

.-top-3 {
    top: -3px
}

.-right-3 {
    right: -3px
}

.bottom-\[calc\(100\%\+15px\)\] {
    bottom: calc(100% + 15px)
}

.top-\[calc\(100\%-9px\)\] {
    top: calc(100% - 9px)
}

.-right-7 {
    right: -7px
}

.-bottom-4 {
    bottom: -4px
}

.-left-7 {
    left: -7px
}

.-left-4 {
    left: -4px
}

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

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

.top-\[4\.3\%\] {
    top: 4.3%
}

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

.top-\[\.15em\] {
    top: .15em
}

.bottom-\[\.15em\] {
    bottom: .15em
}

.bottom-10 {
    bottom: 10px
}

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

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

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

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

.left-\[calc\(100\%\+9px\)\] {
    left: calc(100% + 9px)
}

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

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

.right-\[calc\(92\%-10px\)\] {
    right: calc(92% - 10px)
}

.right-\[calc\(92\%-40px\)\] {
    right: calc(92% - 40px)
}

.right-\[calc\(30px\+34px\+30px\)\] {
    right: calc(30px + 34px + 30px)
}

.top-\[calc\(20px\+22px\)\] {
    top: calc(20px + 22px)
}

.\!left-\[calc\(\(0\.3333\*0\.5\)\*100\%\)\] {
    left: calc((.3333 * .5) * 100%) !important
}

.\!right-\[calc\(\(0\.3333\*0\.5\)\*100\%\)\] {
    right: calc((.3333 * .5) * 100%) !important
}

.right-\[calc\(50\%\+22px\)\] {
    right: calc(50% + 22px)
}

.right-\[22px\] {
    right: 22px
}

.right-1 {
    right: 1px
}

.top-\[calc\(var\(--vh\)\*-\.125\)\] {
    top: calc(var(--vh) * -.125)
}

.top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px)
}

.left-3 {
    left: 3px
}

.bottom-\[calc\(var\(--bottomNavNormal\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    bottom: calc(var(--bottomNavNormal) + var(--vjsScrubberSmall) + 15px)
}

.right-\[calc\(15px\+5px\+34px\+5px\+60px\)\] {
    right: calc(15px + 5px + 34px + 5px + 60px)
}

.right-\[12px\] {
    right: 12px
}

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

.right-\[calc\(15px\+44px\+8px\)\] {
    right: calc(15px + 44px + 8px)
}

.bottom-\[calc\(100\%\+55px\)\] {
    bottom: calc(100% + 55px)
}

.top-\[calc\(144px\+15px\)\] {
    top: calc(144px + 15px)
}

.top-2 {
    top: 2px
}

.left-7 {
    left: 7px
}

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

.right-\[-12px\] {
    right: -12px
}

.top-\[calc\(var\(--vh\)\*-\.1\)\] {
    top: calc(var(--vh) * -.1)
}

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

.right-\[-7px\] {
    right: -7px
}

.top-\[calc\(\(\(\(var\(--vw\)-\(20px\*2\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(1\/1\)\)\/2\)\] {
    top: calc((((var(--vw) - (20px * 2) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (1 / 1)) / 2)
}

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

.bottom-\[24\%\] {
    bottom: 24%
}

.-top-10 {
    top: -10px
}

.-right-10 {
    right: -10px
}

.bottom-\[calc\(var\(--vh\)\*10\)\] {
    bottom: calc(var(--vh) * 10)
}

.left-\[calc\(var\(--vh\)\*10\)\] {
    left: calc(var(--vh) * 10)
}

.top-\[calc\(15px\+44px\+15px\)\] {
    top: calc(15px + 44px + 15px)
}

.bottom-60 {
    bottom: 60px
}

.top-7 {
    top: 7px
}

.right-7 {
    right: 7px
}

.left-\[calc\(100\%\+8px\)\] {
    left: calc(100% + 8px)
}

.left-\[calc\(100\%\+8px\+25px\)\] {
    left: calc(100% + 8px + 25px)
}

.bottom-2 {
    bottom: 2px
}

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

.top-\[calc\(8px\+24px\+15px\)\] {
    top: calc(8px + 24px + 15px)
}

.bottom-\[calc\(8px\+24px\+15px\)\] {
    bottom: calc(8px + 24px + 15px)
}

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

.right-\[calc\(100\%\+5px\)\] {
    right: calc(100% + 5px)
}

.left-\[calc\(100\%\+5px\)\] {
    left: calc(100% + 5px)
}

.top-\[calc\(8px\+24px\+10px\)\] {
    top: calc(8px + 24px + 10px)
}

.top-17 {
    top: 17px
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-90 {
    z-index: 90
}

.z-0 {
    z-index: 0
}

.\!z-\[110\] {
    z-index: 110 !important
}

.z-50 {
    z-index: 50
}

.z-100 {
    z-index: 100
}

.z-80 {
    z-index: 80
}

.z-60 {
    z-index: 60
}

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

.z-30 {
    z-index: 30
}

.\!z-111 {
    z-index: 111 !important
}

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

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

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

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

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

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

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

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

.\!z-\[111\] {
    z-index: 111 !important
}

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

.order-2 {
    order: 2
}

.order-1 {
    order: 1
}

.order-3 {
    order: 3
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-\[1_\/_2\] {
    grid-column: 1/2
}

.col-\[2_\/_3\] {
    grid-column: 2/3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-\[1_\/_2\] {
    grid-row: 1/2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.m-10 {
    margin: 10px
}

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

.m-8 {
    margin: 8px
}

.m-3 {
    margin: 3px
}

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

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

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

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

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

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

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

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

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

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

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

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

.mx-\[-10px\] {
    margin-left: -10px;
    margin-right: -10px
}

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

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

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

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

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

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

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

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

.ml-\[calc\(var\(--vw\)\*\.125\)\] {
    margin-left: calc(var(--vw) * .125)
}

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

.ml-\[calc\(var\(--vw\)\*\.11\)\] {
    margin-left: calc(var(--vw) * .11)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-\[calc\(var\(--vh\)\*-\.0165\)\] {
    margin-bottom: calc(var(--vh) * -.0165)
}

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

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

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

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

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

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

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

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

.\!ml-30 {
    margin-left: 30px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

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

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

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

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

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

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

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

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

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

.ml-\[calc\(34px\+8px\)\] {
    margin-left: calc(34px + 8px)
}

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

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

.mt-\[calc\(var\(--vw\)\*\(\.015\)\)\] {
    margin-top: calc(var(--vw) * (.015))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-\[calc\(var\(--vh\)\*\.0325\)\] {
    margin-left: calc(var(--vh) * .0325)
}

.mb-\[calc\(var\(--vh\)\*-\.052\)\] {
    margin-bottom: calc(var(--vh) * -.052)
}

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

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

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

.mb-\[-28\%\] {
    margin-bottom: -28%
}

.mb-\[7\.5\%\] {
    margin-bottom: 7.5%
}

.mb-\[-35\%\] {
    margin-bottom: -35%
}

.ml-\[0\.18em\] {
    margin-left: .18em
}

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

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

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

.mb-\[-8\%\] {
    margin-bottom: -8%
}

.ml-auto {
    margin-left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-\[1ch\] {
    margin-right: 1ch
}

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.\!flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.\!grid {
    display: grid !important
}

.contents {
    display: contents
}

.\!contents {
    display: contents !important
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-\[9_\/_16\] {
    aspect-ratio: 9/16
}

.aspect-\[163_\/_348\] {
    aspect-ratio: 163/348
}

.aspect-\[330_\/_61\] {
    aspect-ratio: 330/61
}

.aspect-1 {
    aspect-ratio: 1
}

.aspect-\[240_\/_120\] {
    aspect-ratio: 240/120
}

.aspect-\[108_\/_157\] {
    aspect-ratio: 108/157
}

.aspect-\[1200_\/_840\] {
    aspect-ratio: 1200/840
}

.aspect-\[9_\/_14\] {
    aspect-ratio: 9/14
}

.aspect-\[234_\/_100\] {
    aspect-ratio: 234/100
}

.aspect-\[35_\/_24\] {
    aspect-ratio: 35/24
}

.h-screen {
    height: var(--vh)
}

.h-full {
    height: 100%
}

.h-24 {
    height: 24px
}

.h-34 {
    height: 34px
}

.h-22 {
    height: 22px
}

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

.h-\[calc\(var\(--vh\)\*\.25\)\] {
    height: calc(var(--vh) * .25)
}

.h-\[calc\(var\(--vw\)\*\.43\)\] {
    height: calc(var(--vw) * .43)
}

.h-screen-1\/6 {
    height: calc(var(--vh) * .16666667)
}

.h-\[calc\(var\(--vh\)\*\.275\)\] {
    height: calc(var(--vh) * .275)
}

.h-\[calc\(var\(--vh\)\*\.2\)\] {
    height: calc(var(--vh) * .2)
}

.h-\[calc\(var\(--vw\)\*\.26\)\] {
    height: calc(var(--vw) * .26)
}

.h-32 {
    height: 32px
}

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

.h-screen-1\/5 {
    height: calc(var(--vh) * .2)
}

.h-44 {
    height: 44px
}

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

.h-18 {
    height: 18px
}

.h-6 {
    height: 6px
}

.h-26 {
    height: 26px
}

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

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

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

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

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

.h-54 {
    height: 54px
}

.h-\[var\(--bottomNavNormal\)\] {
    height: var(--bottomNavNormal)
}

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

.h-min {
    height: min-content
}

.h-64 {
    height: 64px
}

.h-\[calc\(var\(--vh\)\*\.18\)\] {
    height: calc(var(--vh) * .18)
}

.h-80 {
    height: 80px
}

.h-70 {
    height: 70px
}

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

.h-16 {
    height: 16px
}

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

.h-10 {
    height: 10px
}

.h-28 {
    height: 28px
}

.h-20 {
    height: 20px
}

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

.h-8 {
    height: 8px
}

.\!h-full {
    height: 100% !important
}

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

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

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

.h-\[calc\(var\(--vw\)\*0\.105\)\] {
    height: calc(var(--vw) * .105)
}

.h-\[calc\(var\(--vh\)\*0\.225\)\] {
    height: calc(var(--vh) * .225)
}

.\!h-80 {
    height: 80px !important
}

.h-55 {
    height: 55px
}

.h-2\/3 {
    height: 66.666667%
}

.h-\[calc\(var\(--vh\)\*\.28\)\] {
    height: calc(var(--vh) * .28)
}

.h-\[calc\(120vh\)\] {
    height: calc(120vh)
}

.h-cqh-full {
    height: 100cqh
}

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

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

.h-0 {
    height: 0
}

.h-1\/2 {
    height: 50%
}

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

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

.h-1 {
    height: 1px
}

.h-screen-1\/12 {
    height: calc(var(--vh) * .08333333)
}

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

.h-2 {
    height: 2px
}

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

.\!h-18 {
    height: 18px !important
}

.h-\[calc\(34px-16px\)\] {
    height: calc(34px - 16px)
}

.h-17 {
    height: 17px
}

.h-9 {
    height: 9px
}

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

.h-\[calc\(100\%\+4px\)\] {
    height: calc(100% + 4px)
}

.h-\[calc\(44px-16px\)\] {
    height: calc(44px - 16px)
}

.h-screen-3\/5 {
    height: calc(var(--vh) * .6)
}

.h-\[calc\(44px\*3\)\] {
    height: calc(44px * 3)
}

.h-100 {
    height: 100px
}

.h-\[calc\(100cqw\*0\.105\)\] {
    height: calc(100cqw * .105)
}

.h-\[calc\(100cqh\*0\.225\)\] {
    height: calc(100cqh * .225)
}

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

.h-\[calc\(var\(--vw\)\*0\.3\)\] {
    height: calc(var(--vw) * .3)
}

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

.\!h-screen {
    height: var(--vh) !important
}

.h-screen-2\/3 {
    height: calc(var(--vh) * .66666667)
}

.h-\[calc\(var\(--vh\)\*\.375\)\] {
    height: calc(var(--vh) * .375)
}

.h-\[calc\(100\%-var\(--bottomNavNormal\)\)\] {
    height: calc(100% - var(--bottomNavNormal))
}

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

.h-74 {
    height: 74px
}

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

.h-\[calc\(\(60px\+40px\)\)\] {
    height: calc((60px + 40px))
}

.h-\[calc\(\(60px\+40px\)\*2\)\] {
    height: calc((60px + 40px) * 2)
}

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

.h-\[calc\(100\%-10px\)\] {
    height: calc(100% - 10px)
}

.h-\[120\%\] {
    height: 120%
}

.h-\[calc\(100px\+20px\)\] {
    height: calc(100px + 20px)
}

.h-screen-1\/2 {
    height: calc(var(--vh) * .5)
}

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

.h-3 {
    height: 3px
}

.h-110 {
    height: 110px
}

.h-12 {
    height: 12px
}

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

.h-\[clamp\(170px\2c _27\.5vh\2c _225px\)\] {
    height: clamp(170px, 27.5vh, 225px)
}

.h-\[clamp\(190px\2c _27\.5vh\2c _260px\)\] {
    height: clamp(190px, 27.5vh, 260px)
}

.h-14 {
    height: 14px
}

.h-\[clamp\(170px\2c _25vh\2c _225px\)\] {
    height: clamp(170px, 25vh, 225px)
}

.h-\[\.66em\] {
    height: .66em
}

.h-\[\.65em\] {
    height: .65em
}

.h-\[calc\(100\%-8px\)\] {
    height: calc(100% - 8px)
}

.\!h-\[74px\] {
    height: 74px !important
}

.h-\[calc\(var\(--vw\)\*\.5\)\] {
    height: calc(var(--vw) * .5)
}

.h-\[calc\(100cqw\*\.5\)\] {
    height: calc(100cqw * .5)
}

.h-\[calc\(var\(--vw\)\*\.8\)\] {
    height: calc(var(--vw) * .8)
}

.h-\[calc\(100cqw\*\.8\)\] {
    height: calc(100cqw * .8)
}

.h-\[calc\(var\(--vw\)\*\.75\)\] {
    height: calc(var(--vw) * .75)
}

.h-\[calc\(100cqw\*\.75\)\] {
    height: calc(100cqw * .75)
}

.h-\[inherit\] {
    height: inherit
}

.\!h-\[calc\(100\%\+200px\)\] {
    height: calc(100% + 200px) !important
}

.h-4 {
    height: 4px
}

.h-36 {
    height: 36px
}

.h-\[calc\(100\%\+1px\)\] {
    height: calc(100% + 1px)
}

.h-\[clamp\(200px\2c _30vh\2c _250px\)\] {
    height: clamp(200px, 30vh, 250px)
}

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

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

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

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

.h-33 {
    height: 33px
}

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

.h-180 {
    height: 180px
}

.h-15 {
    height: 15px
}

.h-\[clamp\(260px\2c _var\(--vh\)\*\.4\2c _340px\)\] {
    height: clamp(260px, var(--vh) * .4, 340px)
}

.h-30 {
    height: 30px
}

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

.h-150 {
    height: 150px
}

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

.h-\[min\(76\%\2c _340px\)\] {
    height: min(76%, 340px)
}

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

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

.h-52 {
    height: 52px
}

.h-60 {
    height: 60px
}

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

.h-5 {
    height: 5px
}

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

.h-\[calc\(var\(--vh\)\*1\.20\)\] {
    height: calc(var(--vh) * 1.2)
}

.h-\[calc\(var\(--vw\)\*\.34\)\] {
    height: calc(var(--vw) * .34)
}

.h-screen-5\/6 {
    height: calc(var(--vh) * .83333333)
}

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

.h-40 {
    height: 40px
}

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

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

.h-\[var\(--vh\)\] {
    height: var(--vh)
}

.\!h-auto {
    height: auto !important
}

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

.max-h-\[calc\(12px\*1\.375\*4\.75\)\] {
    max-height: calc(12px * 1.375 * 4.75)
}

.max-h-screen-3\/4 {
    max-height: calc(var(--vh) * .75)
}

.max-h-screen-3\/5 {
    max-height: calc(var(--vh) * .6)
}

.max-h-screen-4\/5 {
    max-height: calc(var(--vh) * .8)
}

.max-h-screen-2\/3 {
    max-height: calc(var(--vh) * .66666667)
}

.max-h-\[calc\(12px\*1\.375\*5\.25\)\] {
    max-height: calc(12px * 1.375 * 5.25)
}

.max-h-\[calc\(54px\*1\.65\)\] {
    max-height: calc(54px * 1.65)
}

.max-h-\[calc\(12px\*1\.375\*4\.5\)\] {
    max-height: calc(12px * 1.375 * 4.5)
}

.\!max-h-\[calc\(12px\*1\.375\*4\)\] {
    max-height: calc(12px * 1.375 * 4) !important
}

.max-h-\[calc\(\(118px\*3\.25\)\+15px\+\(20px\*3\)\)\] {
    max-height: calc((118px * 3.25) + 15px + (20px * 3))
}

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

.max-h-\[190px\] {
    max-height: 190px
}

.max-h-\[250px\] {
    max-height: 250px
}

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

.max-h-screen-1\/3 {
    max-height: calc(var(--vh) * .33333333)
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-\[calc\(12px\*1\.375\*5\.5\)\] {
    max-height: calc(12px * 1.375 * 5.5)
}

.max-h-\[\.66em\] {
    max-height: .66em
}

.max-h-\[\.65em\] {
    max-height: .65em
}

.max-h-screen-10\/12 {
    max-height: calc(var(--vh) * .83333333)
}

.max-h-100 {
    max-height: 100px
}

.max-h-\[calc\(\(var\(--vh\)\*\.8\)-140px\)\] {
    max-height: calc((var(--vh) * .8) - 140px)
}

.max-h-16 {
    max-height: 16px
}

.max-h-screen-1\/2 {
    max-height: calc(var(--vh) * .5)
}

.max-h-screen-9\/12 {
    max-height: calc(var(--vh) * .75)
}

.min-h-\[calc\(\(var\(--bottomNavNormal\)\*1\.5\)\+15px\)\] {
    min-height: calc((var(--bottomNavNormal) * 1.5) + 15px)
}

.min-h-\[calc\(var\(--bottomNavNormal\)\+120px\)\] {
    min-height: calc(var(--bottomNavNormal) + 120px)
}

.min-h-screen {
    min-height: var(--vh)
}

.min-h-\[calc\(54px\*1\.75\)\] {
    min-height: calc(54px * 1.75)
}

.min-h-\[calc\(\(var\(--bottomNavNormal\)\*2\)\+15px\)\] {
    min-height: calc((var(--bottomNavNormal) * 2) + 15px)
}

.min-h-\[calc\(54px\*1\.25\)\] {
    min-height: calc(54px * 1.25)
}

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

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

.min-h-\[calc\(100\%\+4px\)\] {
    min-height: calc(100% + 4px)
}

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

.min-h-\[650\%\] {
    min-height: 650%
}

.min-h-\[750\%\] {
    min-height: 750%
}

.min-h-\[calc\(\(118px\*3\.25\)\+15px\+\(20px\*3\)\)\] {
    min-height: calc((118px * 3.25) + 15px + (20px * 3))
}

.min-h-\[calc\(\(\(\(\(var\(--vw\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\*3\)\+\(2px\*3\)\)\] {
    min-height: calc(((((var(--vw) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9)) * 3) + (2px * 3))
}

.min-h-\[calc\(\(\(\(\(100cqw-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\*3\)\+\(2px\*3\)\)\] {
    min-height: calc(((((100cqw - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9)) * 3) + (2px * 3))
}

.min-h-\[calc\(\(\(\(\(var\(--vw\)-\(2px\*2\)\)\/3\)\*\(16\/9\)\)\*3\)\+\(2px\*2\)\)\] {
    min-height: calc(((((var(--vw) - (2px * 2)) / 3) * (16 / 9)) * 3) + (2px * 2))
}

.min-h-\[\.66em\] {
    min-height: .66em
}

.min-h-\[\.65em\] {
    min-height: .65em
}

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

.min-h-\[6ch\] {
    min-height: 6ch
}

.min-h-\[calc\(var\(--vh\)-var\(--bottomNavNormal\)-118px-86px\)\] {
    min-height: calc(var(--vh) - var(--bottomNavNormal) - 118px - 86px)
}

.min-h-\[calc\(\(var\(--vh\)\*\(2\/3\)\)-74px\)\] {
    min-height: calc((var(--vh) * (2 / 3)) - 74px)
}

.min-h-\[calc\(100cqh-100px-74px\)\] {
    min-height: calc(100cqh - 100px - 74px)
}

.w-screen {
    width: var(--vw)
}

.w-full {
    width: 100%
}

.w-min {
    width: min-content
}

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

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

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

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

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

.w-ch-30 {
    width: 30ch
}

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

.w-54 {
    width: 54px
}

.w-cqw-2\/4 {
    width: 50cqw
}

.w-\[calc\(var\(--vh\)\*\.375\)\] {
    width: calc(var(--vh) * .375)
}

.w-\[clamp\(400px\2c _60vw\2c _600px\)\] {
    width: clamp(400px, 60vw, 600px)
}

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

.w-max {
    width: max-content
}

.w-\[calc\(\(var\(--vw\)-60px\)\/2\.5\)\] {
    width: calc((var(--vw) - 60px) / 2.5)
}

.w-\[calc\(\(\(var\(--vw\)-60px\)-\(8px\*2\)\)\/3\)\] {
    width: calc(((var(--vw) - 60px) - (8px * 2)) / 3)
}

.w-60 {
    width: 60px
}

.w-30 {
    width: 30px
}

.w-auto {
    width: auto
}

.w-8 {
    width: 8px
}

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

.w-\[35ch\] {
    width: 35ch
}

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

.w-64 {
    width: 64px
}

.w-\[calc\(var\(--vw\)\*\.15\)\] {
    width: calc(var(--vw) * .15)
}

.w-\[calc\(\(var\(--vw\)-60px-2px-\(7px\*2\)-\(8px\*3\)\)\/3\)\] {
    width: calc((var(--vw) - 60px - 2px - (7px * 2) - (8px * 3)) / 3)
}

.w-\[calc\(\(100cqw-60px-2px-\(7px\*2\)-\(8px\*3\)\)\/3\)\] {
    width: calc((100cqw - 60px - 2px - (7px * 2) - (8px * 3)) / 3)
}

.\!w-screen {
    width: var(--vw) !important
}

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

.w-1\/2 {
    width: 50%
}

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

.w-0 {
    width: 0
}

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

.w-\[calc\(var\(--vw\)-60px\)\] {
    width: calc(var(--vw) - 60px)
}

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

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

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

.w-44 {
    width: 44px
}

.w-cqw-full {
    width: 100cqw
}

.w-14 {
    width: 14px
}

.w-24 {
    width: 24px
}

.w-34 {
    width: 34px
}

.w-\[clamp\(400px\2c _100cqw\2c _600px\)\] {
    width: clamp(400px, 100cqw, 600px)
}

.w-\[calc\(100\%\+4px\)\] {
    width: calc(100% + 4px)
}

.\!w-12 {
    width: 12px !important
}

.\!w-\[calc\(var\(--vh\)\*\(9\/16\)\)\] {
    width: calc(var(--vh) * (9 / 16)) !important
}

.w-2 {
    width: 2px
}

.w-\[calc\(100\%-34px-8px\)\] {
    width: calc(100% - 34px - 8px)
}

.w-12 {
    width: 12px
}

.w-120 {
    width: 120px
}

.w-36 {
    width: 36px
}

.w-70 {
    width: 70px
}

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

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

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

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

.w-cqw-3\/5 {
    width: 60cqw
}

.w-180 {
    width: 180px
}

.w-\[calc\(44px\*4\)\] {
    width: calc(44px * 4)
}

.w-\[calc\(100cqh\*\(9\/16\)\)\] {
    width: calc(100cqh * (9 / 16))
}

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

.w-\[calc\(100cqw\*\.15\)\] {
    width: calc(100cqw * .15)
}

.w-3 {
    width: 3px
}

.w-22 {
    width: 22px
}

.w-\[4ch\] {
    width: 4ch
}

.w-\[calc\(var\(--vw\)\*\.2\)\] {
    width: calc(var(--vw) * .2)
}

.w-\[calc\(var\(--vw\)\*\.14\)\] {
    width: calc(var(--vw) * .14)
}

.w-26 {
    width: 26px
}

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

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

.w-\[fit-content\] {
    width: -moz-fit-content;
    width: fit-content
}

.w-80 {
    width: 80px
}

.w-100 {
    width: 100px
}

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

.w-140 {
    width: 140px
}

.w-200 {
    width: 200px
}

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

.w-\[calc\(100\%-10px\)\] {
    width: calc(100% - 10px)
}

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

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

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

.w-\[calc\(100px\+20px\)\] {
    width: calc(100px + 20px)
}

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

.w-\[calc\(\(var\(--vh\)-80px\)\*\(9\/16\)\)\] {
    width: calc((var(--vh) - 80px) * (9 / 16))
}

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

.w-\[calc\(\(\(var\(--vw\)-60px\)-\(8px\*2\)\)\/2\.5\)\] {
    width: calc(((var(--vw) - 60px) - (8px * 2)) / 2.5)
}

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

.w-40 {
    width: 40px
}

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

.w-\[\.65em\] {
    width: .65em
}

.w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px)
}

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

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

.w-\[calc\(100cqw\)\] {
    width: calc(100cqw)
}

.w-\[calc\(var\(--vw\)\*\.8\)\] {
    width: calc(var(--vw) * .8)
}

.w-\[calc\(100cqw\*\.8\)\] {
    width: calc(100cqw * .8)
}

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

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

.w-\[inherit\] {
    width: inherit
}

.w-110 {
    width: 110px
}

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

.\!w-\[calc\(100\%\+200px\)\] {
    width: calc(100% + 200px) !important
}

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

.w-16 {
    width: 16px
}

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

.w-250 {
    width: 250px
}

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

.w-\[min\(100\%\2c _450px\)\] {
    width: min(100%, 450px)
}

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

.w-\[calc\(\(100vw-60px-\(15px\*2\)\)\/3\)\] {
    width: calc((100vw - 60px - (15px * 2)) / 3)
}

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

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

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

.w-130 {
    width: 130px
}

.w-\[calc\(\(var\(--vw\)-60px-\(8px\*2\)\)\/3\)\] {
    width: calc((var(--vw) - 60px - (8px * 2)) / 3)
}

.w-\[calc\(\(100cqw-60px-\(8px\*2\)\)\/3\)\] {
    width: calc((100cqw - 60px - (8px * 2)) / 3)
}

.w-\[min\(40\%\2c _450px\)\] {
    width: min(40%, 450px)
}

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

.w-5 {
    width: 5px
}

.w-\[calc\(28px\+15px\)\] {
    width: calc(28px + 15px)
}

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

.w-screen-1\/5 {
    width: calc(var(--vw) * .2)
}

.w-\[calc\(100\%-\(\(\(0\.3333\*0\.5\)\*100\%\)\*2\)\)\] {
    width: calc(100% - (((.3333 * .5) * 100%) * 2))
}

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

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

.w-21 {
    width: 21px
}

.w-\[calc\(100cqw-60px\)\] {
    width: calc(100cqw - 60px)
}

.w-\[calc\(22px\+15px\)\] {
    width: calc(22px + 15px)
}

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

.w-\[calc\(\(var\(--vw\)-120px-\(8px\*2\)\)\/3\)\] {
    width: calc((var(--vw) - 120px - (8px * 2)) / 3)
}

.w-50 {
    width: 50px
}

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

.w-\[min\(600px\2c _66vw\)\] {
    width: min(600px, 66vw)
}

.w-\[calc\(\(var\(--vw\)-120px-60px\)\/3\)\] {
    width: calc((var(--vw) - 120px - 60px) / 3)
}

.w-\[calc\(\(100cqw-120px-60px\)\/3\)\] {
    width: calc((100cqw - 120px - 60px) / 3)
}

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

.w-\[calc\(var\(--vw\)-90px\)\] {
    width: calc(var(--vw) - 90px)
}

.w-\[calc\(34px\*\(9\/14\)\)\] {
    width: calc(34px * (9 / 14))
}

.w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px)
}

.w-\[calc\(100cqw-90px\)\] {
    width: calc(100cqw - 90px)
}

.w-2\/3 {
    width: 66.666667%
}

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

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

.w-\[calc\(\(\(\(var\(--vw\)-30px\)\*\.8\)-\(2\*15px\)-\(1\*8px\)\)\/1\.25\)\] {
    width: calc((((var(--vw) - 30px) * .8) - (2 * 15px) - (1 * 8px)) / 1.25)
}

.w-\[calc\(\(\(\(100cqw-30px\)\*\.45\)-\(2\*30px\)-\(2\*8px\)\)\/3\)\] {
    width: calc((((100cqw - 30px) * .45) - (2 * 30px) - (2 * 8px)) / 3)
}

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

.w-\[calc\(\(\(\(var\(--vw\)-30px\)\*\.8\)-\(2\*15px\)-\(2\*8px\)\)\/1\.75\)\] {
    width: calc((((var(--vw) - 30px) * .8) - (2 * 15px) - (2 * 8px)) / 1.75)
}

.w-\[calc\(\(\(\(var\(--vw\)-30px\)\*\.8\)-\(2\*15px\)-\(2\*8px\)\)\/3\)\] {
    width: calc((((var(--vw) - 30px) * .8) - (2 * 15px) - (2 * 8px)) / 3)
}

.\!w-auto {
    width: auto !important
}

.min-w-ch-20 {
    min-width: 20ch
}

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

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

.min-w-\[calc\(\(100\%-60px-\(8px\*2\)\)\/3\)\] {
    min-width: calc((100% - 60px - (8px * 2)) / 3)
}

.min-w-\[102\%\] {
    min-width: 102%
}

.min-w-\[3ch\] {
    min-width: 3ch
}

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

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

.min-w-\[calc\(100\%\+4px\)\] {
    min-width: calc(100% + 4px)
}

.min-w-\[650\%\] {
    min-width: 650%
}

.min-w-\[750\%\] {
    min-width: 750%
}

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

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

.min-w-\[\.66em\] {
    min-width: .66em
}

.min-w-\[\.65em\] {
    min-width: .65em
}

.min-w-\[175\%\] {
    min-width: 175%
}

.min-w-\[calc\(var\(--vw\)-40px-28px-15px\)\] {
    min-width: calc(var(--vw) - 40px - 28px - 15px)
}

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

.\!min-w-0 {
    min-width: 0 !important
}

.min-w-\[calc\(var\(--vw\)\*1\.05\)\] {
    min-width: calc(var(--vw) * 1.05)
}

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

.min-w-\[calc\(\(\(\(var\(--vw\)-30px\)\*\.8\)-\(2\*15px\)-\(2\*8px\)\)\/3\)\] {
    min-width: calc((((var(--vw) - 30px) * .8) - (2 * 15px) - (2 * 8px)) / 3)
}

.min-w-\[calc\(\(\(\(100cqw-30px\)\*\.45\)-\(2\*30px\)-\(2\*8px\)\)\/3\)\] {
    min-width: calc((((100cqw - 30px) * .45) - (2 * 30px) - (2 * 8px)) / 3)
}

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

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

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

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

.max-w-\[calc\(100\%-12px\)\] {
    max-width: calc(100% - 12px)
}

.max-w-\[calc\(100\%-13px\)\] {
    max-width: calc(100% - 13px)
}

.max-w-ch-25 {
    max-width: 25ch
}

.max-w-\[calc\(100\%-12px-5px-15px\)\] {
    max-width: calc(100% - 12px - 5px - 15px)
}

.max-w-\[calc\(100\%-18px\)\] {
    max-width: calc(100% - 18px)
}

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

.max-w-\[min\(75\%\2c _500px\)\] {
    max-width: min(75%, 500px)
}

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

.max-w-ch-45 {
    max-width: 45ch
}

.max-w-ch-30 {
    max-width: 30ch
}

.max-w-\[calc\(var\(--vw\)\*\.33\)\] {
    max-width: calc(var(--vw) * .33)
}

.max-w-ch-75 {
    max-width: 75ch
}

.max-w-\[calc\(100\%-12px-5px-15px-12px-5px\)\] {
    max-width: calc(100% - 12px - 5px - 15px - 12px - 5px)
}

.max-w-\[\.66em\] {
    max-width: .66em
}

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

.max-w-ch-20 {
    max-width: 20ch
}

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

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

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

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

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

.max-w-\[calc\(100\%-15px\)\] {
    max-width: calc(100% - 15px)
}

.max-w-\[calc\(100\%-18px-60px\)\] {
    max-width: calc(100% - 18px - 60px)
}

.max-w-\[calc\(100\%-18px-24px-60px\)\] {
    max-width: calc(100% - 18px - 24px - 60px)
}

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

.max-w-screen-1\/2 {
    max-width: calc(var(--vw) * .5)
}

.flex-initial {
    flex: 0 1 auto
}

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

.flex-\[calc\(\(100cqw-\(3\*8px\)\)\/4\)\] {
    flex: calc((100cqw - (3 * 8px)) / 4)
}

.flex-full {
    flex: 0 0 100%
}

.\!flex-1 {
    flex: 1 1 0% !important
}

.flex-3\/12 {
    flex: 0 0 25%
}

.flex-2\/5 {
    flex: 0 0 40%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-1\/4 {
    flex: 0 0 25%
}

.flex-1\/3,
.flex-4\/12 {
    flex: 0 0 33.333333%
}

.flex-shrink-\[1\!important\] {
    flex-shrink: 1 !important
}

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

.flex-grow-\[4\] {
    flex-grow: 4
}

.grow {
    flex-grow: 1
}

.origin-left {
    transform-origin: left
}

.origin-bottom {
    transform-origin: bottom
}

.origin-right {
    transform-origin: right
}

.-translate-y-\[-15px\] {
    --tw-translate-y: 15px
}

.-translate-x-1\/2,
.-translate-y-\[-15px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-y-\[calc\(var\(--vh\)\*\.025\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[calc\(var\(--vh\)\*\.025\)\] {
    --tw-translate-y: calc(var(--vh) * .025)
}

.translate-x-\[-55\%\] {
    --tw-translate-x: -55%
}

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

.translate-y-\[-55\%\] {
    --tw-translate-y: -55%
}

.translate-y-\[-1\.6\%\] {
    --tw-translate-y: -1.6%
}

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

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-x-\[calc\(-50\%-110px\)\] {
    --tw-translate-x: calc(-50% - 110px)
}

.translate-x-\[calc\(-50\%-110px\)\],
.translate-x-\[calc\(-50\%\+110px\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(-50\%\+110px\)\] {
    --tw-translate-x: calc(-50% + 110px)
}

.translate-y-\[0\.08em\] {
    --tw-translate-y: 0.08em
}

.translate-y-\[0\.06em\],
.translate-y-\[0\.08em\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[0\.06em\] {
    --tw-translate-y: 0.06em
}

.translate-y-\[-6\%\] {
    --tw-translate-y: -6%
}

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

.translate-x-\[3\%\] {
    --tw-translate-x: 3%
}

.translate-y-\[-3\%\] {
    --tw-translate-y: -3%
}

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

.translate-x-\[1\%\] {
    --tw-translate-x: 1%
}

.translate-y-\[1\%\] {
    --tw-translate-y: 1%
}

.translate-x-\[calc\(-50\%-60px\)\],
.translate-y-\[1\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(-50\%-60px\)\] {
    --tw-translate-x: calc(-50% - 60px)
}

.translate-x-\[calc\(-50\%\+60px\)\] {
    --tw-translate-x: calc(-50% + 60px)
}

.translate-x-2,
.translate-x-\[calc\(-50\%\+60px\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-2 {
    --tw-translate-x: 2px
}

.translate-y-15 {
    --tw-translate-y: 15px
}

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

.-rotate-1 {
    --tw-rotate: -1deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

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

.rotate-\[-12deg\] {
    --tw-rotate: -12deg
}

.rotate-\[20deg\] {
    --tw-rotate: 20deg
}

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

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-\[3deg\] {
    --tw-rotate: 3deg
}

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

.rotate-\[22deg\] {
    --tw-rotate: 22deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

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

.-rotate-6 {
    --tw-rotate: -6deg
}

.rotate-3 {
    --tw-rotate: 3deg
}

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

.-rotate-3 {
    --tw-rotate: -3deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

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

.rotate-\[10deg\] {
    --tw-rotate: 10deg
}

.rotate-\[-4deg\] {
    --tw-rotate: -4deg
}

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

.rotate-\[-18deg\] {
    --tw-rotate: -18deg
}

.-rotate-45 {
    --tw-rotate: -45deg
}

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

.rotate-\[-9deg\] {
    --tw-rotate: -9deg
}

.rotate-2 {
    --tw-rotate: 2deg
}

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

.-skew-y-35 {
    --tw-skew-y: -35deg
}

.skew-x-\[-55deg\] {
    --tw-skew-x: -55deg
}

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

.skew-y-\[7\.5deg\] {
    --tw-skew-y: 7.5deg
}

.skew-y-\[-7\.5deg\] {
    --tw-skew-y: -7.5deg
}

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

.skew-x-\[55deg\] {
    --tw-skew-x: 55deg
}

.skew-x-\[-30deg\] {
    --tw-skew-x: -30deg
}

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

.skew-x-\[30deg\] {
    --tw-skew-x: 30deg
}

.-skew-x-20 {
    --tw-skew-x: -20deg
}

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

.skew-x-20 {
    --tw-skew-x: 20deg
}

.scale-\[1\.25\] {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-\[1\.225\],
.scale-\[1\.25\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.225\] {
    --tw-scale-x: 1.225;
    --tw-scale-y: 1.225
}

.scale-\[\.9\] {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-\[1\.2\],
.scale-\[\.9\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2
}

.scale-\[1\.45\] {
    --tw-scale-x: 1.45;
    --tw-scale-y: 1.45
}

.scale-\[1\.15\],
.scale-\[1\.45\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.15\] {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15
}

.scale-\[2\] {
    --tw-scale-x: 2;
    --tw-scale-y: 2
}

.scale-100,
.scale-\[2\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-\[\.64\] {
    --tw-scale-x: .64;
    --tw-scale-y: .64
}

.scale-\[\.64\],
.scale-\[\.85\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[\.85\] {
    --tw-scale-x: .85;
    --tw-scale-y: .85
}

.scale-\[1\.75\] {
    --tw-scale-x: 1.75;
    --tw-scale-y: 1.75
}

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

.scale-\[\.8\] {
    --tw-scale-x: .8;
    --tw-scale-y: .8
}

.scale-x-\[3\] {
    --tw-scale-x: 3
}

.scale-x-\[3\],
.scale-y-\[1\.07\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-\[1\.07\] {
    --tw-scale-y: 1.07
}

.scale-y-\[1\.6\] {
    --tw-scale-y: 1.6
}

.scale-y-\[1\.6\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

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

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

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

@keyframes bounce--right {

    0%,
    to {
        transform: translateX(25%);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
}

.animate-bounce--right {
    animation: bounce--right 1s infinite
}

@keyframes bounce--left {

    0%,
    to {
        transform: translateX(-25%);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
}

.animate-bounce--left {
    animation: bounce--left 1s infinite
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

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

@keyframes ping-soft {

    75%,
    to {
        transform: scaleX(1.2) scaleY(1.55);
        opacity: 0
    }
}

.animate-ping-soft {
    animation: ping-soft 1s cubic-bezier(0, 0, .2, 1) infinite
}

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-start {
    scroll-snap-align: start
}

.snap-center {
    scroll-snap-align: center
}

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

.list-\[decimal\],
.list-decimal {
    list-style-type: decimal
}

.list-\[lower-alpha\] {
    list-style-type: lower-alpha
}

.list-\[lower-roman\] {
    list-style-type: lower-roman
}

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

.auto-cols-\[calc\(\(var\(--vw\)-\(8px\*1\)-\(30px\*2\)\)\/1\.33\)\] {
    grid-auto-columns: calc((var(--vw) - (8px * 1) - (30px * 2)) / 1.33)
}

.auto-cols-\[calc\(\(var\(--vw\)-\(8px\*1\)-\(30px\*2\)\)\/1\.25\)\] {
    grid-auto-columns: calc((var(--vw) - (8px * 1) - (30px * 2)) / 1.25)
}

.auto-cols-\[calc\(\(var\(--vw\)-\(30px\*2\)-\(8px\*2\)\)\/3\)\] {
    grid-auto-columns: calc((var(--vw) - (30px * 2) - (8px * 2)) / 3)
}

.auto-cols-\[calc\(\(100cqw-\(30px\*2\)-\(8px\*2\)\)\/3\)\] {
    grid-auto-columns: calc((100cqw - (30px * 2) - (8px * 2)) / 3)
}

.auto-cols-auto {
    grid-auto-columns: auto
}

.auto-cols-\[min\(calc\(var\(--vw\)-\(28px\+15px\)-\(20px\*2\)\)\2c _400px\)\] {
    grid-auto-columns: min(calc(var(--vw) - (28px + 15px) - (20px * 2)), 400px)
}

.auto-cols-\[min\(calc\(\(var\(--vw\)-20px-30px-24px\)\/3\.25\)\2c _140px\)\] {
    grid-auto-columns: min(calc((var(--vw) - 20px - 30px - 24px) / 3.25), 140px)
}

.auto-cols-\[calc\(var\(--vw\)-\(45px\*2\)\)\] {
    grid-auto-columns: calc(var(--vw) - (45px * 2))
}

.auto-cols-\[calc\(\(var\(--vw\)-\(15px\*2\)-\(8px\*1\)\)\/1\.6\)\] {
    grid-auto-columns: calc((var(--vw) - (15px * 2) - (8px * 1)) / 1.6)
}

.auto-cols-\[min\(calc\(\(var\(--vw\)-20px-28px-15px-20px-\(8px\*1\)\)\/2\)\2c _160px\)\] {
    grid-auto-columns: min(calc((var(--vw) - 20px - 28px - 15px - 20px - (8px * 1)) / 2), 160px)
}

.auto-cols-\[calc\(\(var\(--vw\)-\(15px\*2\)-\(8px\*1\)\)\/\(1\.6\*6\)\)\] {
    grid-auto-columns: calc((var(--vw) - (15px * 2) - (8px * 1)) / (1.6 * 6))
}

.auto-cols-\[min\(calc\(\(var\(--vw\)-20px-20px-15px-28px-\(2px\*2\)\)\/3\)\2c _140px\)\] {
    grid-auto-columns: min(calc((var(--vw) - 20px - 20px - 15px - 28px - (2px * 2)) / 3), 140px)
}

.auto-cols-\[250px\] {
    grid-auto-columns: 250px
}

.auto-cols-\[min\(calc\(\(var\(--vw\)-20px-30px\)\/1\.5\)\2c _200px\)\] {
    grid-auto-columns: min(calc((var(--vw) - 20px - 30px) / 1.5), 200px)
}

.auto-cols-\[calc\(\(var\(--vw\)-60px-\(8px\*2\)\)\/3\)\] {
    grid-auto-columns: calc((var(--vw) - 60px - (8px * 2)) / 3)
}

.auto-cols-\[calc\(\(var\(--vw\)-60px-4px\)\/3\)\] {
    grid-auto-columns: calc((var(--vw) - 60px - 4px) / 3)
}

.auto-cols-\[calc\(\(100cqw-60px-4px\)\/3\)\] {
    grid-auto-columns: calc((100cqw - 60px - 4px) / 3)
}

.auto-cols-\[min\(calc\(\(var\(--vw\)-\(28px\+15px\)-\(20px\*2\)-\(8px\*2\)\)\/2\)\2c _200px\)\] {
    grid-auto-columns: min(calc((var(--vw) - (28px + 15px) - (20px * 2) - (8px * 2)) / 2), 200px)
}

.auto-cols-\[calc\(\(var\(--vw\)-40px-6px\)\/4\)\] {
    grid-auto-columns: calc((var(--vw) - 40px - 6px) / 4)
}

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

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

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

.auto-rows-\[calc\(\(\(var\(--vw\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\] {
    grid-auto-rows: calc(((var(--vw) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9))
}

.auto-rows-\[calc\(\(\(100cqw-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\] {
    grid-auto-rows: calc(((100cqw - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9))
}

.auto-rows-min {
    grid-auto-rows: min-content
}

.auto-rows-awards {
    grid-auto-rows: 275px
}

.auto-rows-\[calc\(\(\(var\(--vw\)-\(20px\*2\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(1\/1\)\)\] {
    grid-auto-rows: calc(((var(--vw) - (20px * 2) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (1 / 1))
}

.auto-rows-series {
    grid-auto-rows: calc(((var(--vw) - 2px) / 2) * (16 / 9))
}

.auto-rows-\[200px\] {
    grid-auto-rows: 200px
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-\[1fr\] {
    grid-template-columns: 1fr
}

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

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-\[1fr\2c _min\(40\%\2c _500px\)\] {
    grid-template-columns: 1fr min(40%, 500px)
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid-cols-\[repeat\(var\(--grid-items-per-row\)\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(var(--grid-items-per-row), minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-\[min\(40\%\2c _450px\)\2c _1fr\] {
    grid-template-columns: min(40%, 450px) 1fr
}

.grid-cols-\[repeat\(3\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-\[min\(40\%\2c _500px\)\2c _1fr\] {
    grid-template-columns: min(40%, 500px) 1fr
}

.\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

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

.grid-rows-\[calc\(54px\+2px\+54px\)\2c _1fr\] {
    grid-template-rows: calc(54px + 2px + 54px) 1fr
}

.grid-rows-\[54px\2c _1fr\] {
    grid-template-rows: 54px 1fr
}

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

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.grid-rows-\[repeat\(1\2c _calc\(\(\(var\(--vw\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\)\] {
    grid-template-rows: repeat(1, calc(((var(--vw) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9)))
}

.grid-rows-\[repeat\(1\2c _calc\(\(\(100cqw-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(16\/9\)\)\)\] {
    grid-template-rows: repeat(1, calc(((100cqw - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (16 / 9)))
}

.grid-rows-\[calc\(\(var\(--vw\)-\(30px\*2\)-\(8px\*2\)\)\/3\)\] {
    grid-template-rows: calc((var(--vw) - (30px * 2) - (8px * 2)) / 3)
}

.grid-rows-\[repeat\(3\2c _min\(calc\(\(var\(--vw\)-20px-20px-15px-28px-\(2px\*2\)\)\/3\)\2c _140px\)\)\] {
    grid-template-rows: repeat(3, min(calc((var(--vw) - 20px - 20px - 15px - 28px - (2px * 2)) / 3), 140px))
}

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

.grid-rows-\[repeat\(2\2c _min\(calc\(\(var\(--vw\)-20px-20px-15px-28px-\(2px\*2\)\)\/3\)\2c _140px\)\)\] {
    grid-template-rows: repeat(2, min(calc((var(--vw) - 20px - 20px - 15px - 28px - (2px * 2)) / 3), 140px))
}

.grid-rows-awards {
    grid-template-rows: repeat(1, 275px)
}

.grid-rows-\[repeat\(1\2c _calc\(\(\(var\(--vw\)-\(20px\*2\)-\(2px\*\(var\(--grid-items-per-row\)-1\)\)\)\/var\(--grid-items-per-row\)\)\*\(1\/1\)\)\)\] {
    grid-template-rows: repeat(1, calc(((var(--vw) - (20px * 2) - (2px * (var(--grid-items-per-row) - 1))) / var(--grid-items-per-row)) * (1 / 1)))
}

.grid-rows-series {
    grid-template-rows: repeat(1, calc(((var(--vw) - 2px) / 2) * (16 / 9)))
}

.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
}

.content-center {
    align-content: center
}

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

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

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

.items-center {
    align-items: center
}

.\!items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

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

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

.justify-items-center {
    justify-items: center
}

.gap-8 {
    gap: 8px
}

.gap-20 {
    gap: 20px
}

.gap-2 {
    gap: 2px
}

.gap-15 {
    gap: 15px
}

.gap-5 {
    gap: 5px
}

.gap-3 {
    gap: 3px
}

.gap-10 {
    gap: 10px
}

.gap-6 {
    gap: 6px
}

.gap-4 {
    gap: 4px
}

.gap-30 {
    gap: 30px
}

.gap-x-20 {
    column-gap: 20px
}

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

.gap-x-8 {
    column-gap: 8px
}

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

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

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

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

.space-y-8>: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-x-15>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15px * var(--tw-space-x-reverse));
    margin-left: calc(15px * calc(1 - var(--tw-space-x-reverse)))
}

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

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

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

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

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

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

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

.space-x-8>: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-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10px * var(--tw-space-y-reverse))
}

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

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

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

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

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

.space-y-40>: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-x-4>: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-y-4>: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-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10px * var(--tw-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)))
}

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

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

.space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 1
}

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

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

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

.\!divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important
}

.divide-white\/5>:not([hidden])~:not([hidden]) {
    border-color: hsla(0, 0%, 100%, .05)
}

.divide-white\/10>:not([hidden])~:not([hidden]) {
    border-color: hsla(0, 0%, 100%, .1)
}

.\!divide-white\/10>:not([hidden])~:not([hidden]) {
    border-color: hsla(0, 0%, 100%, .1) !important
}

.self-stretch {
    align-self: stretch
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

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

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

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

.overflow-x-scroll {
    overflow-x: scroll
}

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

.overscroll-none {
    overscroll-behavior: none
}

.scroll-smooth {
    scroll-behavior: smooth
}

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

.overflow-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.break-words {
    overflow-wrap: break-word
}

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

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

.rounded-10 {
    border-radius: 10px
}

.rounded-22 {
    border-radius: 22px
}

.rounded-5 {
    border-radius: 5px
}

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

.rounded-0 {
    border-radius: 0
}

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

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

.rounded-15 {
    border-radius: 15px
}

.\!rounded-none {
    border-radius: 0 !important
}

.\!rounded-10 {
    border-radius: 10px !important
}

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

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

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

.rounded-\[16px_16px_16px_0\] {
    border-radius: 16px 16px 16px 0
}

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

.rounded {
    border-radius: .25rem
}

.rounded-20 {
    border-radius: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-r-10 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

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

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

.\!rounded-l-10 {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important
}

.\!rounded-b-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

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

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

.rounded-l-\[16px\] {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.rounded-r-\[16px\] {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

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

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

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

.rounded-r-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

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

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

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

.rounded-r-8 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.\!rounded-r-10 {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

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

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

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

.rounded-br-0,
.rounded-br-\[0\] {
    border-bottom-right-radius: 0
}

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

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

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

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

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

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

.rounded-br-\[16px\] {
    border-bottom-right-radius: 16px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-\[3px\] {
    border-width: 3px
}

.border-\[7px\] {
    border-width: 7px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[4px\] {
    border-width: 4px
}

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

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

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

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

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

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

.\!border-b-0 {
    border-bottom-width: 0 !important
}

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

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

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.\!border-none {
    border-style: none !important
}

.border-white\/5 {
    border-color: hsla(0, 0%, 100%, .05)
}

.border-lime-700\/10 {
    border-color: rgba(181, 220, 93, .1)
}

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

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(5 199 252/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgb(255 94 96/var(--tw-border-opacity))
}

.border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgb(101 247 185/var(--tw-border-opacity))
}

.border-honey-700 {
    --tw-border-opacity: 1;
    border-color: rgb(255 206 41/var(--tw-border-opacity))
}

.border-rose-700 {
    --tw-border-opacity: 1;
    border-color: rgb(242 166 173/var(--tw-border-opacity))
}

.border-blue-700\/40 {
    border-color: rgba(5, 199, 252, .4)
}

.border-orange-700\/20 {
    border-color: rgba(255, 150, 76, .2)
}

.border-white\/20 {
    border-color: hsla(0, 0%, 100%, .2)
}

.border-white\/10 {
    border-color: hsla(0, 0%, 100%, .1)
}

.border-white\/30 {
    border-color: hsla(0, 0%, 100%, .3)
}

.border-red-700\/40 {
    border-color: rgba(255, 94, 96, .4)
}

.border-gray-700\/20 {
    border-color: rgba(31, 33, 35, .2)
}

.border-white\/15 {
    border-color: hsla(0, 0%, 100%, .15)
}

.border-orange-700\/40 {
    border-color: rgba(255, 150, 76, .4)
}

.border-\[\#00CE7C\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 206 124/var(--tw-border-opacity))
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(31 33 35/var(--tw-border-opacity))
}

.border-green-700\/40 {
    border-color: rgba(101, 247, 185, .4)
}

.border-yellow-700\/40 {
    border-color: hsla(50, 99%, 69%, .4)
}

.border-white\/40 {
    border-color: hsla(0, 0%, 100%, .4)
}

.border-gray-700\/60 {
    border-color: rgba(31, 33, 35, .6)
}

.border-purple-700\/40 {
    border-color: rgba(203, 150, 254, .4)
}

.border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgb(203 150 254/var(--tw-border-opacity))
}

.border-t-orange-700 {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 150 76/var(--tw-border-opacity))
}

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

.border-t-gray-700 {
    --tw-border-opacity: 1;
    border-top-color: rgb(31 33 35/var(--tw-border-opacity))
}

.border-t-transparent {
    border-top-color: transparent
}

.border-b-transparent {
    border-bottom-color: transparent
}

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

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.bg-white\/5 {
    background-color: hsla(0, 0%, 100%, .05)
}

.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 199 252/var(--tw-bg-opacity))
}

.bg-lime-700\/15 {
    background-color: rgba(181, 220, 93, .15)
}

.bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 35/var(--tw-bg-opacity))
}

.bg-rose-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 166 173/var(--tw-bg-opacity))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(101 247 185/var(--tw-bg-opacity))
}

.bg-white\/60 {
    background-color: hsla(0, 0%, 100%, .6)
}

.bg-gray-700\/20 {
    background-color: rgba(31, 33, 35, .2)
}

.bg-\[\#F82F6B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 47 107/var(--tw-bg-opacity))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 150 254/var(--tw-bg-opacity))
}

.bg-purple-700\/10 {
    background-color: rgba(203, 150, 254, .1)
}

.bg-orchid-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 59 151/var(--tw-bg-opacity))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 94 96/var(--tw-bg-opacity))
}

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

.bg-transparent {
    background-color: transparent
}

.bg-orange-700\/20 {
    background-color: rgba(255, 150, 76, .2)
}

.bg-blue-700\/10 {
    background-color: rgba(5, 199, 252, .1)
}

.bg-red-700\/20 {
    background-color: rgba(255, 94, 96, .2)
}

.bg-yellow-700\/20 {
    background-color: hsla(50, 99%, 69%, .2)
}

.bg-honey-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 206 41/var(--tw-bg-opacity))
}

.bg-orange-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 150 76/var(--tw-bg-opacity))
}

.bg-orange-700\/10 {
    background-color: rgba(255, 150, 76, .1)
}

.bg-orchid-700\/20 {
    background-color: rgba(71, 59, 151, .2)
}

.bg-\[\#313335\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 51 53/var(--tw-bg-opacity))
}

.bg-white\/40 {
    background-color: hsla(0, 0%, 100%, .4)
}

.bg-gray-700\/40 {
    background-color: rgba(31, 33, 35, .4)
}

.bg-white\/15 {
    background-color: hsla(0, 0%, 100%, .15)
}

.\!bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-rose-700\/20 {
    background-color: rgba(242, 166, 173, .2)
}

.bg-gray-700\/80 {
    background-color: rgba(31, 33, 35, .8)
}

.bg-pink-700\/15 {
    background-color: rgba(253, 118, 150, .15)
}

.bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 118 150/var(--tw-bg-opacity))
}

.bg-blue-700\/20 {
    background-color: rgba(5, 199, 252, .2)
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-green-700\/20 {
    background-color: rgba(101, 247, 185, .2)
}

.bg-green-700\/5 {
    background-color: rgba(101, 247, 185, .05)
}

.\!bg-green-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(101 247 185/var(--tw-bg-opacity)) !important
}

.\!bg-yellow-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 229 100/var(--tw-bg-opacity)) !important
}

.bg-red-700\/10 {
    background-color: rgba(255, 94, 96, .1)
}

.bg-green-700\/10 {
    background-color: rgba(101, 247, 185, .1)
}

.bg-white\/8 {
    background-color: hsla(0, 0%, 100%, .08)
}

.bg-green-700\/60 {
    background-color: rgba(101, 247, 185, .6)
}

.bg-orchid-700\/30 {
    background-color: rgba(71, 59, 151, .3)
}

.bg-gray-700\/60 {
    background-color: rgba(31, 33, 35, .6)
}

.bg-gold-700\/20 {
    background-color: rgba(224, 170, 62, .2)
}

.bg-lime-700\/20 {
    background-color: rgba(181, 220, 93, .2)
}

.bg-gray-700\/30 {
    background-color: rgba(31, 33, 35, .3)
}

.bg-white\/2 {
    background-color: hsla(0, 0%, 100%, .02)
}

.bg-lime-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(181 220 93/var(--tw-bg-opacity))
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-pink-700\/20 {
    background-color: rgba(253, 118, 150, .2)
}

.bg-green-700\/15 {
    background-color: rgba(101, 247, 185, .15)
}

.bg-red-700\/40 {
    background-color: rgba(255, 94, 96, .4)
}

.bg-purple-700\/15 {
    background-color: rgba(203, 150, 254, .15)
}

.bg-gold-700\/15 {
    background-color: rgba(224, 170, 62, .15)
}

.bg-gold-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 170 62/var(--tw-bg-opacity))
}

.bg-orange-700\/15 {
    background-color: rgba(255, 150, 76, .15)
}

.bg-\[\#00CE7C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 206 124/var(--tw-bg-opacity))
}

.bg-red-700\/15 {
    background-color: rgba(255, 94, 96, .15)
}

.bg-pink-700\/60 {
    background-color: rgba(253, 118, 150, .6)
}

.bg-gray-700\/10 {
    background-color: rgba(31, 33, 35, .1)
}

.bg-yellow-700\/10 {
    background-color: hsla(50, 99%, 69%, .1)
}

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 229 100/var(--tw-bg-opacity))
}

.bg-gold-700\/10 {
    background-color: rgba(224, 170, 62, .1)
}

.bg-\[\#D15ED3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 94 211/var(--tw-bg-opacity))
}

.bg-red-700\/30 {
    background-color: rgba(255, 94, 96, .3)
}

.bg-rose-700\/15 {
    background-color: rgba(242, 166, 173, .15)
}

.bg-orange-700\/60 {
    background-color: rgba(255, 150, 76, .6)
}

.bg-\[\#D15ED3\]\/15 {
    background-color: rgba(209, 94, 211, .15)
}

.bg-honey-700\/20 {
    background-color: rgba(255, 206, 41, .2)
}

.bg-red-700\/60 {
    background-color: rgba(255, 94, 96, .6)
}

.bg-\[\#586AEA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(88 106 234/var(--tw-bg-opacity))
}

.bg-purple-700\/20 {
    background-color: rgba(203, 150, 254, .2)
}

.bg-neon-700\/20 {
    background-color: hsla(98, 94%, 79%, .2)
}

.bg-neon-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(186 252 149/var(--tw-bg-opacity))
}

.bg-\[\#D87351\]\/30 {
    background-color: rgba(216, 115, 81, .3)
}

.bg-\[\#A4A8B4\]\/30 {
    background-color: rgba(164, 168, 180, .3)
}

.bg-\[\#F7CC13\]\/30 {
    background-color: rgba(247, 204, 19, .3)
}

.bg-\[\#7E9EDD\]\/30 {
    background-color: rgba(126, 158, 221, .3)
}

.bg-\[\#D480E0\]\/30 {
    background-color: rgba(212, 128, 224, .3)
}

.bg-\[\#D87351\]\/20 {
    background-color: rgba(216, 115, 81, .2)
}

.bg-\[\#A4A8B4\]\/20 {
    background-color: rgba(164, 168, 180, .2)
}

.bg-\[\#F7CC13\]\/20 {
    background-color: rgba(247, 204, 19, .2)
}

.bg-\[\#7E9EDD\]\/20 {
    background-color: rgba(126, 158, 221, .2)
}

.bg-\[\#D480E0\]\/20 {
    background-color: rgba(212, 128, 224, .2)
}

.bg-\[\#c99200\]\/20 {
    background-color: rgba(201, 146, 0, .2)
}

.bg-pink-700\/10 {
    background-color: rgba(253, 118, 150, .1)
}

.bg-rose-700\/10 {
    background-color: rgba(242, 166, 173, .1)
}

.\!bg-gray-700\/80 {
    background-color: rgba(31, 33, 35, .8) !important
}

.bg-white\/25 {
    background-color: hsla(0, 0%, 100%, .25)
}

.bg-blue-700\/15 {
    background-color: rgba(5, 199, 252, .15)
}

.\!bg-white\/5 {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.bg-white\/70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-100 {
    --tw-bg-opacity: 1
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}

.from-white\/8 {
    --tw-gradient-from: hsla(0, 0%, 100%, .08);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/85 {
    --tw-gradient-from: rgba(31, 33, 35, .85);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-700\/15 {
    --tw-gradient-from: rgba(203, 150, 254, .15);
    --tw-gradient-to: rgba(203, 150, 254, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/5 {
    --tw-gradient-from: hsla(0, 0%, 100%, .05);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
    --tw-gradient-from: #1f2123;
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/10 {
    --tw-gradient-from: hsla(0, 0%, 100%, .1);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/40 {
    --tw-gradient-from: rgba(31, 33, 35, .4);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-700\/20 {
    --tw-gradient-from: rgba(242, 166, 173, .2);
    --tw-gradient-to: rgba(242, 166, 173, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/60 {
    --tw-gradient-from: rgba(31, 33, 35, .6);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/80 {
    --tw-gradient-from: rgba(31, 33, 35, .8);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-700 {
    --tw-gradient-from: #ff5e60;
    --tw-gradient-to: rgba(255, 94, 96, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/75 {
    --tw-gradient-from: rgba(31, 33, 35, .75);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-700\/20 {
    --tw-gradient-from: rgba(203, 150, 254, .2);
    --tw-gradient-to: rgba(203, 150, 254, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/10 {
    --tw-gradient-from: rgba(31, 33, 35, .1);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/90 {
    --tw-gradient-from: rgba(31, 33, 35, .9);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/50 {
    --tw-gradient-from: rgba(31, 33, 35, .5);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-700 {
    --tw-gradient-from: #f2a6ad;
    --tw-gradient-to: rgba(242, 166, 173, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/25 {
    --tw-gradient-from: rgba(31, 33, 35, .25);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-700 {
    --tw-gradient-from: #fd7696;
    --tw-gradient-to: rgba(253, 118, 150, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/2 {
    --tw-gradient-from: hsla(0, 0%, 100%, .02);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-honey-700\/5 {
    --tw-gradient-from: rgba(255, 206, 41, .05);
    --tw-gradient-to: rgba(255, 206, 41, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-700\/15 {
    --tw-gradient-from: rgba(253, 118, 150, .15);
    --tw-gradient-to: rgba(253, 118, 150, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgba\(40\2c 42\2c 44\2c 1\)\] {
    --tw-gradient-from: #282a2c;
    --tw-gradient-to: rgba(40, 42, 44, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/30 {
    --tw-gradient-from: rgba(31, 33, 35, .3);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-700\/10 {
    --tw-gradient-from: rgba(203, 150, 254, .1);
    --tw-gradient-to: rgba(203, 150, 254, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700\/15 {
    --tw-gradient-from: rgba(101, 247, 185, .15);
    --tw-gradient-to: rgba(101, 247, 185, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-700\/15 {
    --tw-gradient-from: rgba(255, 150, 76, .15);
    --tw-gradient-to: rgba(255, 150, 76, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#586AEA\]\/30 {
    --tw-gradient-from: rgba(88, 106, 234, .3);
    --tw-gradient-to: rgba(88, 106, 234, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-honey-700 {
    --tw-gradient-from: #ffce29;
    --tw-gradient-to: rgba(255, 206, 41, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-700 {
    --tw-gradient-from: #ff964c;
    --tw-gradient-to: rgba(255, 150, 76, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/20 {
    --tw-gradient-from: rgba(31, 33, 35, .2);
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-700\/30 {
    --tw-gradient-from: rgba(253, 118, 150, .3);
    --tw-gradient-to: rgba(253, 118, 150, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700 {
    --tw-gradient-from: #65f7b9;
    --tw-gradient-to: rgba(101, 247, 185, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orchid-700 {
    --tw-gradient-from: #473b97;
    --tw-gradient-to: rgba(71, 59, 151, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neon-700\/30 {
    --tw-gradient-from: hsla(98, 94%, 79%, .3);
    --tw-gradient-to: hsla(98, 94%, 79%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700\/20 {
    --tw-gradient-from: rgba(101, 247, 185, .2);
    --tw-gradient-to: rgba(101, 247, 185, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-700\/20 {
    --tw-gradient-from: rgba(5, 199, 252, .2);
    --tw-gradient-to: rgba(5, 199, 252, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-700\/30 {
    --tw-gradient-from: hsla(50, 99%, 69%, .3);
    --tw-gradient-to: hsla(50, 99%, 69%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-700\/20 {
    --tw-gradient-from: rgba(255, 150, 76, .2);
    --tw-gradient-to: rgba(255, 150, 76, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[rgba\(255\2c 255\2c 255\2c \.06\)\] {
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .06), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to)
}

.via-gray-700\/40 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .4), var(--tw-gradient-to)
}

.via-gray-700\/75 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .75), var(--tw-gradient-to)
}

.via-gray-700\/70 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .7), var(--tw-gradient-to)
}

.via-\[rgba\(40\2c 42\2c 44\2c 1\)\] {
    --tw-gradient-to: rgba(40, 42, 44, 0);
    --tw-gradient-stops: var(--tw-gradient-from), #282a2c, var(--tw-gradient-to)
}

.via-gray-700\/20 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .2), var(--tw-gradient-to)
}

.via-gray-700\/95 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .95), var(--tw-gradient-to)
}

.via-gray-700\/30 {
    --tw-gradient-to: rgba(31, 33, 35, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(31, 33, 35, .3), var(--tw-gradient-to)
}

.to-white\/4 {
    --tw-gradient-to: hsla(0, 0%, 100%, .04)
}

.to-transparent {
    --tw-gradient-to: transparent
}

.to-white\/5 {
    --tw-gradient-to: hsla(0, 0%, 100%, .05)
}

.to-orange-700 {
    --tw-gradient-to: #ff964c
}

.to-white\/2 {
    --tw-gradient-to: hsla(0, 0%, 100%, .02)
}

.to-purple-700 {
    --tw-gradient-to: #cb96fe
}

.to-\[rgba\(40\2c 42\2c 44\2c 0\)\] {
    --tw-gradient-to: rgba(40, 42, 44, 0)
}

.to-red-700 {
    --tw-gradient-to: #ff5e60
}

.to-gray-700\/5 {
    --tw-gradient-to: rgba(31, 33, 35, .05)
}

.to-blue-700 {
    --tw-gradient-to: #05c7fc
}

.to-gray-700\/95 {
    --tw-gradient-to: rgba(31, 33, 35, .95)
}

.to-gray-700 {
    --tw-gradient-to: #1f2123
}

.to-indigo-700\/30 {
    --tw-gradient-to: rgba(10, 130, 187, .3)
}

.to-green-700\/0 {
    --tw-gradient-to: rgba(101, 247, 185, 0)
}

.to-blue-700\/0 {
    --tw-gradient-to: rgba(5, 199, 252, 0)
}

.to-orange-700\/0 {
    --tw-gradient-to: rgba(255, 150, 76, 0)
}

.to-purple-700\/0 {
    --tw-gradient-to: rgba(203, 150, 254, 0)
}

.bg-cover {
    background-size: cover
}

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

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.\!object-cover {
    object-fit: cover !important
}

.object-center {
    object-position: center
}

.\!object-center {
    object-position: center !important
}

.p-15 {
    padding: 15px
}

.p-30 {
    padding: 30px
}

.p-20 {
    padding: 20px
}

.\!p-5 {
    padding: 5px !important
}

.p-8 {
    padding: 8px
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-12 {
    padding: 12px
}

.p-45 {
    padding: 45px
}

.p-14 {
    padding: 14px
}

.p-6 {
    padding: 6px
}

.\!p-0 {
    padding: 0 !important
}

.p-22 {
    padding: 22px
}

.p-26 {
    padding: 26px
}

.p-25 {
    padding: 25px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-7 {
    padding-top: 7px;
    padding-bottom: 7px
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.px-5 {
    padding-left: 5px;
    padding-right: 5px
}

.px-45 {
    padding-left: 45px;
    padding-right: 45px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.px-\[calc\(10px\+44px\+20px\)\] {
    padding-left: calc(10px + 44px + 20px);
    padding-right: calc(10px + 44px + 20px)
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.\!px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px
}

.px-80 {
    padding-left: 80px;
    padding-right: 80px
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[calc\(15px\+5px\)\] {
    padding-left: calc(15px + 5px);
    padding-right: calc(15px + 5px)
}

.px-3 {
    padding-left: 3px;
    padding-right: 3px
}

.py-13 {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-9 {
    padding-top: 9px;
    padding-bottom: 9px
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px
}

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-14 {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[20\%\] {
    padding-top: 20%;
    padding-bottom: 20%
}

.px-75 {
    padding-left: 75px;
    padding-right: 75px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.px-120 {
    padding-left: 120px;
    padding-right: 120px
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.px-\[275px\] {
    padding-left: 275px;
    padding-right: 275px
}

.px-7 {
    padding-left: 7px;
    padding-right: 7px
}

.px-31 {
    padding-left: 31px;
    padding-right: 31px
}

.py-38 {
    padding-top: 38px;
    padding-bottom: 38px
}

.px-14 {
    padding-left: 14px;
    padding-right: 14px
}

.py-22 {
    padding-top: 22px;
    padding-bottom: 22px
}

.\!px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.\!py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.px-25 {
    padding-left: 25px;
    padding-right: 25px
}

.py-23 {
    padding-top: 23px;
    padding-bottom: 23px
}

.px-70 {
    padding-left: 70px;
    padding-right: 70px
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px
}

.\!py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-2 {
    padding-top: 2px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-20 {
    padding-bottom: 20px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-45 {
    padding-top: 45px
}

.pb-8 {
    padding-bottom: 8px
}

.pt-8 {
    padding-top: 8px
}

.pr-30 {
    padding-right: 30px
}

.pt-5 {
    padding-top: 5px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-30 {
    padding-bottom: 30px
}

.pr-40 {
    padding-right: 40px
}

.pt-15 {
    padding-top: 15px
}

.pl-30 {
    padding-left: 30px
}

.pt-50 {
    padding-top: 50px
}

.pr-\[64px\] {
    padding-right: 64px
}

.pl-\[67px\] {
    padding-left: 67px
}

.pr-\[calc\(20px\+26px\+20px\)\] {
    padding-right: calc(20px + 26px + 20px)
}

.pl-\[calc\(20px\+22px\+15px\)\] {
    padding-left: calc(20px + 22px + 15px)
}

.pr-20 {
    padding-right: 20px
}

.pl-8 {
    padding-left: 8px
}

.pl-\[calc\(15px\+16px\+15px\)\] {
    padding-left: calc(15px + 16px + 15px)
}

.pr-\[calc\(15px\+18px\+15px\)\] {
    padding-right: calc(15px + 18px + 15px)
}

.pr-15 {
    padding-right: 15px
}

.pt-\[110px\] {
    padding-top: 110px
}

.pb-50 {
    padding-bottom: 50px
}

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

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

.pb-18 {
    padding-bottom: 18px
}

.pt-6 {
    padding-top: 6px
}

.pr-\[65px\] {
    padding-right: 65px
}

.pt-\[62px\] {
    padding-top: 62px
}

.pt-12 {
    padding-top: 12px
}

.pb-2 {
    padding-bottom: 2px
}

.pt-60 {
    padding-top: 60px
}

.pt-40 {
    padding-top: 40px
}

.pr-45 {
    padding-right: 45px
}

.pl-15 {
    padding-left: 15px
}

.pl-18 {
    padding-left: 18px
}

.pl-3 {
    padding-left: 3px
}

.pt-38 {
    padding-top: 38px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-38 {
    padding-bottom: 38px
}

.\!pt-38 {
    padding-top: 38px !important
}

.\!pb-15 {
    padding-bottom: 15px !important
}

.\!pl-8 {
    padding-left: 8px !important
}

.\!pr-15 {
    padding-right: 15px !important
}

.pl-20 {
    padding-left: 20px
}

.pl-40 {
    padding-left: 40px
}

.pr-80 {
    padding-right: 80px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-80 {
    padding-left: 80px
}

.pl-49 {
    padding-left: 49px
}

.pl-36 {
    padding-left: 36px
}

.pb-60 {
    padding-bottom: 60px
}

.pr-60 {
    padding-right: 60px
}

.pt-90 {
    padding-top: 90px
}

.pb-1 {
    padding-bottom: 1px
}

.pt-42 {
    padding-top: 42px
}

.pb-32 {
    padding-bottom: 32px
}

.pt-\[calc\(15px\+14px\)\] {
    padding-top: calc(15px + 14px)
}

.pt-\[calc\(38px-15px\)\] {
    padding-top: calc(38px - 15px)
}

.pb-\[calc\(38px-20px\)\] {
    padding-bottom: calc(38px - 20px)
}

.pl-12 {
    padding-left: 12px
}

.pr-10 {
    padding-right: 10px
}

.pr-3 {
    padding-right: 3px
}

.pr-8 {
    padding-right: 8px
}

.pl-\[calc\(\(34px-24px\)\/2\)\] {
    padding-left: calc((34px - 24px) / 2)
}

.pl-\[calc\(\(\(34px-24px\)\/2\)\+8px\)\] {
    padding-left: calc(((34px - 24px) / 2) + 8px)
}

.pl-\[calc\(\(34px-12px\)\/2\)\] {
    padding-left: calc((34px - 12px) / 2)
}

.pb-35 {
    padding-bottom: 35px
}

.\!pb-0 {
    padding-bottom: 0 !important
}

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[calc\(var\(--selected-height\)\+70px\)\] {
    padding-bottom: calc(var(--selected-height) + 70px)
}

.pb-\[calc\(15px\+var\(--vjsScrubberSmall\)\)\] {
    padding-bottom: calc(15px + var(--vjsScrubberSmall))
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pt-100 {
    padding-top: 100px
}

.pb-\[calc\(var\(--bottomNavNormal\)\+60px\)\] {
    padding-bottom: calc(var(--bottomNavNormal) + 60px)
}

.pl-45 {
    padding-left: 45px
}

.pb-3 {
    padding-bottom: 3px
}

.pr-18 {
    padding-right: 18px
}

.pl-5 {
    padding-left: 5px
}

.pl-4 {
    padding-left: 4px
}

.pb-4 {
    padding-bottom: 4px
}

.pl-\[calc\(20px\+18px\+15px\)\] {
    padding-left: calc(20px + 18px + 15px)
}

.pt-3 {
    padding-top: 3px
}

.pb-80 {
    padding-bottom: 80px
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-\[500\%\] {
    padding-bottom: 500%
}

.pb-\[1250\%\] {
    padding-bottom: 1250%
}

.pb-75 {
    padding-bottom: 75px
}

.pr-5 {
    padding-right: 5px
}

.pt-18 {
    padding-top: 18px
}

.pb-19 {
    padding-bottom: 19px
}

.pb-\[375px\] {
    padding-bottom: 375px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-16 {
    padding-bottom: 16px
}

.pt-\[calc\(var\(--vw\)\*\.10\)\] {
    padding-top: calc(var(--vw) * .1)
}

.pt-\[calc\(100cqw\*\.10\)\] {
    padding-top: calc(100cqw * .1)
}

.pr-\[45px\] {
    padding-right: 45px
}

.pl-60 {
    padding-left: 60px
}

.pr-\[40px\] {
    padding-right: 40px
}

.pt-\[120px\] {
    padding-top: 120px
}

.pb-110 {
    padding-bottom: 110px
}

.pl-\[calc\(20px\+28px\+15px\)\] {
    padding-left: calc(20px + 28px + 15px)
}

.pl-50 {
    padding-left: 50px
}

.pb-\[15px\] {
    padding-bottom: 15px
}

.pb-\[calc\(var\(--bottomNavNormal\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    padding-bottom: calc(var(--bottomNavNormal) + var(--vjsScrubberSmall) + 15px)
}

.pl-10 {
    padding-left: 10px
}

.pr-\[calc\(15px\+5px\)\] {
    padding-right: calc(15px + 5px)
}

.pb-6 {
    padding-bottom: 6px
}

.pl-14 {
    padding-left: 14px
}

.pr-55 {
    padding-right: 55px
}

.pb-\[calc\(64px\+30px\)\] {
    padding-bottom: calc(64px + 30px)
}

.pb-\[calc\(74px\+30px\)\] {
    padding-bottom: calc(74px + 30px)
}

.pt-25 {
    padding-top: 25px
}

.pb-\[calc\(8px\+18px\+8px\)\] {
    padding-bottom: calc(8px + 18px + 8px)
}

.pb-\[calc\(\(\(71px-10px\)\/2\)\+30px\)\] {
    padding-bottom: calc(((71px - 10px) / 2) + 30px)
}

.pb-12 {
    padding-bottom: 12px
}

.pt-\[calc\(\(\(71px-10px\)\/2\)\+30px\)\] {
    padding-top: calc(((71px - 10px) / 2) + 30px)
}

.pl-2 {
    padding-left: 2px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.align-bottom {
    vertical-align: bottom
}

.font-display {
    font-family: acumin-pro-extra-condensed, Impact, Franklin Gothic Bold, sans-serif
}

.font-mono {
    font-family: aglet-mono, Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace, mono
}

.font-script {
    font-family: chauncy-pro, Cambria, Hoefler Text, Utopia, "Liberation Serif", Nimbus Roman No9 L Regular, Times, Times New Roman, serif
}

.font-emoji {
    font-family: apple color emoji, segoe ui symbol, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, system-ui
}

.text-\[calc\(var\(--vw\)\*\.70\)\] {
    font-size: calc(var(--vw) * .7)
}

.text-\[calc\(var\(--vw\)\*\.43\)\] {
    font-size: calc(var(--vw) * .43)
}

.text-\[100px\] {
    font-size: 100px
}

.text-\[179px\] {
    font-size: 179px
}

.text-\[58px\] {
    font-size: 58px
}

.text-\[calc\(var\(--vw\)\*\.47\)\] {
    font-size: calc(var(--vw) * .47)
}

.font-black {
    font-weight: 900
}

.font-light {
    font-weight: 300
}

.font-bold {
    font-weight: 700
}

.font-extralight {
    font-weight: 200
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-\[calc\(var\(--vw\)\*\.33\)\] {
    line-height: calc(var(--vw) * .33)
}

.leading-\[calc\(var\(--vw\)\*\.20\)\] {
    line-height: calc(var(--vw) * .2)
}

.leading-snug {
    line-height: 1.375
}

.\!leading-none {
    line-height: 1 !important
}

.\!leading-\[0\] {
    line-height: 0 !important
}

.leading-normal {
    line-height: 1.5
}

.leading-\[\.9\] {
    line-height: .9
}

.leading-4 {
    line-height: 1rem
}

.\!leading-snug {
    line-height: 1.375 !important
}

.leading-\[\.95em\] {
    line-height: .95em
}

.leading-\[98px\] {
    line-height: 98px
}

.leading-\[42\.39px\] {
    line-height: 42.39px
}

.leading-\[44px\] {
    line-height: 44px
}

.text-white\/40 {
    color: hsla(0, 0%, 100%, .4)
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(31 33 35/var(--tw-text-opacity))
}

.text-lime-700 {
    --tw-text-opacity: 1;
    color: rgb(181 220 93/var(--tw-text-opacity))
}

.text-white\/60 {
    color: hsla(0, 0%, 100%, .6)
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(10 130 187/var(--tw-text-opacity))
}

.text-white\/8 {
    color: hsla(0, 0%, 100%, .08)
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(203 150 254/var(--tw-text-opacity))
}

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

.text-white\/20 {
    color: hsla(0, 0%, 100%, .2)
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(5 199 252/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(255 94 96/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(101 247 185/var(--tw-text-opacity))
}

.text-honey-700 {
    --tw-text-opacity: 1;
    color: rgb(255 206 41/var(--tw-text-opacity))
}

.text-rose-700 {
    --tw-text-opacity: 1;
    color: rgb(242 166 173/var(--tw-text-opacity))
}

.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(255 150 76/var(--tw-text-opacity))
}

.text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(253 118 150/var(--tw-text-opacity))
}

.text-pink-700\/40 {
    color: rgba(253, 118, 150, .4)
}

.text-honey-700\/40 {
    color: rgba(255, 206, 41, .4)
}

.text-white\/15 {
    color: hsla(0, 0%, 100%, .15)
}

.text-transparent {
    color: transparent
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(254 229 100/var(--tw-text-opacity))
}

.text-\[\#FEDD3E\] {
    --tw-text-opacity: 1;
    color: rgb(254 221 62/var(--tw-text-opacity))
}

.text-\[\#65B4B8\] {
    --tw-text-opacity: 1;
    color: rgb(101 180 184/var(--tw-text-opacity))
}

.text-yellow-700\/40 {
    color: hsla(50, 99%, 69%, .4)
}

.text-green-700\/60 {
    color: rgba(101, 247, 185, .6)
}

.text-orange-700\/60 {
    color: rgba(255, 150, 76, .6)
}

.text-gold-700 {
    --tw-text-opacity: 1;
    color: rgb(224 170 62/var(--tw-text-opacity))
}

.text-white\/30 {
    color: hsla(0, 0%, 100%, .3)
}

.text-orchid-700 {
    --tw-text-opacity: 1;
    color: rgb(71 59 151/var(--tw-text-opacity))
}

.text-red-700\/40 {
    color: rgba(255, 94, 96, .4)
}

.text-gray-700\/40 {
    color: rgba(31, 33, 35, .4)
}

.text-\[\#D15ED3\] {
    --tw-text-opacity: 1;
    color: rgb(209 94 211/var(--tw-text-opacity))
}

.text-white\/80 {
    color: hsla(0, 0%, 100%, .8)
}

.text-white\/10 {
    color: hsla(0, 0%, 100%, .1)
}

.text-red-700\/60 {
    color: rgba(255, 94, 96, .6)
}

.text-white\/50 {
    color: hsla(0, 0%, 100%, .5)
}

.text-\[\#00CE7C\] {
    --tw-text-opacity: 1;
    color: rgb(0 206 124/var(--tw-text-opacity))
}

.text-gold-700\/40 {
    color: rgba(224, 170, 62, .4)
}

.text-white\/70 {
    color: hsla(0, 0%, 100%, .7)
}

.text-neon-700 {
    --tw-text-opacity: 1;
    color: rgb(186 252 149/var(--tw-text-opacity))
}

.text-gold-700\/30 {
    color: rgba(224, 170, 62, .3)
}

.text-\[\#D15ED3\]\/60 {
    color: rgba(209, 94, 211, .6)
}

.text-\[\#D87351\] {
    --tw-text-opacity: 1;
    color: rgb(216 115 81/var(--tw-text-opacity))
}

.text-\[\#7E9EDD\] {
    --tw-text-opacity: 1;
    color: rgb(126 158 221/var(--tw-text-opacity))
}

.text-\[\#D480E0\] {
    --tw-text-opacity: 1;
    color: rgb(212 128 224/var(--tw-text-opacity))
}

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

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-white\/5 {
    color: hsla(0, 0%, 100%, .05)
}

.text-\[\#586AEA\] {
    --tw-text-opacity: 1;
    color: rgb(88 106 234/var(--tw-text-opacity))
}

.text-purple-700\/40 {
    color: rgba(203, 150, 254, .4)
}

.text-\[\#ffd0ae\] {
    --tw-text-opacity: 1;
    color: rgb(255 208 174/var(--tw-text-opacity))
}

.text-\[\#b3f4fe\] {
    --tw-text-opacity: 1;
    color: rgb(179 244 254/var(--tw-text-opacity))
}

.text-honey-700\/30 {
    color: rgba(255, 206, 41, .3)
}

.text-pink-700\/30 {
    color: rgba(253, 118, 150, .3)
}

.text-green-700\/40 {
    color: rgba(101, 247, 185, .4)
}

.text-rose-700\/40 {
    color: rgba(242, 166, 173, .4)
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-gold-700\/60 {
    color: rgba(224, 170, 62, .6)
}

.text-red-700\/5 {
    color: rgba(255, 94, 96, .05)
}

.text-red-700\/20 {
    color: rgba(255, 94, 96, .2)
}

.text-opacity-40 {
    --tw-text-opacity: 0.4
}

.text-opacity-60 {
    --tw-text-opacity: 0.6
}

.text-opacity-100 {
    --tw-text-opacity: 1
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.decoration-dotted {
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

.placeholder-transparent::placeholder {
    color: transparent
}

.opacity-10 {
    opacity: .1
}

.opacity-5 {
    opacity: .05
}

.opacity-100 {
    opacity: 1
}

.opacity-0 {
    opacity: 0
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-15 {
    opacity: .15
}

.opacity-30 {
    opacity: .3
}

.opacity-60 {
    opacity: .6
}

.opacity-25 {
    opacity: .25
}

.opacity-80 {
    opacity: .8
}

.opacity-50 {
    opacity: .5
}

.opacity-90 {
    opacity: .9
}

.opacity-75 {
    opacity: .75
}

.opacity-8 {
    opacity: .08
}

.shadow-title {
    --tw-shadow: -1px 1px 0 0 #1f2123;
    --tw-shadow-colored: -1px 1px 0 0 var(--tw-shadow-color)
}

.shadow-md,
.shadow-title {
    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 rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-lg {
    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 rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-flush {
    --tw-shadow: 0 1px 0 0 #1f2123;
    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color)
}

.shadow-\[4px_0_4px_rgba\(0\2c 0\2c 0\2c \.15\)\],
.shadow-flush {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[4px_0_4px_rgba\(0\2c 0\2c 0\2c \.15\)\] {
    --tw-shadow: 4px 0 4px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 4px 0 4px var(--tw-shadow-color)
}

.shadow-\[0_3px_0_rgba\(255\2c 255\2c 255\2c \.1\)\] {
    --tw-shadow: 0 3px 0 hsla(0, 0%, 100%, .1);
    --tw-shadow-colored: 0 3px 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-\[4px_0_4px_rgba\(5\2c 199\2c 252\2c \.15\)\] {
    --tw-shadow: 4px 0 4px rgba(5, 199, 252, .15);
    --tw-shadow-colored: 4px 0 4px var(--tw-shadow-color)
}

.shadow-\[4px_0_4px_rgba\(5\2c 199\2c 252\2c \.15\)\],
.shadow-inner {
    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 rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid
}

.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-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-2xl {
    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-2xl {
    --tw-blur: blur(40px)
}

.blur-xl {
    --tw-blur: blur(24px)
}

.blur-md,
.blur-xl {
    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-md {
    --tw-blur: blur(12px)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur-lg,
.blur-sm {
    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-lg {
    --tw-blur: blur(16px)
}

.blur-none {
    --tw-blur: blur(0)
}

.blur-\[60px\],
.blur-none {
    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-\[60px\] {
    --tw-blur: blur(60px)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-lg,
.drop-shadow-md {
    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 rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-flush {
    --tw-drop-shadow: drop-shadow(0 2px 0 #1f2123)
}

.drop-shadow-flush,
.drop-shadow-xl {
    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-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow,
.grayscale {
    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)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.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 {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-md {
    -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-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-2xl,
.backdrop-blur-lg {
    -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)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
}

.backdrop-blur-sm,
.backdrop-blur-xl {
    -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)
}

.\!backdrop-blur {
    --tw-backdrop-blur: blur(8px) !important;
    -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) !important;
    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) !important
}

.backdrop-filter {
    -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-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    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-none {
    transition-property: none
}

.transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-\[300ms\] {
    transition-duration: .3s
}

.duration-150 {
    transition-duration: .15s
}

.duration-100 {
    transition-duration: .1s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-700 {
    transition-duration: .7s
}

.duration-200 {
    transition-duration: .2s
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.will-change-\[opacity\] {
    will-change: opacity
}

.will-change-auto {
    will-change: auto
}

.will-change-transform {
    will-change: transform
}

.\@container {
    container-type: inline-size
}

.text-shadow-md {
    text-shadow: 0 1px 2px rgba(30, 29, 39, .19), 1px 2px 4px rgba(54, 64, 147, .18)
}

.\!text-shadow-md {
    text-shadow: 0 1px 2px rgba(30, 29, 39, .19), 1px 2px 4px rgba(54, 64, 147, .18) !important
}

.text-shadow-lg {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, .26), 0 0 5px rgba(15, 3, 86, .22)
}

.text-shadow-none {
    text-shadow: none
}

.\!text-shadow-none {
    text-shadow: none !important
}

[class*=rounded-y]>:not(:first-child):not(:last-child) {
    border-radius: 0
}

.rounded-y-5>:first-child {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.rounded-y-5>:last-child,
.rounded-y-5>:only-child {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.rounded-y-5>:only-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.rounded-y-10>:first-child {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-y-10>:last-child,
.rounded-y-10>:only-child {
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-y-10>:only-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-yb-10>:last-child {
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

[class*=rounded-x]>:not(:first-child):not(:last-child) {
    border-radius: 0
}

.rounded-x-5>:first-child {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.rounded-x-5>:last-child,
.rounded-x-5>:only-child {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.rounded-x-5>:only-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.rounded-x-10>:first-child {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-x-10>:last-child,
.rounded-x-10>:only-child {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-x-10>:only-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-x-22>:first-child {
    border-radius: 0;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px
}

.rounded-x-22>:last-child,
.rounded-x-22>:only-child {
    border-radius: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px
}

.rounded-x-22>:only-child {
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px
}

.rounded-x-full>:first-child {
    border-radius: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.rounded-x-full>:last-child,
.rounded-x-full>:only-child {
    border-radius: 0;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.rounded-x-full>:only-child {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

[class*=rounded-xb]>:not(:first-child):not(:last-child) {
    border-radius: 0
}

.rounded-xb-10>:first-child {
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px
}

.rounded-xb-10>:last-child {
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px
}

.rounded-xb-10>:only-child {
    border-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px
}

[class*=rounded-xt]>:not(:first-child):not(:last-child) {
    border-radius: 0
}

.rounded-xt-10>:first-child {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0
}

.rounded-xt-10>:last-child,
.rounded-xt-10>:only-child {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0
}

.rounded-xt-10>:only-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0
}

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

.ease-perpetuum {
    transition-timing-function: cubic-bezier(.55, .15, .45, .85);
    animation-timing-function: cubic-bezier(.55, .15, .45, .85)
}

.animation-duration--1000 {
    animation-duration: 1s
}

.placeholder-transparent::placeholder {
    color: transparent !important
}

.rounded-mask {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.\@container-size {
    container-type: size
}

.\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg)
}

.\[--grid-items-per-row\: 3\] {
    --grid-items-per-row: 3
}

.\[--grid-items-per-row\: 4\] {
    --grid-items-per-row: 4
}

.first-letter\:capitalize:first-letter {
    text-transform: capitalize
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:aspect-w-9:before {
    content: var(--tw-content);
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 9
}

.before\:aspect-w-9>:before {
    content: var(--tw-content);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.before\:aspect-h-16:before {
    content: var(--tw-content);
    --tw-aspect-h: 16
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    top: 0;
    bottom: 0
}

.before\:inset-0:before,
.before\:inset-x-0:before {
    content: var(--tw-content);
    right: 0;
    left: 0
}

.before\:left-\[calc\(15px\+2px\)\]:before {
    content: var(--tw-content);
    left: calc(15px + 2px)
}

.before\:top-\[calc\(100\%-9px\)\]:before {
    content: var(--tw-content);
    top: calc(100% - 9px)
}

.before\:left-\[-4px\]:before {
    content: var(--tw-content);
    left: -4px
}

.before\:right-\[calc\(15px\+2px\)\]:before {
    content: var(--tw-content);
    right: calc(15px + 2px)
}

.before\:top-\[calc\(100\%\+2px\)\]:before {
    content: var(--tw-content);
    top: calc(100% + 2px)
}

.before\:z-10:before {
    content: var(--tw-content);
    z-index: 10
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:flex:before {
    content: var(--tw-content);
    display: flex
}

.before\:h-\[40px\]:before {
    content: var(--tw-content);
    height: 40px
}

.before\:h-\[28px\]:before {
    content: var(--tw-content);
    height: 28px
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:h-screen:before {
    content: var(--tw-content);
    height: var(--vh)
}

.before\:h-cqh-full:before {
    content: var(--tw-content);
    height: 100cqh
}

.before\:h-\[calc\(\(44px-14px\)\/2\)\]:before {
    content: var(--tw-content);
    height: calc((44px - 14px) / 2)
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:w-\[37px\]:before {
    content: var(--tw-content);
    width: 37px
}

.before\:w-\[26px\]:before {
    content: var(--tw-content);
    width: 26px
}

.before\:w-\[calc\(100\%\+\(4px\*2\)\)\]:before {
    content: var(--tw-content);
    width: calc(100% + (4px * 2))
}

.before\:w-\[calc\(var\(--vw\)\+\(4px\*2\)\)\]: before {
    content: var(--tw-content);
    width: calc(var(--vw) + (4px * 2))
}

.before\:w-\[calc\(100cqw\+\(4px\*2\)\)\]:before {
    content: var(--tw-content);
    width: calc(100cqw + (4px * 2))
}

.before\:rotate-45:before {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:items-center:before {
    content: var(--tw-content);
    align-items: center
}

.before\:rounded-10:before {
    content: var(--tw-content);
    border-radius: 10px
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:rounded-5:before {
    content: var(--tw-content);
    border-radius: 5px
}

.before\:rounded-22:before {
    content: var(--tw-content);
    border-radius: 22px
}

.before\:rounded-\[15px\]:before {
    content: var(--tw-content);
    border-radius: 15px
}

.before\:rounded-br-3:before {
    content: var(--tw-content);
    border-bottom-right-radius: 3px
}

.before\:border-b-\[9px\]:before {
    content: var(--tw-content);
    border-bottom-width: 9px
}

.before\:border-r-\[9px\]:before {
    content: var(--tw-content);
    border-right-width: 9px
}

.before\:border-t-\[9px\]:before {
    content: var(--tw-content);
    border-top-width: 9px
}

.before\:border-l-\[9px\]:before {
    content: var(--tw-content);
    border-left-width: 9px
}

.before\:border-b:before {
    content: var(--tw-content);
    border-bottom-width: 1px
}

.before\:border-l-4:before {
    content: var(--tw-content);
    border-left-width: 4px
}

.before\:border-r-4:before {
    content: var(--tw-content);
    border-right-width: 4px
}

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

.before\:border-gray-700:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(31 33 35/var(--tw-border-opacity))
}

.before\:border-b-gray-700:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-bottom-color: rgb(31 33 35/var(--tw-border-opacity))
}

.before\:border-r-gray-700:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(31 33 35/var(--tw-border-opacity))
}

.before\:border-t-transparent:before {
    content: var(--tw-content);
    border-top-color: transparent
}

.before\:border-l-transparent:before {
    content: var(--tw-content);
    border-left-color: transparent
}

.before\:border-opacity-5:before {
    content: var(--tw-content);
    --tw-border-opacity: .05
}

.before\:bg-white\/10:before {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .1)
}

.before\:bg-green-700\/60:before {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .6)
}

.before\:bg-gray-700:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 35/var(--tw-bg-opacity))
}

.before\:bg-red-700\/15:before {
    content: var(--tw-content);
    background-color: rgba(255, 94, 96, .15)
}

.before\:bg-blue-700\/20:before {
    content: var(--tw-content);
    background-color: rgba(5, 199, 252, .2)
}

.before\:bg-green-700\/20:before {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .2)
}

.before\:bg-white\/20:before {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .2)
}

.before\:bg-red-700\/10:before {
    content: var(--tw-content);
    background-color: rgba(255, 94, 96, .1)
}

.before\:bg-blue-700\/10:before {
    content: var(--tw-content);
    background-color: rgba(5, 199, 252, .1)
}

.before\:bg-green-700\/10:before {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .1)
}

.before\:bg-yellow-700\/10:before {
    content: var(--tw-content);
    background-color: hsla(50, 99%, 69%, .1)
}

.before\:bg-green-700\/15:before {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .15)
}

.before\:bg-\[\#D87351\]\/20:before {
    content: var(--tw-content);
    background-color: rgba(216, 115, 81, .2)
}

.before\:bg-\[\#A4A8B4\]\/20:before {
    content: var(--tw-content);
    background-color: rgba(164, 168, 180, .2)
}

.before\:bg-\[\#F7CC13\]\/20:before {
    content: var(--tw-content);
    background-color: rgba(247, 204, 19, .2)
}

.before\:bg-\[\#7E9EDD\]\/20:before {
    content: var(--tw-content);
    background-color: rgba(126, 158, 221, .2)
}

.before\:bg-\[\#D480E0\]\/20:before {
    content: var(--tw-content);
    background-color: rgba(212, 128, 224, .2)
}

.before\:bg-pink-700\/20:before {
    content: var(--tw-content);
    background-color: rgba(253, 118, 150, .2)
}

.before\:bg-purple-700:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(203 150 254/var(--tw-bg-opacity))
}

.before\:bg-gradient-to-r:before {
    content: var(--tw-content);
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.before\:from-blue-700\/30:before {
    content: var(--tw-content);
    --tw-gradient-from: rgba(5, 199, 252, .3);
    --tw-gradient-to: rgba(5, 199, 252, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.before\:via-blue-700\/30:before {
    content: var(--tw-content);
    --tw-gradient-to: rgba(5, 199, 252, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(5, 199, 252, .3), var(--tw-gradient-to)
}

.before\:to-transparent:before {
    content: var(--tw-content);
    --tw-gradient-to: transparent
}

.before\:py-8:before {
    content: var(--tw-content);
    padding-top: 8px;
    padding-bottom: 8px
}

.before\:pl-15:before {
    content: var(--tw-content);
    padding-left: 15px
}

.before\:pr-\[8px\+12px\+15px\]:before {
    content: var(--tw-content);
    padding-right: 8px+12px+15px
}

.before\:text-white\/40:before {
    content: var(--tw-content);
    color: hsla(0, 0%, 100%, .4)
}

.before\:text-white:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.before\:text-opacity-40:before {
    content: var(--tw-content);
    --tw-text-opacity: 0.4
}

.before\:content-\[\'Suggestions\'\]:before {
    --tw-content: "Suggestions";
    content: var(--tw-content)
}

.before\:h-16:before {
    content: var(--tw-content);
    height: 16px
}

.before\:w-2:before {
    content: var(--tw-content);
    width: 2px
}

.before\:wh-18:before {
    content: var(--tw-content);
    width: 18px;
    height: 18px
}

.before\:text-12:before {
    content: var(--tw-content);
    font-size: 12px
}

.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none
}

.after\:aspect-w-9:after {
    content: var(--tw-content);
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 9
}

.after\:aspect-w-9>:after {
    content: var(--tw-content);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.after\:aspect-h-16:after {
    content: var(--tw-content);
    --tw-aspect-h: 16
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-0:after {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.after\:inset-x-100:after {
    content: var(--tw-content);
    left: 100px;
    right: 100px
}

.after\:inset-y-0:after {
    top: 0
}

.after\:bottom-0:after,
.after\:inset-y-0:after {
    content: var(--tw-content);
    bottom: 0
}

.after\:left-\[calc\(15px\+2px\)\]:after {
    content: var(--tw-content);
    left: calc(15px + 2px)
}

.after\:top-\[calc\(100\%-9px\)\]:after {
    content: var(--tw-content);
    top: calc(100% - 9px)
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-\[-12px\]:after {
    content: var(--tw-content);
    left: -12px
}

.after\:left-\[calc\(100\%\+8px\)\]:after {
    content: var(--tw-content);
    left: calc(100% + 8px)
}

.after\:right-\[calc\(15px\+2px\)\]:after {
    content: var(--tw-content);
    right: calc(15px + 2px)
}

.after\:bottom-\[calc\(100\%\+2px\)\]:after {
    content: var(--tw-content);
    bottom: calc(100% + 2px)
}

.after\:z-30:after {
    content: var(--tw-content);
    z-index: 30
}

.after\:z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:z-40:after {
    content: var(--tw-content);
    z-index: 40
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:flex:after {
    content: var(--tw-content);
    display: flex
}

.after\:h-\[40px\]:after {
    content: var(--tw-content);
    height: 40px
}

.after\:h-\[28px\]:after {
    content: var(--tw-content);
    height: 28px
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:h-\[calc\(\(44px-14px\)\/2\)\]:after {
    content: var(--tw-content);
    height: calc((44px - 14px) / 2)
}

.after\:w-\[37px\]:after {
    content: var(--tw-content);
    width: 37px
}

.after\:w-\[26px\]:after {
    content: var(--tw-content);
    width: 26px
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:rotate-45:after {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:items-center:after {
    content: var(--tw-content);
    align-items: center
}

.after\:justify-center:after {
    content: var(--tw-content);
    justify-content: center
}

.after\:rounded-10:after {
    content: var(--tw-content);
    border-radius: 10px
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:rounded-\[16px_16px_16px_0\]:after {
    content: var(--tw-content);
    border-radius: 16px 16px 16px 0
}

.after\:rounded-5:after {
    content: var(--tw-content);
    border-radius: 5px
}

.after\:rounded-22:after {
    content: var(--tw-content);
    border-radius: 22px
}

.after\:rounded-\[inherit_\!important\]:after {
    content: var(--tw-content);
    border-radius: inherit !important
}

.after\:rounded-br-3:after {
    content: var(--tw-content);
    border-bottom-right-radius: 3px
}

.after\:rounded-tl-3:after {
    content: var(--tw-content);
    border-top-left-radius: 3px
}

.after\:border-2:after {
    content: var(--tw-content);
    border-width: 2px
}

.after\:border-t-2:after {
    content: var(--tw-content);
    border-top-width: 2px
}

.after\:border-b-\[9px\]:after {
    content: var(--tw-content);
    border-bottom-width: 9px
}

.after\:border-r-\[9px\]:after {
    content: var(--tw-content);
    border-right-width: 9px
}

.after\:border-t-\[9px\]:after {
    content: var(--tw-content);
    border-top-width: 9px
}

.after\:border-l-\[9px\]:after {
    content: var(--tw-content);
    border-left-width: 9px
}

.after\:border-b:after {
    content: var(--tw-content);
    border-bottom-width: 1px
}

.after\:border-white\/2:after {
    content: var(--tw-content);
    border-color: hsla(0, 0%, 100%, .02)
}

.after\:border-white\/10:after {
    content: var(--tw-content);
    border-color: hsla(0, 0%, 100%, .1)
}

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

.after\:border-yellow-700\/10:after {
    content: var(--tw-content);
    border-color: hsla(50, 99%, 69%, .1)
}

.after\:border-white\/5:after {
    content: var(--tw-content);
    border-color: hsla(0, 0%, 100%, .05)
}

.after\:border-b-blue-700\/10:after {
    content: var(--tw-content);
    border-bottom-color: rgba(5, 199, 252, .1)
}

.after\:border-r-blue-700\/10:after {
    content: var(--tw-content);
    border-right-color: rgba(5, 199, 252, .1)
}

.after\:border-t-transparent:after {
    content: var(--tw-content);
    border-top-color: transparent
}

.after\:border-l-transparent:after {
    content: var(--tw-content);
    border-left-color: transparent
}

.after\:border-opacity-10:after {
    content: var(--tw-content);
    --tw-border-opacity: 0.1
}

.after\:bg-red-700\/20:after {
    content: var(--tw-content);
    background-color: rgba(255, 94, 96, .2)
}

.after\:bg-green-700\/20:after {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .2)
}

.after\:bg-white:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.after\:bg-green-700:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(101 247 185/var(--tw-bg-opacity))
}

.after\:bg-white\/10:after {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .1)
}

.after\:bg-white\/5:after {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .05)
}

.after\:bg-white\/25:after {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .25)
}

.after\:bg-white\/8:after {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .08)
}

.after\:bg-white\/20:after {
    content: var(--tw-content);
    background-color: hsla(0, 0%, 100%, .2)
}

.after\:bg-rose-700:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(242 166 173/var(--tw-bg-opacity))
}

.after\:bg-purple-700:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(203 150 254/var(--tw-bg-opacity))
}

.after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.after\:from-white\/8:after {
    content: var(--tw-content);
    --tw-gradient-from: hsla(0, 0%, 100%, .08);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:to-white\/4:after {
    content: var(--tw-content);
    --tw-gradient-to: hsla(0, 0%, 100%, .04)
}

.after\:pb-2:after {
    content: var(--tw-content);
    padding-bottom: 2px
}

.after\:pb-\[calc\(\(var\(--vw\)\*1\.05\)\*\(270\/895\)\)\]:after {
    content: var(--tw-content);
    padding-bottom: calc((var(--vw) * 1.05) * (270 / 895))
}

.after\:font-black:after {
    content: var(--tw-content);
    font-weight: 900
}

.after\:text-gray-700:after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(31 33 35/var(--tw-text-opacity))
}

.after\:text-white\/60:after {
    content: var(--tw-content);
    color: hsla(0, 0%, 100%, .6)
}

.after\:shadow-md:after {
    content: var(--tw-content);
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .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)
}

.after\:content-\[\"1\"\]:after {
    --tw-content: "1";
    content: var(--tw-content)
}

.after\:content-\[\"2\"\]:after {
    --tw-content: "2";
    content: var(--tw-content)
}

.after\:content-\[\"Remove\"\]:after {
    --tw-content: "Remove";
    content: var(--tw-content)
}

.after\:content-\[\"Fit\"\]:after {
    --tw-content: "Fit";
    content: var(--tw-content)
}

.after\:content-\[\"Full\"\]:after {
    --tw-content: "Full";
    content: var(--tw-content)
}

.after\:content-\[\"Edit\"\]:after {
    --tw-content: "Edit";
    content: var(--tw-content)
}

.after\:content-\[\"3\"\]:after {
    --tw-content: "3";
    content: var(--tw-content)
}

.after\:w-2:after {
    content: var(--tw-content);
    width: 2px
}

.after\:w-3:after {
    content: var(--tw-content);
    width: 3px
}

.after\:wh-12:after {
    content: var(--tw-content);
    width: 12px;
    height: 12px
}

.after\:wh-18:after {
    content: var(--tw-content);
    width: 18px;
    height: 18px
}

.after\:wh-24:after {
    content: var(--tw-content);
    width: 24px;
    height: 24px
}

.after\:wh-34:after {
    content: var(--tw-content);
    width: 34px;
    height: 34px
}

.after\:text-10:after {
    content: var(--tw-content);
    font-size: 10px
}

.after\:text-12:after {
    content: var(--tw-content);
    font-size: 12px
}

.first-of-type\:mt-0:first-of-type {
    margin-top: 0
}

.first-of-type\:ml-45:first-of-type {
    margin-left: 45px
}

.first-of-type\:min-w-\[calc\(\(\(100\%-60px-\(8px\*2\)\)\/3\)\+30px\)\]:first-of-type {
    min-width: calc(((100% - 60px - (8px * 2)) / 3) + 30px)
}

.first-of-type\:rounded-l-10:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.first-of-type\:pl-30:first-of-type {
    padding-left: 30px
}

.last-of-type\:mr-45:last-of-type {
    margin-right: 45px
}

.last-of-type\:min-w-\[calc\(\(\(100\%-60px-\(8px\*2\)\)\/3\)\+30px\)\]:last-of-type {
    min-width: calc(((100% - 60px - (8px * 2)) / 3) + 30px)
}

.last-of-type\:rounded-r-10:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.last-of-type\:pr-30:last-of-type {
    padding-right: 30px
}

.empty\:hidden:empty {
    display: none
}

.empty\:pb-0:empty {
    padding-bottom: 0
}

.focus-within\:\!ml-0:focus-within {
    margin-left: 0 !important
}

.focus-within\:bg-white\/20:focus-within {
    background-color: hsla(0, 0%, 100%, .2)
}

.focus-within\:\!bg-white\/20:focus-within {
    background-color: hsla(0, 0%, 100%, .2) !important
}

.focus-within\:bg-gray-700\/50:focus-within {
    background-color: rgba(31, 33, 35, .5)
}

.hover\:bg-white\/20:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-white\/10:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.hover\:bg-white\/5:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.focus\:bg-white\/20:focus {
    background-color: hsla(0, 0%, 100%, .2)
}

.focus\:\!bg-white\/20:focus {
    background-color: hsla(0, 0%, 100%, .2) !important
}

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

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-0:focus {
    --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)
}

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

.disabled\:select-none:disabled {
    -webkit-user-select: none;
    user-select: none
}

.disabled\:bg-purple-700\/20:disabled {
    background-color: rgba(203, 150, 254, .2)
}

.disabled\:bg-white\/20:disabled {
    background-color: hsla(0, 0%, 100%, .2)
}

.disabled\:bg-red-700\/20:disabled {
    background-color: rgba(255, 94, 96, .2)
}

.disabled\:bg-green-700\/20:disabled {
    background-color: rgba(101, 247, 185, .2)
}

.disabled\:text-purple-700:disabled {
    --tw-text-opacity: 1;
    color: rgb(203 150 254/var(--tw-text-opacity))
}

.disabled\:text-red-700:disabled {
    --tw-text-opacity: 1;
    color: rgb(255 94 96/var(--tw-text-opacity))
}

.disabled\:text-green-700:disabled {
    --tw-text-opacity: 1;
    color: rgb(101 247 185/var(--tw-text-opacity))
}

.disabled\:opacity-30:disabled {
    opacity: .3
}

.disabled\:opacity-20:disabled {
    opacity: .2
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.disabled\:opacity-0:disabled {
    opacity: 0
}

.group:focus-within .group-focus-within\:\!flex {
    display: flex !important
}

.group:focus-within .group-focus-within\:bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.group:disabled .group-disabled\:opacity-30 {
    opacity: .3
}

.peer:checked~.peer-checked\:flex {
    display: flex
}

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

.peer:checked~.peer-checked\:border-white\/30 {
    border-color: hsla(0, 0%, 100%, .3)
}

.peer:checked~.peer-checked\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:bg-white\/15 {
    background-color: hsla(0, 0%, 100%, .15)
}

.peer:checked~.peer-checked\:bg-white\/40 {
    background-color: hsla(0, 0%, 100%, .4)
}

.peer:checked~.peer-checked\:bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.peer:checked~.peer-checked\:text-white\/40 {
    color: hsla(0, 0%, 100%, .4)
}

.peer:checked~.peer-checked\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(101 247 185/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(31 33 35/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:before\:bg-green-700\/60:before {
    content: var(--tw-content);
    background-color: rgba(101, 247, 185, .6)
}

.peer:checked~.peer-checked\:after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.peer:checked~.peer-checked\:after\:bg-green-700:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(101 247 185/var(--tw-bg-opacity))
}

.peer:empty~.peer-empty\:mt-15 {
    margin-top: 15px
}

.peer:empty~.peer-empty\:mr-0 {
    margin-right: 0
}

.peer:empty~.peer-empty\:max-w-full {
    max-width: 100%
}

.peer:focus-within~.peer-focus-within\:hidden {
    display: none
}

.peer:focus-within~.peer-focus-within\:bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.peer:focus~.peer-focus\:bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.peer:disabled~.peer-disabled\:opacity-30 {
    opacity: .3
}

.pwa .pwa\:bottom-\[calc\(var\(--bottomNavPWA\)\)\] {
    bottom: calc(var(--bottomNavPWA))
}

.pwa .pwa\:top-\[calc\(var\(--vh\)-var\(--bottomNavPWA\)\)\] {
    top: calc(var(--vh) - var(--bottomNavPWA))
}

.pwa .pwa\:bottom-\[calc\(var\(--bottomNavPWA\)\+50px\)\] {
    bottom: calc(var(--bottomNavPWA) + 50px)
}

.pwa .pwa\:bottom-\[calc\(var\(--bottomNavPWA\)\+30px\)\] {
    bottom: calc(var(--bottomNavPWA) + 30px)
}

.pwa .pwa\:bottom-\[var\(--bottomNavPWA\)\] {
    bottom: var(--bottomNavPWA)
}

.pwa .pwa\:\!left-15 {
    left: 15px !important
}

.pwa .pwa\:\!right-15 {
    right: 15px !important
}

.pwa .pwa\:bottom-\[calc\(15px\+max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\)\] {
    bottom: calc(15px + max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall))
}

.pwa .pwa\:bottom-\[calc\(var\(--bottomNavPWA\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    bottom: calc(var(--bottomNavPWA) + var(--vjsScrubberSmall) + 15px)
}

.pwa .pwa\:h-\[var\(--bottomNavPWA\)\] {
    height: var(--bottomNavPWA)
}

.pwa .pwa\:h-\[calc\(100\%-var\(--bottomNavPWA\)\)\] {
    height: calc(100% - var(--bottomNavPWA))
}

.pwa .pwa\:h-\[calc\(max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    height: calc(max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall) + 15px)
}

.pwa .pwa\:min-h-\[calc\(\(var\(--bottomNavPWA\)\*1\.5\)\+15px\)\] {
    min-height: calc((var(--bottomNavPWA) * 1.5) + 15px)
}

.pwa .pwa\:min-h-\[calc\(var\(--bottomNavPWA\)\+120px\)\] {
    min-height: calc(var(--bottomNavPWA) + 120px)
}

.pwa .pwa\:min-h-\[calc\(\(var\(--bottomNavPWA\)\*2\)\+15px\)\] {
    min-height: calc((var(--bottomNavPWA) * 2) + 15px)
}

.pwa .pwa\:min-h-\[calc\(var\(--vh\)-var\(--bottomNavPWA\)-118px-86px\)\] {
    min-height: calc(var(--vh) - var(--bottomNavPWA) - 118px - 86px)
}

.pwa .pwa\:pb-safe-0 {
    padding-bottom: calc(0px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:pb-safe-15 {
    padding-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:pb-safe-20 {
    padding-bottom: calc(20px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:pb-safe-30 {
    padding-bottom: calc(30px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:pb-safe-45 {
    padding-bottom: calc(45px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:pb-\[calc\(var\(--bottomNavPWA\)\+60px\)\] {
    padding-bottom: calc(var(--bottomNavPWA) + 60px)
}

.pwa .pwa\:pb-\[calc\(max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall) + 15px)
}

.pwa .pwa\:pb-\[var\(--paddingBottomNavPWA\)\] {
    padding-bottom: var(--paddingBottomNavPWA)
}

.pwa .pwa\:pb-\[calc\(var\(--bottomNavPWA\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    padding-bottom: calc(var(--bottomNavPWA) + var(--vjsScrubberSmall) + 15px)
}

.pwa .pwa\:mb-safe-15 {
    margin-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:mb-safe-50 {
    margin-bottom: calc(50px + max(env(safe-area-inset-bottom), 15px))
}

.pwa .pwa\:bottom-safe-0 {
    bottom: calc(0px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:bottom-\[calc\(var\(--bottomNavPWA\)\)\] {
    bottom: calc(var(--bottomNavPWA))
}

.ipad .ipad\:top-\[calc\(var\(--vh\)-var\(--bottomNavPWA\)\)\] {
    top: calc(var(--vh) - var(--bottomNavPWA))
}

.ipad .ipad\:bottom-\[calc\(var\(--bottomNavPWA\)\+50px\)\] {
    bottom: calc(var(--bottomNavPWA) + 50px)
}

.ipad .ipad\:bottom-\[calc\(var\(--bottomNavPWA\)\+30px\)\] {
    bottom: calc(var(--bottomNavPWA) + 30px)
}

.ipad .ipad\:bottom-\[var\(--bottomNavPWA\)\] {
    bottom: var(--bottomNavPWA)
}

.ipad .ipad\:\!left-15 {
    left: 15px !important
}

.ipad .ipad\:\!right-15 {
    right: 15px !important
}

.ipad .ipad\:bottom-\[calc\(15px\+max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\)\] {
    bottom: calc(15px + max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall))
}

.ipad .ipad\:bottom-\[calc\(var\(--bottomNavPWA\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    bottom: calc(var(--bottomNavPWA) + var(--vjsScrubberSmall) + 15px)
}

.ipad .ipad\:h-\[var\(--bottomNavPWA\)\] {
    height: var(--bottomNavPWA)
}

.ipad .ipad\:h-\[calc\(100\%-var\(--bottomNavPWA\)\)\] {
    height: calc(100% - var(--bottomNavPWA))
}

.ipad .ipad\:h-\[calc\(max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    height: calc(max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall) + 15px)
}

.ipad .ipad\:min-h-\[calc\(\(var\(--bottomNavPWA\)\*1\.5\)\+15px\)\] {
    min-height: calc((var(--bottomNavPWA) * 1.5) + 15px)
}

.ipad .ipad\:min-h-\[calc\(var\(--bottomNavPWA\)\+120px\)\] {
    min-height: calc(var(--bottomNavPWA) + 120px)
}

.ipad .ipad\:min-h-\[calc\(var\(--vh\)-var\(--bottomNavPWA\)-118px-86px\)\] {
    min-height: calc(var(--vh) - var(--bottomNavPWA) - 118px - 86px)
}

.ipad .ipad\:pb-safe-0 {
    padding-bottom: calc(0px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:pb-safe-15 {
    padding-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:pb-safe-20 {
    padding-bottom: calc(20px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:pb-safe-30 {
    padding-bottom: calc(30px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:pb-safe-45 {
    padding-bottom: calc(45px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:pb-\[calc\(var\(--bottomNavPWA\)\+60px\)\] {
    padding-bottom: calc(var(--bottomNavPWA) + 60px)
}

.ipad .ipad\:pb-\[calc\(max\(env\(safe-area-inset-bottom\)\2c 15px\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom), 15px) + var(--vjsScrubberSmall) + 15px)
}

.ipad .ipad\:pb-\[var\(--paddingBottomNavPWA\)\] {
    padding-bottom: var(--paddingBottomNavPWA)
}

.ipad .ipad\:pb-\[calc\(var\(--bottomNavPWA\)\+var\(--vjsScrubberSmall\)\+15px\)\] {
    padding-bottom: calc(var(--bottomNavPWA) + var(--vjsScrubberSmall) + 15px)
}

.ipad .ipad\:mb-safe-15 {
    margin-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:mb-safe-50 {
    margin-bottom: calc(50px + max(env(safe-area-inset-bottom), 15px))
}

.ipad .ipad\:bottom-safe-0 {
    bottom: calc(0px + max(env(safe-area-inset-bottom), 15px))
}

.desktop .desktop\:w-\[40\%\] {
    width: 40%
}

.desktop .desktop\:min-w-\[calc\(\(100\%-60px-\(8px\*3\)\)\/4\)\] {
    min-width: calc((100% - 60px - (8px * 3)) / 4)
}

.desktop .desktop\:min-w-\[40\%\] {
    min-width: 40%
}

.desktop .desktop\:wh-6 {
    width: 6px;
    height: 6px
}

.desktop .desktop\:wh-8 {
    width: 8px;
    height: 8px
}

.desktop .desktop\:first-of-type\:min-w-\[calc\(\(\(100\%-60px-\(8px\*3\)\)\/4\)\+30px\)\]:first-of-type,
.desktop .desktop\:last-of-type\:min-w-\[calc\(\(\(100\%-60px-\(8px\*3\)\)\/4\)\+30px\)\]:last-of-type {
    min-width: calc(((100% - 60px - (8px * 3)) / 4) + 30px)
}

@media (min-width:1024px) {
    .lg\:w-cqw-2\/4 {
        width: 50cqw
    }

    .lg\:\[--grid-items-per-row\:4\] {
        --grid-items-per-row: 4
    }

    .lg\:\[--grid-items-per-row\:5\] {
        --grid-items-per-row: 5
    }
}

@media (min-width:1280px) {
    .xl\:\[--grid-items-per-row\:5\] {
        --grid-items-per-row: 5
    }

    .xl\:\[--grid-items-per-row\:6\] {
        --grid-items-per-row: 6
    }
}

@media print {
    .print\:hidden {
        display: none
    }
}

@media only screen and (max-width:320px) and (orientation:portrait),
only screen and (max-width:568px) and (orientation:landscape) {
    .psm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (orientation:portrait) {
    .portrait\:mt-30 {
        margin-top: 30px
    }

    .portrait\:hidden {
        display: none
    }

    .portrait\:w-full {
        width: 100%
    }

    .portrait\:pb-30 {
        padding-bottom: 30px
    }

    .portrait\:pb-\[calc\(var\(--vh\)\*\(1\/3\)\)\] {
        padding-bottom: calc(var(--vh) * (1 / 3))
    }

    .portrait\:pb-\[calc\(100cqh\*\(1\/3\)\)\] {
        padding-bottom: calc(100cqh * (1 / 3))
    }

    .portrait\:pb-\[calc\(var\(--vh\)\*\(1\/2\)\)\] {
        padding-bottom: calc(var(--vh) * (1 / 2))
    }

    .portrait\:h-44 {
        height: 44px
    }

    .portrait\:h-56 {
        height: 56px
    }
}

@media (orientation:landscape) {
    .landscape\:top-0 {
        top: 0
    }

    .landscape\:bottom-0 {
        bottom: 0
    }

    .landscape\:right-0 {
        right: 0
    }

    .landscape\:left-\[calc\(var\(--vw\)\*\(\.0725\)\)\] {
        left: calc(var(--vw) * (.0725))
    }

    .landscape\:bottom-\[calc\(var\(--vw\)\*0\.05\)\] {
        bottom: calc(var(--vw) * .05)
    }

    .landscape\:left-\[calc\(var\(--vw\)\*0\.03\)\] {
        left: calc(var(--vw) * .03)
    }

    .landscape\:bottom-\[calc\(var\(--vw\)\*0\.015\)\] {
        bottom: calc(var(--vw) * .015)
    }

    .landscape\:top-\[calc\(var\(--vh\)\)\] {
        top: calc(var(--vh))
    }

    .landscape\:left-0 {
        left: 0
    }

    .landscape\:bottom-\[initial\] {
        bottom: auto
    }

    .landscape\:ml-\[calc\(max\(env\(safe-area-inset-bottom\)\2c 15px\)\+54px-15px\)\] {
        margin-left: calc(max(env(safe-area-inset-bottom), 15px) + 54px - 15px)
    }

    .landscape\:mr-8 {
        margin-right: 8px
    }

    .landscape\:ml-30 {
        margin-left: 30px
    }

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

    .landscape\:mr-60 {
        margin-right: 60px
    }

    .landscape\:flex {
        display: flex
    }

    .landscape\:hidden {
        display: none
    }

    .landscape\:h-\[calc\(var\(--vw\)\*0\.05\)\] {
        height: calc(var(--vw) * .05)
    }

    .landscape\:h-\[calc\(var\(--vh\)\*0\.4\)\] {
        height: calc(var(--vh) * .4)
    }

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

    .landscape\:w-\[calc\(var\(--vw\)\*\.5\)\] {
        width: calc(var(--vw) * .5)
    }

    .landscape\:w-\[calc\(var\(--vw\)\*\.0725\)\] {
        width: calc(var(--vw) * .0725)
    }

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

    .landscape\:w-auto {
        width: auto
    }

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

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

    .landscape\:max-w-ch-45 {
        max-width: 45ch
    }

    .landscape\:max-w-screen-1\/3 {
        max-width: calc(var(--vw) * .33333333)
    }

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

    .landscape\:flex-row {
        flex-direction: row
    }

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

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

    .landscape\:items-center {
        align-items: center
    }

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

    .landscape\:px-\[calc\(54px\+5px\)\] {
        padding-left: calc(54px + 5px);
        padding-right: calc(54px + 5px)
    }

    .landscape\:px-54 {
        padding-left: 54px;
        padding-right: 54px
    }

    .landscape\:px-80 {
        padding-left: 80px;
        padding-right: 80px
    }

    .landscape\:pb-\[calc\(15px\+var\(--vjsScrubberSmall\)\+15px\+max\(env\(safe-area-inset-bottom\)\2c 15px\)\)\] {
        padding-bottom: calc(15px + var(--vjsScrubberSmall) + 15px + max(env(safe-area-inset-bottom), 15px))
    }

    .landscape\:pl-54 {
        padding-left: 54px
    }

    .landscape\:pr-54 {
        padding-right: 54px
    }

    .landscape\:pl-\[12px\] {
        padding-left: 12px
    }

    .landscape\:pb-15 {
        padding-bottom: 15px
    }

    .landscape\:pb-30 {
        padding-bottom: 30px
    }

    .landscape\:text-left {
        text-align: left
    }

    .pwa .landscape\:pwa\:bottom-0 {
        bottom: 0
    }

    .pwa .landscape\:pwa\:top-\[calc\(var\(--vh\)\)\] {
        top: calc(var(--vh))
    }

    .pwa .landscape\:pwa\:pb-safe-15,
    .pwa\:landscape\:pb-safe-15 {
        padding-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
    }

    .pwa .landscape\:pwa\:pl-safe-15 {
        padding-left: calc(15px + max(env(safe-area-inset-left), 15px))
    }

    .pwa .landscape\:pwa\:pr-safe-15 {
        padding-right: calc(15px + max(env(safe-area-inset-right), 15px))
    }

    .ipad .landscape\:ipad\:bottom-0 {
        bottom: 0
    }

    .ipad .landscape\:ipad\:top-\[calc\(var\(--vh\)\)\] {
        top: calc(var(--vh))
    }

    .ipad .landscape\:ipad\:pb-safe-15,
    .ipad\:landscape\:pb-safe-15 {
        padding-bottom: calc(15px + max(env(safe-area-inset-bottom), 15px))
    }
}

.\[\&\>div\>canvas\]\:w-full>div>canvas,
.\[\&\>div\]\:w-full>div {
    width: 100%
}

.\[\&\>div\>canvas\]\:max-w-full>div>canvas {
    max-width: 100%
}

.\[\&\>\*\:first-child\]\:opacity-15>:first-child {
    opacity: .15
}