* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', 'Montserrat';
    outline: none !important;
    outline-offset: none !important;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Segoe UI', 'Montserrat';
}

body {
    background-color: #f4f4f4;
    color: #333;
        font-family: 'Segoe UI', 'Montserrat';
}

:root {
    --color-sell: #F6465D;
    --color-textSell: #E33B54;
    --color-sellHover: #FF707E;
    --color-depthSellBg: #FEF1F2;
    --color-buy: #0ECB81;
    --color-textBuy: #2EBD85;
    --color-buyHover: #32D993;
    --color-depthBuyBg: #E6FFF1;
    --color-line: #EAECEF;
    --color-outlineHover: #FFEF87;
    --color-primary: #FCD535;
    --color-primaryHover: #F0B90B;
    --color-error: #E33B54;
    --color-errorBg: #FEF1F2;
    --color-success: #0ECB81;
    --color-successBg: #E6FFF1;
    --color-disable: #EAECEF;
    --color-iconNormal: #929AA5;
    --color-textWhite: #FFFFFF;
    --color-textGray: #EAECEF;
    --color-textBlack: #0B0E11;
    --color-textPrimary: #1E2329;
    --color-textSecondary: #474D57;
    --color-textThird: #707A8A;
    --color-textDisabled: #B7BDC6;
    --color-textBrand: #C99400;
    --color-textToast: #8D5F02;
    --color-bg: #F5F5F5;
    --color-bg1: #FFFFFF;
    --color-bg2: #FAFAFA;
    --color-bg3: #F5F5F5;
    --color-bg4: #5E6673;
    --color-bg6: #FFFFFF;
    --color-bg7: #FAFAFA;
    --color-popupBg: #FFFFFF;
    --color-badgeBg: #FEF6D8;
    --color-selectedBg: #FAFAFA;
    --color-gradientBrand: linear-gradient(180deg, #F8D12F 0%, #F0B90B 100%);
    --color-gradientPrimary: linear-gradient(295.27deg, #FFFFFF 0%, #E6E8EA 84.52%);
    --color-BasicBg: #FFFFFF;
    --color-SecondaryBg: #FAFAFA;
    --color-Input: #F5F5F5;
    --color-InputLine: #D8DCE1;
    --color-CardBg: #FFFFFF;
    --color-Vessel: #FAFAFA;
    --color-Line: #EAECEF;
    --color-DisableBtn: #EAECEF;
    --color-DisabledText: #B7BDC6;
    --color-DisableText: #B7BDC6;
    --color-TertiaryText: #707A8A;
    --color-SecondaryText: #474D57;
    --color-PrimaryText: #202630;
    --color-RedGreenBgText: #FFFFFF;
    --color-EmphasizeText: #FF693D;
    --color-TextOnGray: #EAECEF;
    --color-TextOnYellow: #202630;
    --color-IconNormal: #929AA5;
    --color-LiteBg1: #FFFFFF;
    --color-LiteBg2: #FAFAFA;
    --color-BtnBg: #f97141;
    --color-PrimaryYellow: #F0B90B;
    --color-TextLink: #C99400;
    --color-TradeBg: #F5F5F5;
    --color-TextToast: #8D5F02;
    --color-DepthSellBg: #FEF1F2;
    --color-SellHover: #FF707E;
    --color-Sell: #F6465D;
    --color-TextSell: #E33B54;
    --color-DepthBuyBg: #E6FFF1;
    --color-BuyHover: #32D993;
    --color-Buy: #2EBD85;
    --color-TextBuy: #2EBD85;
    --color-Error: #E33B54;
    --color-SuccessBg: #E6FFF1;
    --color-Success: #2EBD85;
    --color-TagBg: #EAECEF;
    --color-Grid: #EAECEF;
    --color-Placeholder: #B7BDC6;
    --color-ToastBg: #707A8A;
    --color-TwoColorIcon: #474D57;
    --color-ErrorBg: rgba(246, 70, 93, 0.1);
    --color-BadgeBg: rgba(240,185,11,0.1);
    --font-family:  "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*Start _APP-HEADER  */
._CWC .header-logo {
    height: 24px;
    color: var(--color-PrimaryYellow)
}

._CWC .logo-link {
    cursor: pointer;
    font-size: 0;
    display: inline-flex;
    padding-inline-end:12px}

._CWC .logo-link img {
    height: 64px
}

._CWC .header-nav-subitem {
    display: flex;
    box-sizing: border-box;
    align-items: flex-start
}

._CWC .header-nav-subview.between {
    justify-content: space-between
}

._CWC .header-nav-subicon_warp {
    display: flex;
    justify-content: center;
    margin-inline-end:8px;margin-top: 1px
}

._CWC .header-nav-subicon_icon {
    width: 20px;
    height: 20px;
    font-size: 20px
}

._CWC .header-nav-subitemtext {
    width: 240px
}

._CWC .header-nav-subitem .header-nav-subarrow {
    font-size: 18px;
    color: var(--color-PrimaryYellow);
    opacity: 0
}

._CWC .header-nav-subitem:hover .header-nav-subarrow {
    display: block;
    margin-inline-start:8px;opacity: 1;
    transition: all .3s ease-in-out
}

._CWC .header-nav-subtitle {
    display: flex;
    color: var(--color-PrimaryText);
    align-items: center
}

._CWC .header-nav-subtitle>.typography-Subtitle4 {
    margin: 0
}

._CWC .header-nav-subdesc {
    color: var(--color-TertiaryText)
}

._CWC .header-rightnav-subitem {
    color: var(--color-PrimaryText);
    border-radius: 0px
}

._CWC .header-rightnav-subview {
    padding-inline-start:16px}

._CWC .header-rightnav-subview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    width: 100%;
    color: var(--color-PrimaryText)
}

._CWC .header-rightnav-subitem.logout {
    border-top: 1px solid var(--color-Line);
    cursor: pointer
}

._CWC .header-rightnav-subview {
    padding: 0 16px
}

._CWC .header-rightnav-subview:hover {
    background-color: var(--color-bg3)
}

._CWC .header-rightnav-subicon {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    margin-inline-end:8px;color: var(--color-IconNormal)
}

._CWC .header-account-icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

._CWC .active.dropdownAndDraw-dropdown .header-account-icon {
    color: var(--color-PrimaryYellow)
}

._CWC .header-rightnav-subview:hover .header-rightnav-subicon {
    color: var(--color-PrimaryText)
}

._CWC .header-nav-subtitle_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

._CWC .header-drawer .header-nav-subtitle_text,._CWC .dropdownAndDraw-m-content .header-nav-subtitle_text {
    font-size: 16px;
    line-height: 24px
}

._CWC .header-suffix {
    box-sizing: border-box;
    margin: 0;
    margin-inline-start:6px;min-width: 0px;
    display: flex;
    position: relative;
    border-radius: 4px;
    padding-inline-start:4px;padding-inline-end:4px;font-size: 12px;
    line-height: 16px;
    background-color: var(--color-Line);
    color: var(--color-PrimaryText);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    align-items: center
}

._CWC .header-suffix::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    inset-inline-start: -3px;
    top: 2px;
    border-width: 6px;
    border-inline-start-style:initial;border-inline-start-color:initial;border-top-style: solid;
    border-top-color: rgba(0,0,0,0);
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,0);
    border-inline-end-style:solid;border-inline-end-color:var(--color-Line)}

._CWC .header-suffix.header-suffix_yellow {
    background-color: var(--color-BtnBg);
    color: var(--color-textBlack)
}

._CWC .header-suffix.header-suffix_yellow::before {
    border-inline-end-color:var(--color-BtnBg)}

._CWC .header-dropdown-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--color-PrimaryText)
}

._CWC .header-dropdown-menu .dropdown-icon {
    width: 18px;
    height: 18px;
    color: var(--color-PrimaryText)
}

._CWC .header-dropdown-menu-avatar {
    border-radius: 50%
}

._CWC .header-dropdown-menu .menus-icon {
    width: 24px;
    height: 24px
}

._CWC .header-dropdown-menu:hover .header-right-dropdown-icon {
    color: var(--color-PrimaryYellow)
}

._CWC .header-menu-item {
    display: flex;
    align-items: center;
    height: 64px;
    position: relative;
    padding-inline-start:12px;padding-inline-end:12px}

._CWC .header-rightside .header-menu-item {
    margin-inline-start:0px;padding: 0 8px
}

._CWC .header-dropdown-menu.header-menu-align_frist {
    position: static
}

._CWC .header-dropdown-menu.header-menu-align_frist .header-menu-subgrid {
    inset-inline-start: 160px
}

._CWC .header-dropdown-menu.header-menu-align_frist .header-menu-subgrid.header-menu-item_zh-CN {
    inset-inline-start: 100px
}

._CWC .header-menu-item.center .header-menu-subgridsmall,._CWC .header-menu-item.center .header-menu-subgrid,._CWC .header-menu-item.center .header-menu-sublist {
    inset-inline-start: 50%;
    transform: translate(-50%, 0)
}

[dir=rtl] ._CWC .header-menu-item.center .header-menu-subgridsmall,[dir=rtl] ._CWC .header-menu-item.center .header-menu-subgrid,[dir=rtl] ._CWC .header-menu-item.center .header-menu-sublist {
    transform: translate(50%, 0)
}

._CWC .header-menu-subgrid,._CWC .header-menu-sublist,._CWC .header-menu-subgridsmall {
    display: none;
    position: absolute;
    z-index: 1300;
    top: 64px;
    inset-inline-start: 0;
    padding: 24px;
    border-radius: 0px 0px 8px 8px;
    background: var(--color-popupBg, #fff);
    box-shadow: 0px 8px 8px 0px rgba(24,26,32,.08)
}

._CWC .header-menu-item_icon {
    padding: 0 24px;
    margin-inline-start:0px}

._CWC .header-menu-item_icon+.header-menu-item {
    margin-inline-start:0}

._CWC .header-menu-item_icon:hover {
    color: var(--color-PrimaryYellow)
}

._CWC .header-leftside .header-menu-item:not(.header-menu-item_icon)>.typography-Subtitle4:hover {
    color: var(--color-textBrand)
}

._CWC .header-menu-item:hover .header-menu-subgrid {
    display: grid;
    grid-gap: 24px;
    box-sizing: border-box
}

._CWC .header-menu-item .header-menu-item_hightLight {
    line-height: 28px;
    padding: 0px 8px;
    border-radius: 4px;
    background-color: var(--color-BadgeBg);
    color: var(--color-textBrand);
    cursor: pointer
}

._CWC .header-menu-subgrid-1 {
    grid-template-columns: repeat(1, 1fr)
}

._CWC .header-menu-subgrid-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

._CWC .header-menu-subgrid-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

._CWC .header-menu-subgrid-group {
    list-style: none
}

._CWC .header-menu-subgrid-group-li+.header-menu-subgrid-group-li {
    margin-top: 24px
}

._CWC h4.header-menu-subgrid-group-li {
    margin-bottom: -8px
}

._CWC .header-menu-item:hover .header-menu-subgridsmall {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    box-sizing: border-box
}

._CWC .header-menu-item a {
    color: var(--color-PrimaryText)
}

._CWC .header-menu-item_dropdown-icon {
    font-size: 16px !important
}

._CWC .header-menu-item:hover .header-menu-item_dropdown-icon {
    transform: rotate(180deg)
}

._CWC .header-menu-item:hover .header-menu-sublist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
    box-sizing: border-box
}

._CWC .header-rightside .header-menu-item:hover .header-menu-sublist {
    grid-gap: 0
}

._CWC .header-menu-item_view {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-PrimaryText);
    text-decoration: none;
    height: 100%
}

._CWC .header-menu-item:hover .dropdown-icon {
    transform: rotate(180deg)
}

._CWC .header-rightside .header-menu-sublist {
    padding: 0px;
    min-width: 220px;
    border-radius: 0 0 8px 8px
}

._CWC .header-rightside .header-menu-subgrid,._CWC .header-rightside .header-menu-sublist,._CWC .header-rightside .header-menu-subgridsmall {
    right: 0;
    left: initial
}

._CWC .deposit-icon {
    font-size: 16px;
    width: 16px;
    height: 16px
}

._CWC .header-nav-bar {
    display: flex;
    height: 64px;
    justify-content: flex-end;
    align-items: center;
    padding-inline-end:24px;color: var(--color-PrimaryText)
}

._CWC .header-nav-bar .close-btn-size {
    font-size: 24px
}

._CWC .bn-drawer .header-nav-itemview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 24px;
    color: var(--color-PrimaryText)
}

._CWC .bn-drawer .header-nav-itemnosub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 24px;
    color: var(--color-PrimaryText);
    cursor: pointer
}

._CWC .bn-drawer .header-rightnav-subview {
    height: 56px;
    padding: 0 24px;
    color: var(--color-PrimaryText)
}

._CWC .bn-drawer .header-nav-itemicon {
    width: 24px;
    height: 24px;
    margin-inline-end:8px;color: var(--color-IconNormal)
}

._CWC .header-nav-subgroup-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding-inline-start:64px}

._CWC .header-nav-subgroup-item .typography-Body3 {
    color: var(--color-PrimaryText)
}

._CWC .header-nav-subgroup-item:hover {
    background: var(--color-bg3)
}

._CWC .header-nav-subgroup-item.nohover:hover {
    background: none
}

._CWC .header-nav-subgroup {
    transition: all .3s;
    overflow: hidden
}

._CWC .header-rightside .bn-svg.header-nav-collapseicon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--color-IconNormal);
    transition: all .3s
}

._CWC .header-nav-collapseicon.expand {
    transform: rotate(180deg)
}

._CWC .header-nav-itemnosub:hover {
    background: var(--color-bg3)
}

._CWC .header-nav-itemnosub.no-hover-color:hover {
    background: rgba(0,0,0,0)
}

._CWC .header-rightnav-subview:hover .header-nav-collapseicon,._CWC .header-rightnav-subview:hover .header-nav-itemicon,._CWC .header-nav-itemnosub:hover .header-nav-itemicon {
    color: var(--color-PrimaryText)
}

._CWC .bn-drawer .header-nav-scroll {
    max-height: calc(100vh - 84px);
    overflow: auto
}

._CWC .header-userinfo-inmail-num {
    min-width: 16px;
    padding: 0 2px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background-color: var(--color-BtnBg);
    border-radius: 100%;
    color: var(--color-textBlack);
    text-align: center
}

._CWC .bn-button.deposit-btn.data-size-small {
    gap: 4px
}

._CWC #header_menu_search {
    font-size: 0
}

._CWC #header_menu_search .search-icon {
    font-size: 24px;
    width: 24px;
    height: 24px
}

._CWC .hover-pointer {
    cursor: pointer
}

._CWC .header-search-input .bn-textField-input {
    font-size: 14px
}

._CWC .right-sub-drawer {
    z-index: 10000 !important
}

._CWC .explore-content .search-input-icon {
    font-size: 20px;
    width: 20px;
    height: 20px
}

._CWC .header-global-js-top-alert {
    color: var(--color-PrimaryText);
    background-color: #fef1f2;
    transition: all 1s
}

._CWC .header-global-js-top-alert__inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 24px;
    max-width: 1248px
}

._CWC .header-container {
    max-width: 100vw;
    height: 64px;
    position: relative;
    display: flex;
    padding: 0 24px;
    justify-content: space-between;
    background-color: var(--color-BasicBg)
}

._CWC .header-menu-rightItem {
    display: flex;
    position: relative;
    padding: 20px 8px;
    align-items: center
}

._CWC .header-menu-rightItem.header-menu-right-pickup {
    padding: 20px 0 20px 8px
}

._CWC .header-leftside {
    display: flex;
    align-items: center
}

._CWC .header-rightside {
    display: flex
}

._CWC .header-rightside .bn-svg {
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer
}

._CWC .header-menu-rightItem:hover {
    color: var(--color-textBrand)
}

._CWC #toRegisterPage {
    padding-left: 0
}

._CWC .header-rightside .header-menu-rightItem:hover .hover-color {
    color: var(--color-PrimaryYellow)
}

._CWC .right-sub-drawer.bn-drawer>.bn-drawer-wrap.data-dir-right {
    max-width: 100%
}

._CWC .height-100 {
    height: 100%
}

._CWC .height-48 {
    height: 48px
}

._CWC .no-border-radius.bn-drawer>.bn-drawer-wrap.data-dir-right {
    border-radius: 0
}

._CWC .rwd-1440-visi-flex,._CWC .rwd-1280-visi-flex,._CWC .rwd-1200-visi-block,._CWC .rwd-1200-visi-flex,._CWC .rwd-1024-visi-block,._CWC .rwd-768-show,._CWC .rwd-768-flex {
    display: none !important
}

._CWC .header-rightside .bn-svg.register-gift-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: var(--color-textBlack) !important
}

._CWC .bn-button.data-size-small.header-menu-registerbtn {
    gap: 4px;
    font-weight: 500
}

@media screen and (max-width: 1440px) {
    ._CWC .rwd-1440-hide-flex {
        display:none
    }

    ._CWC .rwd-1440-visi-flex {
        display: flex
    }
}

@media screen and (max-width: 1023px) {
    ._CWC .rwd-1024-hide-flex {
        display:none !important
    }

    ._CWC .rwd-1024-visi-block {
        display: block !important
    }

    ._CWC .rwd-1024-visi-flex {
        display: flex !important
    }
}

@media screen and (max-width: 1200px) {
    ._CWC .rwd-1200-hide-flex {
        display:none !important
    }

    ._CWC .rwd-1200-visi-block {
        display: block !important
    }

    ._CWC .rwd-1200-visi-flex {
        display: flex !important
    }
}

@media screen and (max-width: 767px) {
    ._CWC .header-container {
        padding:0 16px
    }

    ._CWC .rwd-768-hide {
        display: none !important
    }

    ._CWC .rwd-768-show {
        display: block !important
    }

    ._CWC .rwd-768-flex {
        display: flex !important
    }
}

._CWC .QRCode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px
}

._CWC .QRCode-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    padding: 4px;
    border-radius: 4px;
    background-color: #000
}

._CWC .QRCode-text1 {
    width: 130px;
    white-space: pre-wrap
}

._CWC .QRCode-img {
    position: relative;
    padding: 12px;
    background-color: #fff;
    border-radius: 4px
}

._CWC .QRCode-img .bn-button {
    padding: 4px 8px
}

._CWC .header-inmall .mt-5xs {
    margin-top: 2px
}

._CWC .header-inmall-mark {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 6px;
    height: 6px;
    background: var(--color-BtnBg);
    border-radius: 50%;
    z-index: 1
}

._CWC .header-inmall {
    width: 368px;
    overflow: auto;
    padding: 16px 24px 24px
}

._CWC .header-inmall-pendding {
    justify-content: flex-end
}

._CWC .header-inmall .bn-svg {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: var(--color-IconNormal)
}

._CWC .header-inmall-action {
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

._CWC .header-inmall-action .bn-svg {
    margin-left: 4px
}

._CWC .header-inmall-action:hover,._CWC .header-inmall-action:hover .bn-svg {
    color: var(--color-PrimaryText)
}

._CWC .header-inmall .header-inmall-list {
    max-height: 228px;
    overflow-y: auto;
    overflow-x: hidden;
    --scroll-color: var(--color-Line);
    margin: 0 -12px
}

._CWC .header-inmall-nodata {
    padding-top: 40px;
    padding-bottom: 64px;
    color: var(--color-DisableText)
}

._CWC .header-inmall-nodataicon {
    font-size: 20px;
    width: 20px;
    height: 20px
}

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

._CWC .header-inmail-list-item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: var(--space-s);
    border-radius: 8px;
    cursor: pointer;
    max-width: 100%
}

._CWC .header-inmail-list-item.extraordinary {
    align-items: center
}

._CWC .header-inmail-list-item.extraordinary .header-inmail-unread-time,._CWC .header-inmail-list-item.extraordinary .header-inmail-list-item-meta-description {
    display: none
}

._CWC .header-inmail-list-item:first-of-type {
    padding-top: var(--space-m)
}

._CWC .header-inmail-list-item-meta-avatar {
    color: var(--color-PrimaryText);
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-right: var(--space-s);
    padding: 1px 0
}

._CWC .header-inmail-list-item-meta-avatar .icon-image {
    color: var(--color-PrimaryText);
    background-color: rgba(0,0,0,0);
    height: 20px;
    width: 20px
}

._CWC .header-inmail-list-item-meta-content {
    flex: 1 0;
    width: 0
}

._CWC .header-inmail-list-item-meta-title {
    color: var(--color-PrimaryText);
    display: flex;
    align-items: center
}

._CWC .header-inmail-list-item-meta-subarrow {
    font-size: 18px;
    color: var(--color-PrimaryYellow);
    opacity: 0;
    margin-left: 0;
    transition: all .3s
}

._CWC .header-inmail-list-item:hover .header-inmail-list-item-meta-subarrow {
    opacity: 1;
    color: var(--color-PrimaryYellow);
    margin-left: var(--space-2xs)
}

._CWC .h-\[22px\] {
    height: 22px
}

._CWC .header-inmail-unread-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 40px;
    margin-left: var(--space-2xs)
}

._CWC .header-inmail-unread {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 22px
}

._CWC .header-inmail-unread-status {
    background-color: var(--color-BtnBg);
    padding: 0 4px;
    color: var(--color-textBlack);
    border-radius: 100%;
    width: 16px;
    height: 16px;
    text-align: center
}

._CWC .header-inmail-unread-status.header-inmail-unread-status-over {
    border-radius: 10px;
    width: auto
}

._CWC .common-widget-css_wrap .gap-2xs {
    gap: 8px
}

._CWC .header-userinfo-group .header-rightnav-subview {
    padding: 0 24px
}

._CWC .header-userinfo-notverfy {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow)
}

._CWC .header-userinfo-vip {
    display: flex;
    align-items: center;
    height: 24px
}

._CWC .header-userinfo-vip0 {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

._CWC .header-userInfo-top-tag {
    display: flex;
    align-items: center;
    height: 24px;
    width: fit-content;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

._CWC .header-userInfo-top-tag.success {
    background-color: var(--color-DepthBuyBg);
    color: var(--color-TextBuy)
}

._CWC .header-userinfo-vip0 .vip-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-inline-end:4px}

._CWC .header-userInfo-top {
    padding: 24px 24px 8px 24px
}

._CWC .dropdownAndDraw-m-content .header-userInfo-top {
    padding: 0 24px 16px 24px
}

._CWC .bn-tooltips-wrap .header-userInfo-top {
    width: 306px
}

._CWC .header-userInfo-top-avatar img {
    border-radius: 8px;
    width: 56px;
    height: auto
}

._CWC .header-userInfo-todo {
    position: relative;
    display: flex;
    padding: 12px;
    border-radius: 12px;
    gap: 4px
}

._CWC .header-userInfo-todo::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    background-color: var(--color-TextLink);
    opacity: .1
}

._CWC .header-userInfo-todo-icon {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important
}

._CWC .header-userInfo-todo-text {
    width: 186px
}

._CWC .alert-header-notify .bn-notification.bn-notification__push.data-size-middle {
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid var(--color-Line);
    cursor: pointer
}

._CWC .alert-header-notify:hover .bn-notification.bn-notification__push.data-size-middle {
    border-color: var(--color-InputLine)
}

._CWC .alert-header-notify .bn-notification-close {
    top: -8px;
    right: -8px
}

._CWC .alert-header-notify .bn-notification-close:hover {
    color: var(--color-PrimaryText)
}

._CWC .alert-header-notify:hover .alert-header-notify-trade {
    color: var(--color-BtnBg) !important
}

@media screen and (max-width: 767px) {
    ._CWC .alert-header-notify .bn-notification.bn-notification__push.data-size-middle {
        padding:16px 24px
    }

    ._CWC .alert-header-notify-trade-warper {
        display: flex;
        flex-direction: column !important
    }

    ._CWC .alert-header-notify-icon {
        margin-right: 16px
    }

    ._CWC .alert-header-notify-trade {
        margin-top: 4px
    }
}

._CWC .alert-header-notify-trade-warper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1
}

@media(min-width: 400px) {
    ._CWC .alert-header-notify .bn-notification__push {
        max-width:400px !important
    }
}

._CWC .alert-header-notify-icon {
    width: 40px;
    flex-shrink: 0
}

._CWC .alert-header-notify svg {
    flex-shrink: 0
}

._CWC .alert-header-notify .bn-notification-close {
    font-size: 16px !important;
    min-height: 16px !important
}

._CWC .alert-header-notify .bn-notification-close svg:hover {
    color: var(--color-PrimaryText)
}

._CWC .alert-header-notify .bn-notification-content-title>div {
    height: auto !important;
    min-height: 40px
}

._CWC .alert-header-notify-trade {
    flex-shrink: 0
}

._CWC .DownloadBarMobile {
    position: fixed;
    background-color: var(--color-popupBg);
    bottom: 8px;
    left: 16px;
    right: 16px;
    z-index: 9999;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--color-Line);
    border-radius: 8px;
    color: var(--color-PrimaryText)
}

._CWC .DownloadBarMobile__close {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 12px;
    font-size: 12px;
    align-items: center;
    opacity: .5;
    color: var(--color-DisableText)
}

._CWC .DownloadBarMobile__logo {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    margin: 0px 8px 0px 0px;
    min-width: 0px;
    max-width: 100%
}

._CWC .DownloadBarMobile__text--primary {
    color: var(--color-PrimaryText);
    text-align: left
}

._CWC .DownloadBarMobile__text--medium {
    font-size: 14px;
    font-weight: 500
}

._CWC .DownloadBarMobile__text--secondary {
    color: var(--color-TertiaryText);
    font-size: 12px
}

._CWC .DownloadBarMobile .DownloadBarMobile__button--margin {
    width: auto;
    height: auto;
    appearance: none;
    box-sizing: border-box;
    font-size: 12px !important;
    line-height: 20px;
    min-height: 24px;
    width: 72px;
    padding: 2px 8px !important;
    border-radius: 6px
}

._CWC .DownloadBarMobile-second-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 16px;
    margin-inline-start:4px;height: 40px;
    background-color: var(--color-PrimaryText);
    color: var(--color-BasicBg);
    text-decoration: none;
    gap: 4px;
    flex: 1
}

._CWC .DownloadBarMobile-second-btn .bn-svg {
    width: 16px;
    height: 16px;
    font-size: 16px;
    flex: 0 0 16px
}

._CWC .DownloadBarMobile-second-btn+.DownloadBarMobile-second-btn {
    margin-inline-start:16px;margin-inline-end:4px}

._CWC .new-user-zone {
    align-items: center;
    flex: 1
}

._CWC .new-user-zone-wrapper {
    display: flex;
    height: 30px;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 24px
}

._CWC .new-user-zone-icon {
    color: #202630;
    height: 20px !important;
    width: 20px !important
}

._CWC .new-user-zone-icon-container {
    background-color: var(--color-BtnBg);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

._CWC .new-user-zone-text {
    background-color: var(--color-Input);
    padding: 8px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    ._CWC .new-user-zone {
        justify-content:end
    }

    ._CWC .new-user-zone-icon-container {
        background-color: unset;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset
    }

    ._CWC .new-user-zone-text {
        display: none
    }

    ._CWC .new-user-zone-icon {
        height: 24px !important;
        width: 24px !important;
        color: var(--color-PrimaryText)
    }

    ._CWC .new-user-zone-icon-container {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    ._CWC .new-user-zone {
        justify-content:end
    }

    ._CWC .new-user-zone-wrapper {
        margin-right: 8px;
        margin-left: unset
    }
}

._CWC .header-theme-switch {
    cursor: pointer;
    padding-inline-end:0px}

._CWC .header-theme-switch .theme-icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

._CWC .fiat-header-currency-container {
    width: 40px
}

._CWC .fiat-header-currency-icon {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: flex;
    position: relative;
    border-radius: 4px;
    margin-inline-start:8px;padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    line-height: 16px;
    background-color: var(--color-Line);
    color: var(--color-PrimaryText)
}

._CWC .collapse-container .header-menu-sublist-title-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-inline-start:64px;padding-bottom: 14px;
    padding-top: 14px;
    border-bottom: 1px solid var(--color-Line)
}

._CWC .collapse-container {
    position: relative
}

._CWC .collapse-container .header-menu-sublist-currency-container {
    width: 100px;
    height: unset;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0px;
    border-radius: 0px;
    background-color: var(--color-bg3)
}

html[dir=rtl] ._CWC .collapse-container .header-menu-sublist-currency-container {
    left: 0;
    right: unset
}

._CWC .collapse-container .header-menu-sublist-currency-container:hover {
    cursor: pointer
}

._CWC .header-menu-sublist-currency-icon {
    width: 20px;
    height: 20px
}

._CWC .collapse-container .header-menu-sublist-currency {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-inline-start:8px;color: var(--color-PrimaryText)
}

._CWC .header-menu-sublist-currency-arrow {
    color: var(--color-IconNormal);
    width: 16px;
    height: 16px
}

._CWC .drawer-fiat {
    min-width: 375px
}

._CWC .drawer-fiat.header-drawer .bn-drawer-wrap {
    background-color: var(--color-BasicBg)
}

._CWC .drawer-fiat.bn-drawer>.bn-drawer-wrap.data-dir-right {
    max-width: unset
}

._CWC .drawer-fiat .header-nav-scroll {
    overflow: unset
}

._CWC .drawer-fiat .submenu-fiat-container {
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0);
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0px;
    max-height: unset;
    height: calc(100% - 65px);
    gap: 24px
}

._CWC .drawer-fiat .submenu-fiat-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-TertiaryText)
}

._CWC .drawer-fiat .fiat-currency-search {
    background-color: var(--color-BasicBg)
}

._CWC .fiatMaintenance-h5 {
    width: 263px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-popupBg);
    margin: 0 auto
}

._CWC .fiatMaintenance-upgrade-h5 {
    margin-bottom: 8px
}

._CWC .fiatMaintenance-upgrade-h5>svg {
    width: 48px;
    height: 48px
}

._CWC .fiatMaintenance-upgrade-text-h5 {
    margin-bottom: 0px
}

._CWC .submenu-fiat-container *::-webkit-scrollbar-thumb {
    background-color: var(--color-Line) !important
}

._CWC .submenu-fiat-container::-webkit-scrollbar,._CWC .submenu-fiat-container *::-webkit-scrollbar {
    background-color: unset !important
}

._CWC .header-nav-drawer {
    min-width: 375px
}

._CWC .header-drawer .bn-drawer-wrap {
    --scroll-color: var(--color-Line);
    transform: none !important
}

._CWC .data-size-full .header-nav-drawer {
    width: 100vw
}

._CWC .header-pickup-login {
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: var(--color-PrimaryText);
    display: block
}

._CWC .header-pickup-loginregister {
    width: 100%
}

._CWC .header-pickup-loginregister+.header-pickup-loginregister {
    margin-inline-start:14px}

._CWC .switch-icon {
    width: 16px;
    height: 16px;
    font-size: 16px
}

._CWC .header-pickup-loginAndregister {
    display: flex
}

._CWC .header-pickup-loginAndregister+.header-search-input {
    margin-top: 24px
}

._CWC .header-nav-scroll_topside {
    padding: 0 24px 16px 24px;
    width: 100%
}

._CWC .header-nav-scroll_topside .bn-textField {
    width: 100%
}

/* common design*/
._CWC .footer-select-options-group {
    margin: 16px;
    width: 200px
}

._CWC .footer-select-options-body {
    height: 288px;
    overflow: auto;
    margin-top: 16px
}

._CWC .footer-select-options-group .bn-textField {
    width: 200px
}

._CWC .footer-select-options-group-flat {
    color: var(--color-PrimaryText)
}

._CWC .footer-select-options {
    cursor: pointer
}

._CWC .footer-select-options+.footer-select-options {
    margin-top: 16px
}

._CWC .footer-select-options.active,._CWC .footer-select-options:hover {
    color: var(--color-textBrand)
}

._CWC .footer-select-display {
    cursor: default
}

._CWC .footer-select-options-group-flat .typography-Body3 {
    margin-bottom: 16px
}

._CWC .footer-select-display.active,._CWC .footer-select-display.active .text-body2 {
    color: var(--color-textBrand)
}

._CWC .footer-select-options-group-flat .text-body2 {
    color: var(--color-TertiaryText)
}

._CWC .footer-select-options-group-flat .bn-textField.data-size-small {
    height: 32px;
    font-size: 14px
}

._CWC .footer-select-options-group-flat .bn-textField-input {
    font-size: 14px;
    width: 100%
}

._CWC .lngAndCurrency .typography-Subtitle1 {
    font-weight: 600
}

._CWC .lngAndCurrency-selectgroup-m {
    display: none
}

._CWC .lngAndCurrency-selectgroup .bn-svg {
    font-size: 24px;
    width: 24px;
    color: var(--color-PrimaryText) !important
}

._CWC .lngAndCurrency-selectgroup .text-body2 {
    color: var(--color-PrimaryText)
}

._CWC .footer-community-currency {
    margin-top: 16px
}

._CWC .footer-theme-switch {
    margin-top: 16px;
    margin-left: 0;
    display: flex;
    align-items: center
}

._CWC .footer-theme-switch .bn-switch.checked {
    background-color: var(--color-disable)
}

._CWC .footer-theme-switch .bn-switch .switch-icon {
    color: var(--color-textBlack) !important;
    font-size: 16px
}

._CWC .footer-theme-switch .footer-theme-switch-text {
    margin-right: 8px
}

@media screen and (max-width: 1023px) {
    ._CWC .lngAndCurrency-selectgroup {
        display:flex
    }

    ._CWC .footer-community-currency {
        margin-top: 0
    }

    ._CWC .footer-community-lang {
        margin-inline-end:40px}

    ._CWC .footer-theme-switch {
        margin-top: 0;
        margin-left: 40px;
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    ._CWC .lngAndCurrency-selectgroup {
        display:none
    }

    ._CWC .lngAndCurrency-selectgroup-m {
        display: flex
    }

    ._CWC .lngAndCurrency-selectgroup-m .bn-svg {
        font-size: 24px
    }

    ._CWC .lngAndCurrency-selectgroup-m .text-body2 {
        color: var(--color-PrimaryText)
    }

    ._CWC .lngAndCurrency-selectgroup-m-language {
        margin-inline-end:40px}

    ._CWC .lngAndCurrency-selectgroup-m-bar {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 64px;
        font-size: 20px;
        color: var(--color-PrimaryText)
    }

    ._CWC .lngAndCurrency-drawer {
        padding: 0 24px 24px 24px
    }

    ._CWC .lngAndCurrency-selectgroup-m-content {
        display: grid;
        grid-template-columns: 3fr 2fr
    }

    ._CWC .lngAndCurrency-selectgroup-m-content.onlyone {
        grid-template-columns: 1fr
    }

    ._CWC .lngAndCurrency-selectgroup-m-content .footer-select-options-group-flat {
        --scroll-color: var(--color-Line);
        max-height: calc(100vh - 88px);
        overflow: auto
    }

    ._CWC .lngAndCurrency-selectgroup-m-content .bn-textField {
        max-width: 100%
    }

    ._CWC .lngAndCurrency-selectgroup-m-content .language-select {
        padding-inline-end:24px}

    ._CWC .lngAndCurrency-selectgroup-m-content .currency-select {
        padding-inline-end:14px}

    ._CWC .lngAndCurrency-selectgroup-m-content .footer-select-options-group-flat+.footer-select-options-group-flat {
        padding-inline-start:24px}

    ._CWC .footer-currency-item {
        display: flex;
        align-items: center
    }

    ._CWC .footer-theme-switch {
        margin-left: 40px;
        display: inline-block
    }
}

._CWC .dropdownAndDraw-drawer {
    min-width: 375px
}

._CWC .data-size-full .dropdownAndDraw-drawer {
    width: 100vw
}

._CWC .dropdown-overflow .bn-drawer-wrap {
    overflow-y: auto;
    overflow-x: hidden
}

._CWC .dropdownAndDraw-m-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 64px;
    font-size: 20px;
    padding-inline-end:24px;color: var(--color-PrimaryText)
}

._CWC .lngAndCurrency-drawer {
    padding: 0 24px 24px 24px
}

._CWC .dropdownAndDraw-m-bar_close.bn-svg {
    font-size: 24px
}

._CWC .bn-tooltips-wrap.active .bn-tooltips-ele .search-icon {
    color: var(--color-PrimaryYellow)
}

._CWC .dropdownAndDraw-drawer_removerediu.bn-drawer>.bn-drawer-wrap.data-dir-right {
    border-radius: 0
}

._CWC .custom-controlled-dropdown .bn-bubble-content {
    border-radius: var(--radii-2l);
    background-color: var(--color-CardBg);
    box-shadow: var(--shadow-shadow2);
    overflow: hidden;
    transform: translateX(-1px)
}

._CWC .fiatPayment-search {
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m)
}

._CWC .fiatPayment-search-cancel {
    display: none
}

._CWC .fiatPayment-search .fiatPayment-svg.bn-svg {
    width: 20px;
    height: 20px
}

@media screen and (max-width: 768px) {
    ._CWC .fiatPayment-search {
        padding:6px 15px
    }

    ._CWC .fiatPayment-search input {
        border: none;
        background: var(--color-Input) !important
    }

    ._CWC .fiatPayment-search-cancel {
        display: block
    }

    ._CWC .fiatPayment-search .fiatPayment-svg.bn-svg {
        width: 16px;
        height: 16px
    }
}

._CWC .fiatPaymentItem {
    width: 100%;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._CWC .fiatPaymentItem:hover {
    background-color: var(--color-Input)
}

._CWC .fiatPaymentRender .fiatPaymentRender-svg.bn-svg {
    width: 16px;
    height: 16px;
    margin-left: 8px
}

._CWC .fiatPaymentRender-svg.rotate-180 {
    transform: rotate(180deg)
}

._CWC .fiatPaymentRender-img {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-right: 8px
}

._CWC .fiatPaymentItem-img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px
}

._CWC .fiatPaymentItem .fiatPaymentItem-checked-svg.bn-svg {
    width: 16px;
    height: 16px
}

@media screen and (max-width: 768px) {
    ._CWC .fiatPaymentItem {
        padding:10px var(--space-m)
    }

    ._CWC .fiatPaymentItem-img {
        margin-right: 12px
    }
}

._CWC .fiatPayment-scroll {
    overflow-y: auto;
    height: 310px
}

._CWC .fiatPayment-label {
    padding: 6px 10px
}

@media screen and (max-width: 767px) {
    ._CWC .fiatPayment-list {
        margin-top:10px
    }

    ._CWC .fiatPayment-label {
        padding: 16px var(--space-m) 8px
    }

    ._CWC .fiatPayment-scroll {
        overflow-y: auto;
        height: 70vh
    }
}

._CWC .deposit-side-drawer-guide-text:hover {
    color: var(--color-TertiaryText)
}

._CWC .beginner-deposit-tutorial-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--color-Line);
    border-radius: 16px;
    padding: 16px;
    margin-top: 16px
}

._CWC .beginner-deposit-tutorial-content:hover {
    border-color: var(--color-InputLine)
}

@media screen and (max-width: 767px) {
    ._CWC .beginner-deposit-tutorial-content {
        gap:12px;
        border-radius: 12px
    }
}

._CWC .beginner-deposit-tutorial {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    ._CWC .beginner-deposit-tutorial.start {
        justify-content:flex-start
    }
}

._CWC .deposit-drawer-video-modal {
    z-index: 10000 !important
}

._CWC .deposit-drawer-drawer.bn-drawer>.bn-drawer-wrap.data-dir-right {
    border-radius: 0
}

._CWC .deposit-drawer-wrap {
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    color: var(--color-PrimaryText)
}

._CWC .deposit-drawer-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%
}

._CWC .deposit-drawer-content.videotype {
    transform: translate3d(-50%, 0px, 0px)
}

._CWC .deposit-drawer-fundItem-wrap {
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--color-Line);
    transition: border-color 150ms ease;
    padding: 16px;
    cursor: pointer
}

._CWC .deposit-drawer-fundItem-wrap:hover {
    border-color: var(--color-InputLine)
}

@media screen and (max-width: 767px) {
    ._CWC .deposit-drawer-fundItem-wrap {
        border-radius:12px
    }
}

._CWC .deposit-drawer-fundItem-wrap-padding-more {
    padding-top: 24px;
    padding-bottom: 24px
}

._CWC .deposit-drawer-fundItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

._CWC .deposit-drawer-fundItem-activity-left {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(240,185,11,.1);
    border-radius: 16px 0 8px 0;
    padding: 2px 8px;
    gap: 2px;
    color: var(--color-TextLink)
}

._CWC .deposit-drawer-fundItem-activity-right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(240,185,11,.1);
    border-radius: 0 16px 0 8px;
    padding: 2px 8px;
    gap: 2px;
    color: var(--color-TextLink)
}

._CWC .header-rightside .deposit-drawer-fundItem-activity-svg.bn-svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0
}

._CWC .deposit-drawer-scrollable {
    overflow-y: auto
}

._CWC .deposit-drawer-fundItem_body {
    flex: 1
}

._CWC .deposit-drawer-fundItem_recommonLabel {
    border-radius: 3px;
    background-color: var(--color-BadgeBg);
    padding: 0px 4px
}

._CWC .deposit-drawer-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: var(--space-xl);
    color: var(--color-IconNormal);
    cursor: pointer
}

._CWC .deposit-drawer-icon:hover {
    color: var(--color-PrimaryText)
}

@media screen and (max-width: 767px) {
    ._CWC .deposit-drawer-icon {
        top:var(--space-m);
        color: var(--color-PrimaryText)
    }
}

._CWC .deposit-drawer-wrap .fiatPayment-svg.bn-svg {
    width: 16px;
    height: 16px
}

._CWC .deposit-drawer-contentitem {
    padding: 0 24px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain
}

._CWC .deposit-drawer-framewrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

._CWC .deposit-drawer-framewrap>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0
}

._CWC .deposit-drawer-framewrap_button {
    min-width: 180px;
    margin: 0 32px
}

._CWC .deposit-drawer-playvideo {
    cursor: pointer
}

._CWC .deposit-drawer-playvideo:hover {
    color: var(--color-PrimaryText)
}

._CWC .deposit-drawer-funditem_icon {
    width: 40px
}

._CWC .deposit-drawer-otherway {
    display: flex;
    padding: 10px;
    margin-inline-end:16px;align-items: center;
    cursor: pointer;
    border-radius: 4px
}

._CWC .deposit-drawer-otherway:hover {
    background-color: var(--color-bg3)
}

._CWC .deposit-drawer-fqalink:hover {
    cursor: pointer;
    color: var(--color-BtnBg)
}

._CWC .deposit-drawer-drawer.bn-drawer>.bn-drawer-wrap.data-dir-right {
    width: 424px;
    max-width: 424px
}

._CWC .deposit-actionsheet.bn-drawer>.bn-drawer-wrap.data-dir-bottom {
    display: flex
}

._CWC .deposit-drawer-header {
    position: relative
}

._CWC .deposit-drawer-header .bn-actionSheet-content {
    padding: 0
}

._CWC .deposit-drawer-header .bn-mask {
    background-color: rgba(0,0,0,.5) !important
}

._CWC .deposit-drawer-primary-link {
    cursor: pointer;
    color: var(--color-TextLink);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

._CWC .deposit-drawer-primary-link:hover {
    color: var(--color-BtnBg)
}

._CWC .deposit-drawer-primary-link.small {
    font-size: 12px;
    line-height: 18px
}

._CWC .icon-pointer-wrapper:hover .icon-t-primary-pointer,._CWC .icon-t-primary-pointer:hover {
    color: var(--color-PrimaryText)
}

._CWC .deposit-drawer-close-svg {
    width: 20px !important;
    height: 20px !important;
    color: var(--color-IconNormal);
    cursor: pointer
}

._CWC .deposit-drawer-close-svg:hover {
    color: var(--color-PrimaryText)
}

@media screen and (max-width: 767px) {
    ._CWC .deposit-drawer-fundItem {
        border-radius:12px;
        gap: 12px
    }

    ._CWC .deposit-drawer-contentitem {
        padding: 0 var(--space-m) var(--space-xl)
    }

    ._CWC .deposit-drawer-framewrap>iframe {
        border-radius: 4px
    }

    ._CWC .deposit-drawer-framewrap_button {
        width: 100%
    }

    ._CWC .deposit-drawer-funditem_icon {
        width: 40px;
        height: 40px
    }

    ._CWC .deposit-drawer-drawer.bn-drawer>.bn-drawer-wrap.data-dir-right {
        width: 100%;
        max-width: 100%
    }

    ._CWC .deposit-drawer-primary-link {
        text-decoration: none;
        font-weight: 500;
        text-decoration: unset
    }

    ._CWC .deposit-drawer-primary-link.small {
        font-weight: 500
    }

    ._CWC .deposit-drawer-close-svg {
        color: var(--color-PrimaryText)
    }
}

._CWC .ml-2xs {
    margin-left: var(--space-2xs)
}

._CWC .text-center {
    text-align: center
}

._CWC .rounded-xl {
    border-radius: var(--radii-xl)
}

._CWC .rounded-m {
    border-radius: var(--radii-m)
}

._CWC .rounded-l {
    border-radius: var(--radii-l)
}

._CWC .border {
    border-width: 1px
}

._CWC .border-solid {
    border-style: solid
}

._CWC .border-Line {
    border-color: var(--color-Line)
}

._CWC .hover-border-PrimaryYellow:hover {
    border-color: var(--color-PrimaryYellow)
}

._CWC .border-PrimaryYellow {
    border-color: var(--color-PrimaryYellow)
}

._CWC .items-center {
    align-items: center
}

._CWC .justify-center {
    justify-content: center
}

._CWC .py-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

._CWC .p-xl {
    padding: var(--space-xl)
}

._CWC .pt-l {
    padding-top: var(--space-l)
}

._CWC .h-m {
    height: var(--space-m)
}

._CWC .w-m {
    width: var(--space-m)
}

._CWC .px-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s)
}

._CWC .py-4xs {
    padding-top: var(--space-4xs);
    padding-bottom: var(--space-4xs)
}

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

._CWC .cursor-pointer {
    cursor: pointer
}

._CWC .text-t-Tertiary {
    color: var(--color-TertiaryText)
}

._CWC .text-t-Primary {
    color: var(--color-PrimaryText)
}

._CWC .text-IconNormal {
    color: var(--color-IconNormal)
}

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

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

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

._CWC .noH5\:hidden {
    display: none
}

._CWC .text-TextLink {
    color: var(--color-TextLink)
}

@media screen and (max-width: 768px) {
    ._CWC .mobile\:Subtitle1 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }

    ._CWC .mobile\:text-t-Secondary {
        color: var(--color-SecondaryText)
    }

    ._CWC .mobile\:py-m {
        padding-top: var(--space-m);
        padding-bottom: var(--space-m)
    }

    ._CWC .mobile\:pt-m {
        padding-top: var(--space-m)
    }
}

._CWC .twitter-connect-panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--color-SecondaryText);
    align-items: flex-start;
    max-height: calc(100vh - 300px);
    overflow: auto;
    margin-bottom: 24px
}

._CWC .twitter-connect-panel_list {
    gap: 8px;
    width: 100%;
    list-style: inside
}

._CWC .twitter-connect-panel_list li {
    list-style: inside
}

._CWC .twitter-connect-panel_tip {
    font-size: 14px;
    color: var(--color-PrimaryText)
}

._CWC .twitter-bind-img {
    width: 160px
}

._CWC .twitter-unbind-img {
    width: 96px;
    margin-bottom: 16px
}

._CWC .twitter-unbind-text {
    text-align: center
}

._CWC .twitter-unbind-title,._CWC .twitter-unbind-user-link {
    margin-bottom: 8px
}

._CWC .twitter-unbind-desc {
    margin-bottom: 24px
}

._CWC .bn-modal.twitter-bind-model .bn-modal-wrap {
    width: 384px;
    max-width: 100%;
    padding: var(--space-m)
}

._CWC .bn-modal.twitter-bind-model.disconnect-twitter-panel .bn-modal-wrap {
    padding: var(--space-xl)
}

._CWC .bn-modal.twitter-bind-model.connect-twitter-panel .bn-modal-wrap {
    width: 520px;
    padding: 0 24px 24px 24px
}

._CWC .connect-twitter-panel .bn-drawer-wrap {
    padding-top: 0 !important
}

._CWC .bn-modal.twitter-bind-model .bn-modal-content {
    padding: 8px 0 0 0;
    max-height: none
}

._CWC .twitter-bind-model .bn-drawer-wrap,._CWC .twitter-bind-result .bn-drawer-wrap {
    padding: var(--space-m)
}

._CWC .twitter-bind-result.twitter-unbound-success-dialog .bn-modal-confirm-title {
    margin-bottom: 0
}

._CWC .twitter-bind-success .bn-modal-confirm-icon {
    height: 96px;
    margin-bottom: 16px !important
}

._CWC .bn-modal.twitter-bind-result .bn-modal-content {
    padding: 0
}

._CWC .twitter-model-header {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px
}

._CWC .twitter-model-header .twitter-modal-close {
    width: 24px;
    height: 24px
}

._CWC .twitter-model-header.notitle {
    position: absolute;
    right: 24px
}

._CWC .nobg-root .bn-modal-content {
    max-height: none
}

._CWC .twitter-connect-panel_network-reminder {
    z-index: 1299
}

._CWC .twitter-connect-panel_network-reminder .bn-modal-confirm-icon {
    width: 80px !important;
    height: 80px !important
}

@media screen and (max-width: 768px) {
    ._CWC .twitter-model-header {
        height:50px;
        margin-bottom: 8px
    }

    ._CWC .twitter-bind-img {
        width: 96px
    }

    ._CWC .twitter-bind-success .bn-modal-confirm-icon {
        margin-bottom: 24px !important
    }

    ._CWC .twitter-model-header .twitter-modal-close {
        width: 20px;
        height: 20px
    }

    ._CWC .twitter-bind-success .bn-modal-confirm {
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    ._CWC .twitter-bind-model .bn-button {
        height:48px
    }
}

._CWC .explore-history-item {
    list-style: none;
    display: inline-block;
    background-color: var(--color-Input);
    border-radius: 6px;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    line-height: 28px !important;
    max-width: calc(50% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    vertical-align: middle;
    text-align: center
}

._CWC .explore-history-item__link,._CWC .explore-history-item__text {
    color: var(--color-PrimaryText);
    text-decoration: none;
    border-radius: 4px;
    text-align: center
}

._CWC .explore-history-list {
    margin-bottom: 16px;
    padding: 0 16px
}

._CWC .explore-history-list__title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

._CWC .explore-history-list__title {
    font-size: 14px;
    color: var(--color-PrimaryText)
}

._CWC .explore-history-list__delete-icon {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    color: var(--color-IconNormal)
}

._CWC .explore-section-swiper-dots {
    gap: 8px
}

._CWC .explore-section-swiper-dots--arrow {
    color: var(--color-DisableText);
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,0);
    border-radius: 6px;
    align-items: center;
    justify-content: center
}

._CWC .explore-section-swiper-dots--arrow:hover {
    color: var(--color-PrimaryText);
    background-color: var(--color-Line)
}

._CWC .explore-section-swiper-dots--arrow:hover .explore-section-swiper-dots--arrow__disallow {
    cursor: not-allowed;
    color: var(--color-DisableText)
}

._CWC .explore-section-swiper-progress-pager--dot {
    width: 8px;
    height: 3px;
    background-color: var(--color-Line);
    margin-right: 4px;
    cursor: pointer
}

._CWC .explore-section-swiper-progress-pager--dot__active {
    background-color: var(--color-PrimaryText)
}

._CWC .section-swiper {
    flex-direction: column
}

._CWC .section-swiper .section-swiper-title-container {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px
}

._CWC .section-swiper-title-container--title {
    font-size: 14px;
    color: var(--color-PrimaryText)
}

._CWC .hot-compaign-countdown--item {
    gap: 4px;
    margin-right: 20px;
    align-items: center
}

._CWC .hot-compaign-countdown--unit {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-PrimaryText)
}

._CWC .explore-hot-camp {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--color-Line);
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    cursor: pointer
}

._CWC .explore-hot-camp-item-info {
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-PrimaryText)
}

._CWC .explore-hot-camp-item-info--base {
    margin-bottom: 8px
}

._CWC .explore-hot-camp-item-info--title {
    margin-right: 16px
}

._CWC .explore-hot-camp-item-info--asset {
    margin-left: 8px;
    margin-right: 8px
}

._CWC .explore-hot-camp-item-state {
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    align-items: center
}

._CWC .explore-hot-camp-item-state--buy {
    color: var(--color-TextBuy);
    background-color: var(--color-DepthBuyBg)
}

._CWC .explore-hot-campaign {
    padding: 0 16px
}

._CWC .explore-hot-trading--item {
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px
}

._CWC .explore-hot-trading--item:hover {
    background-color: var(--color-Input)
}

._CWC .explore-hot-trading--item-left-container {
    align-items: center
}

._CWC .explore-hot-trading--item-index {
    color: var(--color-DisabledText);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 8px
}

._CWC .explore-hot-trading--trading-pair {
    align-items: center
}

._CWC .explore-hot-trading--item-base-asset {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 2px
}

._CWC .explore-hot-trading--item-quote-asset {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color-SecondaryText)
}

._CWC .explore-hot-trading--item-asset-icon {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-right: 8px;
    border-radius: 50%
}

._CWC .explore-hot-trading--item-price {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-PrimaryText)
}

._CWC .explore-hot-trading--item-difference {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

._CWC .explore-hot-trading--item-right-container {
    flex-direction: column;
    align-items: flex-end
}

._CWC .explore-hot-trading {
    margin-bottom: 24px
}

._CWC .explore-hot-trading-cols {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._CWC .explore-earn-list-item {
    border: 1px solid var(--color-Line);
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer
}

._CWC .explore-earn-list-item__content {
    display: flex;
    flex-direction: column
}

._CWC .explore-earn-list-item__asset {
    margin-bottom: 8px;
    flex-direction: column
}

._CWC .explore-earn-list-item__asset-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
    border-radius: 50%;
    object-fit: cover
}

._CWC .explore-earn-list-item__asset-name {
    color: var(--color-PrimaryText)
}

._CWC .explore-earn-list-item__apr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start
}

._CWC .explore-earn-list-item__apr-label {
    margin-right: 4px;
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

._CWC .explore-earn-list-item__apr-value {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

._CWC .explore-earn-list {
    padding: 0 16px
}

._CWC .explore-earn-list-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px
}

._CWC .explore-deposite-recomd {
    padding: 16px 16px 0px 16px;
    gap: 8px;
    margin-bottom: 24px
}

._CWC .explore-deposite-recomd__item {
    max-width: 50%;
    display: flex;
    border-radius: 12px;
    border: 1px solid var(--color-Line);
    padding: 16px 14px;
    justify-content: start;
    align-items: start;
    height: auto;
    flex: 1;
    cursor: pointer;
    box-sizing: border-box
}

._CWC .explore-deposite-recomd__item--single {
    max-width: 100%;
    height: auto
}

._CWC .explore-deposite-recomd__item--single .explore-deposite-recomd__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

._CWC .explore-deposite-recomd__item--single .explore-deposite-recomd__icon {
    margin-bottom: 0;
    margin-right: 10px
}

._CWC .explore-deposite-recomd__icon {
    margin-bottom: 8px;
    width: 20px;
    height: 20px
}

._CWC .explore-deposite-recomd__title {
    color: var(--color-PrimaryText);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

._CWC .common-widget-image-with-chain-icon-wrap {
    position: relative;
    width: 24px;
    height: 24px
}

._CWC .common-widget-image-with-chain-icon-wrap>img {
    width: 100%;
    height: 100%
}

._CWC .common-widget-image-with-chain-icon-wrap .chain-icon-wrap {
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background-color: var(--color-BasicBg);
    padding: 1px
}

._CWC .common-widget-image-with-chain-icon-wrap .chain-icon {
    width: 10px;
    height: 10px;
    border-radius: 2px
}

._CWC .explore-suggest-result-panel {
    flex-direction: column;
    padding: 0px 15px;
    align-items: flex-start;
    align-self: stretch;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    --scroll-size: 8px !important;
    overscroll-behavior: contain
}

._CWC .explore-suggest-result-panel__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 8px;
    padding: 9px 0;
    border-radius: 4px
}

._CWC .explore-suggest-result-panel__icon {
    margin-right: 8px
}

._CWC .explore-suggest-result-panel__custom-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

._CWC .explore-suggest-result-panel__text {
    font-size: 16px;
    color: var(--color-PrimaryText);
    margin-right: 4px
}

._CWC .explore-suggest-result-panel__text_sub {
    color: var(--color-SecondaryText);
    font-size: 12px
}

._CWC .explore-content {
    width: 368px
}

._CWC .data-size-full .explore-content {
    width: 100%
}

._CWC .initdata {
    padding: 16px 0;
    color: var(--color-PrimaryText);
    box-sizing: border-box
}

._CWC .initdata-content {
    max-height: 566px;
    --scroll-size: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain
}

@media screen and (max-width: 768px) {
    ._CWC .initdata-content {
        height:unset;
        max-height: unset
    }
}

._CWC .initdata-text {
    padding: 4px 8px;
    color: var(--color-PrimaryText);
    background: var(--color-bg3);
    border-radius: 2px;
    cursor: pointer;
    margin-inline-end:8px;margin-bottom: 24px;
    font-weight: 500;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._CWC .initdata-text+.initdata-text {
    margin-inline-start:8px}

._CWC .initdata-text:hover {
    background: var(--color-Line)
}

._CWC .initdata-link {
    padding: 12px 16px;
    background: var(--color-invBg);
    cursor: pointer;
    border-radius: 4px
}

._CWC .initdata-link p {
    max-width: calc(100% - 48px)
}

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

._CWC .initdata-delete-icon {
    font-size: 16px;
    color: var(--color-IconNormal);
    cursor: pointer
}

._CWC .initdata-delete-icon:hover {
    color: var(--color-PrimaryText)
}

._CWC .flex-center-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._CWC .history-img {
    width: 20px;
    height: 20px;
    margin-inline-end:8px}

._CWC .hot-function-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

._CWC .hot-function-item {
    width: calc(50% - 8px)
}

._CWC .hot-function-item .initdata-link {
    display: flex;
    padding: 12px 16px;
    border: 1px solid var(--color-bg3);
    border-radius: 10px;
    color: var(--color-PrimaryText);
    align-items: center
}

._CWC .hot-function-item .initdata-link:hover {
    border: 1px solid var(--color-BtnBg)
}

._CWC .nodata-wrap {
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

._CWC .explore-component .nodata-wrap .bn-svg {
    font-size: 96px;
    width: 96px;
    height: 96px;
    cursor: unset
}

._CWC .common-item {
    display: flex;
    align-items: center;
    color: var(--color-PrimaryText);
    padding: 12px 16px;
    cursor: pointer
}

._CWC .common-item.align-top {
    align-items: flex-start
}

._CWC .explore-common-item {
    display: flex;
    align-items: center;
    color: var(--color-PrimaryText);
    padding: 12px 16px;
    cursor: pointer
}

._CWC .explore-common-item-icon-wrap {
    display: flex;
    align-items: center;
    justify-items: center;
    border-radius: 10px;
    padding: 8px;
    background-color: var(--color-Line);
    margin-right: 8px
}

._CWC .explore-earn-item,._CWC .explore-options-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-PrimaryText);
    padding: 12px 16px;
    cursor: pointer
}

._CWC .explore-futures-item,._CWC .explore-alpha-item,._CWC .explore-spot-item {
    display: flex;
    justify-content: space-between;
    color: var(--color-PrimaryText);
    padding: 12px 16px;
    cursor: pointer
}

._CWC .common-item:hover,._CWC .explore-earn-item:hover,._CWC .explore-alpha-item:hover,._CWC .explore-common-item:hover,._CWC .explore-futures-item:hover,._CWC .explore-options-item:hover,._CWC .explore-spot-item:hover {
    background: var(--color-bg2)
}

._CWC .explore-spot-item-img {
    height: 24px;
    width: 24px;
    margin-inline-end:8px}

._CWC .common-item-img {
    width: 20px;
    height: 20px;
    max-width: unset
}

._CWC .common-item-img_feed {
    width: 36px;
    height: 36px;
    margin-inline-end:14px;border-radius: 12px
}

._CWC .explore-common-item .typography-Subtitle2 {
    flex: 1
}

._CWC .font-weight-400 {
    font-weight: 400
}

._CWC .font-weight-500 {
    font-weight: 500
}

._CWC .theme-root .search-result-tabs {
    width: 368px;
    padding: 8px 16px 0px 16px;
    font-weight: 500;
    overflow: auto;
    --scroll-pad: 0 !important;
    --scroll-size: 0 !important;
    border-bottom: 1px solid var(--color-Line)
}

._CWC .search-result-tabs .bn-tab-list {
    --scroll-pad: 0 !important;
    --scroll-size: 0 !important
}

._CWC .search-result-tab {
    padding: 0 8px;
    margin-inline-end:16px;color: var(--color-TertiaryText);
    font-size: 14px
}

._CWC .search-result-tab.active {
    color: var(--color-PrimaryText);
    font-weight: 500
}

._CWC .search-result-content {
    width: 368px;
    max-width: 100%;
    max-height: 483px;
    overflow: auto;
    padding-bottom: 12px;
    scroll-behavior: smooth;
    overflow-x: hidden;
    overscroll-behavior: contain
}

._CWC .explore-dropdown.bn-tooltips-wrap {
    width: 100%
}

._CWC .explore-dropdown .bn-textField {
    width: 100%
}

._CWC .search-result-content-allitem {
    display: flex;
    align-items: center;
    padding: 0 16px;
    margin-top: 16px;
    margin-bottom: 4px;
    justify-content: space-between
}

._CWC .search-result-content-allitem-icon {
    cursor: pointer;
    color: var(--color-IconNormal)
}

._CWC .search-result-content-allitem-icon:hover {
    color: var(--color-PrimaryText)
}

._CWC .have-subcategory {
    padding: 0 16px;
    margin-bottom: 4px;
    margin-top: 24px
}

._CWC .search-group {
    display: flex;
    align-items: center;
    padding: 16px 16px 8px 16px;
    justify-content: space-between;
    width: 368px;
    color: var(--color-PrimaryText)
}

._CWC .search-group .bn-textField-input {
    font-size: 14px
}

._CWC .search-group .bn-textField-suffix .bn-svg {
    width: 16px;
    height: 16px;
    font-size: 16px
}

._CWC .search-group .hover-pointer {
    margin-inline-start:8px;white-space: nowrap
}

._CWC .search-group_textfield.bn-textField .bn-textField-input {
    font-size: 14px;
    font-weight: 400
}

._CWC .search-group_suffix_icon_wrap {
    box-sizing: border-box;
    display: flex;
    padding: 6px;
    border-radius: 50%;
    background-color: var(--color-BtnBg);
    align-items: center;
    justify-content: center
}

._CWC .search-group_suffix_icon_wrap .search-icon {
    color: var(--color-textBlack) !important
}

._CWC .explore-dropdown .bn-bubble {
    width: 100%
}

._CWC .explore-dropdown .bn-bubble-content {
    width: 100%
}

._CWC .explore-dropdown .search-result-content {
    width: 100%
}

._CWC .bn-drawer-wrap .search-group,._CWC .bn-drawer-wrap .search-result-content {
    width: 100%
}

._CWC .bn-drawer-wrap .search-group .bn-textField {
    flex: 1
}

._CWC .search-group .bn-textField {
    height: 40px
}

._CWC .search-group .typography-Subtitle2 {
    margin-inline-start:8px}

._CWC .bn-drawer-wrap .search-result-content {
    max-height: calc(100vh - 117px)
}

._CWC .explore-content .bn-tab__default {
    background-color: rgba(0,0,0,0);
    border-bottom: 2px solid rgba(0,0,0,0);
    border-top: 2px solid rgba(0,0,0,0)
}

._CWC .explore-content .search-result-tabs .bn-tab {
    font-size: 14px;
    font-weight: 500
}

._CWC .common-item-img {
    border-radius: 50%
}

._CWC .explore-alpha-item .explore-alpha-item-gap {
    margin-inline-start:8px}

._CWC .explore-alpha-item .explore-alpha-item-split-line {
    display: inline-block;
    height: 16px;
    translate: 0 3px;
    border-left: 1px solid var(--color-line)
}

._CWC .explore-alpha-item .explore-alpha-item-subtitle {
    font-weight: 400;
    font-size: 12px;
    color: var(--color-DisabledText)
}

._CWC .combine-trade-dropdown .bn-bubble-content {
    border-radius: 12px
}

._CWC .combine-trade-container {
    width: 360px;
    padding: 10px
}

._CWC .bn-drawer .combine-trade-container {
    width: 100%;
    padding: 15px
}

._CWC .combine-trade-close {
    position: absolute;
    top: 28px;
    right: 15px;
    font-size: 20px;
    display: none
}

._CWC .bn-drawer .combine-trade-close {
    display: block
}

._CWC .combine-trade-title {
    padding: 8px 0
}

._CWC .combine-trade-wallet-item {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 10px;
    height: 54px
}

._CWC .bn-drawer .combine-trade-wallet-item {
    border: 1px solid var(--color-Line);
    border-radius: 12px;
    margin-top: 12px;
    height: 84px;
    padding: 20px 15px
}

._CWC .combine-trade-tip {
    prefix: "*";
    border-top: 1px solid var(--color-Line);
    padding: 8px 0;
    white-space: break-spaces
}

._CWC .bn-drawer .combine-trade-tip {
    border-top: 0;
    margin-top: 12px
}

._CWC .combine-trade-tip::before {
    content: "*";
    margin-inline-end:4px}

._CWC .transfer-wallet_content {
    display: flex;
    justify-content: space-between;
    padding: 16px 12px;
    border-radius: 10px;
    margin-bottom: 32px;
    width: 100%;
    border: 1px solid var(--color-InputLine);
    cursor: pointer
}

._CWC .transfer-warp .data-size-full .transfer-wallet_content {
    border-radius: 12px
}

@media screen and (max-width: 768px) {
    ._CWC .transfer-wallet_content {
        border:none;
        background-color: var(--color-Input)
    }
}

._CWC .transfer-wallet_content__select {
    width: 100%
}

._CWC .transfer-wallet_content__select .bn-select-field.data-size-tiny .bn-select-field-arrow {
    font-size: 20px
}

._CWC .transfer-wallet_convert-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-inline-start:12px;margin-top: 22px
}

._CWC .transfer-wallet_convert-icon.isolate {
    margin-top: 54px
}

._CWC .transfer-wallet_content__select_label {
    display: inline-block;
    color: var(--color-TertiaryText);
    width: 40px;
    margin-inline-end:8px}

._CWC .transfer-warp .data-size-full .transfer-wallet_content__select_label {
    color: var(--color-SecondaryText)
}
@media (max-height: 700px) {
    .heroBanner-container .offerings-base-container {
        height: 90% !important;
    }
}
@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container {
        padding-right: .5rem;
        padding-left: .5rem;
    }
}
.heroBanner-container .offerings-base-container {
    height: 500px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover!important;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-color: #000;
    width: 100%;
    margin-inline: auto;
}
._CWC .transfer-wallet_content__selectSpaceBetweenGroup {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 768px) {
    ._CWC .transfer-wallet_isolated__select .bn-select-overlay-options {
        max-height:300px
    }
}

._CWC .transfer-wallet_content__selectSpaceBetweenGroup.icon-padding {
    width: calc(100% - 24px);
    height: 24px;
    line-height: 24px
}

._CWC .transfer-wallet_content__selectInactiveBrand {
    height: 24px;
    line-height: 24px !important;
    border-radius: 4px;
    padding: 0 6px;
    color: var(--color-PrimaryText);
    background-color: var(--color-Input)
}

._CWC .bn-drawer-wrap .transfer-wallet_content__selectInactiveBrand {
    height: 20px;
    line-height: 20px !important
}
.offerings-base-container {
    background: url("../../../static/static_dirs/images/backdrop-mixed-dual-tone.webp");
    background-size: cover;
    background-position: center;
}
._CWC .transfer-wallet_choice__optionDropdown .bn-select-overlay {
    padding: 16px 0 0
}

._CWC .transfer-wallet_choice__optionDropdown .bn-select-overlay-search {
    padding: 0 16px 10px
}

._CWC .transfer-wallet_choice__optionDropdown .bn-select-option {
    padding: 8px 16px
}

._CWC .transfer-wallet_choice__optionDropdown .bn-select-option.icon svg {
    font-size: 20px
}

@media only screen and (min-width: 768px) {
    ._CWC .transfer-wallet_choice__optionDropdown .bn-select-overlay-options {
        max-height:290px
    }
}

._CWC .bn-drawer .bn-modal-content.transfer-content {
    padding-top: 16px
}

._CWC .bn-modal-content.transfer-content {
    padding-top: 8px;
    padding-bottom: 0px
}

@media screen and (max-width: 768px) {
    ._CWC .bn-drawer .transfer-header.bn-modal-header {
        padding:9px 16px
    }
}

._CWC .transfer-header .bn-modal-header-next,._CWC .transfer-header .bn-modal-header-prev {
    color: var(--color-PrimaryText)
}

._CWC .transfer-header .bn-modal-header-next:hover,._CWC .transfer-header .bn-modal-header-prev:hover {
    color: var(--color-SecondaryText)
}

._CWC .transfer-content.bn-modal-content {
    max-height: 584px
}

._CWC .transfer-warp .data-size-full .transfer-content.bn-modal-content {
    max-height: calc(100vh - 104px)
}

._CWC .transfer-warning-tips::before {
    content: "*";
    margin-inline-end:4px}

._CWC .transfer-warp .data-size-full .transfer-warning-tips {
    margin-bottom: 20px
}

._CWC .transfer-warning-tips {
    display: flex;
    align-self: end;
    margin-bottom: 24px
}

._CWC .transfer-warning-tips.color-error {
    margin-bottom: 10px
}

._CWC .bn-modal-confirm {
    padding: var(--space-xl) 0 0
}

._CWC .transfer-warp .data-size-full .bn-modal-footer {
    padding: 0 15px 24px;
    gap: 0
}

._CWC .transfer-warp .bn-modal-footer {
    padding: 0 24px 24px
}

._CWC .transfer-coin_choice {
    display: flex;
    align-items: center
}

._CWC .transfer-coin_choice__option {
    display: flex;
    justify-content: space-between
}

._CWC .transfer-coin_choice__option_head {
    display: flex
}

._CWC .transfer-coin_single-formItem {
    height: 106px
}

._CWC .transfer-coin_isolated__group.two {
    height: 134px
}

._CWC .transfer-coin_isolated__group.one {
    height: 114px
}

._CWC .transfer-coin_isolated__item {
    display: flex;
    flex: 1;
    height: 74px;
    padding: 12px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--color-InputLine);
    max-width: calc(50% - 8px)
}

._CWC .transfer-overflow-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px
}

._CWC .transfer-warp .data-size-full .transfer-overflow-text {
    width: calc(50vw - 180px)
}

._CWC .transfer-warp .data-size-full .transfer-coin_isolated__item {
    border-radius: 12px;
    height: 66px
}

._CWC .transfer-coin_isolated__item.single {
    height: 48px
}

._CWC .transfer-coin_isolated__item+.transfer-coin_isolated__item {
    margin-inline-start:16px}

._CWC .transfer-coin_isolated__item:hover,._CWC .transfer-coin_isolated__item.active {
    border: 1.5px solid var(--color-PrimaryText)
}

._CWC .transfer-coin_choice__icon {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

._CWC .transfer-coin_choice__optionDropdown {
    background-color: rgba(0,0,0,0) !important
}

._CWC .transfer-coin_choice__optionDropdown .bn-select-overlay-search {
    padding: 0 16px 16px
}

._CWC .transfer-coin_choice__optionDropdown .bn-select-overlay {
    padding: 16px 0 0
}

._CWC .transfer-coin_choice__optionDropdown .bn-select-option {
    padding: 12px 16px
}

@media only screen and (min-width: 768px) {
    ._CWC .transfer-coin_choice__optionDropdown .bn-select-overlay-options {
        max-height:290px
    }
}

._CWC .transfer-amount-input {
    width: 100% !important
}

._CWC .transfer-fundcollection:hover {
    color: var(--color-BtnBg)
}

._CWC .transfer-amount-input-formitem {
    height: 212px
}

._CWC .transfer-fund_info-icon {
    font-size: 16px;
    margin-left: 4px
}

._CWC .transfer-allocate-tips {
    background: var(--color-PrimaryText);
    color: var(--color-SecondaryBg);
    border-radius: 8px;
    opacity: .95
}

._CWC .transfer-tips_success {
    color: var(--color-Buy)
}

._CWC .transfer-tips_error {
    color: var(--color-Sell)
}

._CWC .bn-modal-confirm-actions {
    margin-top: 0px
}

._CWC .common-widget-css_wrap .mt-16 {
    margin-top: 16px
}

._CWC .common-widget-css_wrap .mt-14 {
    margin-top: 14px
}

._CWC .common-widget-css_wrap .mr-8 {
    margin-inline-end:8px}

._CWC .common-widget-css_wrap .mr-4 {
    margin-inline-end:4px}

._CWC .common-widget-css_wrap .mt-40 {
    margin-top: 40px
}

._CWC .common-widget-css_wrap .mt-48 {
    margin-top: 48px
}

._CWC .common-widget-css_wrap .gap-4 {
    gap: 16px
}

._CWC .common-widget-css_wrap .gap-6 {
    gap: 24px
}

._CWC .common-widget-css_wrap .block {
    display: block
}

._CWC .common-widget-css_wrap .width-100 {
    width: 100%
}

._CWC .common-widget-css_wrap .maxw-300 {
    max-width: 300px
}

._CWC .common-widget-css_wrap .flex-col {
    flex-direction: column
}

._CWC .common-widget-css_wrap .text-body2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-weight: 400;
    color: var(--color-SecondaryText)
}

._CWC .common-widget-css_wrap .color-error {
    color: var(--color-Error)
}

._CWC .common-widget-css_wrap .color-secondary_t {
    color: var(--color-SecondaryText)
}

._CWC .common-widget-css_wrap .color-inputline {
    color: var(--color-InputLine)
}

._CWC .common-widget-css_wrap .color-t_third {
    color: var(--color-TertiaryText)
}

._CWC .common-widget-css_wrap .color-t_primary {
    color: var(--color-PrimaryText)
}

._CWC .common-widget-css_wrap .color-t_buy {
    color: var(--color-TextBuy)
}

._CWC .common-widget-css_wrap .color-t_yellow {
    color: var(--color-textBrand)
}

._CWC .common-widget-css_wrap .color-t_primaryYellow {
    color: var(--color-PrimaryYellow)
}

._CWC .common-widget-css_wrap .color-badgeBg {
    color: var(--color-BadgeBg)
}

._CWC .common-widget-css_wrap .color-t_sell {
    color: var(--color-TextSell)
}

._CWC .common-widget-css_wrap .color-t_secondary {
    color: var(--color-SecondaryText)
}

._CWC .common-widget-css_wrap .color-t_TertiaryText {
    color: var(--color-TertiaryText)
}

._CWC .common-widget-css_wrap .color-t_disabled {
    color: var(--color-DisableText)
}

._CWC .common-widget-css_wrap .color-iconNormal {
    color: var(--color-IconNormal)
}

._CWC .common-widget-css_wrap .color-textLink {
    color: var(--color-TextLink)
}

._CWC .common-widget-css_wrap .mt-4 {
    margin-top: 4px
}

._CWC .common-widget-css_wrap .mb-4 {
    margin-bottom: 4px
}

._CWC .common-widget-css_wrap .mt-12 {
    margin-top: 12px
}

._CWC .common-widget-css_wrap .mt-16 {
    margin-top: 16px
}

._CWC .common-widget-css_wrap .ml-8 {
    margin-inline-start:8px}

._CWC .common-widget-css_wrap .mb-24 {
    margin-bottom: 24px
}

._CWC .common-widget-css_wrap .mb-16 {
    margin-bottom: 16px
}

._CWC .common-widget-css_wrap .mb-32 {
    margin-bottom: 32px
}

._CWC .common-widget-css_wrap .mt-8 {
    margin-top: 8px
}

._CWC .common-widget-css_wrap .mt-80 {
    margin-top: 80px
}

._CWC .common-widget-css_wrap .flex {
    display: flex
}

._CWC .common-widget-css_wrap .flex-1 {
    flex: 1
}

._CWC .common-widget-css_wrap .direction-ltr {
    direction: ltr
}

._CWC .common-widget-css_wrap .ml-4 {
    margin-inline-start:4px}

._CWC .common-widget-css_wrap .ml-16 {
    margin-inline-start:16px}

._CWC .common-widget-css_wrap .mt-24 {
    margin-top: 24px
}

._CWC .common-widget-css_wrap .mb-12 {
    margin-bottom: 12px
}

._CWC .common-widget-css_wrap .mb-16 {
    margin-bottom: 16px
}

._CWC .common-widget-css_wrap .text-right {
    text-align: right
}

._CWC .common-widget-css_wrap .flex-wrap {
    display: flex;
    flex-wrap: wrap
}

._CWC .common-widget-css_wrap .align-center {
    display: flex;
    align-items: center
}

._CWC .common-widget-css_wrap .flex-space-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._CWC .common-widget-css_wrap .flex-center {
    display: flex;
    justify-content: center
}

._CWC .common-widget-css_wrap .flex-center-center {
    display: flex;
    justify-content: center;
    align-items: center
}

._CWC .common-widget-css_wrap .bn-mask .bn-mask {
    background-color: rgba(0,0,0,0)
}

._CWC .common-widget-css_wrap .data-dir-right {
    width: 375px
}

._CWC .common-widget-css_wrap ul {
    list-style: none;
    padding-inline-start:0;margin-block-start:0;margin-block-end:0}

._CWC .common-widget-css_wrap .flex-column {
    display: flex;
    flex-direction: column
}

._CWC .common-widget-css_wrap .flex-column_justcenter {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._CWC .common-widget-css_wrap .flex-column_center {
    display: flex;
    flex-direction: column;
    align-items: center
}

._CWC .common-widget-css_wrap .gap-8 {
    gap: 8px
}

._CWC .common-widget-css_wrap .dialog-split-line {
    background-color: var(--color-Line);
    height: 1px;
    width: 100%
}

._CWC .common-widget-css_wrap .flex-wrap {
    flex-wrap: wrap
}

._CWC .common-widget-css_wrap .inline-flex {
    display: inline-flex
}

._CWC .common-widget-css_wrap .cursor-pointer {
    cursor: pointer
}

._CWC .common-widget-css_wrap .dropdownAndDraw-dropdown .bn-bubble.shadow .bn-bubble-content {
    border-radius: 0px 0px 8px 8px;
    background: var(--color-popupBg);
    box-shadow: 0px 8px 8px 0px rgba(24,26,32,.08);
    margin-top: 0px !important
}

._CWC .common-widget-css_wrap .twitter-icon-color {
    color: #1d9bf0
}

._CWC .common-widget-css_wrap .underline {
    text-decoration: underline
}

._CWC .common-widget-css_wrap .bn-trans.data-show.display-none {
    visibility: hidden
}

._CWC .common-widget-css_wrap a,._CWC .common-widget-css_wrap a:active,._CWC .common-widget-css_wrap a:visited {
    text-decoration: none
    var(--font-family);
}

._CWC .theme-root.bn-mask {
    background-color: rgba(0,0,0,.3) !important
}

._CWC .language-icon {
    font-size: 16px;
    height: 16px;
    width: 16px
}

._CWC .common-widget-css_wrap .mt-16 {
    margin-top: 16px
}

._CWC .common-widget-css_wrap .color-t_third {
    color: var(--color-TertiaryText)
}

._CWC .bn-drawer-wrap .header-lngCur-content {
    width: 100%;
    min-width: 375px
}

._CWC .bn-drawer-wrap .header-lngCur-item {
    height: auto
}

._CWC .bn-drawer-wrap .header-lngCur-item .footer-select-options-group-flat-options {
    height: calc(100vh - 204px);
    overflow: auto
}

._CWC .header-lngCur-content {
    display: grid;
    padding: 24px;
    width: 400px;
    grid-template-columns: 3fr 2fr;
    gap: 24px
}

._CWC .bn-drawer-wrap .header-lngCur-content {
    padding: 0 24px 24px 24px
}

._CWC .header-lngCur-content.onlyone {
    grid-template-columns: 1fr
}

._CWC .header-lngCur-content.onlyone.onlyoneLng {
    width: 180px
}

._CWC .header-lngCur-content.onlyone.onlyoneFiat {
    width: 220px
}

._CWC .header-lngCur-content .header-lngCur-item {
    height: 370px;
    --scroll-bg: transparent;
    --scroll-size: 5px;
    --scroll-color: var(--color-Line)
}

._CWC .header-lngCur-item .footer-select-options-group-flat-options {
    height: 300px;
    overflow: auto;
    --scroll-color: var(--color-Line)
}

._CWC .header-lngCur-item .bn-textField {
    width: 100%
}

._CWC .header-nav-bar {
    display: flex;
    height: 64px;
    justify-content: flex-end;
    align-items: center;
    padding-inline-end:24px;color: var(--color-PrimaryText)
}

._CWC .header-nav-bar .close-btn-size {
    font-size: 24px
}

/* end common design */
/* chunk */
html[dir=rtl] .icon-dir {
    transform: rotateY(180deg)
}

html[dir=rtl] .icon-nodir {
    transform: rotateY(0deg)
}

.lock-ltr {
    direction: ltr
}

.smooth_style {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input:focus,textarea:focus {
    outline: none
}

.mica-lazy-img {
    background-color: rgba(0,0,0,.03);
    overflow: hidden;
    position: relative
}

.mica-lazy-img[data-round=true] {
    border-radius: 50%
}

.mica-lazy-img[data-mask=true]:hover:after {
    background-color: rgba(0,0,0,.08);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mica-sticky {
    width: 100%
}

.mica-sticky:not([data-simulate=true]) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 999
}

.mica-sticky[data-simulate=true] {
    position: relative
}

.mica-sticky[data-simulate=true][data-sticky=true]>.child {
    position: fixed;
    z-index: 999
}

.header-rightside>#toRegisterPage {
    display: flex
}

@media (max-width: 767px) {
    .header-rightside>#toRegisterPage {
        display:none
    }

    .chat-container.visible {
        display: none!important
    }
}

@keyframes moveMobile {
    0%,20% {
        left: 0;
        transform: translateZ(0)
    }

    70%,to {
        left: 100%;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes movePC {
    0%,15% {
        transform: translateZ(0)
    }

    75%,to {
        transform: translate3d(calc(-100% + 492px),0,0)
    }
}

.fontsize-0 {
    font-size: 0!important
}

.au-dialog .bn-modal-wrap {
    width: 384px
}

.au-dialog .bn-modal-footer .bn-button {
    font-size: 14px;
    font-weight: 700
}

.tips-dialog .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.tips-dialog .bn-modal-footer .bn-button {
    font-size: 14px
}

.recommend-dialog .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.recommend-dialog .bn-modal-footer .bn-button {
    font-size: 14px
}

.ae-limit .bn-modal-wrap,.china-limit .bn-modal-wrap,.kz-ip-limit .bn-modal-wrap,.kz-limit .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.ae-limit .bn-modal-footer .bn-button,.china-limit .bn-modal-footer .bn-button,.kz-ip-limit .bn-modal-footer .bn-button,.kz-limit .bn-modal-footer .bn-button {
    font-size: 14px
}

.leave-page-tips .bn-modal-wrap {
    width: auto!important
}

.leave-page-tips .bn-modal-content {
    max-height: 100%
}

.cookie-tips,.electron-tips {
    align-items: center;
    bottom: 0;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999
}

.electron-tips {
    line-height: 1.3
}

.mobile-tips {
    background: rgba(18,22,28,.9)
}

.mobile-fixed-tips,.mobile-tips {
    align-items: center;
    justify-content: space-between;
    line-height: 1.3;
    z-index: 9999
}

.mobile-fixed-tips {
    bottom: 0;
    height: 64px;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 0
}

.leave-iframe iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.register-input .bn-textField-input {
    font-size: 16px;
    font-weight: 500
}

.register-input input::-webkit-input-placeholder {
    color: var(--color-textThird);
    font-size: 16px;
    font-weight: 500
}

.rich-inline,.rich-inline div {
    display: inline
}

.video-modal .bn-modal-wrap {
    border-radius: 4px;
    height: auto;
    width: 840px
}

.video-modal .bn-drawer-wrap {
    border-radius: 0!important;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    max-height: 100vh!important;
    padding: 0;
    position: relative;
    width: 100vw
}

.bids-button-group {
    grid-gap: 16px;
    --color-btn: #eaecef;
    display: flex;
    gap: 16px;
    width: 100%
}

.bids-button-group.dark {
    --color-btn: #2b3139
}

.bids-button-group.mini .third-part-btn {
    border-color: var(--color-btn)
}

.bids-button-group #apple-login,.bids-button-group #google-login {
    overflow: hidden;
    position: relative
}

.bids-button-group #apple-login:hover .third-part-btn,.bids-button-group #google-login:hover .third-part-btn {
    background: var(--color-btn)
}

.bids-button-group:not(.mini) #apple-login,.bids-button-group:not(.mini) #google-login {
    flex: 1 1
}

.coin-list-content.no-active-underline .bn-tab__default {
    border-style: none
}

.coin-list-content .bn-tab-list .bn-tab {
    font-weight: 600
}

@media (max-width: 767px) {
    .coin-list-content .bn-tab-list {
        justify-content:center
    }
}

.faq-item-widget.active .faq-item-expand,.faq-item-widget:hover .faq-item-expand {
    color: #1e2329!important
}

.faq-item-widget .answer-link {
    word-wrap: break-word;
    color: var(--color-primary)
}

.faq-item-widget .list-item-content {
    display: block
}

.faq-item-widget .list-item-content:before {
    background-color: var(--color-textThird);
    border-radius: 100em;
    content: "";
    display: inline-block;
    height: 4px;
    margin-bottom: 2px;
    margin-right: 4px;
    width: 4px
}

.pc-bullet-wrap {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0
}

.pc-bullet-wrap .bullet {
    --tw-bg-opacity: 1;
    background-color: rgb(24 26 32/var(--tw-bg-opacity));
    color: var(--color-textWhite);
    opacity: .5
}

.pc-bullet-wrap:hover {
    background-color: rgba(0,0,0,.5)
}

.pc-bullet-wrap:hover .bullet {
    background-color: var(--color-textWhite);
    color: var(--color-textThird);
    opacity: 1
}

.download-tabs .bn-tab__default-breakline {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-width: 48px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center
}

.download-tabs .bn-tab__default-breakline:after {
    background-color: var(--color-primaryHover);
    background-image: none;
    height: 2px;
    left: 0;
    right: 0;
    transform: none;
    width: auto
}

@media (min-width: 1023px) {
    .download-tabs .bn-tab__default-breakline {
        font-size:16px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.bottom-cta.light {
    background-color: #fafafa!important
}

.bottom-cta.dark {
    background-color: #1e2329!important
}

.bottom-cta-login.light {
    background-color: #fafafa!important
}

.bottom-cta-login.dark {
    background-color: #1e2329!important
}

.social-tg:hover {
    background: linear-gradient(#2aabee,#229ed9)
}

.social-tg:hover svg {
    color: #eaecef!important
}

.virus_game_entry {
    cursor: pointer;
    position: fixed;
    z-index: 99
}

.virus_game_entry .virus_game_entry_title {
    background: linear-gradient(284.96deg,#fffcd6 -10.33%,#fffde2 89.6%);
    border-radius: 47.2621px;
    box-shadow: 0 6px 16px hsla(53,30%,71%,.16);
    color: #1e2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-top: -48px;
    padding: 8px 12px;
    text-shadow: 0 0 8px #faf7ef;
    z-index: 1
}

.referral_cpa_widget {
    align-items: center;
    background-color: var(--color-primaryHover);
    border-radius: 100em;
    display: flex;
    padding: 10px 12px;
    position: fixed;
    transition: all .2s linear;
    z-index: 99
}

@media (min-width: 767px) {
    .referral_cpa_widget:hover {
        right:24px!important
    }

    .referral_cpa_widget:hover .referralImgWrap {
        margin-right: 8px!important
    }

    .referral_cpa_widget:hover .referralTextWrap {
        display: block!important
    }
}

* {
    margin: 0;
    outline: 0;
    padding: 0
}

*,body {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    -webkit-touch-callout: none;
    backface-visibility: hidden;
    font-weight: 400;
    line-height: 1.5
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@keyframes zoom-in {
    0% {
        transform: scale(.95)
    }

    66% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    95%,to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    95%,to {
        opacity: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes spin-scaleY {
    0%,40%,to {
        transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1)
    }
}

@keyframes jump-scaleY {
    0% {
        transform: translateY(0) scaleY(1)
    }

    7.5% {
        transform: translateY(-120%) scaleY(2)
    }

    15%,35% {
        transform: translateY(-120%) scaleY(.5)
    }

    43.5% {
        transform: translateY(0) scaleY(2)
    }

    52.5%,72.5% {
        transform: translateY(120%) scaleY(.5)
    }

    80%,to {
        transform: translateY(0) scaleY(1)
    }
}

@keyframes blink {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.rc-upload {
    display: inline-flex
}

body {
    --animation-duration-fast: 100ms;
    --animation-duration-base: 250ms;
    --animation-duration-slow: 400ms;
    --zindex-mask: 10;
    --zindex-menu: 1000;
    --zindex-header: 1001;
    --zindex-dropdown: 1200;
    --zindex-modal: 1200;
    --zindex-backTop: 1225;
    --zindex-calendar: 1250;
    --zindex-mobilePop: 1275;
    --zindex-notification: 1300;
    --zindex-alert: 1350;
    --zindex-tooltip: 1400;
    --zindex-coachmark: 1400;
    --zindex-drawer: 9999;
    --radii-2xs: 2px;
    --radii-xs: 4px;
    --radii-s: 6px;
    --radii-m: 8px;
    --radii-l: 10px;
    --radii-2l: 12px;
    --radii-xl: 16px;
    --radii-2xl: 30px;
    --radii-circle: 100em;
    --space-7xs: -2px;
    --space-6xs: 0;
    --space-5xs: 2px;
    --space-4xs: 4px;
    --space-3xs: 5px;
    --space-2xs: 8px;
    --space-xs: 10px;
    --space-s: 12px;
    --space-m: 15px;
    --space-l: 20px;
    --space-xl: 24px;
    --space-2xl: 28px;
    --space-3xl: 32px;
    --space-4xl: 36px;
    --space-5xl: 40px;
    --space-mm: 16px;
    --scroll-pad: 2px;
    --scroll-size: 10px
}

body::-webkit-scrollbar-thumb:active {
    --scroll-pad: 0
}

body * {
    --scroll-size: 6px;
    --scroll-pad: 1px
}

body,body * {
    --scroll-bg: transparent;
    --scroll-color: var(--color-DisabledText)
}

body ::-webkit-scrollbar,body::-webkit-scrollbar {
    background-color: var(--scroll-bg);
    height: var(--scroll-size);
    width: var(--scroll-size)
}

body ::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--scroll-color);
    border-color: var(--scroll-bg);
    border-radius: 20px;
    border-style: solid;
    border-width: var(--scroll-pad)
}

body ::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner {
    background-color: var(--scroll-bg)
}

@supports not selector(*::-webkit-scrollbar-thumb) {
    body,body * {
        scrollbar-color: var(--scroll-color) var(--scroll-bg);
        scrollbar-width: thin
    }
}

@media only screen and (min-width: 768px) {
    body {
        --space-3xs:6px;
        --space-m: 16px
    }

    body::-webkit-scrollbar-thumb:hover {
        --scroll-pad: 0
    }
}

.theme-root {
    --shadow-shadow1: var(--shadow1-layer1),var(--shadow1-layer2);
    --shadow-shadow2: var(--shadow2-layer1),var(--shadow2-layer2),var(--shadow2-layer3);
    background: var(--color-BasicBg);
    color: var(--color-PrimaryText)
}

.theme-root.dark,.theme-root.midnight {
    --shadow1-layer1: 0px 0px 1px rgba(94,102,115,.8);
    --shadow1-layer2: 0px 3px 6px rgba(0,0,0,.04);
    --shadow2-layer1: -2px 0px 14px rgba(0,0,0,.4);
    --shadow2-layer2: 0px 0px 6px rgba(0,0,0,.2);
    --shadow2-layer3: inset 0px 0px 2px hsla(0,0%,100%,.2)
}

.theme-root.light {
    --shadow1-layer1: 0px 1px 6px rgba(24,26,32,.1);
    --shadow1-layer2: 0px 3px 6px rgba(71,77,87,.04);
    --shadow2-layer1: 0px 8px 32px rgba(17,17,26,.05);
    --shadow2-layer2: 0px 4px 16px rgba(17,17,26,.1);
    --shadow2-layer3: inset 0px 0px 0px transparent
}

@media only screen and (min-width: 768px) {
    .theme-root.dark,.theme-root.midnight {
        --shadow3-layer1:0px 16px 32px rgba(0,0,0,.16);
        --shadow3-layer2: 0px 8px 16px rgba(0,0,0,.16);
        --shadow3-layer3: inset 0px 0px 1px rgba(94,102,115,.9);
        --shadow-shadow3: var(--shadow3-layer1),var(--shadow3-layer2),var(--shadow3-layer3);
        --shadow-shadow4: 0px 8px 16px rgba(24,26,32,.16)
    }

    .theme-root.light {
        --shadow3-layer1: 0px 0px 1px rgba(24,26,32,.1);
        --shadow3-layer2: 0px 16px 32px rgba(71,77,87,.16);
        --shadow3-layer3: 0px 8px 16px rgba(24,26,32,.16);
        --shadow-shadow3: var(--shadow3-layer1),var(--shadow3-layer2),var(--shadow3-layer3);
        --shadow-shadow4: 0px 8px 16px rgba(24,26,32,.16)
    }
}

.theme-root.rtl {
    direction: rtl
}

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

.text-multiple1 {
    -webkit-line-clamp: 1
}

.text-multiple1,.text-multiple2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.text-multiple2 {
    -webkit-line-clamp: 2
}

.text-multiple3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.t-Headline1,.typography-Headline1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px
}

@media only screen and (min-width: 768px) {
    .t-Headline1,.typography-Headline1 {
        font-size:56px;
        font-weight: 600;
        line-height: 64px
    }
}

.t-Headline2,.typography-Headline2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-Headline2,.typography-Headline2 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-Headline3,.typography-Headline3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-Headline3,.typography-Headline3 {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.t-Headline4,.typography-Headline4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-Headline4,.typography-Headline4 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-Headline5,.typography-Headline5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Headline5,.typography-Headline5 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-Headline6,.typography-Headline6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Headline6,.typography-Headline6 {
        font-size:24px;
        font-weight: 600;
        line-height: 32px
    }
}

.t-Subtitle1,.typography-Subtitle1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle1,.typography-Subtitle1 {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.t-Subtitle2,.typography-Subtitle2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle2,.typography-Subtitle2 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Subtitle3,.typography-Subtitle3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle3,.typography-Subtitle3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-Subtitle4,.typography-Subtitle4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle4,.typography-Subtitle4 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-Subtitle5,.typography-Subtitle5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle5,.typography-Subtitle5 {
        font-size:12px;
        font-weight: 500;
        line-height: 20px
    }
}

.t-Body1,.typography-Body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Body1,.typography-Body1 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-Body2,.typography-Body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Body2,.typography-Body2 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-Body3,.typography-Body3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Body3,.typography-Body3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Btn_link1,.typography-Btn_link1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link1,.typography-Btn_link1 {
        font-size:20px;
        line-height: 28px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link2,.typography-Btn_link2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link2,.typography-Btn_link2 {
        font-size:14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link3,.typography-Btn_link3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link3,.typography-Btn_link3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link4,.typography-Btn_link4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link4,.typography-Btn_link4 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Caption1,.typography-Caption1 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption1,.typography-Caption1 {
        font-size:12px;
        font-weight: 500;
        line-height: 16px
    }
}

.t-Caption2,.typography-Caption2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption2,.typography-Caption2 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px
    }
}

.t-Caption3,.typography-Caption3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption3,.typography-Caption3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Caption4,.typography-Caption4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption4,.typography-Caption4 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Primary_num1,.typography-Primary_num1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num1,.typography-Primary_num1 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-Primary_num2,.typography-Primary_num2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num2,.typography-Primary_num2 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-Primary_num3,.typography-Primary_num3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num3,.typography-Primary_num3 {
        font-size:24px;
        font-weight: 600;
        line-height: 32px
    }
}

.t-Secondary_num1,.typography-Secondary_num1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num1,.typography-Secondary_num1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Secondary_num2,.typography-Secondary_num2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num2,.typography-Secondary_num2 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Secondary_num3,.typography-Secondary_num3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num3,.typography-Secondary_num3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-Tertiary_num1,.typography-Tertiary_num1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num1,.typography-Tertiary_num1 {
        font-size:14px;
        font-weight: 500;
        line-height: 20px
    }
}

.t-Tertiary_num2,.typography-Tertiary_num2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num2,.typography-Tertiary_num2 {
        font-size:12px;
        font-weight: 500;
        line-height: 16px
    }
}

.t-Tertiary_num3,.typography-Tertiary_num3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num3,.typography-Tertiary_num3 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px
    }
}

.t-title1,.typography-title1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-title1,.typography-title1 {
        font-size:56px;
        font-weight: 600;
        line-height: 72px
    }
}

.t-title2,.typography-title2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-title2,.typography-title2 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-headline0,.typography-headline0 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-headline0,.typography-headline0 {
        font-size:44px;
        font-weight: 600;
        line-height: 52px
    }
}

.t-headline1,.typography-headline1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-headline1,.typography-headline1 {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.t-headline2,.typography-headline2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-headline2,.typography-headline2 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-headline2-1,.typography-headline2-1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-headline2-1,.typography-headline2-1 {
        font-size:30px;
        font-weight: 600;
        line-height: 38px
    }
}

.t-headline3,.typography-headline3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-headline3,.typography-headline3 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-headline4,.typography-headline4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-headline4,.typography-headline4 {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }
}

.t-headline5,.typography-headline5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-headline5,.typography-headline5 {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.t-subtitle4,.typography-subtitle4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-subtitle4,.typography-subtitle4 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-subtitle5,.typography-subtitle5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-subtitle5,.typography-subtitle5 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-subtitle6,.typography-subtitle6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-subtitle6,.typography-subtitle6 {
        font-size:16px;
        font-weight: 600;
        line-height: 24px
    }
}

.t-subtitle1,.typography-subtitle1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-subtitle1,.typography-subtitle1 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-subtitle2,.typography-subtitle2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-subtitle2,.typography-subtitle2 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-subtitle3,.typography-subtitle3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-subtitle3,.typography-subtitle3 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-body1,.typography-body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-body1,.typography-body1 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-body1-1,.typography-body1-1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-body1-1,.typography-body1-1 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-body2,.typography-body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-body2,.typography-body2 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-body3,.typography-body3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-body3,.typography-body3 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.t-body4,.typography-body4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-body4,.typography-body4 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-body5,.typography-body5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-body5,.typography-body5 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.t-btnLink1,.typography-btnLink1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink1,.typography-btnLink1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink2,.typography-btnLink2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink2,.typography-btnLink2 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink3,.typography-btnLink3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink3,.typography-btnLink3 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink4,.typography-btnLink4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink4,.typography-btnLink4 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink5,.typography-btnLink5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink5,.typography-btnLink5 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-caption0,.typography-caption0 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-caption0,.typography-caption0 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-caption1,.typography-caption1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-caption1,.typography-caption1 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-caption2,.typography-caption2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-caption2,.typography-caption2 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-caption3,.typography-caption3 {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-caption3,.typography-caption3 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-content1,.typography-content1 {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content1,.typography-content1 {
        font-size:15px;
        font-weight: 600;
        line-height: 21px
    }
}

.t-content2,.typography-content2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content2,.typography-content2 {
        font-size:15px;
        font-weight: 500;
        line-height: 21px
    }
}

.t-content3,.typography-content3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content3,.typography-content3 {
        font-size:15px;
        font-weight: 400;
        line-height: 21px
    }
}

.t-content4,.typography-content4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-content4,.typography-content4 {
        font-size:14px;
        font-weight: 600;
        line-height: 20px
    }
}

.t-content5,.typography-content5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-content5,.typography-content5 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-primaryNum0,.typography-primaryNum0 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum0,.typography-primaryNum0 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-primaryNum1,.typography-primaryNum1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum1,.typography-primaryNum1 {
        font-size:36px;
        font-weight: 600;
        line-height: 44px
    }
}

.t-primaryNum1-1,.typography-primaryNum1-1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum1-1,.typography-primaryNum1-1 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-primaryNum2,.typography-primaryNum2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum2,.typography-primaryNum2 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-primaryNum3,.typography-primaryNum3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum3,.typography-primaryNum3 {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }
}

.t-secondaryNum1,.typography-secondaryNum1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum1,.typography-secondaryNum1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-secondaryNum2,.typography-secondaryNum2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum2,.typography-secondaryNum2 {
        font-size:18px;
        font-weight: 500;
        line-height: 26px
    }
}

.t-secondaryNum3,.typography-secondaryNum3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum3,.typography-secondaryNum3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-tertiaryNum1,.typography-tertiaryNum1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum1,.typography-tertiaryNum1 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-tertiaryNum2,.typography-tertiaryNum2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum2,.typography-tertiaryNum2 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-tertiaryNum3,.typography-tertiaryNum3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum3,.typography-tertiaryNum3 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-strong01,.typography-strong01 {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-strong01,.typography-strong01 {
        font-size:56px;
        font-weight: 900;
        line-height: 72px
    }
}

.t-strong0,.typography-strong0 {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-strong0,.typography-strong0 {
        font-size:40px;
        font-weight: 900;
        line-height: 48px
    }
}

.t-strong1,.typography-strong1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-strong1,.typography-strong1 {
        font-size:28px;
        font-weight: 900;
        line-height: 36px
    }
}

.t-strong2,.typography-strong2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-strong2,.typography-strong2 {
        font-size:24px;
        font-weight: 900;
        line-height: 34px
    }
}

.t-strong3,.typography-strong3 {
    font-size: 22px;
    font-weight: 900;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-strong3,.typography-strong3 {
        font-size:22px;
        font-weight: 900;
        line-height: 32px
    }
}

.bn-svg {
    font-size: inherit;
    height: 1em;
    width: 1em
}

.bn-flex {
    display: flex
}

.bn-grid {
    display: grid
}

.bn-lazy-img {
    overflow: hidden;
    position: relative
}

.bn-lazy-img.data-round {
    border-radius: var(--radii-circle)
}

.bn-lazy-img.data-lazy-load {
    background-color: rgba(0,0,0,.03)
}

.bn-lazy-img.data-mode-scaleToFill {
    -o-object-fit: fill;
    object-fit: fill
}

.bn-lazy-img.data-mode-aspectFit {
    -o-object-fit: contain;
    object-fit: contain
}

.bn-lazy-img.data-mode-aspectFill {
    -o-object-fit: cover;
    object-fit: cover
}

.bn-lazy-img.data-mode-widthFix {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 100%
}

.bn-lazy-img.data-mode-heightFix {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.bn-lazy-img.data-mode-top {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top;
    object-position: top
}

.bn-lazy-img.data-mode-bottom {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom;
    object-position: bottom
}

.bn-lazy-img.data-mode-center {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center
}

.bn-lazy-img.data-mode-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: left;
    object-position: left
}

.bn-lazy-img.data-mode-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: right;
    object-position: right
}

.bn-lazy-img.data-mode-top-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top left;
    object-position: top left
}

.bn-lazy-img.data-mode-top-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top right;
    object-position: top right
}

.bn-lazy-img.data-mode-bottom-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom left;
    object-position: bottom left
}

.bn-lazy-img.data-mode-bottom-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom right;
    object-position: bottom right
}

.bn-lazy-img.data-mask:hover:after {
    background-color: rgba(0,0,0,.08);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bn-trans {
    opacity: 0;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    visibility: hidden
}

.bn-trans.data-seo {
    display: none
}

.bn-trans.data-show {
    opacity: 1;
    visibility: visible
}

.bn-bubble-web.web-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-bubble-web[data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -3px
}

.bn-bubble-web[data-popper-placement^=top]>[data-popper-arrow]:before {
    transform: rotate(45deg)
}

.bn-bubble-web[data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -3px
}

.bn-bubble-web[data-popper-placement^=bottom]>[data-popper-arrow]:before {
    transform: rotate(225deg)
}

.bn-bubble-web[data-popper-placement^=left]>[data-popper-arrow] {
    right: -3px
}

.bn-bubble-web[data-popper-placement^=left]>[data-popper-arrow]:before {
    transform: rotate(-45deg)
}

.bn-bubble-web[data-popper-placement^=right]>[data-popper-arrow] {
    left: -3px
}

.bn-bubble-web[data-popper-placement^=right]>[data-popper-arrow]:before {
    transform: rotate(135deg)
}

.bn-bubble-web-arrow {
    visibility: hidden
}

.bn-bubble-web-arrow,.bn-bubble-web-arrow:before {
    background: linear-gradient(-45deg,var(--color-arrow) 0,var(--color-arrow) 50%,transparent 50%,transparent 100%);
    height: 6px;
    position: absolute;
    width: 6px
}

.bn-bubble-web-arrow[data-hide]:before {
    visibility: hidden
}

.bn-bubble-web-arrow:before {
    content: "";
    transform: rotate(45deg);
    visibility: visible
}

.bn-bubble-web .bn-bubble-content {
    width: 100%
}

.bn-bubble {
    --color-arrow: var(--color-PrimaryYellow);
    color: var(--color-TextOnYellow);
    cursor: auto;
    display: inline-flex;
    position: relative
}

.bn-bubble,.bn-bubble.data-font-12 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-bubble.data-shadow>.bn-bubble-arrow-shadow,.bn-bubble.data-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-bubble__secondary {
    --color-arrow: var(--color-Input);
    color: var(--color-SecondaryText)
}

.bn-bubble__gray {
    --color-arrow: var(--color-PrimaryText);
    color: var(--color-SecondaryBg)
}

.bn-bubble__normal,.bn-bubble__unset {
    --color-arrow: var(--color-CardBg);
    color: var(--color-PrimaryText)
}

.bn-bubble__normal-unset>.bn-bubble-content {
    max-width: none;
    padding: 0
}

.bn-bubble__info {
    --color-arrow: var(--color-Line);
    color: var(--color-TertiaryText)
}

.bn-bubble__warn {
    --color-arrow: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-bubble__success {
    --color-arrow: var(--color-SuccessBg);
    color: var(--color-Success)
}

.bn-bubble__error {
    --color-arrow: var(--color-ErrorBg);
    color: var(--color-Error)
}

.bn-bubble-arrow,.bn-bubble-arrow-shadow {
    background: linear-gradient(-45deg,transparent 0,transparent 45%,var(--color-arrow) 45.1%,var(--color-arrow) 100%);
    height: 6px;
    position: absolute;
    width: 6px
}

.bn-bubble-arrow {
    box-shadow: none;
    z-index: 2
}

.bn-bubble-content {
    background-color: var(--color-arrow);
    border-radius: var(--radii-xs);
    max-width: 320px;
    padding: var(--space-4xs) var(--space-2xs);
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .bn-bubble {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-bubble.data-font-12 {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-bubble__gray {
        color: var(--color-RedGreenBgText)
    }
}

.bn-spinner {
    fill: var(--color-TertiaryText);
    stroke: var(--color-TertiaryText);
    display: inline-flex;
    font-size: 48px;
    position: relative
}

.bn-spinner__nezha {
    grid-gap: 4px;
    align-items: center;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    padding: var(--space-m)
}

.bn-spinner__nezha>.nezha-line {
    animation: jump-scaleY 1.5s linear infinite;
    background-color: var(--color-BtnBg);
    height: 8px;
    transform-origin: top;
    width: 4px
}

.bn-spinner>svg {
    height: 1em;
    width: 1em
}

.bn-spinner svg.css {
    animation: spin 1.8s linear infinite
}

.bn-spinner circle.css {
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2.2;
    stroke-linecap: round;
    animation: spin-dash 1.5s ease-in-out infinite
}

.bn-button {
    grid-gap: var(--space-3xs);
    --button-bg: var(--color-BtnBg);
    --button-color: var(--color-TextOnYellow);
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--button-bg);
    border: none;
    border-radius: var(--radii-s);
    color: var(--button-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: var(--space-3xs);
    height: 40px;
    justify-content: center;
    line-height: 24px;
    min-height: 40px;
    min-width: 72px;
    outline: none;
    overflow: hidden;
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    word-break: break-all
}

.bn-button.active:not(.inactive),.bn-button:active:not(.inactive):not([disabled]),.bn-button:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-BtnBg)
}

.bn-button:disabled:not(.inactive),.bn-button[disabled]:not(.inactive) {
    --button-bg: var(--color-DisableBtn);
    --button-color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-button.inactive {
    cursor: not-allowed;
    opacity: .3
}

.bn-button.data-two-line {
    grid-gap: 0;
    flex-direction: column;
    gap: 0;
    line-height: 16px
}

.bn-button .bn-spinner__nezha {
    grid-gap: 3px;
    gap: 3px;
    height: 24px;
    padding: 0 var(--space-2xs)
}

.bn-button .bn-spinner__nezha>.nezha-line {
    background-color: var(--button-color);
    height: 5px;
    width: 3px
}

.bn-button.data-size-huge {
    border-radius: var(--radii-m);
    font-size: 20px;
    font-weight: 500;
    height: 56px;
    line-height: 28px;
    min-height: 56px;
    min-width: 96px;
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.bn-button.data-size-huge .bn-spinner__nezha {
    height: 26px
}

.bn-button.data-size-huge.bn-button__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.bn-button.data-size-huge.bn-button__icon {
    border-radius: 18px;
    min-width: 56px;
    padding: 0;
    width: 56px
}

.bn-button.data-size-huge.bn-button__icon svg {
    height: 32px;
    width: 32px
}

.bn-button.data-size-huge-two-line {
    line-height: 20px
}

.bn-button.data-size-large {
    border-radius: var(--radii-m);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    min-height: 48px;
    min-width: 80px
}

.bn-button.data-size-large .bn-spinner__nezha {
    height: 26px
}

.bn-button.data-size-large.bn-button__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.bn-button.data-size-large.bn-button__icon {
    border-radius: var(--radii-xl);
    min-width: 48px;
    padding: 0;
    width: 48px
}

.bn-button.data-size-large.bn-button__icon svg {
    height: 28px;
    width: 28px
}

.bn-button.data-size-large-two-line {
    line-height: 18px
}

.bn-button.data-size-regular {
    border-radius: var(--radii-s);
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 22px;
    min-height: 36px;
    min-width: 64px;
    padding-left: var(--space-m);
    padding-right: var(--space-m)
}

.bn-button.data-size-regular.bn-button__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-button.data-size-regular.bn-button__icon {
    border-radius: var(--radii-l);
    min-width: 36px;
    padding: 0;
    width: 36px
}

.bn-button.data-size-regular.bn-button__icon svg {
    height: 20px;
    width: 20px
}

.bn-button.data-size-regular-two-line {
    line-height: 14px
}

.bn-button.data-size-small {
    border-radius: var(--radii-xs);
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 22px;
    min-height: 32px;
    min-width: 52px;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.bn-button.data-size-small.bn-button__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-button.data-size-small.bn-button__icon {
    border-radius: var(--radii-m);
    min-width: 32px;
    padding: 0;
    width: 32px
}

.bn-button.data-size-small.bn-button__icon svg {
    height: 20px;
    width: 20px
}

.bn-button.data-size-small-two-line {
    line-height: 12px
}

.bn-button.data-size-tiny {
    border-radius: var(--radii-xs);
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 18px;
    min-height: 24px;
    min-width: 40px;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.bn-button.data-size-tiny .bn-spinner__nezha {
    height: 16px
}

.bn-button.data-size-tiny.bn-button__info {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-button.data-size-tiny.bn-button__icon {
    border-radius: var(--radii-m);
    min-width: 24px;
    padding: 0;
    width: 24px
}

.bn-button.data-size-tiny.bn-button__icon svg {
    height: 16px;
    width: 16px
}

.bn-button.data-size-tiny-two-line {
    line-height: 9px
}

@media only screen and (min-width: 768px) {
    .bn-button.data-size-huge {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-button.data-size-huge-two-line {
        line-height: 20px
    }

    .bn-button.data-size-large {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-button.data-size-large .bn-spinner__nezha {
        height: 24px
    }

    .bn-button.data-size-large-two-line {
        line-height: 18px
    }

    .bn-button.data-size-regular {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-button.data-size-regular-two-line {
        line-height: 14px
    }

    .bn-button.data-size-small {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-button.data-size-small-two-line {
        line-height: 12px
    }

    .bn-button.data-size-tiny {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-button.data-size-tiny-two-line {
        line-height: 9px
    }
}

.bn-button__secondary {
    --button-bg: var(--color-Line);
    --button-color: var(--color-PrimaryText)
}

.bn-button__secondary.active:not(.inactive),.bn-button__secondary:active:not(.inactive):not([disabled]),.bn-button__secondary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-DisableBtn)
}

.bn-button__round {
    --button-bg: var(--color-Input);
    --button-color: var(--color-TextLink);
    border-radius: var(--radii-circle)
}

.bn-button__round.active:not(.inactive),.bn-button__round:active:not(.inactive):not([disabled]),.bn-button__round:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-Line);
    --button-color: var(--color-PrimaryYellow)
}

.bn-button__text,.bn-button__text[class*=data-size-] {
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding-left: 0;
    padding-right: 0
}

.bn-button__text.inactive,.bn-button__text:disabled:not(.inactive),.bn-button__text[disabled]:not(.inactive) {
    --button-bg: transparent;
    --button-color: var(--color-DisableText)
}

.bn-button__text__yellow {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__text__yellow.active:not(.inactive),.bn-button__text__yellow:active:not(.inactive):not([disabled]),.bn-button__text__yellow:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryYellow)
}

.bn-button__text__black {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText)
}

.bn-button__text__black.active:not(.inactive),.bn-button__text__black:active:not(.inactive):not([disabled]),.bn-button__text__black:focus:not(.inactive):not([disabled]),.bn-button__text__gray,.bn-button__text__gray.active:not(.inactive),.bn-button__text__gray:active:not(.inactive):not([disabled]),.bn-button__text__gray:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

.bn-button__buy {
    --button-bg: var(--color-Buy);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__buy.active:not(.inactive),.bn-button__buy:active:not(.inactive):not([disabled]),.bn-button__buy:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-BuyHover)
}

.bn-button__sell {
    --button-bg: var(--color-Sell);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__sell.active:not(.inactive),.bn-button__sell:active:not(.inactive):not([disabled]),.bn-button__sell:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-SellHover)
}

.bn-button__gray {
    --button-bg: var(--color-TextOnYellow);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__icon {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText);
    border: 1px solid var(--color-Line);
    border-radius: 14px;
    min-width: 40px;
    padding: 0;
    width: 40px
}

.bn-button__icon.active:not(.inactive),.bn-button__icon:active:not(.inactive):not([disabled]),.bn-button__icon:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent
}

.bn-button__icon svg {
    height: 24px;
    width: 24px
}

.bn-button__icon__primary {
    --button-bg: var(--color-BtnBg);
    --button-color: var(--color-TextOnYellow);
    border: none
}

.bn-button__icon__primary.active:not(.inactive),.bn-button__icon__primary:active:not(.inactive):not([disabled]),.bn-button__icon__primary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-PrimaryYellow)
}

.bn-button__icon__secondary {
    --button-bg: var(--color-Line);
    border: none
}

.bn-button__icon__secondary.active:not(.inactive),.bn-button__icon__secondary:active:not(.inactive):not([disabled]),.bn-button__icon__secondary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-DisableText)
}

.bn-button__info {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative
}

.bn-button__info.bn-button {
    border-radius: 0;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: -webkit-fit-content;
    min-height: fit-content;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding: 0
}

.bn-button__info:after {
    background-image: linear-gradient(to right,var(--color-PrimaryText) 50%,transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 1px;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(.5)
}

.bn-button__info.active:not(.inactive),.bn-button__info:active:not(.inactive):not([disabled]),.bn-button__info:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText)
}

.bn-button__info.inactive,.bn-button__info:disabled:not(.inactive),.bn-button__info[disabled]:not(.inactive) {
    --button-bg: transparent;
    --button-color: var(--color-DisableText)
}

.bn-button__info.inactive:after,.bn-button__info:disabled:not(.inactive):after,.bn-button__info[disabled]:not(.inactive):after {
    background-image: linear-gradient(to right,var(--color-DisableText) 50%,transparent 50%)
}

.bn-button__info__yellow {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__info__yellow:after {
    background-image: linear-gradient(to right,var(--color-TextLink) 50%,transparent 50%)
}

.bn-button__info__yellow.active:not(.inactive),.bn-button__info__yellow:active:not(.inactive):not([disabled]),.bn-button__info__yellow:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__info__gray {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

.bn-button__info__gray:after {
    background-image: linear-gradient(to right,var(--color-SecondaryText) 50%,transparent 50%)
}

.bn-button__info__gray.active:not(.inactive),.bn-button__info__gray:active:not(.inactive):not([disabled]),.bn-button__info__gray:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

@media only screen and (min-width: 768px) {
    .bn-button {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-button:hover:not(.inactive):not([disabled]) {
        opacity: .8
    }

    .bn-button .bn-spinner__nezha {
        height: 20px
    }

    .bn-button__secondary:hover:not(.inactive):not([disabled]) {
        opacity: .8
    }

    .bn-button__secondary.active:not(.inactive),.bn-button__secondary:active:not(.inactive):not([disabled]),.bn-button__secondary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-DisableText)
    }

    .bn-button__round:hover:not(.inactive) {
        --button-color: var(--color-PrimaryYellow);
        opacity: 1
    }

    .bn-button__text__yellow:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-BtnBg);
        opacity: 1
    }

    .bn-button__text__black:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText);
        opacity: 1
    }

    .bn-button__text__gray,.bn-button__text__gray.active:not(.inactive),.bn-button__text__gray:active:not(.inactive):not([disabled]),.bn-button__text__gray:focus:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText)
    }

    .bn-button__icon {
        border: 1px solid var(--color-InputLine)
    }

    .bn-button__icon:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-Input);
        opacity: 1
    }

    .bn-button__icon.active:not(.inactive),.bn-button__icon:active:not(.inactive):not([disabled]),.bn-button__icon:focus:not(.inactive):not([disabled]) {
        --button-bg: transparent
    }

    .bn-button__icon__primary {
        border: none
    }

    .bn-button__icon__primary:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-BtnBg);
        opacity: .8
    }

    .bn-button__icon__primary.active:not(.inactive),.bn-button__icon__primary:active:not(.inactive):not([disabled]),.bn-button__icon__primary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-PrimaryYellow)
    }

    .bn-button__icon__secondary {
        border: none
    }

    .bn-button__icon__secondary:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-Line);
        opacity: .8
    }

    .bn-button__icon__secondary.active:not(.inactive),.bn-button__icon__secondary:active:not(.inactive):not([disabled]),.bn-button__icon__secondary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-DisableText)
    }

    .bn-button__info {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-button__info:after {
        height: 1px
    }

    .bn-button__info__black:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText);
        opacity: 1
    }

    .bn-button__info__gray {
        --button-color: var(--color-TertiaryText)
    }

    .bn-button__info__gray:after {
        background-image: linear-gradient(to right,var(--color-TertiaryText) 50%,transparent 50%)
    }

    .bn-button__info__gray.active:not(.inactive),.bn-button__info__gray:active:not(.inactive):not([disabled]),.bn-button__info__gray:focus:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText)
    }
}

.bn-progress__bar {
    border-radius: var(--radii-circle);
    min-height: 10px;
    overflow: hidden;
    position: relative
}

.bn-progress__bar .bar-inner {
    border-radius: var(--radii-circle);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: width
}

.bn-progress__circle {
    display: inline-flex;
    position: relative
}

.bn-progress__circle svg {
    height: 100px;
    width: 100px
}

.bn-progress__number {
    align-items: center;
    display: inline-flex;
    min-height: .8em
}

.bn-loading {
    grid-gap: var(--space-2xs);
    align-items: center;
    background-color: var(--color-ToastBg);
    border-radius: var(--radii-2l);
    color: var(--color-RedGreenBgText);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    gap: var(--space-2xs);
    justify-content: center;
    line-height: 22px;
    padding: var(--space-mm);
    text-align: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-loading__primary,.bn-loading__secondary {
    background-color: transparent;
    position: relative
}

.bn-loading__primary .bn-loading-box,.bn-loading__secondary .bn-loading-box {
    background: var(--color-ToastBg);
    border-radius: var(--radii-m);
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 44px
}

.bn-loading__primary .bn-spinner__nezha {
    grid-gap: 3px;
    gap: 3px
}

.bn-loading__primary .bn-spinner__nezha>.nezha-line {
    height: 6px;
    width: 3px
}

.bn-loading__circle-secondary,.bn-loading__secondary {
    padding: 0
}

.bn-loading__circle-secondary {
    background-color: transparent
}

.bn-loading__circle-secondary .bn-loading-message {
    display: none
}

.bn-loading-bar {
    grid-gap: var(--space-3xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs)
}

.bn-loading-bar-progress {
    height: 4px;
    min-height: 4px;
    width: 75px
}

.bn-loading-circle {
    display: flex;
    position: relative
}

.bn-loading-circle-percent {
    color: var(--color-RedGreenBgText);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.bn-loading-circle-progress svg {
    height: 100%;
    width: 100%
}

.bn-loading-dot {
    grid-gap: var(--space-3xs);
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs)
}

.bn-loading-dot-progress {
    grid-gap: 1px;
    display: flex;
    gap: 1px;
    justify-content: center;
    width: 75px
}

.bn-loading-dot-progress>* {
    background: var(--color-SecondaryText);
    border-radius: var(--radii-circle);
    height: 4px;
    width: 4px
}

.bn-loading-dot-progress>.active {
    background: var(--color-TextOnGray)
}

.bn-loading-message {
    color: var(--color-RedGreenBgText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 84px
}

@media only screen and (min-width: 768px) {
    .bn-loading {
        background-color:var(--color-TertiaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-loading-message {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .bn-loading__circle-secondary,.bn-loading__primary,.bn-loading__secondary {
        background-color: transparent
    }
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual .bn-web-table-row:not(tr) {
    background: var(--color-BasicBg);
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    align-items: center;
    background: inherit;
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 56px;
    line-height: 22px;
    padding: 0 var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):last-child,[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-cell-row-hover {
    background: var(--color-Vessel)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-expand-icon-col,.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-row-expand-icon-cell {
    color: var(--color-IconNormal);
    flex: 0 0 32px;
    justify-content: center;
    padding: 0;
    width: 32px
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell div.bn-web-table-cell {
    background: var(--color-SecondaryBg)
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    left: 0
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    right: 0
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    border-right: none
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    border-left: none
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    width: var(--virtual-width)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-horizontal {
    height: 4px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-vertical {
    width: 4px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-thumb {
    background: var(--color-DisableText)!important;
    border-radius: 20px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell-fix-left,.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell-fix-right {
    position: -webkit-sticky;
    position: sticky
}

.bn-web-table {
    --table-vertical-padding-s: 12px;
    --table-vertical-padding: 18px;
    --table-horizontal-padding: 16px;
    --table-horizontal-padding-ends: 16px;
    border-bottom: 1px solid var(--color-Line);
    transition: opacity .3s ease
}

.bn-web-table,.bn-web-table-wrapper {
    position: relative
}

.bn-web-table-wrapper__row-middle .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    font-size: 12px;
    font-weight: 400;
    height: 48px;
    line-height: 18px
}

.bn-web-table-wrapper__row-small .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 18px
}

.bn-web-table-wrapper__row-middle .bn-web-table thead td,.bn-web-table-wrapper__row-middle .bn-web-table thead th {
    --table-vertical-padding-s: 0;
    height: 32px
}

.bn-web-table-wrapper__row-middle .bn-web-table tbody td,.bn-web-table-wrapper__row-middle .bn-web-table tbody th {
    --table-vertical-padding: 0;
    font-size: 12px;
    font-weight: 400;
    height: 48px;
    line-height: 18px
}

.bn-web-table-wrapper__row-small .bn-web-table thead td,.bn-web-table-wrapper__row-small .bn-web-table thead th {
    --table-vertical-padding-s: 0;
    height: 32px
}

.bn-web-table-wrapper__row-small .bn-web-table tbody td,.bn-web-table-wrapper__row-small .bn-web-table tbody th {
    --table-vertical-padding: 0;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 18px
}

.bn-web-table-wrapper__padding-compact .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-web-table-wrapper__padding-hybrid .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell {
    --table-horizontal-padding: 8px
}

.bn-web-table-wrapper__padding-compact .bn-web-table tbody td,.bn-web-table-wrapper__padding-compact .bn-web-table tbody th,.bn-web-table-wrapper__padding-compact .bn-web-table thead td,.bn-web-table-wrapper__padding-compact .bn-web-table thead th {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-web-table-wrapper__padding-hybrid .bn-web-table tbody td,.bn-web-table-wrapper__padding-hybrid .bn-web-table tbody th,.bn-web-table-wrapper__padding-hybrid .bn-web-table thead td,.bn-web-table-wrapper__padding-hybrid .bn-web-table thead th {
    --table-horizontal-padding: 8px
}

.bn-web-table-wrapper__empty .bn-web-table {
    border-bottom: none
}

.bn-web-table-wrapper__line>.bn-web-table thead tr {
    background: var(--color-BasicBg);
    border-bottom: 1px solid var(--color-Line)
}

.bn-web-table-wrapper__line>.bn-web-table .bn-web-table-title {
    border-bottom: 1px solid var(--color-Line);
    border-top: none
}

.bn-web-table-wrapper__separate>.bn-web-table {
    border-bottom: none
}

.bn-web-table-wrapper__separate>.bn-web-table thead tr {
    background: transparent
}

.bn-web-table-wrapper__separate>.bn-web-table .bn-web-table-title {
    border: none
}

.bn-web-table [class^=bn-web-table][aria-hidden] {
    border: none!important;
    visibility: hidden!important
}

.bn-web-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.bn-web-table-wrapper__separate>.bn-web-table table {
    border-collapse: separate
}

.bn-web-table thead tr {
    background: var(--color-SecondaryBg);
    border: none
}

[dir=ltr] .bn-web-table thead td,[dir=ltr] .bn-web-table thead th {
    text-align: left
}

[dir=rtl] .bn-web-table thead td,[dir=rtl] .bn-web-table thead th {
    text-align: right
}

.bn-web-table thead td,.bn-web-table thead th {
    background: inherit;
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: var(--table-vertical-padding-s) var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table thead td:first-child,[dir=ltr] .bn-web-table thead th:first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table thead td:last-child,[dir=ltr] .bn-web-table thead th:last-child,[dir=rtl] .bn-web-table thead td:first-child,[dir=rtl] .bn-web-table thead th:first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table thead td:last-child,[dir=rtl] .bn-web-table thead th:last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper__separate>.bn-web-table thead td:first-child,.bn-web-table-wrapper__separate>.bn-web-table thead td:last-child,.bn-web-table-wrapper__separate>.bn-web-table thead th:first-child,.bn-web-table-wrapper__separate>.bn-web-table thead th:last-child {
    --table-horizontal-padding-ends: 20px
}

.bn-web-table-body {
    --scroll-pad: 1px!important;
    --scroll-size: 6px!important
}

.bn-web-table tbody tr {
    background: var(--color-BasicBg)
}

.bn-web-table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid var(--color-Line)
}

.bn-web-table tbody tr.bn-web-table-row:hover {
    background: var(--color-Vessel)
}

.bn-web-table tbody td {
    background: inherit;
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--table-vertical-padding) var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table tbody td:first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table tbody td:last-child,[dir=rtl] .bn-web-table tbody td:first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table tbody td:last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper__separate>.bn-web-table tbody tr {
    background: transparent;
    border: none
}

.bn-web-table-wrapper__separate>.bn-web-table tbody td:first-child,.bn-web-table-wrapper__separate>.bn-web-table tbody th:first-child {
    --table-horizontal-padding-ends: 20px;
    border-bottom-left-radius: var(--radii-m);
    border-top-left-radius: var(--radii-m)
}

.bn-web-table-wrapper__separate>.bn-web-table tbody td:last-child,.bn-web-table-wrapper__separate>.bn-web-table tbody th:last-child {
    --table-horizontal-padding-ends: 20px;
    border-bottom-right-radius: var(--radii-m);
    border-top-right-radius: var(--radii-m)
}

.bn-web-table-cell.bn-web-table-cell-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-web-table-cell-fix-left {
    z-index: 1
}

.bn-web-table-cell-fix-left-first:after,.bn-web-table-cell-fix-left-last:after {
    bottom: -1px;
    content: "";
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 0;
    transform: translateX(100%);
    transition: box-shadow .3s;
    width: 20px
}

.bn-web-table-cell-fix-right {
    z-index: 1
}

.bn-web-table-cell-fix-right-first:after,.bn-web-table-cell-fix-right-last:after {
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: box-shadow .3s;
    width: 20px
}

.bn-web-table-ping-left .bn-web-table-cell-fix-left-first:after,.bn-web-table-ping-left .bn-web-table-cell-fix-left-last:after {
    box-shadow: inset 5px 0 12px -4px var(--color-Line)
}

.bn-web-table-ping-right .bn-web-table-cell-fix-right-first:after,.bn-web-table-ping-right .bn-web-table-cell-fix-right-last:after {
    box-shadow: inset -5px 0 12px -4px var(--color-Line)
}

.bn-web-table-placeholder {
    position: relative;
    text-align: center
}

.bn-web-table-placeholder .bn-web-table-cell {
    padding: var(--table-vertical-padding) 0
}

.bn-web-table tbody .bn-web-table-row-expand-icon-cell,.bn-web-table-expand-icon-col {
    color: var(--color-IconNormal);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px
}

.bn-web-table tbody .bn-web-table-row-expand-icon-cell,.bn-web-table tbody .bn-web-table-row-expand-icon-cell:first-child,.bn-web-table tbody .bn-web-table-row-expand-icon-cell:last-child,.bn-web-table-expand-icon-col,.bn-web-table-expand-icon-col:first-child,.bn-web-table-expand-icon-col:last-child {
    padding: var(--table-vertical-padding) 0
}

.bn-web-table-expanded-row>.bn-web-table-cell,.bn-web-table-expanded-row>.bn-web-table-cell:first-child,.bn-web-table-expanded-row>.bn-web-table-cell:last-child {
    padding: 0
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper {
    margin-left: 32px;
    width: calc(100% - 32px)
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table {
    border-bottom: none;
    border-top: none
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table thead tr {
    border-bottom: 1px solid var(--color-Line);
    border-top: none
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-footer,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table td,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table th {
    background: var(--color-SecondaryBg)
}

.bn-web-table-row-expand-icon {
    align-items: center;
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-xs);
    cursor: pointer;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    width: 16px
}

.bn-web-table-row-expand-icon.bn-web-table-row-expanded:after {
    content: "-"
}

.bn-web-table-row-expand-icon.bn-web-table-row-collapsed:after {
    content: "+"
}

.bn-web-table-footer,.bn-web-table-title {
    border-top: 1px solid var(--color-Line);
    padding: var(--table-vertical-padding) var(--table-horizontal-padding)
}

.bn-web-table-sticky-holder {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2
}

.bn-web-table-rtl {
    direction: rtl
}

.bn-badge {
    align-items: center;
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-xl);
    color: var(--color-TextOnYellow);
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    justify-content: center;
    left: 50%;
    line-height: 16px;
    min-width: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    top: 0;
    transform: translate3d(0,-50%,0)
}

.bn-badge.data-theme-error {
    background-color: var(--color-Sell);
    color: var(--color-RedGreenBgText)
}

.bn-badge__dot,.bn-badge__dot-side {
    border-radius: var(--radii-circle);
    height: 8px;
    left: 100%;
    min-width: 8px;
    padding: 0;
    transform: translate3d(-50%,-50%,0);
    width: 8px
}

.bn-badge__dot-side {
    top: 50%;
    transform: translate3d(4px,-50%,0)
}

.bn-badge__string {
    left: unset;
    right: 0;
    top: 0;
    transform: none
}

.bn-badge:not(.bn-badge__dot).data-size-sm {
    font-size: 8px;
    font-weight: 500;
    line-height: 12px;
    min-width: 12px;
    padding: 0 var(--space-5xs)
}

@media only screen and (min-width: 768px) {
    .bn-badge:not(.bn-badge__dot).data-size-sm {
        font-size:8px;
        font-weight: 500;
        line-height: 12px
    }
}

.bn-badge-wrap {
    display: inline-flex;
    position: relative
}

.bn-badge-rtl {
    left: auto;
    right: 50%;
    transform: translate3d(0,-50%,0)
}

.bn-badge-rtl.bn-badge__dot {
    transform: translate3d(50%,-50%,0)
}

.bn-badge-rtl.bn-badge__dot-side {
    transform: translate3d(-4px,-50%,0)
}

.bn-badge-rtl.bn-badge__string {
    left: 0;
    right: unset;
    top: 0;
    transform: none
}

@media only screen and (min-width: 768px) {
    .bn-badge {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-badge:not(.bn-badge__dot) {
        min-width: 18px
    }
}

.bn-backtop {
    position: fixed;
    z-index: var(--zindex-backTop)
}

.bn-backtop-arrow {
    color: var(--color-PrimaryText);
    font-size: 28px
}

.bn-notification {
    grid-gap: var(--space-4xs);
    --prefix-color: var(--color-PrimaryText);
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-2l);
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-4xs);
    padding: var(--space-s)
}

.bn-notification-mw {
    min-width: 196px
}

.bn-notification__primary .bn-notification-content-message {
    color: var(--color-PrimaryText)
}

.bn-notification__secondary,.bn-notification__tertiary {
    background-color: var(--color-Input)
}

.bn-notification__tertiary {
    --prefix-color: var(--color-SecondaryText)
}

.bn-notification__tertiary,.bn-notification__tertiary .bn-notification-content-message {
    color: var(--color-SecondaryText)
}

.bn-notification__success {
    --prefix-color: var(--color-Success);
    background: var(--color-SuccessBg)
}

.bn-notification__error {
    background: var(--color-ErrorBg)
}

.bn-notification__push {
    background-color: var(--color-Vessel);
    box-shadow: var(--shadow-shadow2);
    max-width: 360px;
    padding: var(--space-s) var(--space-m)
}

.bn-notification__push .bn-notification-content {
    min-height: 22px
}

.bn-notification__push .bn-notification-content-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-notification__push .bn-notification-content-message {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    color: var(--color-SecondaryText);
    max-height: 8em;
    overflow-y: auto
}

.bn-notification__push .bn-notification-content-message.data-push-message {
    color: var(--color-PrimaryText)
}

.bn-notification__push .bn-notification-prefix {
    font-size: 20px;
    min-height: 22px
}

.bn-notification__push .bn-notification-close {
    min-height: 22px
}

.bn-notification-prefix {
    color: var(--prefix-color);
    flex: none;
    font-size: 16px;
    margin-top: 1px;
    min-height: 18px
}

.bn-notification-content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 18px;
    min-height: 18px;
    position: relative
}

.bn-notification-content.closable>:first-child {
    margin-right: 20px
}

.bn-notification-content-message {
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 400;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    line-height: 18px
}

.bn-notification-close {
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 16px;
    margin-top: 1px;
    min-height: 18px;
    position: absolute;
    right: 0;
    top: 0
}

.bn-notification.data-multiple .bn-slider-ticks {
    align-items: center;
    max-height: 32px;
    padding: 3px 0;
    width: 20px
}

.bn-notification.data-multiple .bn-slider-ticks-tick:not(.active) {
    background-color: var(--color-PrimaryText);
    opacity: .3
}

.bn-notification.data-multiple>.bn-svg {
    font-size: 20px;
    margin-top: 1px
}

.bn-notification.data-multiple.data-size-small .bn-slider-ticks {
    width: 16px
}

.bn-notification.data-multiple.data-size-small>.bn-svg {
    font-size: 16px
}

.bn-notification.data-multiple .bn-swiper {
    height: 54px
}

.bn-notification.data-multiple .bn-swiper-item {
    position: relative
}

.bn-notification.data-full-width {
    border-radius: 0;
    padding: var(--space-s) var(--space-mm)
}

.bn-notification-rtl .bn-notification-content.closable>:first-child {
    margin-left: 20px;
    margin-right: 0
}

.bn-notification-rtl .bn-notification-close {
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-notification {
        padding:var(--space-s)
    }

    .bn-notification.data-size-small {
        padding: var(--space-2xs)
    }

    .bn-notification.data-size-small .bn-notification-close,.bn-notification.data-size-small .bn-notification-prefix {
        font-size: 16px;
        min-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content {
        min-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content-title {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content-message {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-notification.data-full-width {
        border-radius: 0;
        padding: var(--space-s) var(--space-mm)
    }

    .bn-notification__primary .bn-notification-content-message {
        color: var(--color-PrimaryText)
    }

    .bn-notification__tertiary {
        --prefix-color: var(--color-TertiaryText)
    }

    .bn-notification__tertiary,.bn-notification__tertiary .bn-notification-content-message {
        color: var(--color-TertiaryText)
    }

    .bn-notification__error .bn-notification-content,.bn-notification__success .bn-notification-content {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-notification__push .bn-notification-content-message {
        color: var(--color-TertiaryText)
    }

    .bn-notification__push .bn-notification-close,.bn-notification__push .bn-notification-prefix {
        min-height: 22px
    }

    .bn-notification-close,.bn-notification-prefix {
        font-size: 20px;
        min-height: 22px
    }

    .bn-notification-content {
        grid-gap: var(--space-5xs);
        font-size: 14px;
        font-weight: 500;
        gap: var(--space-5xs);
        line-height: 22px;
        min-height: 22px
    }

    .bn-notification-content-message {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-notification.data-multiple .bn-swiper {
        height: 68px
    }
}

.bn-navigator__black {
    color: var(--color-PrimaryText)
}

.bn-navigator__black,.bn-navigator__yellow {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

.bn-navigator__yellow {
    color: var(--color-TextLink)
}

@media only screen and (min-width: 768px) {
    .bn-navigator__black {
        text-decoration-color:currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }

    .bn-navigator__black,.bn-navigator__yellow {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-openinapp-modal a,.bn-openinapp-modal a:hover {
    color: inherit;
    text-decoration: none;
    font-family: var(--font-family);
}

.bn-openinapp-modal a:active,.bn-openinapp-modal a:visited {
    color: inherit
}

.bn-divider {
    border-top: .5px solid var(--color-Line);
    clear: both;
    display: flex;
    min-width: 100%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bn-divider {
        border-top:1px solid var(--color-Line)
    }
}

.bn-mask {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zindex-modal)
}

.bn-mask-rtl {
    direction: rtl
}

.bn-mask-inner {
    background-color: rgba(0,0,0,.08);
    position: absolute
}

.bn-mask-body {
    width: calc(100% - var(--scroll-size))
}

.bn-tooltips {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition-duration: var(--animation-duration-base);
    transition-property: opacity,visibility;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    z-index: var(--zindex-tooltip)
}

.bn-tooltips-trans {
    position: fixed;
    z-index: var(--zindex-tooltip)
}

.bn-tooltips>.bn-bubble-content {
    border-radius: var(--radii-m);
    padding: var(--space-m)
}

.bn-tooltips.bn-bubble__gray>.bn-bubble-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    background-color: var(--color-PrimaryText);
    color: var(--color-SecondaryBg);
    max-height: 160px;
    opacity: .95;
    overflow-y: auto;
    padding: var(--space-3xs) var(--space-xs)
}

.bn-tooltips.bn-bubble__gray .bn-bubble-arrow,.bn-tooltips.bn-bubble__gray .bn-bubble-arrow-shadow {
    background: linear-gradient(-45deg,transparent 0,transparent 50%,var(--color-PrimaryText) 50%,var(--color-PrimaryText) 100%);
    opacity: .95
}

.bn-tooltips.bn-bubble__gray .bn-bubble-web-arrow {
    opacity: .95
}

.bn-tooltips.bn-bubble__unset>.bn-bubble-content {
    max-width: none;
    padding: 0
}

.bn-tooltips.data-shadow>.bn-bubble-content {
    box-shadow: none
}

.bn-tooltips.active {
    --scroll-size: 0;
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content;
    opacity: 1;
    overflow: visible;
    visibility: visible
}

.bn-tooltips.active.data-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-tooltips-wrap {
    display: inline-flex;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-tooltips-wrap.active>.bn-tooltips {
    --scroll-size: 0;
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content;
    opacity: 1;
    overflow: visible;
    visibility: visible
}

.bn-tooltips-ele {
    align-items: center;
    display: inline-flex;
    width: 100%
}

.bn-tooltips-ele-rtl {
    direction: rtl
}

.bn-tooltips-ele-with-safe-area {
    z-index: 1
}

.bn-tooltips-safety-triangle {
    height: 100%;
    overflow: visible;
    position: absolute;
    width: 100%
}

.bn-tooltips-safety-triangle polygon {
    opacity: 0
}

@media only screen and (min-width: 768px) {
    .bn-tooltips.bn-bubble__gray>.bn-bubble-content {
        padding:var(--space-2xs) var(--space-s)
    }
}

.bn-drawer-handle {
    --handle-long: 40px;
    --handle-short: 4px;
    --handle-padding: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.bn-drawer-handle-icon {
    background-color: var(--color-DisableBtn);
    border-radius: 12px
}

.bn-drawer-handle.data-dir-bottom,.bn-drawer-handle.data-dir-top {
    padding: var(--handle-padding) 0;
    width: 100%
}

.bn-drawer-handle.data-dir-bottom .bn-drawer-handle-icon,.bn-drawer-handle.data-dir-top .bn-drawer-handle-icon {
    height: var(--handle-short);
    width: var(--handle-long)
}

.bn-drawer-handle.data-dir-left,.bn-drawer-handle.data-dir-right {
    height: 100%;
    padding: 0 var(--handle-padding)
}

.bn-drawer-handle.data-dir-left .bn-drawer-handle-icon,.bn-drawer-handle.data-dir-right .bn-drawer-handle-icon {
    height: var(--handle-long);
    width: var(--handle-short)
}

.bn-drawer-handle.data-dir-bottom {
    top: 0
}

.bn-drawer-handle.data-dir-top {
    bottom: 0
}

.bn-drawer-handle.data-dir-left {
    right: 0
}

.bn-drawer-handle.data-dir-right {
    left: 0
}

.bn-drawer {
    z-index: var(--zindex-drawer)
}

.bn-drawer>.bn-drawer-wrap {
    background-color: var(--color-CardBg);
    border-radius: 0;
    bottom: 0;
    left: 0;
    max-height: 100vh;
    max-width: 100vw;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: var(--animation-duration-base);
    transition-property: transform;
    transition-timing-function: ease-in
}

.bn-drawer>.bn-drawer-wrap.data-dir-left {
    max-width: 84%;
    right: auto;
    transform: translate3d(-100%,0,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-size-limit {
    width: 84%
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-size-full {
    border-radius: 0;
    max-width: 100%;
    width: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-draggable {
    padding-right: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top {
    border-radius: 0 0 var(--radii-l) var(--radii-l);
    bottom: auto;
    max-height: calc(100% - 80px);
    transform: translate3d(0,-100%,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-size-limit {
    height: calc(100% - 80px)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-size-full {
    border-radius: 0;
    height: 100%;
    max-height: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-draggable {
    padding-bottom: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-right {
    left: auto;
    max-width: 84%;
    transform: translate3d(100%,0,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-size-limit {
    width: 84%
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-size-full {
    border-radius: 0;
    max-width: 100%;
    width: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-draggable {
    padding-left: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom {
    border-radius: var(--radii-xl) var(--radii-xl) 0 0;
    max-height: calc(100% - 80px);
    top: auto;
    transform: translate3d(0,100%,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-size-limit {
    height: calc(100% - 80px)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-size-full {
    border-radius: 0;
    height: 100%;
    max-height: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-draggable {
    padding-top: var(--space-mm)
}

.bn-drawer.data-show>.bn-drawer-wrap {
    transform: translateZ(0)
}

.bn-modal>.bn-modal-wrap {
    background-color: var(--color-CardBg);
    border-radius: var(--radii-xl);
    box-shadow: var(--shadow-shadow1);
    max-width: 80vw;
    overflow: hidden;
    position: relative;
    transform: scale(.9);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 360px
}

.bn-modal>.bn-modal-wrap.data-size-fit {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-modal>.bn-modal-wrap.data-size-medium {
    width: 420px
}

.bn-modal>.bn-modal-wrap.data-size-middle {
    width: 520px
}

.bn-modal>.bn-modal-wrap.data-size-large {
    width: 720px
}

.bn-modal.data-show>.bn-modal-wrap {
    transform: scale(1)
}

.bn-modal-header {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-2xs);
    padding: 18px var(--space-xl);
    position: relative
}

.bn-modal-header-next,.bn-modal-header-prev {
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 24px
}

.bn-modal-header-main {
    flex: 1 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.bn-modal-header-pre .bn-modal-header-main {
    text-align: center
}

.bn-modal-header-next-hidden,.bn-modal-header-pre-hidden .bn-modal-header-prev {
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    .bn-modal-header-main {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.bn-modal-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    max-height: 350px;
    overflow-y: auto;
    padding: var(--space-xl);
    scrollbar-color: var(--scroll-color) var(--scroll-bg);
    scrollbar-width: thin
}

.bn-modal-footer {
    grid-gap: var(--space-2xs);
    display: flex;
    gap: var(--space-2xs);
    justify-content: flex-end;
    padding: 0 var(--space-xl) var(--space-xl)
}

.bn-modal-footer-column {
    flex-direction: column
}

.bn-modal-footer-row>* {
    flex: 1 1
}

.bn-drawer-wrap {
    display: flex;
    flex-direction: column
}

.bn-drawer .bn-modal-header {
    padding: 18px 15px
}

.bn-drawer .bn-modal-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    max-height: unset;
    overflow-y: auto;
    padding: var(--space-xl) 15px
}

.bn-drawer .bn-modal-footer {
    grid-gap: var(--space-xs);
    gap: var(--space-xs);
    padding: 0 15px var(--space-xl)
}

.bn-modal-confirm {
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    min-height: 200px;
    padding-top: var(--space-xl);
    text-align: center
}

.bn-modal-confirm-icon {
    font-size: 64px;
    margin-bottom: var(--space-m)
}

.bn-modal-confirm-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: var(--space-2xs);
    padding: 0 var(--space-xl);
    width: 100%
}

.bn-modal-confirm-subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

[dir=ltr] .bn-modal-confirm-desc {
    text-align: left
}

[dir=rtl] .bn-modal-confirm-desc {
    text-align: right
}

.bn-modal-confirm-desc {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow-y: auto;
    padding: 0 var(--space-xl);
    width: 100%;
    word-break: break-word
}

.bn-modal-confirm-actions {
    padding: var(--space-xl);
    width: 100%
}

.bn-modal-confirm-actions .bn-modal-footer {
    padding: unset
}

@media only screen and (min-width: 768px) {
    .bn-modal-confirm-icon {
        font-size:96px
    }

    .bn-modal-confirm-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }

    .bn-modal-confirm-subtitle {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-modal-confirm-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-modal-basic {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    min-height: 200px
}

.bn-modal-basic .bn-modal-content {
    flex: 1 1;
    max-height: unset;
    padding: 0 var(--space-xl)
}

.bn-modal-basic .bn-modal-footer {
    padding: var(--space-xl)
}

.bn-drawer .bn-modal-basic {
    min-height: 182px
}

.bn-drawer .bn-modal-basic .bn-modal-header {
    padding: var(--space-s) var(--space-m)
}

.bn-drawer .bn-modal-basic .bn-modal-content {
    padding: 0 var(--space-m)
}

.bn-drawer .bn-modal-basic .bn-modal-footer {
    padding: var(--space-m)
}

.bn-layer-notifies {
    grid-gap: var(--space-s);
    display: inline-flex;
    flex-direction: column;
    gap: var(--space-s);
    position: fixed;
    z-index: var(--zindex-notification)
}

.bn-layer-notifies>.bn-trans {
    transform: scale(.9)
}

.bn-layer-notifies>.bn-trans.data-show {
    transform: scale(1)
}

.bn-layer-notifies.data-pos-start>.bn-trans {
    transform: translateX(-20%)
}

.bn-layer-notifies.data-pos-start>.bn-trans.data-show {
    transform: translateX(0)
}

.bn-layer-notifies.data-pos-end>.bn-trans {
    transform: translateX(20%)
}

.bn-layer-notifies.data-pos-end>.bn-trans.data-show {
    transform: translateX(0)
}

.bn-actionSheet__basic-col>.bn-drawer-wrap {
    display: flex;
    flex-direction: column
}

.bn-actionSheet .bn-grid {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-m)
}

.bn-actionSheet .bn-grid>.item {
    color: var(--color-SecondaryText);
    cursor: pointer;
    text-align: center
}

.bn-actionSheet-cancel {
    align-items: center;
    border-top: 6px solid var(--color-Line);
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: flex;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    padding: var(--space-s) var(--space-m)
}

@media only screen and (min-width: 768px) {
    .bn-actionSheet-cancel {
        cursor:pointer;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-actionSheet-header {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-2xs);
    padding: var(--space-s) var(--space-m);
    position: relative
}

.bn-actionSheet-header-next,.bn-actionSheet-header-prev {
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 20px
}

.bn-actionSheet-header-main {
    grid-gap: var(--space-5xs);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    gap: var(--space-5xs);
    line-height: 26px
}

.bn-actionSheet-header-main-subtitle {
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-actionSheet-header-main-description {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-actionSheet-header-main {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }

    .bn-actionSheet-header-main-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-actionSheet-header-main-description {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }
}

.bn-actionSheet-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    overflow-y: auto;
    padding: 0 var(--space-m)
}

.bn-actionSheet-footer {
    grid-gap: var(--space-xs);
    display: flex;
    gap: var(--space-xs);
    padding: var(--space-m)
}

.bn-coachmark.active {
    background-color: var(--color-CardBg);
    border-radius: var(--radii-2l);
    padding: var(--space-s) 15px;
    position: relative;
    z-index: var(--zindex-coachmark)
}

.bn-coachmark-bubble .bn-bubble-content {
    border-radius: var(--radii-l);
    max-height: -moz-max-content;
    max-height: -webkit-max-content;
    max-height: max-content;
    max-width: -moz-max-content;
    max-width: -webkit-max-content;
    max-width: max-content;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .bn-coachmark-bubble .bn-bubble-content {
        border-radius:var(--radii-2l)
    }
}

.bn-coachmark-panel {
    grid-gap: var(--space-xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    max-height: 272px;
    max-width: 320px;
    min-height: 128px;
    min-width: 184px;
    padding: 15px
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-extra {
    padding: 0
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-tips {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow)
}

.bn-coachmark-panel-title {
    flex: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-coachmark-panel-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow-y: auto
}

.bn-coachmark-panel-extra {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    flex: none;
    gap: var(--space-xs)
}

.bn-coachmark-panel-extra .bn-coachmark-panel-extra-skip {
    min-width: auto;
    padding: 0
}

.bn-coachmark-panel-extra-step {
    align-items: baseline;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-coachmark-panel-extra-step-gap {
    width: .5em
}

.bn-coachmark-panel-extra-step-split,.bn-coachmark-panel-extra-step-total {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-coachmark-panel-extra-actions {
    grid-gap: var(--space-s);
    align-items: center;
    display: inline-flex;
    flex: 1 1;
    gap: var(--space-s);
    justify-content: flex-end
}

.bn-coachmark-panel-extra-actions .bn-coachmark-panel-extra-actions-prev {
    min-width: auto;
    padding: 0
}

.bn-coachmark-panel-tips {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-xs);
    color: var(--color-PrimaryText);
    display: flex;
    flex: none;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 22px;
    padding: var(--space-3xs) var(--space-m);
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bn-coachmark-panel {
        grid-gap:var(--space-4xs);
        gap: var(--space-4xs);
        max-height: 352px;
        max-width: 440px;
        min-height: 232px;
        min-width: auto;
        padding: var(--space-m) var(--space-xl)
    }

    .bn-coachmark-panel__primary {
        grid-gap: var(--space-m);
        gap: var(--space-m);
        padding: var(--space-xl)
    }

    .bn-coachmark-panel__primary>.bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-coachmark-panel-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }

    .bn-coachmark-panel-content {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .bn-coachmark-panel-extra {
        grid-gap: var(--space-xl);
        gap: var(--space-xl);
        padding-top: var(--space-l)
    }

    .bn-coachmark-panel-extra-step {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-coachmark-panel-extra-step-split,.bn-coachmark-panel-extra-step-total {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-coachmark-panel-tips {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-formItem {
    grid-gap: var(--space-4xs);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 22px
}

.bn-formItem-label {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-formItem-errMsg {
    color: var(--color-Error)
}

.bn-formItem-errMsg,.bn-formItem-tips {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-formItem-tips {
    color: var(--color-SecondaryText)
}

@media only screen and (min-width: 768px) {
    .bn-formItem {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-formItem-label {
        color: var(--color-PrimaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-formItem-tips {
        color: var(--color-TertiaryText)
    }

    .bn-formItem-errMsg,.bn-formItem-tips {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-inputNum {
    grid-gap: var(--space-s);
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-s)
}

.bn-inputNum.disabled {
    color: var(--color-TertiaryText);
    position: relative
}

.bn-inputNum.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-inputNum.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-inputNum__line {
    border-bottom: 1px solid var(--color-Line)
}

.bn-inputNum__line.data-error:not(.disabled) {
    border-bottom-color: var(--color-Error)
}

.bn-inputNum-prefix,.bn-inputNum-suffix {
    color: var(--color-DisableText);
    display: inline-flex;
    flex: none
}

.bn-inputNum-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    flex: 1 1;
    font-size: 28px;
    font-weight: 600;
    height: 100%;
    line-height: 40px;
    outline: none;
    overflow: hidden
}

.bn-inputNum-input::-moz-placeholder {
    color: var(--color-TertiaryText)
}

.bn-inputNum-input::placeholder {
    color: var(--color-TertiaryText)
}

@media only screen and (min-width: 768px) {
    .bn-inputNum-input {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.bn-textarea {
    grid-gap: var(--space-2xs);
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: var(--radii-l);
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    max-height: 142px;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 345px
}

.bn-textarea.disabled {
    background-color: var(--color-Line);
    color: var(--color-TertiaryText);
    position: relative
}

.bn-textarea.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-textarea.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-textarea.data-error:not(.disabled) {
    border: 1px solid var(--color-Error)
}

.bn-textarea.focus:not(.bn-textarea__default) {
    border: 1px solid var(--color-PrimaryYellow)
}

.bn-textarea__line {
    background: transparent;
    border-color: var(--color-InputLine)
}

.bn-textarea-suffix {
    color: var(--color-DisableText);
    display: flex;
    flex: none;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 22px;
    padding: 0 var(--space-s) var(--space-s)
}

.bn-textarea-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    line-height: 22px;
    margin: var(--space-s) var(--space-s) 0;
    min-height: 3em;
    outline: none;
    resize: none
}

.bn-textarea-input::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-textarea-input::placeholder {
    color: var(--color-DisableText)
}

@media only screen and (min-width: 768px) {
    .bn-textarea:hover:not(.disabled),.bn-textarea__default.focus {
        border:1px solid var(--color-PrimaryYellow)
    }

    .bn-textarea-suffix {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-textarea-input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-textField {
    grid-gap: var(--space-2xs);
    align-items: center;
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-2xs);
    height: 40px;
    max-width: 100vw;
    padding: 0 var(--space-s);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 345px
}

.bn-textField.data-size-huge {
    border-radius: var(--radii-l);
    height: 56px
}

.bn-textField.data-size-huge .bn-textField-input {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge .bn-textField-input::-moz-placeholder {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge .bn-textField-input .input-placeholder,.bn-textField.data-size-huge .bn-textField-input::placeholder {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-huge.data-prefix-fixed .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus {
    height: 20px;
    line-height: 20px
}

.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus svg {
    font-size: 20px
}

.bn-textField.data-size-huge.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .bn-textField.data-size-huge .bn-textField-input {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge .bn-textField-input::-moz-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge .bn-textField-input .input-placeholder,.bn-textField.data-size-huge .bn-textField-input::placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-textField.data-size-large {
    border-radius: var(--radii-l);
    height: 48px
}

.bn-textField.data-size-large .bn-textField-input {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-input .input-placeholder,.bn-textField.data-size-large .bn-textField-input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-large.data-prefix-fixed .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus {
    height: 20px;
    line-height: 20px
}

.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus svg {
    font-size: 20px
}

.bn-textField.data-size-large.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-small {
    height: 32px
}

.bn-textField.data-size-small .bn-textField-clear .bn-textField-svg,.bn-textField.data-size-small .bn-textField-clear svg,.bn-textField.data-size-small .bn-textField-prefix .bn-textField-svg,.bn-textField.data-size-small .bn-textField-prefix svg,.bn-textField.data-size-small .bn-textField-suffix .bn-textField-svg,.bn-textField.data-size-small .bn-textField-suffix svg {
    font-size: 16px
}

.bn-textField.data-size-small .bn-textField-input {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small .bn-textField-input::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small .bn-textField-input .input-placeholder,.bn-textField.data-size-small .bn-textField-input::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-tiny {
    border-radius: var(--radii-s);
    height: 24px;
    width: 200px
}

.bn-textField.data-size-tiny .bn-textField-clear .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-clear svg,.bn-textField.data-size-tiny .bn-textField-prefix .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-prefix svg,.bn-textField.data-size-tiny .bn-textField-suffix .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-suffix svg {
    font-size: 12px
}

.bn-textField.data-size-tiny .bn-textField-input {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny .bn-textField-input::-moz-placeholder {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny .bn-textField-input .input-placeholder,.bn-textField.data-size-tiny .bn-textField-input::placeholder {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-tiny.data-prefix-fixed .bn-textField-suffix {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: 75px
}

.bn-textField.data-gap-size-small {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs);
    padding: 0 var(--space-2xs)
}

.bn-textField[class*=data-size-].data-width-mode-auto {
    width: auto
}

.bn-textField.disabled {
    background-color: var(--color-Line);
    border-color: transparent;
    color: var(--color-TertiaryText);
    position: relative
}

.bn-textField.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-textField.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-textField.disabled .bn-textField-input {
    color: var(--color-DisableText)
}

.bn-textField.disabled .bn-textField-input::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-textField.disabled .bn-textField-input .input-placeholder,.bn-textField.disabled .bn-textField-input::placeholder {
    color: var(--color-DisableText)
}

.bn-textField.data-error:not(.disabled) {
    border-color: var(--color-Error)
}

.bn-textField.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-prefix-fixed .bn-textField-suffix {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-prefix-fixed .bn-textField-prefix {
    color: var(--color-TertiaryText)
}

.bn-textField.data-prefix-fixed .bn-textField-suffix {
    color: var(--color-PrimaryText)
}

[dir=ltr] .bn-textField.data-prefix-fixed .bn-textField-input {
    text-align: right
}

[dir=rtl] .bn-textField.data-prefix-fixed .bn-textField-input {
    text-align: left
}

.bn-textField__line {
    background: transparent;
    border-color: var(--color-InputLine)
}

.bn-textField__line.focus:not(.static):not(.data-error) {
    border-color: var(--color-PrimaryYellow)
}

.bn-textField-prefix,.bn-textField-suffix {
    color: var(--color-IconNormal);
    display: inline-flex;
    flex: none
}

.bn-textField-prefix svg,.bn-textField-suffix svg {
    font-size: 20px
}

.bn-textField-clear {
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex;
    flex: none
}

.bn-textField-clear svg {
    font-size: 20px
}

.bn-textField-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-width: 0;
    outline: none;
    overflow: hidden
}

.bn-textField-input::-moz-placeholder {
    color: var(--color-IconNormal);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField-input .input-placeholder,.bn-textField-input::placeholder {
    color: var(--color-IconNormal);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField-input[type=password] {
    letter-spacing: 2px
}

[dir=ltr] .bn-textField-numeric-controls {
    padding-right: 32px
}

[dir=rtl] .bn-textField-numeric-controls {
    padding-left: 32px
}

.bn-textField-numeric-controls {
    position: relative
}

.bn-textField-numeric-controls .bn-textField-input [type=number],.bn-textField-numeric-controls .bn-textField-input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.bn-textField-numeric-controls .bn-textField-input [type=number]::-webkit-inner-spin-button,.bn-textField-numeric-controls .bn-textField-input [type=number]::-webkit-outer-spin-button,.bn-textField-numeric-controls .bn-textField-input[type=number]::-webkit-inner-spin-button,.bn-textField-numeric-controls .bn-textField-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

[dir=ltr] .bn-textField-numeric-controls-panel {
    right: 0
}

[dir=rtl] .bn-textField-numeric-controls-panel {
    left: 0
}

[dir=ltr] .bn-textField-numeric-controls-panel {
    border-left: 1px solid var(--color-CardBg)
}

[dir=rtl] .bn-textField-numeric-controls-panel {
    border-right: 1px solid var(--color-CardBg)
}

.bn-textField-numeric-controls-panel {
    bottom: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1px 0;
    position: absolute;
    top: 0
}

.bn-textField-numeric-controls-panel-down,.bn-textField-numeric-controls-panel-up {
    align-items: center;
    display: flex;
    height: 50%;
    justify-content: center;
    padding: 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-textField-numeric-controls-panel-down svg,.bn-textField-numeric-controls-panel-up svg {
    color: var(--color-IconNormal);
    font-size: 16px
}

.bn-textField-numeric-controls-panel-down {
    border-top: 1px solid var(--color-CardBg)
}

.bn-textField-numeric-controls-panel-down:active svg,.bn-textField-numeric-controls-panel-up:active svg {
    color: var(--color-PrimaryText)
}

[dir=ltr] .bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel {
    border-left: 1px solid var(--color-InputLine)
}

[dir=rtl] .bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel {
    border-right: 1px solid var(--color-InputLine)
}

.bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel-down {
    border-top: 1px solid var(--color-InputLine)
}

.bn-textField-numeric-controls-trade {
    padding: 0 var(--space-s)
}

.bn-textField-numeric-controls-trade-minus,.bn-textField-numeric-controls-trade-plus {
    cursor: pointer;
    height: 12px;
    line-height: 12px
}

.bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField-numeric-controls-trade-minus svg,.bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField-numeric-controls-trade-plus svg {
    color: var(--color-IconNormal);
    font-size: 12px
}

.bn-textField-numeric-controls-trade .bn-textField-input {
    text-align: center
}

.bn-textField-numeric-controls-trade-suffix {
    grid-gap: 0;
    gap: 0
}

[dir=ltr] .bn-textField-numeric-controls-trade-suffix .bn-textField-input {
    text-align: right
}

[dir=rtl] .bn-textField-numeric-controls-trade-suffix .bn-textField-input {
    text-align: left
}

.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    width: 140px
}

@media only screen and (min-width: 768px) {
    .bn-textField:hover:not(.data-error):not(.disabled):not(.static)[\:not-has\(\.bn-bubble\:hover\)] {
        border-color:var(--color-PrimaryYellow)
    }

    .bn-textField:hover:not(.data-error):not(.disabled):not(.static):not(:has(.bn-bubble:hover)) {
        border-color: var(--color-PrimaryYellow)
    }

    .bn-textField .bn-textField-numeric-controls-trade-minus svg:hover,.bn-textField .bn-textField-numeric-controls-trade-plus svg:hover {
        color: var(--color-PrimaryYellow)
    }

    .bn-textField__default.focus:not(.static):not(.data-error) {
        border-color: var(--color-PrimaryYellow)
    }

    .bn-textField-numeric-controls-panel-down:hover:not(.disabled) svg,.bn-textField-numeric-controls-panel-up:hover:not(.disabled) svg {
        color: var(--color-PrimaryText)
    }
}

.bn-textField.data-size-large .bn-textFieldSelect-field {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-small .bn-textFieldSelect-field,.bn-textFieldSelect-field {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textFieldSelect-field {
    grid-gap: 5px;
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 5px
}

.bn-textFieldSelect-field-prefix.separator {
    border-right: 1px solid var(--color-Line);
    padding-right: 5px
}

.bn-textFieldSelect-field-suffix.separator {
    border-left: 1px solid var(--color-Line);
    padding-left: 5px
}

.bn-textFieldSelect-field-input {
    color: var(--color-PrimaryText);
    min-width: 35px
}

.bn-textFieldSelect-field-arrow {
    color: var(--color-IconNormal);
    font-size: 20px;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bn-textFieldSelect-field-icon {
    font-size: 20px
}

.bn-textFieldSelect-field-placeholder {
    color: var(--color-IconNormal)
}

.bn-textFieldSelect-field.active>.bn-textFieldSelect-field-arrow {
    transform: rotate(180deg)
}

.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-arrow,.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-input,.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-placeholder {
    color: var(--color-DisableText)
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-prefix {
    border-right: unset;
    padding-right: unset
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-prefix.separator {
    border-left: 1px solid var(--color-Line);
    padding-left: 5px
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-suffix {
    border-left: unset;
    padding-left: unset
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-suffix.separator {
    border-right: 1px solid var(--color-Line);
    padding-right: 5px
}

.bn-textFieldSelect .bn-tooltips,.bn-textFieldSelect .bn-tooltips>.bn-bubble-content {
    width: 100%
}

.bn-textFieldSelect-option {
    grid-gap: var(--space-2xs);
    align-items: center;
    display: flex;
    gap: var(--space-2xs)
}

.bn-textFieldSelect-option.bn-select-option {
    padding: var(--space-xs)
}

.bn-textFieldSelect-option svg {
    font-size: 20px
}

.bn-selection-group {
    grid-gap: var(--space-xl);
    align-items: center;
    display: inline-flex;
    gap: var(--space-xl)
}

.bn-selection-group.data-dir-vertical {
    grid-gap: var(--space-m);
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-m)
}

.bn-switch {
    background-color: var(--color-DisableText);
    border-radius: var(--radii-m);
    cursor: pointer;
    display: inline-flex;
    height: 22px;
    justify-content: flex-start;
    padding: 2px;
    position: relative;
    transition: background-color .15s ease-in-out;
    width: 42px
}

.bn-switch:before {
    content: "";
    flex: 0 1;
    transition: flex .15s ease-in-out
}

.bn-switch.checked {
    background-color: var(--color-BtnBg)
}

.bn-switch.checked:before {
    flex: 1 1
}

.bn-switch.disabled {
    cursor: not-allowed;
    opacity: .5
}

.bn-switch.data-size-small {
    border-radius: var(--radii-s);
    height: 18px;
    width: 32px
}

.bn-switch.data-size-small .bn-switch-dot {
    border-radius: var(--radii-xs);
    font-size: 14px
}

.bn-switch.data-size-large {
    height: 30px;
    padding: 3px;
    width: 56px
}

.bn-switch.data-size-large .bn-switch-dot {
    font-size: 24px
}

.bn-switch-dot {
    background-color: var(--color-RedGreenBgText);
    display: inline-flex;
    font-size: 18px;
    height: 1em;
    justify-content: center;
    width: 1em
}

.bn-switch-dot,.bn-switch__content {
    align-items: center;
    border-radius: var(--radii-s)
}

.bn-switch__content {
    background-color: transparent;
    border: 1px solid var(--color-InputLine);
    height: 32px;
    width: 92px
}

.bn-switch__content .bn-switch-dot {
    align-items: center;
    background-color: var(--color-Input);
    border-radius: 5px 0 0 5px;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.bn-switch__content.checked {
    background-color: transparent
}

.bn-switch__content.checked .bn-switch-dot {
    border-radius: 0 5px 5px 0
}

.bn-switch__content.checked .bn-switch__content-left {
    color: var(--color-IconNormal)
}

.bn-switch__content.checked .bn-switch__content-right {
    color: var(--color-PrimaryText)
}

.bn-switch__content__filled,.bn-switch__content__filled.checked {
    background-color: var(--color-Input);
    border: none
}

.bn-switch__content__filled .bn-switch-dot,.bn-switch__content__filled.checked .bn-switch-dot {
    background-color: var(--color-BasicBg)
}

.bn-switch__content.data-size-small {
    height: 28px;
    width: 84px
}

.bn-switch__content.data-size-small .bn-switch__content-left,.bn-switch__content.data-size-small .bn-switch__content-right {
    font-size: 16px
}

.bn-switch__content.data-size-small .bn-switch-dot {
    border-radius: var(--radii-xs) 0 0 var(--radii-xs)
}

.bn-switch__content.data-size-small.bn-switch-rtl .bn-switch-dot,.bn-switch__content.data-size-small.checked .bn-switch-dot {
    border-radius: 0 var(--radii-xs) var(--radii-xs) 0
}

.bn-switch__content.data-size-small.bn-switch-rtl.checked .bn-switch-dot {
    border-radius: var(--radii-xs) 0 0 var(--radii-xs)
}

.bn-switch__content.data-size-large {
    height: 32px;
    width: 92px
}

.bn-switch__content.data-size-large .bn-switch__content-left,.bn-switch__content.data-size-large .bn-switch__content-right {
    font-size: 20px
}

.bn-switch__content-left,.bn-switch__content-right {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: calc(50% - 2px)
}

.bn-switch__content-left {
    color: var(--color-PrimaryText);
    left: 2px
}

.bn-switch__content-right {
    color: var(--color-IconNormal);
    right: 2px
}

.bn-switch__content.bn-switch-rtl .bn-switch-dot {
    border-radius: 0 5px 5px 0
}

.bn-switch__content.bn-switch-rtl .bn-switch__content-left {
    left: unset;
    right: 2px
}

.bn-switch__content.bn-switch-rtl .bn-switch__content-right {
    left: 2px;
    right: unset
}

.bn-switch__content.bn-switch-rtl.checked .bn-switch-dot {
    border-radius: 5px 0 0 5px
}

.bn-radio {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-2xs);
    line-height: 22px
}

.bn-radio.checked>.bn-radio-icon {
    background-color: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText)
}

.bn-radio.checked>.bn-radio-icon:before {
    background-color: var(--color-CardBg)
}

.bn-radio.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-radio.disabled>.bn-radio-icon {
    background-color: var(--color-Line);
    border-color: var(--color-DisableText)
}

.bn-radio.disabled.checked>.bn-radio-icon:before {
    background-color: var(--color-DisableText)
}

.bn-radio-icon {
    align-items: center;
    background-color: transparent;
    border: 2px solid var(--color-IconNormal);
    border-radius: var(--radii-circle);
    display: inline-flex;
    flex: none;
    height: 20px;
    justify-content: center;
    width: 20px
}

.bn-radio-icon:before {
    background-color: transparent;
    border-radius: var(--radii-circle);
    content: "";
    height: 6px;
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: ease-in-out;
    width: 6px
}

@media only screen and (min-width: 768px) {
    .bn-radio {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }

    .bn-radio.disabled>.bn-radio-icon {
        border-color: var(--color-Line)
    }

    .bn-radio-icon {
        border: 1px solid var(--color-DisableText);
        height: 16px;
        width: 16px
    }

    .bn-radio-icon:before {
        height: 6px;
        width: 6px
    }
}

.bn-checkbox {
    grid-gap: var(--space-4xs);
    align-items: center;
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 22px
}

.bn-checkbox.checked .bn-checkbox-icon {
    background-color: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-checkbox.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-checkbox.disabled:not(.checked) .bn-checkbox-icon {
    background-color: var(--color-Line);
    border-color: var(--color-DisableText)
}

.bn-checkbox.disabled.checked .bn-checkbox-icon {
    opacity: .5
}

.bn-checkbox__circle .bn-checkbox-icon {
    border-radius: var(--radii-circle)
}

.bn-checkbox-icon {
    align-items: center;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--color-IconNormal);
    border-radius: 2.5px;
    color: transparent;
    display: inline-flex;
    flex: none;
    font-size: 11.33px;
    justify-content: center;
    margin: 3.335px
}

.bn-checkbox.data-size-lg .bn-checkbox-icon {
    border-radius: 3px;
    font-size: 14px;
    margin: var(--space-4xs)
}

.bn-checkbox.data-size-sm .bn-checkbox-icon {
    border-radius: 2px;
    font-size: 8.67px;
    margin: 2.665px
}

@media only screen and (min-width: 768px) {
    .bn-checkbox {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-subscript {
    border-color: var(--color-InputLine);
    border-radius: var(--radii-m);
    border-style: solid;
    border-width: 1px;
    color: var(--color-PrimaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    padding: 7px var(--space-l);
    position: relative;
    text-align: center
}

.bn-subscript.data-size-small {
    border-radius: var(--radii-s);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 3px 5px;
    width: 40px
}

.bn-subscript.checked {
    border-color: var(--color-PrimaryText);
    box-shadow: 0 0 0 .5px var(--color-PrimaryText)
}

.bn-subscript.checked .bn-subscript-icon {
    background: var(--color-PrimaryText);
    color: var(--color-CardBg)
}

.bn-subscript.disabled {
    border-color: var(--color-DisableBtn);
    color: var(--color-DisableText)
}

.bn-subscript-icon {
    background: transparent;
    border-bottom-left-radius: var(--radii-m);
    color: transparent;
    display: inline-flex;
    font-size: 12px;
    height: 14px;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    z-index: 11
}

.bn-subscript-rtl .bn-subscript-icon {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--radii-m);
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-subscript {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-subscript:hover:not(.disabled) {
        border-color: var(--color-PrimaryText);
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }
}

.bn-select-field {
    grid-gap: var(--space-2xs);
    align-items: center;
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-2xs);
    height: 40px;
    padding-left: var(--space-s);
    padding-right: var(--space-s);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 100%
}

.bn-select-field.data-size-huge {
    border-radius: var(--radii-l);
    height: 56px
}

.bn-select-field.data-size-huge .bn-select-field-input,.bn-select-field.data-size-huge .bn-select-field-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .bn-select-field.data-size-huge .bn-select-field-input,.bn-select-field.data-size-huge .bn-select-field-placeholder {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-select-field.data-size-large {
    border-radius: var(--radii-l);
    height: 48px
}

.bn-select-field.data-size-large.data-multi {
    min-height: 48px
}

.bn-select-field.data-size-large .bn-select-field-input,.bn-select-field.data-size-large .bn-select-field-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .bn-select-field.data-size-large .bn-select-field-input,.bn-select-field.data-size-large .bn-select-field-placeholder {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-select-field.data-size-small {
    height: 32px
}

.bn-select-field.data-size-small.data-multi {
    min-height: 32px
}

.bn-select-field.data-size-small .bn-select-field-arrow {
    font-size: 16px
}

.bn-select-field.data-size-tiny {
    border-radius: var(--radii-s);
    height: 24px
}

.bn-select-field.data-size-tiny.data-multi {
    min-height: 24px
}

.bn-select-field.data-size-tiny .bn-select-field-arrow {
    font-size: 16px
}

.bn-select-field.data-filled {
    background-color: var(--color-Input);
    border: 1px solid transparent
}

.bn-select-field.data-line {
    border: 1px solid var(--color-InputLine)
}

.bn-select-field.data-borderless {
    grid-gap: 0;
    border: none;
    gap: 0;
    padding: 0
}

.bn-select-field.active>.bn-select-field-arrow {
    transform: rotate(180deg)
}

.bn-select-field.disabled {
    background-color: var(--color-Line);
    border-color: transparent;
    color: var(--color-TertiaryText);
    position: relative
}

.bn-select-field.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-select-field.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-select-field.disabled .bn-select-field-arrow,.bn-select-field.disabled .bn-select-field-input,.bn-select-field.disabled .bn-select-field-placeholder {
    color: var(--color-DisableText)
}

.bn-select-field.data-multi {
    height: auto;
    max-width: 336px;
    min-height: 40px
}

.bn-select-field.data-multi>.bn-select-field-input {
    grid-row-gap: var(--space-3xs);
    grid-column-gap: var(--space-xs);
    -moz-column-gap: var(--space-xs);
    column-gap: var(--space-xs);
    display: flex;
    flex-wrap: wrap;
    margin: var(--space-2xs) 0;
    row-gap: var(--space-3xs)
}

.bn-select-field.data-multi>.bn-select-field-input .bn-select-field-block {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-select-field-arrow,.bn-select-field-prefix {
    display: inline-flex;
    flex: none
}

.bn-select-field-arrow {
    color: var(--color-IconNormal);
    font-size: 20px;
    transition-duration: var(--animation-duration-base);
    transition-property: transform;
    transition-timing-function: ease-in-out
}

.bn-select-field-input {
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-select-field-input .data-label-input {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.bn-select-field-input .data-label-input .data-label {
    color: var(--color-SecondaryText)
}

.bn-select-field-placeholder {
    color: var(--color-IconNormal)
}

@media only screen and (min-width: 768px) {
    .bn-select-field-input {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-select-field-input .data-label-input .data-label {
        color: var(--color-TertiaryText)
    }

    .bn-select-field.data-multi>.bn-select-field-input .bn-select-field-block {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-select-field:hover:not(.disabled):not(.data-borderless) {
        border: 1px solid var(--color-PrimaryYellow)
    }
}

.bn-select-overlay {
    padding-bottom: var(--space-xs);
    padding-top: var(--space-xs);
    width: 100%
}

.bn-select-overlay-search {
    display: flex;
    flex-direction: column;
    padding: 0 var(--space-xs) var(--space-xs);
    width: 100%
}

.bn-select-overlay-search .bn-textField {
    width: 100%
}

.bn-select-overlay-search .bn-textField input {
    flex-grow: 1;
    width: 0
}

.bn-select-overlay-options {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    max-height: 260px;
    overflow-y: auto
}

.bn-select-overlay-options .bn-select-option-group:not(:first-child) .bn-select-option-group-title {
    border-top: .5px solid var(--color-Line)
}

.bn-select-overlay-empty {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-m)
}

.bn-select-overlay__drawer {
    --search-field-height: 60px;
    padding: 0
}

.bn-select-overlay__drawer .bn-select-overlay-search-close {
    grid-gap: var(--space-m);
    align-items: center;
    flex-direction: row;
    gap: var(--space-m);
    justify-content: space-between;
    padding: var(--space-3xs) var(--space-m);
    padding-top: var(--space-s)
}

.bn-select-overlay__drawer .bn-select-overlay-search-close .bn-textField {
    height: 34px
}

.bn-select-overlay__drawer .bn-select-overlay-search-close-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-select-overlay__drawer .bn-select-overlay-search .bn-button {
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding: 0
}

.bn-select-overlay__drawer .bn-select-overlay-search+.bn-select-overlay-options {
    max-height: calc(100vh - var(--search-field-height) - 80px)
}

.bn-select-overlay__drawer .bn-select-overlay-options {
    max-height: calc(100vh - 80px)
}

@media only screen and (min-width: 768px) {
    .bn-select-overlay-options {
        max-height:520px
    }

    .bn-select-overlay-empty {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-select-option {
    color: var(--color-SecondaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-xs)
}

.bn-select-option:active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-select-option.icon {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs);
    justify-content: space-between
}

.bn-select-option.icon svg {
    font-size: 16px
}

.bn-select-option.active {
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-select-option.disabled {
    background-color: inherit;
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-select-option-group-title {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 var(--space-xs);
    padding: var(--space-3xs) 0
}

.bn-select-option__drawer {
    padding: var(--space-m)
}

.bn-select-option__drawer,.bn-select-option__drawer.active,.bn-select-option__drawer:active {
    color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-select-option__drawer.icon svg {
    font-size: 20px
}

.bn-select-option.multi {
    align-items: center;
    display: flex;
    padding: var(--space-2xs) var(--space-xs)
}

@media only screen and (min-width: 768px) {
    .bn-select-option {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-select-option.active {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-select-option:hover:not(.disabled) {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-select-option-group-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-select-field-block {
    grid-gap: var(--space-4xs);
    align-items: center;
    background-color: var(--color-Input);
    border-radius: var(--radii-xs);
    cursor: auto;
    display: inline-flex;
    gap: var(--space-4xs);
    padding: 2px var(--space-2xs)
}

.bn-select-field-block-value {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-select-field-block-remove {
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .bn-select-field-block-remove:hover {
        color:var(--color-SecondaryText)
    }
}

.bn-select-bubble,.bn-select-bubble>.bn-bubble-content {
    min-width: 112px
}

.bn-select__full,.bn-select__full:not(.bn-tooltips-web) .bn-tooltips,.bn-select__full:not(.bn-tooltips-web) .bn-tooltips>.bn-bubble-content {
    width: 100%
}

.bn-select .bn-bubble-content {
    overflow: auto
}

.bn-select-bubble .bn-bubble-content {
    border-radius: var(--radii-2l)
}

.bn-select-bubble__line .bn-bubble-content {
    border: 1px solid var(--color-Line)
}

.bn-pin {
    grid-gap: var(--space-m);
    align-items: center;
    background: transparent;
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-m);
    position: relative
}

.bn-pin.disabled {
    color: var(--color-TertiaryText);
    position: relative
}

.bn-pin.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-pin.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-pin__line .bn-pin-item {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: var(--color-InputLine);
    border-radius: 0
}

.bn-pin__line .bn-pin-item.cursor {
    border-color: transparent;
    border-bottom-color: var(--color-PrimaryYellow)
}

.bn-pin__line.data-error .bn-pin-item {
    border-color: transparent;
    border-bottom-color: var(--color-Error)
}

.bn-pin-item {
    align-items: center;
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    width: 45px
}

.bn-pin-item.cursor {
    border-color: var(--color-PrimaryYellow)
}

.bn-pin-item.cursor:after {
    animation: blink 1s infinite
}

.bn-pin-item.cursor.full:before,.bn-pin-item.cursor:after {
    color: var(--color-PrimaryYellow);
    content: "|";
    font-weight: 400
}

.bn-pin-item.cursor.full:before {
    opacity: 0
}

.bn-pin-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    bottom: 0;
    caret-color: transparent;
    color: transparent;
    left: 0;
    outline: none;
    position: absolute!important;
    right: 0;
    top: 0;
    z-index: 1
}

.bn-pin-item {
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .bn-pin {
        grid-gap:var(--space-s);
        gap: var(--space-s)
    }

    .bn-pin-item {
        border-radius: 4px;
        font-size: 24px;
        font-weight: 600;
        height: 48px;
        line-height: 32px;
        width: 48px
    }

    .bn-pin-item:hover {
        border-color: var(--color-PrimaryYellow)
    }
}

.bn-tab {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 14px;
    font-weight: 500;
    gap: var(--space-2xs);
    justify-content: center;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-m);
    position: relative;
    transition: all .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-tab__primary-gray.data-size-large,.bn-tab__primary.data-size-large {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    padding: var(--space-2xs) var(--space-xl)
}

.bn-tab__primary-gray.data-size-small,.bn-tab__primary.data-size-small {
    border-radius: var(--radii-s);
    padding: 3px var(--space-2xs)
}

.bn-tab__default-breakline.data-size-large,.bn-tab__default.data-size-large {
    font-size: 16px;
    font-weight: 500;
    height: 64px;
    line-height: 24px
}

.bn-tab__default-breakline.data-size-small,.bn-tab__default.data-size-small {
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 16px
}

.bn-tab__vertical.data-size-large {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    padding: var(--space-s) var(--space-m)
}

.bn-tab__round.data-size-large {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: var(--space-2xs) var(--space-xl)
}

.bn-tab.data-font-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.bn-tab.data-font-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-tab.data-font-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-tab.data-font-4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .bn-tab.data-font-1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-tab.data-font-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab.data-font-3 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab.data-font-4 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }
}

.bn-tab__default-breakline.data-font-3,.bn-tab__default.data-font-3 {
    grid-gap: var(--space-mm);
    gap: var(--space-mm)
}

.bn-tab-badge-wrap {
    flex: none
}

@media only screen and (max-width: 767px) {
    .bn-tab-badge-wrap .bn-badge.bn-badge__string {
        font-size:6px;
        line-height: 8px
    }
}

.bn-tab__primary {
    border-radius: var(--radii-m);
    padding: 7px var(--space-m)
}

.bn-tab__primary.active {
    background-color: var(--color-BadgeBg);
    color: var(--color-PrimaryYellow)
}

.bn-tab__primary-gray {
    border-radius: var(--radii-m);
    padding: 7px var(--space-m)
}

.bn-tab__primary-gray.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tab__segment,.bn-tab__segment-outline {
    border-radius: var(--radii-s);
    color: var(--color-TertiaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-width: 88px;
    padding: var(--space-4xs) var(--space-s)
}

.bn-tab__segment-outline.active,.bn-tab__segment.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tab__third {
    grid-gap: var(--space-4xs);
    border-radius: var(--radii-2xs);
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 16px;
    padding: var(--space-4xs) var(--space-3xs)
}

.bn-tab__third.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bn-tab__default,.bn-tab__default-breakline {
    border-bottom: 3px solid transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    padding-bottom: 5px;
    padding-top: var(--space-2xs)
}

.bn-tab__default-breakline:after,.bn-tab__default:after {
    background-image: linear-gradient(to right,transparent calc(50% - 8px),var(--color-BtnBg) calc(50% - 8px),var(--color-BtnBg) calc(50% + 8px),transparent calc(50% + 8px));
    bottom: -3px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px
}

.bn-tab__default-breakline.active,.bn-tab__default.active {
    color: var(--color-PrimaryText)
}

.bn-tab__default-breakline.active:after,.bn-tab__default.active:after {
    opacity: 1
}

.bn-tab__default-breakline.bn-tab-badge,.bn-tab__default.bn-tab-badge {
    padding-right: 7px
}

.bn-tab__vertical {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    padding: var(--space-2xs) var(--space-m)
}

.bn-tab__vertical.active {
    border-left-color: var(--color-PrimaryYellow);
    color: var(--color-PrimaryText)
}

.bn-tab__buySell {
    border-radius: var(--radii-xs);
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin: -1px;
    min-width: 60px;
    padding: 0;
    transition-duration: 0ms
}

.bn-tab__buySell:nth-child(odd).active {
    background-color: var(--color-Buy);
    color: var(--color-RedGreenBgText)
}

.bn-tab__buySell:nth-child(odd).active:after {
    background-color: inherit;
    border-radius: 0 0 0 var(--radii-xs);
    content: "";
    height: 17px;
    position: absolute;
    right: -7px;
    transform: rotate(-135deg);
    width: 17px;
    z-index: 1
}

.bn-tab__buySell:nth-child(2n).active {
    background-color: var(--color-Sell);
    color: var(--color-RedGreenBgText)
}

.bn-tab__buySell:nth-child(2n).active:before {
    background-color: inherit;
    border-radius: 0 0 0 var(--radii-xs);
    content: "";
    height: 17px;
    left: -7px;
    position: absolute;
    transform: rotate(45deg);
    width: 17px;
    z-index: 1
}

.bn-tab__buySell__gray:nth-child(n).active {
    background-color: var(--color-InputLine);
    color: var(--color-PrimaryText)
}

.bn-tab-rtl.bn-tab__buySell:nth-child(odd).active:after {
    border-radius: 0 var(--radii-xs) 0 0;
    left: -7px;
    right: auto
}

.bn-tab-rtl.bn-tab__buySell:nth-child(2n).active:before {
    border-radius: 0 var(--radii-xs) 0 0;
    left: auto;
    right: -7px
}

.bn-tab-rtl.bn-tab__default-breakline.bn-tab-badge,.bn-tab-rtl.bn-tab__default.bn-tab-badge {
    padding-left: 7px;
    padding-right: unset
}

.bn-tab__round {
    border-radius: var(--radii-circle);
    color: var(--color-PrimaryText)
}

.bn-tab__round.active {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow)
}

.bn-tab__secondary {
    border-radius: var(--radii-xs);
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    min-width: 90px;
    padding: var(--space-4xs) var(--space-2xs)
}

.bn-tab__secondary.active {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bn-tab__card {
    border-bottom: 4px solid var(--color-Input);
    border-radius: var(--radii-xs) var(--radii-xs) 0 0;
    height: 44px;
    justify-content: start;
    padding: var(--space-4xs) var(--space-3xs)
}

.bn-tab__card.active {
    background-color: var(--color-BasicBg);
    border-bottom-color: var(--color-BasicBg);
    color: var(--color-PrimaryText)
}

@media only screen and (min-width: 768px) {
    .bn-tab {
        color:var(--color-TertiaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab__primary:hover {
        background-color: var(--color-BadgeBg);
        color: var(--color-PrimaryYellow)
    }

    .bn-tab__primary-gray:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-tab__segment,.bn-tab__segment-outline {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab__segment-outline:hover,.bn-tab__segment:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-tab__third {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-tab__third.active,.bn-tab__third:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-tab__default,.bn-tab__default-breakline {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab__default-breakline:hover,.bn-tab__default:hover,.bn-tab__vertical:hover {
        color: var(--color-PrimaryText)
    }

    .bn-tab__vertical:hover {
        background-color: var(--color-Input)
    }

    .bn-tab__buySell {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        min-width: 122px
    }

    .bn-tab__round:hover {
        background-color: var(--color-Input)
    }

    .bn-tab__secondary {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-tab__secondary.active,.bn-tab__secondary:hover {
        background-color: var(--color-BtnBg);
        color: var(--color-TextOnYellow);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-tab__card:hover {
        color: var(--color-PrimaryText)
    }
}

.bn-tab-list {
    grid-gap: var(--space-m);
    background: transparent;
    display: flex;
    gap: var(--space-m);
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.bn-tab-list::-webkit-scrollbar {
    height: 0!important
}

.bn-tab-list-wrapper {
    grid-gap: var(--space-m);
    align-items: center;
    display: flex;
    gap: var(--space-m);
    width: 100%
}

.bn-tab-list-content {
    overflow: auto;
    position: relative
}

.bn-tab-list__primary-gray.data-size-large,.bn-tab-list__primary.data-size-large,.bn-tab-list__round.data-size-large {
    grid-gap: var(--space-xl);
    gap: var(--space-xl)
}

.bn-tab-list__primary-gray.data-size-small,.bn-tab-list__primary.data-size-small,.bn-tab-list__round.data-size-small {
    grid-gap: 0;
    gap: 0
}

.bn-tab-list__third.data-size-large {
    grid-gap: var(--space-m);
    gap: var(--space-m)
}

.bn-tab-list__default-breakline.data-size-large,.bn-tab-list__default.data-size-large {
    grid-gap: var(--space-5xl);
    gap: var(--space-5xl)
}

.bn-tab-list__default-breakline.data-size-small,.bn-tab-list__default.data-size-small {
    grid-gap: var(--space-m);
    gap: var(--space-m)
}

.bn-tab-list.data-font-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.bn-tab-list.data-font-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-tab-list.data-font-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-tab-list.data-font-4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .bn-tab-list.data-font-1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-tab-list.data-font-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab-list.data-font-3 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab-list.data-font-4 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }
}

.bn-tab-list__default-breakline.data-font-3,.bn-tab-list__default.data-font-3 {
    grid-gap: var(--space-mm);
    gap: var(--space-mm)
}

.bn-tab-list__secondary {
    grid-gap: 2px;
    gap: 2px
}

.bn-tab-list__secondary,.bn-tab-list__segment {
    background-color: var(--color-Input);
    border-radius: var(--radii-xs)
}

.bn-tab-list__segment {
    grid-gap: 0;
    gap: 0;
    padding-bottom: 2px;
    padding-top: 2px
}

.bn-tab-list__segment-outline {
    grid-gap: 0;
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-m);
    gap: 0;
    padding: var(--space-4xs)
}

.bn-tab-list__third {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-tab-list__card {
    background-color: var(--color-Input);
    padding: var(--space-4xs) var(--space-4xs) 0
}

.bn-tab-list__default,.bn-tab-list__default-breakline {
    grid-gap: var(--space-xl);
    gap: var(--space-xl)
}

.bn-tab-list__default-breakline {
    border-bottom: 1px solid var(--color-Line)
}

.bn-tab-list__vertical {
    grid-gap: 0;
    flex-direction: column;
    gap: 0;
    height: 100%
}

.bn-tab-list__buySell {
    grid-gap: var(--space-s);
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-s);
    gap: var(--space-s);
    height: 25px;
    overflow: visible
}

.bn-tab-list__primary,.bn-tab-list__primary-gray {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-tab-list-shadow {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 56px
}

.bn-tab-list-shadow-left {
    background: linear-gradient(90deg,var(--color-BasicBg) 0,var(--color-BasicBg) 12px,transparent 100%);
    left: 0
}

.bn-tab-list-shadow-left-arrow {
    font-size: 24px;
    left: 0
}

.bn-tab-list-shadow-right {
    background: linear-gradient(270deg,var(--color-BasicBg) 0,var(--color-BasicBg) 12px,transparent 100%);
    right: 0
}

.bn-tab-list-shadow-right-arrow {
    font-size: 24px;
    right: 0
}

.bn-tab-list-arrow {
    color: var(--color-IconNormal);
    content: "";
    cursor: pointer;
    font-size: 24px;
    height: 100%;
    position: absolute;
    top: 0
}

.bn-tab-list-arrow-left {
    left: 0
}

.bn-tab-list-arrow-right {
    right: 0
}

@media only screen and (min-width: 768px) {
    .bn-tab-list-arrow-left:hover,.bn-tab-list-arrow-right:hover {
        color:var(--color-PrimaryText)
    }
}

.bn-tab-pane:not(.active) {
    display: none
}

.bn-tabs {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.bn-tabs__vertical {
    flex-direction: row
}

.bn-tabs__vertical>.bn-tab-list {
    flex: none
}

.bn-tabs__vertical>.bn-tab-pane-list {
    flex: 1 1
}

.bn-virtual-table-wrapper {
    --transform-direction: 1
}

.bn-virtual-table-wrapper__row-large {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-virtual-table-wrapper__row-middle,.bn-virtual-table-wrapper__row-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-virtual-table-wrapper__padding-compact .bn-virtual-table-header .bn-virtual-table-cell,.bn-virtual-table-wrapper__padding-compact .bn-virtual-table-row .bn-virtual-table-cell {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-virtual-table-wrapper__padding-hybrid .bn-virtual-table-header .bn-virtual-table-cell,.bn-virtual-table-wrapper__padding-hybrid .bn-virtual-table-row .bn-virtual-table-cell {
    --table-horizontal-padding: 8px
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end,.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-start,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-end,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start {
    z-index: 1
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before,.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-start-last:after,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-end-first:before,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    bottom: -1px;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px
}

[dir=ltr] .bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    right: -1px
}

[dir=rtl] .bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    left: -1px
}

.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    box-shadow: inset calc(5px*var(--transform-direction)) 0 12px -4px var(--color-Line);
    transform: translateX(calc(100%*var(--transform-direction)))
}

[dir=ltr] .bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    left: -1px
}

[dir=rtl] .bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    right: -1px
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    box-shadow: inset calc(-5px*var(--transform-direction)) 0 12px -4px var(--color-Line);
    transform: translateX(calc(-100%*var(--transform-direction)))
}

.bn-virtual-table-wrapper-rtl {
    --transform-direction: -1
}

.bn-virtual-table-header {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-virtual-table-header,.bn-virtual-table-row {
    align-items: center;
    background-color: var(--color-BasicBg);
    border-bottom: 1px solid var(--color-Line);
    display: flex
}

.bn-virtual-table-row:hover {
    background-color: var(--color-Vessel)
}

.bn-virtual-table-row-expanded {
    background-color: var(--color-BasicBg);
    display: flex
}

[dir=ltr] .bn-virtual-table-row-expanded-content {
    left: 0
}

[dir=rtl] .bn-virtual-table-row-expanded-content {
    right: 0
}

.bn-virtual-table-row-expanded-content {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky
}

.bn-virtual-table-cell {
    align-items: center;
    background-color: inherit;
    display: flex;
    height: 100%
}

.bn-virtual-table-cell:not(.bn-virtual-table-cell-expand) {
    --table-horizontal-padding: 16px;
    --table-horizontal-padding-ends: 16px;
    padding: 0 var(--table-horizontal-padding)
}

[dir=ltr] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):last-child,[dir=rtl] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-virtual-table-cell-expand {
    left: 0
}

[dir=rtl] .bn-virtual-table-cell-expand {
    right: 0
}

.bn-virtual-table-cell-expand {
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.bn-virtual-table-cell-expand-icon {
    cursor: pointer;
    font-size: 20px
}

.bn-pagination {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-SecondaryText);
    display: inline-flex;
    gap: var(--space-2xs);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-pagination-next,.bn-pagination-prev {
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px
}

.bn-pagination-next.disabled,.bn-pagination-prev.disabled {
    color: var(--color-Line);
    cursor: not-allowed
}

.bn-pagination-items {
    grid-gap: var(--space-2xs);
    display: inline-flex;
    gap: var(--space-2xs)
}

.bn-pagination-item {
    align-items: center;
    border-radius: var(--radii-s);
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    text-decoration: none;
    width: 28px
}

.bn-pagination-item.abbreviate {
    cursor: default
}

.bn-pagination-item.active {
    background-color: var(--color-Line);
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-pagination-item:not(.abbreviate):hover {
        background-color:var(--color-Line);
        color: var(--color-PrimaryText)
    }
}

.bn-swiper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bn-swiper-wrapper {
    display: flex;
    height: 100%;
    width: 100%
}

.bn-swiper-item {
    flex: none;
    height: 100%;
    width: 100%
}

.bn-swiper.vertical>.bn-swiper-wrapper {
    flex-direction: column
}

.bn-breadcrumb {
    grid-row-gap: var(--space-3xs);
    grid-column-gap: var(--space-2xs);
    align-items: center;
    -moz-column-gap: var(--space-2xs);
    column-gap: var(--space-2xs);
    display: flex;
    padding-right: var(--space-2xs);
    row-gap: var(--space-3xs)
}

.bn-breadcrumb-separator {
    color: var(--color-Line);
    display: inline-flex;
    flex: none;
    font-size: 24px
}

.bn-breadcrumb-item {
    color: var(--color-TertiaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-breadcrumb-item.active {
    color: var(--color-PrimaryText);
    cursor: text;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-breadcrumb-item.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

@media only screen and (min-width: 768px) {
    .bn-breadcrumb-item {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }

    .bn-breadcrumb-item.active {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-breadcrumb-item:hover:not(.disabled):not(.active) {
        color: var(--color-TextLink);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-emptyState {
    grid-gap: var(--space-2xs);
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

.bn-emptyState-icon {
    font-size: 96px
}

.bn-emptyState.data-size-small .bn-emptyState-icon {
    font-size: 64px
}

.bn-emptyState-content {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-emptyState-content {
        color:var(--color-TertiaryText)
    }
}

.bn-thumbnail {
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-xs);
    display: inline-flex;
    flex-direction: column;
    min-height: 92px;
    overflow: hidden;
    width: 177px
}

.bn-thumbnail.data-error .bn-thumbnail-file-name {
    color: var(--color-Error)
}

.bn-thumbnail-file {
    display: flex;
    flex-direction: column;
    margin-left: var(--space-2xs)
}

.bn-thumbnail-file-prefix {
    display: inline-flex;
    flex: none
}

.bn-thumbnail-file-wrapper {
    background: var(--color-BasicBg);
    display: flex;
    flex: 1 1;
    padding: var(--space-s);
    width: 100%
}

.bn-thumbnail-file-wrapper .bn-svg {
    color: var(--color-IconNormal);
    font-size: 36px
}

.bn-thumbnail-file-name {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-thumbnail-file-caption {
    color: var(--color-DisableText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-thumbnail-secure {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-thumbnail-secure-prefix {
    display: inline-flex;
    flex: none
}

.bn-thumbnail-secure-wrapper {
    grid-gap: var(--space-2xs);
    align-items: center;
    background: var(--color-DisableText);
    color: var(--color-RedGreenBgText);
    display: flex;
    flex: none;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-m);
    width: 100%
}

.bn-thumbnail-secure-wrapper .bn-svg {
    color: var(--color-RedGreenBgText);
    font-size: 16px
}

.bn-timeline-item {
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-height: 44px;
    padding-left: 17px;
    position: relative
}

.bn-timeline-item:not(:last-of-type) {
    min-height: 66px;
    padding-bottom: var(--space-m)
}

.bn-timeline-item:last-of-type.ending {
    min-height: 0
}

.bn-timeline-item:last-of-type.ending .bn-timeline-item-tail {
    display: none
}

.bn-timeline-item:last-of-type .bn-timeline-item-tail {
    bottom: 55%
}

.bn-timeline-item-ind {
    background-color: var(--color-PrimaryYellow);
    border: 2px solid var(--color-PrimaryYellow);
    border-radius: var(--radii-circle);
    height: 9px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(6px);
    width: 9px;
    z-index: 2
}

.bn-timeline-item-ind.hollow {
    background-color: var(--color-BasicBg)
}

.bn-timeline-item-tail {
    border-left: 1px solid var(--color-Line);
    bottom: 0;
    left: 4px;
    position: absolute;
    top: 9px;
    transform: translateY(6px)
}

.bn-timeline-item-tail.dashed {
    border-left-style: dashed
}

.bn-timeline-item-desc {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: var(--space-5xs)
}

.bn-timeline-item-rtl {
    padding-left: auto;
    padding-right: 17px
}

.bn-timeline-item-rtl .bn-timeline-item-ind {
    left: auto;
    right: 0
}

.bn-timeline-item-rtl .bn-timeline-item-tail {
    left: auto;
    right: 4px
}

@media only screen and (min-width: 768px) {
    .bn-timeline-item {
        font-size:14px;
        font-weight: 500;
        line-height: 20px
    }

    .bn-timeline-item-ind,.bn-timeline-item-tail {
        transform: translateY(4px)
    }

    .bn-timeline-item-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-slider-ticks {
    grid-gap: var(--space-4xs);
    display: flex;
    gap: var(--space-4xs)
}

.bn-slider-ticks__steps {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs);
    width: 100%
}

.bn-slider-ticks__steps .bn-slider-ticks-tick {
    width: 100%
}

.bn-slider-ticks__steps .bn-slider-ticks-tick.finish {
    background-color: var(--color-PrimaryText)
}

.bn-slider-ticks-tick {
    background-color: var(--color-Line);
    cursor: pointer;
    height: 3px;
    width: 8px
}

.bn-slider-ticks-tick.active {
    background-color: var(--color-PrimaryText)
}

.bn-slider-ticks.data-dir-vertical {
    flex-direction: column
}

.bn-slider-ticks.data-dir-vertical .bn-slider-ticks-tick {
    height: 11px;
    width: 3px
}

.bn-slider-color-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.bn-slider-color-track {
    background: linear-gradient(90deg,rgba(32,38,48,0),#202630);
    border-radius: var(--radii-s);
    height: 10px;
    left: 0;
    margin: 1px 6px;
    position: absolute;
    right: 0
}

.bn-slider-color-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    flex: 1 1;
    z-index: 2
}

.bn-slider-color-input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color-RedGreenBgText);
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    transform: translateY(-1px);
    width: 12px
}

.bn-slider-color-input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-moz-range-thumb {
    background: var(--color-RedGreenBgText);
    border: none;
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    width: 12px
}

.bn-slider-color-input[type=range]::-moz-range-track {
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-ms-thumb {
    background: var(--color-RedGreenBgText);
    border: none;
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    width: 12px
}

.bn-slider-color-input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-ms-fill-lower,.bn-slider-color-input[type=range]::-ms-fill-upper {
    background: transparent
}

.bn-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    flex: 1 1;
    margin: 10px 0;
    position: relative;
    z-index: 2
}

.bn-slider-wrapper {
    display: flex;
    position: relative
}

.bn-slider-track {
    background: var(--color-InputLine);
    display: flex;
    height: 1px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: calc(50% - .5px);
    transform: translate(0)
}

.bn-slider-track-thumb {
    background: var(--color-PrimaryText);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.bn-slider-track-step {
    grid-gap: var(--space-3xs);
    align-items: center;
    color: var(--color-SecondaryText);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    gap: var(--space-3xs);
    line-height: 18px;
    position: absolute;
    top: -2.5px;
    transform: translate(-50%);
    z-index: 2
}

.bn-slider-track-step-dot {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-InputLine);
    border-radius: 1px;
    height: 6px;
    transform: rotate(-45deg);
    width: 6px
}

.bn-slider-track-step.active .bn-slider-track-step-dot {
    background: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText)
}

.bn-slider-track-step:not(.disabled) .bn-slider-track-step-mark {
    cursor: pointer
}

.bn-slider-track-step.disabled {
    color: var(--color-InputLine)
}

.bn-slider-track-number {
    background-color: var(--color-PrimaryText);
    border-radius: var(--radii-xs);
    bottom: 9px;
    color: var(--color-CardBg);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    transform: translate(-50%);
    z-index: 3
}

.bn-slider-track-rtl .bn-slider-track-number,.bn-slider-track-rtl .bn-slider-track-step {
    transform: translate(50%)
}

.bn-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-webkit-slider-runnable-track {
    background: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-moz-range-thumb {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-moz-range-track {
    background: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-ms-thumb {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-ms-fill-lower,.bn-slider::-ms-fill-upper {
    background: transparent
}

@media only screen and (min-width: 768px) {
    .bn-slider::-webkit-slider-thumb {
        box-shadow:0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider::-moz-range-thumb {
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider::-ms-thumb {
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider-track-number {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-upload {
    grid-gap: var(--space-4xs);
    align-items: center;
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    gap: var(--space-4xs);
    min-height: 32px;
    padding: var(--space-2xs) var(--space-m)
}

.bn-upload.data-initial.bn-upload:active {
    border: 1px solid var(--color-PrimaryYellow)
}

.bn-upload.data-error,.bn-upload.data-success,.bn-upload.data-waiting {
    grid-gap: var(--space-s);
    gap: var(--space-s);
    padding: var(--space-2xs) var(--space-s)
}

.bn-upload.data-error .bn-upload-icon,.bn-upload.data-success .bn-upload-icon,.bn-upload.data-waiting .bn-upload-icon {
    font-size: 24px
}

.bn-upload.data-waiting .bn-spinner {
    fill: var(--color-BtnBg);
    stroke: var(--color-BtnBg);
    font-size: 24px;
    transform: scale(.8)
}

.bn-upload.data-waiting .bn-spinner circle {
    stroke-width: 3.5px
}

.bn-upload.data-error {
    border: 1px solid var(--color-Error)
}

.bn-upload.data-error .bn-upload-filename {
    color: var(--color-Error)
}

.bn-upload__primary.data-size-large {
    min-height: 40px;
    padding: var(--space-xs) var(--space-m)
}

.bn-upload__primary.data-size-large.data-error,.bn-upload__primary.data-size-large.data-success,.bn-upload__primary.data-size-large.data-waiting {
    padding: var(--space-s)
}

.bn-upload__primary.data-size-large.data-error .bn-upload-icon,.bn-upload__primary.data-size-large.data-success .bn-upload-icon,.bn-upload__primary.data-size-large.data-waiting .bn-spinner,.bn-upload__primary.data-size-large.data-waiting .bn-upload-icon {
    font-size: 48px
}

.bn-upload__square {
    border: 1px solid var(--color-Line);
    flex-direction: column;
    height: 164px;
    justify-content: center;
    position: relative;
    width: 164px
}

.bn-upload__square,.bn-upload__square.data-error,.bn-upload__square.data-success,.bn-upload__square.data-waiting {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-upload__square.data-error .bn-upload-icon,.bn-upload__square.data-success .bn-upload-icon,.bn-upload__square.data-waiting .bn-spinner,.bn-upload__square.data-waiting .bn-upload-icon {
    font-size: 48px
}

.bn-upload__square .bn-upload-icon {
    color: var(--color-PrimaryText);
    font-size: 24px
}

.bn-upload__square .bn-upload-image {
    height: auto;
    width: 100%
}

.bn-upload__square .bn-upload-trigger {
    color: var(--color-PrimaryText)
}

.bn-upload__square .bn-upload-filename {
    max-width: 90%;
    min-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-upload__square .bn-upload-delete {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.bn-upload-icon {
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 16px;
    height: 1em;
    justify-content: center;
    width: 1em
}

.bn-upload-image {
    height: 24px;
    width: 24px
}

.bn-upload-trigger {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-upload-retry {
    align-items: center;
    background-color: var(--color-Line);
    border-radius: var(--radii-s);
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    line-height: 18px;
    margin-top: var(--space-4xs);
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs)
}

.bn-upload-filename {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    min-width: 120px
}

.bn-upload-delete {
    color: var(--color-IconNormal);
    font-size: 20px
}

.bn-upload-rtl {
    direction: rtl
}

.bn-upload-rtl.bn-upload__square .bn-upload-delete {
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-upload.data-initial.bn-upload:hover {
        border:1px solid var(--color-PrimaryYellow)
    }
}

.bn-step {
    grid-gap: var(--space-xs);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: var(--space-xs);
    position: relative
}

.bn-step__primary.data-status-progress .bn-step-ind {
    background-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-step__primary.data-status-progress .bn-step-content {
    color: var(--color-PrimaryText)
}

.bn-step__primary.data-status-finish .bn-step-ind,.bn-step__primary.data-status-finish .bn-step-tail {
    background-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-step__primary:last-of-type .bn-step-tail {
    display: none
}

.bn-step__primary .bn-step-ind {
    align-items: center;
    background-color: var(--color-Line);
    border-radius: 3px;
    color: var(--color-DisableText);
    display: flex;
    flex: none;
    font-size: 12px;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    line-height: 18px;
    position: relative;
    transform: rotate(45deg);
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: linear;
    width: 16px;
    z-index: 2
}

.bn-step__primary .bn-step-ind .bn-svg {
    font-size: 12px
}

.bn-step__primary .bn-step-ind .data-ind-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    transform: rotate(-45deg)
}

.bn-step__primary .bn-step-content {
    color: var(--color-SecondaryText);
    width: 110px
}

.bn-step__primary .bn-step-tail {
    background-color: var(--color-Line);
    height: 2px;
    left: 0;
    position: absolute;
    right: 16px;
    top: 7px;
    transform: translate(16px);
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: linear
}

.bn-step__primary__normal .bn-step-ind {
    border-radius: unset;
    height: 8px;
    transform: rotate(45deg);
    width: 8px
}

.bn-step__primary__normal .bn-step-tail {
    right: 8px;
    top: 3px;
    transform: translate(8px)
}

.bn-step__primary__normal .bn-step-content-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-step__primary__normal .bn-step-content-desc {
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-step__primary__normal .bn-step-content-action {
    color: var(--color-TextLink);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-ind,.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-tail {
    background-color: var(--color-DisableText)
}

.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-content {
    color: var(--color-PrimaryText)
}

.bn-step__primary__normal.data-type-dynamic {
    --bn-step-content-height: 32px
}

.bn-step__primary__normal.data-type-dynamic.data-status-progress .bn-step-ind {
    transform: rotate(45deg) scale(1.25)
}

.bn-step__arrow {
    padding: 0
}

.bn-step__arrow.data-status-progress .bn-step-ind {
    color: var(--color-TextOnYellow)
}

.bn-step__arrow.data-status-progress .bn-step-ind:after,.bn-step__arrow.data-status-progress .bn-step-ind:before {
    background-color: var(--color-BtnBg)
}

.bn-step__arrow.data-status-progress .bn-step-content,.bn-step__arrow.data-status-progress .bn-step-content-desc {
    color: var(--color-PrimaryText)
}

.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {
    background-image: linear-gradient(to right,var(--color-BtnBg),transparent)
}

.bn-step__arrow:first-of-type .bn-step-ind {
    background-image: linear-gradient(to right,var(--color-Line),transparent);
    border-radius: 2px 0 0 2px
}

.bn-step__arrow .bn-step-ind {
    align-items: center;
    border-radius: 2px;
    color: var(--color-SecondaryText);
    display: flex;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    width: 100%;
    z-index: 2
}

.bn-step__arrow .bn-step-ind:before {
    border-radius: 2px 2px 2px 0;
    height: 51%;
    top: 0;
    transform: skewX(35deg)
}

.bn-step__arrow .bn-step-ind:after,.bn-step__arrow .bn-step-ind:before {
    background-color: var(--color-Line);
    content: "";
    left: 6px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    z-index: -1
}

.bn-step__arrow .bn-step-ind:after {
    border-radius: 0 2px 2px 2px;
    bottom: 0;
    height: 50%;
    transform: skewX(-35deg)
}

.bn-step__arrow .bn-step-ind .bn-svg {
    font-size: 16px
}

.bn-step__arrow .bn-step-content {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 200px;
    padding: 0 var(--space-xs)
}

.bn-step-content {
    color: var(--color-PrimaryText);
    transition-duration: var(--animation-duration-fast);
    transition-property: color;
    transition-timing-function: linear
}

.bn-step-content-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-step-content-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-step-content-action {
    margin-top: var(--space-2xs)
}

.bn-step-rtl.bn-step__primary .bn-step-tail {
    left: 16px;
    right: 0;
    transform: translate(-16px)
}

.bn-step-rtl.bn-step__primary.data-status-progress .bn-step-tail {
    background: linear-gradient(to left,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-step-rtl.bn-step__primary__normal .bn-step-tail {
    left: 3px;
    transform: translate(-8px)
}

.bn-step-rtl.bn-step__arrow {
    padding: 0
}

.bn-step-rtl.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {
    background-image: linear-gradient(to left,var(--color-BtnBg),transparent)
}

.bn-step-rtl.bn-step__arrow:first-of-type .bn-step-ind {
    background-image: linear-gradient(to left,var(--color-Line),transparent);
    border-radius: 0 2px 2px 0
}

.bn-step-rtl.bn-step__arrow .bn-step-ind:before {
    transform: skewX(-35deg)
}

.bn-step-rtl.bn-step__arrow .bn-step-ind:after {
    transform: skewX(35deg)
}

@media only screen and (min-width: 768px) {
    .bn-step {
        padding:0 var(--space-m) 0 0
    }

    .bn-step:last-of-type {
        flex: none;
        padding: 0
    }

    .bn-step-content-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .bn-step-content-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-step-rtl {
        padding: 0 0 0 var(--space-m)
    }

    .bn-step__primary__normal .bn-step-content-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-step__primary__normal .bn-step-content-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-step__primary__normal .bn-step-content-action {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-step__primary__normal .bn-step-content-action:hover {
        color: var(--color-BtnBg)
    }

    .bn-step__primary .bn-step-content {
        color: var(--color-TertiaryText);
        width: 200px
    }

    .bn-step__arrow .bn-step-ind {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-step__arrow .bn-step-content {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-steps {
    --bn-step-content-height: 64px;
    display: flex;
    position: relative
}

.bn-steps__primary.data-gap {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs)
}

.bn-steps__primary.data-gap .bn-step-tail {
    left: var(--space-2xs)
}

.bn-steps__primary.data-gap.data-vertical .bn-step-tail {
    top: var(--space-2xs)
}

.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-finish .bn-step-content,.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-initial .bn-step-content {
    opacity: 0
}

.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-progress .bn-step-content {
    text-wrap: nowrap;
    white-space: nowrap
}

.bn-steps__primary.data-vertical {
    flex-direction: column
}

.bn-steps__primary.data-vertical .bn-step {
    flex-direction: row
}

.bn-steps__primary.data-vertical .bn-step:not(:last-of-type) {
    min-height: var(--bn-step-content-height);
    padding: 0 0 var(--space-m)
}

.bn-steps__primary.data-vertical .bn-step-content {
    flex: 1 1;
    width: auto
}

.bn-steps__primary.data-vertical .bn-step-tail {
    bottom: 16px;
    height: auto;
    left: 7px;
    right: auto;
    top: 0;
    transform: translateY(20px);
    width: 2px
}

.bn-steps__primary.data-vertical .bn-step__primary .bn-step-ind {
    top: 4px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-ind {
    top: 7px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-tail {
    bottom: 0;
    height: auto;
    left: 3px;
    right: auto;
    top: 0;
    transform: translateY(8px);
    width: 2px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-content {
    grid-gap: var(--space-4xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-4xs)
}

.bn-steps__primary.data-vertical .bn-step__primary__normal.bn-step-rtl .bn-step-tail {
    left: auto;
    right: 3px
}

.bn-steps__primary.data-vertical .bn-step__primary.data-status-progress .bn-step-tail {
    background: var(--color-Line)
}

.bn-steps__primary.data-vertical .bn-step-rtl .bn-step-tail {
    left: auto;
    right: 8px
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind {
    transform: translateX(47px) rotate(45deg)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
    transform: rotate(-45deg)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-tail {
    transform: translateX(63px)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-content {
    text-align: center
}

.bn-steps__primary .bn-step__primary.data-align-space-between {
    padding: 0
}

.bn-steps__primary .bn-step__primary.data-align-space-between .bn-step-content {
    max-width: 100%;
    text-align: center;
    width: 100%
}

.bn-steps__primary .bn-step__primary.data-align-space-between .bn-step-tail {
    left: 0;
    right: 0;
    transform: unset
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:first-child .bn-step-tail {
    background: var(--color-Line)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:not(:first-child):not(:last-child) .bn-step-tail {
    background: linear-gradient(to right,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:not(:first-child):not(:last-child).bn-step-rtl .bn-step-tail {
    background: linear-gradient(to left,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:last-child .bn-step-tail {
    background: var(--color-PrimaryText)
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child {
    padding-right: 6px
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child {
    padding-left: 6px
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child .bn-step-content {
    text-align: left
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child .bn-step-content {
    text-align: right
}

.bn-steps__primary .bn-step__primary.data-align-space-between:not(:first-child):not(:last-child) {
    align-items: center;
    padding: 0 6px
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    padding-left: 6px
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    padding-right: 6px
}

.bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    align-items: flex-end;
    flex: 1 1
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-content {
    text-align: right
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-content {
    text-align: left
}

.bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-tail {
    display: block
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
    transform: translateX(-47px) rotate(45deg)
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
    transform: rotate(-45deg)
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
    transform: translateX(-63px)
}

@media only screen and (min-width: 768px) {
    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind {
        transform:translateX(92px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(108px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-content {
        text-align: center
    }

    [dir=ltr] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:first-child {
        padding-right: var(--space-xl)
    }

    [dir=rtl] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:first-child {
        padding-left: var(--space-xl)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:not(:first-child):not(:last-child) {
        padding: 0 var(--space-xl)
    }

    [dir=ltr] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:last-child {
        padding-left: var(--space-xl)
    }

    [dir=rtl] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:last-child {
        padding-right: var(--space-xl)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(-92px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(-108px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(96px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(104px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(-96px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(-104px)
    }
}

.bn-tag {
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 18px
}

.bn-tag>.bn-bubble-content {
    grid-gap: 2px;
    align-items: center;
    display: flex;
    gap: 2px;
    padding: 0 6px
}

.bn-tag>.bn-bubble-content>svg {
    font-size: 12px
}

.bn-tag.data-size-small {
    font-size: 10px;
    font-weight: 400;
    height: 16px;
    line-height: 16px
}

.bn-tag.data-size-small>.bn-bubble-content {
    border-radius: var(--radii-2xs);
    padding: 0 4px
}

@media only screen and (min-width: 768px) {
    .bn-tag.data-size-small {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-tag.data-size-small>.bn-bubble-content>svg {
        font-size: 12px
    }
}

.bn-tag.data-corner-top-left>.bn-bubble-content {
    border-radius: 0 0 8px 0;
    padding: 0 8px
}

.bn-tag.data-corner-top-right>.bn-bubble-content {
    border-radius: 0 0 0 8px;
    padding: 0 8px
}

.bn-tag-wrap {
    align-items: center;
    direction: ltr;
    display: inline-flex;
    position: relative
}

.bn-tag.bn-bubble__info {
    --color-arrow: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tag.bn-bubble__warn {
    --color-arrow: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-tag.bn-bubble__success {
    --color-arrow: rgba(46,189,133,.1);
    color: var(--color-Success)
}

.bn-tag.bn-bubble__error {
    --color-arrow: rgba(246,70,93,.1);
    color: var(--color-Error)
}

@media only screen and (min-width: 768px) {
    .bn-tag {
        height:24px
    }

    .bn-tag>.bn-bubble-content>svg {
        font-size: 16px
    }
}

.bn-picker-view {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    height: 250px;
    line-height: 28px;
    padding: 0 var(--space-4xl);
    position: relative
}

.bn-picker-view-column-content {
    transition: transform var(--animation-duration-base) ease
}

.bn-picker-view.dark .bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,rgba(32,38,48,.8),rgba(32,38,48,.4)),linear-gradient(0deg,rgba(32,38,48,.8),rgba(32,38,48,.4))
}

.bn-picker-view.midnight .bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,rgba(26,26,26,.8),rgba(26,26,26,.4)),linear-gradient(0deg,rgba(26,26,26,.8),rgba(26,26,26,.4))
}

@media only screen and (min-width: 768px) {
    .bn-picker-view.dark .bn-picker-view-column-mask {
        background-image:linear-gradient(180deg,rgba(30,35,41,.8),rgba(30,35,41,.4)),linear-gradient(0deg,rgba(30,35,41,.8),rgba(30,35,41,.4))
    }

    .bn-picker-view.midnight .bn-picker-view-column-mask {
        background-image: linear-gradient(180deg,rgba(26,26,26,.8),rgba(26,26,26,.4)),linear-gradient(0deg,rgba(26,26,26,.8),rgba(26,26,26,.4))
    }
}

.bn-picker-view-column {
    display: block;
    flex: 1 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.bn-picker-view-column-item {
    box-sizing: border-box;
    color: var(--color-PrimaryText);
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 var(--space-3xs);
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4));
    background-position: top,bottom;
    background-repeat: no-repeat;
    background-size: 100% 204px;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.bn-picker-view-column-content {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bn-picker-view-column-indicator {
    box-sizing: border-box;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

.bn-picker-view:after,.bn-picker-view:before {
    background-color: var(--color-Line);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.bn-picker-view:before {
    top: calc(50% - 25px)
}

.bn-picker-view:after {
    bottom: calc(50% - 25px)
}

.bn-picker-header {
    grid-gap: var(--space-4xs);
    align-items: center;
    display: flex;
    gap: var(--space-4xs);
    padding: var(--space-m);
    position: relative
}

.bn-picker-header-main {
    color: var(--color-PrimaryText);
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.bn-picker-footer {
    grid-gap: var(--space-s);
    align-items: center;
    display: flex;
    gap: var(--space-s);
    justify-content: space-between;
    padding: var(--space-m)
}

.bn-picker-footer-cancel,.bn-picker-footer-confirm {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-picker-box,.bn-picker-range {
    background-color: var(--color-CardBg);
    width: 100%
}

.bn-picker-inputs {
    align-items: center;
    color: var(--color-SecondaryText);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
    padding: var(--space-xs) var(--space-m)
}

.bn-picker-inputs-input {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 24px;
    min-height: 36px;
    padding: 0 34px;
    width: 150px
}

.bn-picker-inputs-input.focus {
    border: 1.5px solid var(--color-PrimaryText)
}

.bn-picker-inputs-separator {
    min-width: 45px;
    text-align: center
}

.bn-keyboard {
    grid-gap: var(--space-2xs);
    display: grid;
    gap: var(--space-2xs);
    grid-template-columns: repeat(3,1fr);
    min-width: 375px;
    padding: var(--space-m) var(--space-4xs)
}

.bn-keyboard,.bn-keyboard-key {
    background-color: var(--color-CardBg)
}

.bn-keyboard-key {
    color: var(--color-PrimaryText);
    font-size: 28px;
    font-weight: 600;
    height: 46px;
    line-height: 40px
}

.bn-keyboard-key:active {
    background-color: var(--color-Vessel)
}

.bn-keyboard-key-separator {
    padding-bottom: 16px
}

.bn-keyboard-hide-separator .bn-keyboard-key-separator {
    visibility: hidden
}

.bn-keyboard-rtl .bn-keyboard-key-cancel {
    transform: scaleX(-1)
}

.bn-searchBar {
    transition-duration: var(--animation-duration-slow);
    transition-property: width;
    transition-timing-function: ease-in-out
}

.bn-searchBar__collapsible {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.bn-searchBar__collapsible .bn-textField {
    transition-duration: var(--animation-duration-slow);
    width: 100%
}

.bn-searchBar__collapsible .bn-textField-clear {
    opacity: 1;
    transition-delay: var(--animation-duration-slow);
    transition-property: opacity;
    visibility: visible
}

.bn-searchBar__collapsible .bn-textField-input {
    opacity: 1;
    transition-delay: var(--animation-duration-fast);
    transition-property: opacity
}

.bn-searchBar__collapsible.bn-searchBar__collapsed {
    width: 20px
}

.bn-searchBar__collapsed .bn-textField {
    background: transparent;
    border-color: transparent;
    padding-left: 0;
    width: 20px
}

.bn-searchBar__collapsed .bn-textField-input {
    opacity: 0;
    transition-delay: var(--animation-duration-fast);
    transition-property: opacity
}

.bn-searchBar__collapsed .bn-textField-prefix {
    color: var(--color-PrimaryText)
}

.bn-searchBar__collapsed .bn-textField-clear {
    opacity: 0;
    visibility: hidden
}

.bn-skeleton {
    display: flex;
    width: 100%
}

[dir=ltr] .bn-skeleton-header {
    padding-right: var(--space-s)
}

[dir=rtl] .bn-skeleton-header {
    padding-left: var(--space-s)
}

.bn-skeleton-content {
    flex: 1 1
}

.bn-skeleton.bn-skeleton-active .bn-skeleton-avatar,.bn-skeleton.bn-skeleton-active .bn-skeleton-image,.bn-skeleton.bn-skeleton-active .bn-skeleton-paragraph-row,.bn-skeleton.bn-skeleton-active .bn-skeleton-title {
    animation: skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
    background-size: 400% 100%
}

.bn-skeleton-avatar {
    background: var(--color-Input);
    border-radius: 50%;
    display: inline-block;
    height: 64px;
    vertical-align: top;
    width: 64px
}

.bn-skeleton-avatar-small {
    height: 24px;
    width: 24px
}

.bn-skeleton-avatar-square,.bn-skeleton-title {
    border-radius: var(--radii-xs)
}

.bn-skeleton-title {
    background: var(--color-Input);
    height: 24px;
    width: 50%
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper {
    display: flex
}

[dir=ltr] .bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    margin-right: var(--space-s)
}

[dir=rtl] .bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    margin-left: var(--space-s)
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    flex-shrink: 0
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper+.bn-skeleton-paragraph-row-wrapper {
    margin-top: var(--space-mm)
}

.bn-skeleton .bn-skeleton-paragraph-row {
    background: var(--color-Input);
    border-radius: var(--radii-xs);
    height: 24px;
    width: 100%
}

.bn-skeleton .bn-skeleton-paragraph-row+.bn-skeleton-paragraph-row,.bn-skeleton-title+.bn-skeleton-paragraph {
    margin-top: var(--space-mm)
}

.bn-skeleton-images {
    display: flex;
    width: 100%
}

.bn-skeleton-image {
    background: var(--color-Input);
    border-radius: var(--radii-xs);
    height: 154px;
    width: 100%
}

[dir=ltr] .bn-skeleton-image+.bn-skeleton-image {
    margin-left: var(--space-mm)
}

[dir=rtl] .bn-skeleton-image+.bn-skeleton-image {
    margin-right: var(--space-mm)
}

.bn-skeleton-paragraph+.bn-skeleton-images {
    margin-top: var(--space-mm)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-ranges .bn-web-datepicker-now {
    display: none
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs);
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-extra {
    flex-grow: 1
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list {
    grid-gap: var(--space-4xs);
    align-items: center;
    display: flex;
    gap: var(--space-4xs)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list button {
    --button-color: var(--color-TertiaryText);
    padding: 0 16px
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list button:hover:not(.inactive):not([disabled]) {
    --button-bg: var(--color-Input);
    --button-color: var(--color-PrimaryText)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-actions {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-date {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-date-btn-actions {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs)
}

.bn-web-datepicker {
    background: var(--color-CardBg);
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-m);
    display: inline-flex;
    height: 40px;
    padding: 0 var(--space-s);
    width: 212px
}

.bn-web-datepicker.data-borderless {
    background: transparent;
    border: none
}

.bn-web-datepicker:hover:not(.bn-web-datepicker-disabled):not(.data-borderless) {
    border: 1px solid var(--color-BtnBg)
}

.bn-web-datepicker.data-size-large {
    height: 48px
}

.bn-web-datepicker.data-size-small {
    height: 32px
}

.bn-web-datepicker.data-size-tiny {
    height: 28px;
    padding: 0 var(--space-2xs);
    width: 114px
}

.bn-web-datepicker.data-size-tiny.data-time {
    width: 158px
}

.bn-web-datepicker.data-size-tiny .bn-web-datepicker-suffix {
    padding-left: var(--space-4xs)
}

.bn-web-datepicker.data-size-tiny .bn-web-datepicker-input>input {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range {
    width: 212px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range.data-time {
    width: 302px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range .bn-web-datepicker-range-separator {
    font-size: 16px;
    padding: 0 var(--space-4xs)
}

.bn-web-datepicker.bn-web-datepicker-range {
    width: 280px
}

.bn-web-datepicker.bn-web-datepicker-range.data-time {
    width: 365px
}

.bn-web-datepicker-focused {
    border: 1px solid var(--color-BtnBg)
}

.bn-web-datepicker.bn-web-datepicker-disabled {
    background-color: var(--color-Line);
    border: none;
    color: var(--color-DisableText)
}

.bn-web-datepicker.bn-web-datepicker-disabled ::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-web-datepicker.bn-web-datepicker-disabled *,.bn-web-datepicker.bn-web-datepicker-disabled ::placeholder {
    color: var(--color-DisableText)
}

.bn-web-datepicker-range-separator {
    align-items: center;
    color: var(--color-IconNormal);
    display: flex;
    flex: none;
    font-size: 20px;
    padding: 0 var(--space-2xs)
}

.bn-web-datepicker-input {
    background: inherit;
    display: inline-flex;
    flex: 1 1;
    position: relative;
    width: 100%
}

.bn-web-datepicker-suffix {
    flex: none;
    padding-left: var(--space-2xs)
}

.bn-web-datepicker-clear,.bn-web-datepicker-suffix {
    align-items: center;
    color: var(--color-IconNormal);
    display: flex
}

.bn-web-datepicker-clear {
    background: inherit;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear
}

.bn-web-datepicker:hover .bn-web-datepicker-clear {
    opacity: 1
}

.bn-web-datepicker-input>input {
    background: inherit;
    border: none;
    color: var(--color-PrimaryText);
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    outline: none;
    padding: 0;
    width: 100%
}

.bn-web-datepicker-input>input::-moz-placeholder {
    color: var(--color-IconNormal)
}

.bn-web-datepicker-input>input::placeholder {
    color: var(--color-IconNormal)
}

.bn-web-datepicker-range .bn-web-datepicker-input>input {
    text-align: center
}

.bn-web-datepicker-rtl .bn-web-datepicker-suffix {
    padding-left: 0;
    padding-right: var(--space-2xs)
}

.bn-web-datepicker-rtl .bn-web-datepicker-clear {
    left: 0;
    right: auto
}

.bn-web-datepicker-panel {
    border: none;
    box-sizing: content-box;
    color: var(--color-DisableText);
    display: inline-block;
    font-size: 14px;
    padding: 0;
    vertical-align: top
}

.bn-web-datepicker-date-panel,.bn-web-datepicker-decade-panel,.bn-web-datepicker-month-panel,.bn-web-datepicker-time-panel,.bn-web-datepicker-week-panel,.bn-web-datepicker-year-panel {
    display: flex;
    flex-direction: column;
    padding: 24px 32px
}

.bn-web-datepicker-date-panel table,.bn-web-datepicker-decade-panel table,.bn-web-datepicker-month-panel table,.bn-web-datepicker-time-panel table,.bn-web-datepicker-week-panel table,.bn-web-datepicker-year-panel table {
    border-collapse: collapse;
    min-width: 224px;
    text-align: center
}

.bn-web-datepicker-header {
    grid-gap: var(--space-m);
    display: flex;
    gap: var(--space-m);
    padding-bottom: 2px
}

.bn-web-datepicker-header>* {
    flex: none
}

.bn-web-datepicker-header button {
    align-items: center;
    -webkit-appearance: none;
    background: inherit;
    border: none;
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex
}

.bn-web-datepicker-header button:active,.bn-web-datepicker-header button:hover {
    color: var(--color-TextLink)
}

.bn-web-datepicker-header button:disabled {
    color: var(--color-DisableText)
}

.bn-web-datepicker-header-next-btn,.bn-web-datepicker-header-prev-btn,.bn-web-datepicker-header-super-next-btn,.bn-web-datepicker-header-super-prev-btn {
    -webkit-appearance: none;
    background: inherit;
    border: none;
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 16px
}

.bn-web-datepicker-header-next-btn:active,.bn-web-datepicker-header-next-btn:hover,.bn-web-datepicker-header-prev-btn:active,.bn-web-datepicker-header-prev-btn:hover,.bn-web-datepicker-header-super-next-btn:active,.bn-web-datepicker-header-super-next-btn:hover,.bn-web-datepicker-header-super-prev-btn:active,.bn-web-datepicker-header-super-prev-btn:hover {
    color: var(--color-TextLink)
}

.bn-web-datepicker-header-next-btn:disabled,.bn-web-datepicker-header-prev-btn:disabled,.bn-web-datepicker-header-super-next-btn:disabled,.bn-web-datepicker-header-super-prev-btn:disabled {
    color: var(--color-DisableText)
}

.bn-web-datepicker-header-view {
    color: var(--color-PrimaryText);
    flex: auto;
    text-align: center
}

.bn-web-datepicker-header-view>button {
    border: 0;
    color: var(--color-PrimaryText);
    font-weight: 400;
    margin-left: var(--space-4xs);
    margin-right: var(--space-4xs);
    padding: 0;
    vertical-align: middle
}

.bn-web-datepicker-cell-inner {
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 100%
}

.bn-web-datepicker-cell-inner:hover {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-cell-disabled>.bn-web-datepicker-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-cell-disabled>.bn-web-datepicker-time-panel-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-time-panel-cell-disabled>.bn-web-datepicker-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-time-panel-cell-disabled>.bn-web-datepicker-time-panel-cell-inner {
    background: inherit;
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-web-datepicker-cell-in-view {
    color: var(--color-PrimaryText);
    min-width: 32px;
    padding: 1px 0
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today {
    color: var(--color-TextLink)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today>.bn-web-datepicker-cell-inner:hover {
    background-color: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today.bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-radius: 0
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-in-range>.bn-web-datepicker-cell-inner {
    background: rgba(0,0,255,.05);
    min-width: 32px
}

.bn-web-datepicker-cell-range-hover,.bn-web-datepicker-cell-range-hover-end,.bn-web-datepicker-cell-range-hover-start {
    position: relative
}

.bn-web-datepicker-cell-range-hover-end:after,.bn-web-datepicker-cell-range-hover-start:after,.bn-web-datepicker-cell-range-hover:after {
    border-left: 0;
    border-right: 0;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 3px
}

.bn-web-datepicker-footer,.bn-web-datepicker-picker-footer {
    background: transparent;
    border-top: 1px solid var(--color-Line);
    padding: 16px 24px
}

.bn-web-datepicker-ranges {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.bn-web-datepicker-ranges>li {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.bn-web-datepicker-ok {
    float: right
}

.bn-web-datepicker-ok button {
    background: var(--color-BtnBg);
    border: none;
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    min-width: 60px;
    padding: 0 var(--space-s)
}

.bn-web-datepicker-ok button:hover:not(:disabled) {
    background: var(--color-BtnBg);
    box-shadow: none;
    opacity: .9
}

.bn-web-datepicker-ok button:disabled {
    background: var(--color-Line);
    cursor: not-allowed;
    opacity: .3
}

.bn-web-datepicker-year-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single>.bn-web-datepicker-cell-inner,.bn-web-datepicker-year-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s);
    color: var(--color-TextLink)
}

.bn-web-datepicker-year-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    border-color: transparent;
    border-radius: var(--radii-s)
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    background: transparent
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single>.bn-web-datepicker-cell-inner,.bn-web-datepicker-month-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s);
    color: var(--color-TextLink)
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    border-radius: var(--radii-s)
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view {
    width: 20px
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-week {
    color: #999;
    font-size: 12px;
    font-weight: 700
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner,.bn-web-datepicker-week-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    background: transparent
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-in-range>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    color: var(--color-PrimaryText)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-color: var(--color-BtnBg);
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-color: var(--color-BtnBg);
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    border-right-color: transparent;
    border-style: solid
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-color: var(--color-BtnBg);
    border-left-color: transparent;
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    border-style: solid
}

.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-end.bn-web-datepicker-cell-range-end-near-hover>.bn-web-datepicker-cell-inner,.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-near-hover>.bn-web-datepicker-cell-inner {
    border-radius: 0
}

.bn-web-datepicker-time-panel {
    width: auto
}

.bn-web-datepicker-time-panel .bn-web-datepicker-header {
    visibility: hidden
}

.bn-web-datepicker-time-panel-column {
    --scroll-pad: 1px!important;
    --scroll-size: 5px!important;
    flex: none;
    font-size: 12px;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0 0 180px;
    text-align: left;
    transition: background .3s;
    width: 64px
}

.bn-web-datepicker-time-panel-column-active {
    background: rgba(0,0,255,.1)
}

.bn-web-datepicker-content {
    border-spacing: 0;
    table-layout: fixed
}

.bn-web-datepicker-content th {
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 18px
}

.bn-web-datepicker-time-panel .bn-web-datepicker-content {
    display: flex;
    justify-content: center;
    max-height: 232px
}

.bn-web-datepicker-time-panel-column>li {
    cursor: pointer;
    margin: 0;
    padding: 0
}

.bn-web-datepicker-time-panel-column>li .bn-web-datepicker-time-panel-cell-inner {
    color: var(--color-PrimaryText);
    display: block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    text-align: center;
    width: 100%
}

.bn-web-datepicker-time-panel-cell.bn-web-datepicker-time-panel-cell-selected {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-xs)
}

.bn-web-datepicker-datetime-panel {
    grid-gap: var(--space-xl);
    display: flex;
    gap: var(--space-xl);
    padding: 18px 32px
}

.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {
    border-left: none
}

.bn-web-datepicker-datetime-panel .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {
    padding: 0;
    transition: opacity .3s
}

.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel {
    opacity: .3
}

.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel-active,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel-active {
    opacity: 1
}

.bn-web-datepicker-dropdown {
    position: absolute;
    z-index: var(--zindex-calendar)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container {
    background: var(--color-CardBg);
    border-radius: var(--radii-xl);
    box-shadow: var(--shadow-shadow2)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container .bn-web-datepicker-panel {
    border-radius: var(--radii-s)
}

.bn-web-datepicker-dropdown-range {
    padding: 8px 0
}

.bn-web-datepicker-dropdown-hidden {
    display: none
}

.bn-web-datepicker-dropdown-placement-topLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-topRight .bn-web-datepicker-range-arrow {
    bottom: 6px;
    display: none;
    transform: rotate(135deg)
}

.bn-web-datepicker-dropdown-placement-bottomLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-bottomright .bn-web-datepicker-range-arrow {
    display: none;
    top: 6px;
    transform: rotate(-45deg)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow {
    height: 10px;
    left: 10px;
    margin-left: 10px;
    position: absolute;
    transition: all .3s;
    width: 10px;
    z-index: 1
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:after,.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:before {
    border-color: var(--color-CardBg) var(--color-CardBg) transparent transparent;
    box-sizing: border-box;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:before {
    height: 10px;
    width: 10px
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:after {
    height: 8px;
    width: 8px
}

.bn-web-datepicker-dropdown-rtl .bn-web-datepicker-panels {
    flex-direction: row-reverse
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start>.bn-web-datepicker-cell-inner {
    border-radius: 0 var(--radii-s) var(--radii-s) 0
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end>.bn-web-datepicker-cell-inner {
    border-radius: var(--radii-s) 0 0 var(--radii-s)
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-left-color: transparent;
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    border-style: dashed
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-range {
    display: inline-flex;
    position: relative
}

.bn-web-datepicker-range-wrapper {
    background: var(--color-CardBg);
    border-radius: var(--radii-xl);
    display: flex;
    min-width: auto!important
}

.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels {
    grid-gap: var(--space-xl);
    display: flex;
    gap: var(--space-xl);
    padding: 18px 32px
}

.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-date-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-datetime-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-decade-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-month-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-time-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-week-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-year-panel {
    padding: 0
}

.bn-web-datepicker-range .bn-web-datepicker-active-bar {
    display: none
}

.bn-web-datepicker-panel-container {
    display: inline-block;
    transition: margin .3s;
    vertical-align: top
}

.bn-dual-slider-wrapper {
    margin-left: 8px;
    margin-right: 8px
}

.bn-dual-slider-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    margin-left: -8px;
    margin-right: -8px
}

.bn-dual-slider-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-dual-slider-values {
    grid-gap: 2px;
    display: flex;
    gap: 2px
}

.bn-dual-slider-values .bn-textField.data-size-tiny {
    width: 80px
}

.bn-dual-slider-number {
    background-color: var(--color-PrimaryText);
    border-radius: var(--radii-xs);
    bottom: -21px;
    color: var(--color-CardBg);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    transform: translate(-50%);
    z-index: 3
}

@media only screen and (min-width: 768px) {
    .bn-dual-slider-number {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-rc-slider {
    align-items: center;
    display: flex;
    height: 15px;
    padding: 7px 0;
    position: relative;
    touch-action: none;
    width: 100%
}

.bn-rc-slider-rail {
    background-color: var(--color-Line);
    height: 1px;
    position: absolute;
    width: 100%
}

.bn-rc-slider-track,.bn-rc-slider-tracks {
    background-color: var(--color-PrimaryText);
    height: 1px;
    position: absolute
}

.bn-rc-slider-handle {
    background-color: var(--color-CardBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: 50%;
    touch-action: pan-x;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 10px;
    z-index: 1
}

.bn-rc-slider-mark {
    display: none
}

.bn-rc-slider-mark-text {
    color: #999;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: middle
}

.bn-rc-slider-step {
    background: transparent;
    height: 1px;
    position: absolute;
    width: 100%
}

.bn-rc-slider-dot {
    background-color: var(--color-BasicBg);
    border: 1px solid var(--color-Line);
    border-radius: 1px;
    cursor: pointer;
    height: 6px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 6px
}

.bn-rc-slider-dot-active {
    background-color: var(--color-PrimaryText)
}

.bn-rc-slider-disabled .bn-rc-slider-dot,.bn-rc-slider-disabled .bn-rc-slider-handle {
    cursor: not-allowed
}

.bn-rc-slider-disabled .bn-rc-slider-dot,.bn-rc-slider-disabled .bn-rc-slider-mark-text {
    cursor: not-allowed!important
}

@media only screen and (min-width: 768px) {
    .bn-rc-slider-handle {
        box-shadow:0 0 0 .5px var(--color-PrimaryText)
    }
}

*,: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-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

.\!visible,.visible {
    visibility: visible!important
}

.collapse {
    visibility: collapse!important
}

.fixed {
    position: fixed!important
}

.absolute {
    position: absolute!important
}

.relative {
    position: relative!important
}

.sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.bottom-0 {
    bottom: 0!important
}

.left-0 {
    left: 0!important
}

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

.left-m {
    left: 16px!important
}

.left-xl {
    left: 24px!important
}

.right-0 {
    right: 0!important
}

.right-m {
    right: 16px!important
}

.right-xl {
    right: 24px!important
}

.top-0 {
    top: 0!important
}

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

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

.top-m {
    top: 16px!important
}

.top-xl {
    top: 24px!important
}

.z-20 {
    z-index: 20!important
}

.z-\[999\] {
    z-index: 999!important
}

.z-\[99\] {
    z-index: 99!important
}

.order-1 {
    order: 1!important
}

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

.mx-\[24px\] {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.mx-\[2px\] {
    margin-left: 2px!important;
    margin-right: 2px!important
}

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

.mx-m {
    margin-left: 16px!important;
    margin-right: 16px!important
}

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

.my-m {
    margin-bottom: 16px!important;
    margin-top: 16px!important
}

.my-xl {
    margin-bottom: 24px!important;
    margin-top: 24px!important
}

.mb-\[0px\] {
    margin-bottom: 0!important
}

.mb-\[40px\] {
    margin-bottom: 40px!important
}

.mb-\[48px\] {
    margin-bottom: 48px!important
}

.mb-\[64px\] {
    margin-bottom: 64px!important
}

.mb-m {
    margin-bottom: 16px!important
}

.mb-xl {
    margin-bottom: 24px!important
}

.ml-2xs {
    margin-left: 8px!important
}

.ml-3xl {
    margin-left: 32px!important
}

.ml-4xl {
    margin-left: 36px!important
}

.ml-4xs {
    margin-left: 4px!important
}

.ml-\[0px\] {
    margin-left: 0!important
}

.ml-m {
    margin-left: 16px!important
}

.ml-s {
    margin-left: 12px!important
}

.ml-xl {
    margin-left: 24px!important
}

.ml-xs {
    margin-left: 10px!important
}

.mr-2xs {
    margin-right: 8px!important
}

.mr-3xl {
    margin-right: 32px!important
}

.mr-4xl {
    margin-right: 36px!important
}

.mr-4xs {
    margin-right: 4px!important
}

.mr-\[0px\] {
    margin-right: 0!important
}

.mr-m {
    margin-right: 16px!important
}

.mr-s {
    margin-right: 12px!important
}

.mr-xl {
    margin-right: 24px!important
}

.mr-xs {
    margin-right: 10px!important
}

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

.mt-\[0px\] {
    margin-top: 0!important
}

.mt-\[3px\] {
    margin-top: 3px!important
}

.mt-\[40px\] {
    margin-top: 40px!important
}

.mt-m {
    margin-top: 16px!important
}

.mt-xl {
    margin-top: 24px!important
}

.line-clamp-1 {
    -webkit-line-clamp: 1!important
}

.line-clamp-1,.line-clamp-2 {
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important
}

.line-clamp-2 {
    -webkit-line-clamp: 2!important
}

.block {
    display: block!important
}

.inline-block {
    display: inline-block!important
}

.inline {
    display: inline!important
}

.flex {
    display: flex!important
}

.inline-flex {
    display: inline-flex!important
}

.hidden {
    display: none!important
}

.aspect-\[6\] {
    aspect-ratio: 6!important
}

.h-0,.h-\[0px\] {
    height: 0!important
}

.h-\[104px\] {
    height: 104px!important
}

.h-\[13px\] {
    height: 13px!important
}

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

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

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

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

.h-\[22px\] {
    height: 22px!important
}

.h-\[24px\] {
    height: 24px!important
}

.h-\[28px\] {
    height: 28px!important
}

.h-\[32px\] {
    height: 32px!important
}

.h-\[336px\] {
    height: 336px!important
}

.h-\[40px\] {
    height: 40px!important
}

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

.h-\[4px\] {
    height: 4px!important
}

.h-\[538px\] {
    height: 538px!important
}

.h-\[56px\] {
    height: 56px!important
}

.h-\[8px\] {
    height: 8px!important
}

.h-\[96px\] {
    height: 96px!important
}

.h-auto {
    height: auto!important
}

.h-fit {
    height: -moz-fit-content!important;
    height: -webkit-fit-content!important;
    height: fit-content!important
}

.h-full {
    height: 100%!important
}

.min-h-\[100px\] {
    min-height: 100px!important
}

.min-h-\[106px\] {
    min-height: 106px!important
}

.min-h-\[56px\] {
    min-height: 56px!important
}

.min-h-\[8px\] {
    min-height: 8px!important
}

.min-h-fit {
    min-height: -moz-fit-content!important;
    min-height: -webkit-fit-content!important;
    min-height: fit-content!important
}

.w-1\/2 {
    width: 50%!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[45\%\] {
    width: 45%!important
}

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

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

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

.w-\[calc\(100\%_-_59px\)\] {
    width: calc(100% - 59px)!important
}

.w-auto {
    width: auto!important
}

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

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

.min-w-\[120px\] {
    min-width: 120px!important
}

.min-w-\[164px\] {
    min-width: 164px!important
}

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

.min-w-\[3px\] {
    min-width: 3px!important
}

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

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

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

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

.flex-1 {
    flex: 1 1!important
}

.flex-initial {
    flex: 0 1 auto!important
}

.flex-none {
    flex: none!important
}

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

.scale-75 {
    --tw-scale-x: .75!important;
    --tw-scale-y: .75!important
}

.scale-75,.scale-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))!important
}

.scale-90 {
    --tw-scale-x: .9!important;
    --tw-scale-y: .9!important
}

.scale-\[0\.7\] {
    --tw-scale-x: 0.7!important;
    --tw-scale-y: 0.7!important
}

.scale-\[0\.7\],.scale-\[1\.333\] {
    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
}

.scale-\[1\.333\] {
    --tw-scale-x: 1.333!important;
    --tw-scale-y: 1.333!important
}

.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))!important
}

.animate-none {
    animation: none!important
}

.cursor-pointer {
    cursor: pointer!important
}

.flex-row {
    flex-direction: row!important
}

.flex-col {
    flex-direction: column!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

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

.items-center {
    align-items: center!important
}

.items-baseline {
    align-items: baseline!important
}

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

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

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

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

.gap-2xs {
    grid-gap: 8px!important;
    gap: 8px!important
}

.gap-4xs {
    grid-gap: 4px!important;
    gap: 4px!important
}

.gap-5xl {
    grid-gap: 40px!important;
    gap: 40px!important
}

.gap-\[180px\] {
    grid-gap: 180px!important;
    gap: 180px!important
}

.gap-\[32px\] {
    grid-gap: 32px!important;
    gap: 32px!important
}

.gap-\[40px\] {
    grid-gap: 40px!important;
    gap: 40px!important
}

.gap-\[48px\] {
    grid-gap: 48px!important;
    gap: 48px!important
}

.gap-\[64px\] {
    grid-gap: 64px!important;
    gap: 64px!important
}

.gap-\[80px\] {
    grid-gap: 80px!important;
    gap: 80px!important
}

.gap-m {
    grid-gap: 16px!important;
    gap: 16px!important
}

.gap-xl {
    grid-gap: 24px!important;
    gap: 24px!important
}

.overflow-hidden {
    overflow: hidden!important
}

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

.text-ellipsis {
    text-overflow: ellipsis!important
}

.whitespace-nowrap {
    white-space: nowrap!important
}

.whitespace-break-spaces {
    white-space: break-spaces!important
}

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

.rounded {
    border-radius: .25rem!important
}

.rounded-\[0px\] {
    border-radius: 0!important
}

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

.rounded-\[12px\] {
    border-radius: 12px!important
}

.rounded-\[20px\] {
    border-radius: 20px!important
}

.rounded-\[24px\] {
    border-radius: 24px!important
}

.rounded-\[6px\] {
    border-radius: 6px!important
}

.rounded-\[8px\] {
    border-radius: 8px!important
}

.rounded-circle {
    border-radius: 100em!important
}

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

.rounded-xl {
    border-radius: 16px!important
}

.rounded-xs {
    border-radius: 4px!important
}

.rounded-l-\[20px\] {
    border-bottom-left-radius: 20px!important;
    border-top-left-radius: 20px!important
}

.border {
    border-width: 1px!important
}

.border-solid {
    border-style: solid!important
}

.border-Line {
    border-color: var(--color-Line)!important
}

.border-\[\#2B3139\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(43 49 57/var(--tw-border-opacity))!important
}

.border-\[\#EAECEF\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(234 236 239/var(--tw-border-opacity))!important
}

.bg-Line {
    background-color: var(--color-Line)!important
}

.bg-PrimaryText {
    background-color: var(--color-PrimaryText)!important
}

.bg-SuccessBg {
    background-color: var(--color-SuccessBg)!important
}

.bg-\[\#0B0E11\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(11 14 17/var(--tw-bg-opacity))!important
}

.bg-\[\#2B3139\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(43 49 57/var(--tw-bg-opacity))!important
}

.bg-\[\#474D57\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(71 77 87/var(--tw-bg-opacity))!important
}

.bg-\[\#EAECEF\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(234 236 239/var(--tw-bg-opacity))!important
}

.bg-badge,.bg-badgeBg {
    background-color: var(--color-badgeBg)!important
}

.bg-bg1 {
    background-color: var(--color-bg1)!important
}

.bg-bg2 {
    background-color: var(--color-bg2)!important
}

.bg-bg3 {
    background-color: var(--color-bg3)!important
}

.bg-btnBg {
    background-color: var(--color-BtnBg)!important
}

.bg-t-disabled {
    background-color: var(--color-textDisabled)!important
}

.bg-t-primary {
    background-color: var(--color-textPrimary)!important
}

.bg-t-white {
    background-color: var(--color-textWhite)!important
}

.bg-contain {
    background-size: contain!important
}

.p-2xs {
    padding: 8px!important
}

.p-4xs {
    padding: 4px!important
}

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

.p-\[11px\] {
    padding: 11px!important
}

.p-\[7px\] {
    padding: 7px!important
}

.p-l {
    padding: 20px!important
}

.p-m {
    padding: 16px!important
}

.p-xl {
    padding: 24px!important
}

.p-xs {
    padding: 10px!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-3xl {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.px-4xs {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.px-\[0px\] {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-\[48px\] {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.px-\[5px\] {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.px-\[6px\] {
    padding-left: 6px!important;
    padding-right: 6px!important
}

.px-m {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.px-s {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.px-xl {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.px-xs {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.py-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}

.py-10 {
    padding-bottom: 2.5rem!important;
    padding-top: 2.5rem!important
}

.py-12 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}

.py-16 {
    padding-bottom: 4rem!important;
    padding-top: 4rem!important
}

.py-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.py-20 {
    padding-bottom: 5rem!important;
    padding-top: 5rem!important
}

.py-24 {
    padding-bottom: 6rem!important;
    padding-top: 6rem!important
}

.py-2xs {
    padding-bottom: 8px!important;
    padding-top: 8px!important
}

.py-3 {
    padding-bottom: .75rem!important;
    padding-top: .75rem!important
}

.py-4 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.py-40 {
    padding-bottom: 10rem!important;
    padding-top: 10rem!important
}

.py-4xs {
    padding-bottom: 4px!important;
    padding-top: 4px!important
}

.py-6 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.py-8 {
    padding-bottom: 2rem!important;
    padding-top: 2rem!important
}

.py-\[0px\] {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-\[12px\] {
    padding-bottom: 12px!important;
    padding-top: 12px!important
}

.py-\[20px\] {
    padding-bottom: 20px!important;
    padding-top: 20px!important
}

.py-\[3px\] {
    padding-bottom: 3px!important;
    padding-top: 3px!important
}

.py-\[64px\] {
    padding-bottom: 64px!important;
    padding-top: 64px!important
}

.py-m {
    padding-bottom: 16px!important;
    padding-top: 16px!important
}

.py-s {
    padding-bottom: 12px!important;
    padding-top: 12px!important
}

.pb-3xl {
    padding-bottom: 32px!important
}

.pb-\[0px\] {
    padding-bottom: 0!important
}

.pb-\[40px\] {
    padding-bottom: 40px!important
}

.pb-\[50\%\] {
    padding-bottom: 50%!important
}

.pb-m {
    padding-bottom: 16px!important
}

.pb-xl {
    padding-bottom: 24px!important
}

.pl-2xs {
    padding-left: 8px!important
}

.pl-s {
    padding-left: 12px!important
}

.pr-2xs {
    padding-right: 8px!important
}

.pr-s {
    padding-right: 12px!important
}

.pt-\[3px\] {
    padding-top: 3px!important
}

.pt-\[8px\] {
    padding-top: 8px!important
}

.pt-xl {
    padding-top: 24px!important
}

.text-center {
    text-align: center!important
}

.text-\[12px\] {
    font-size: 12px!important
}

.text-\[14px\] {
    font-size: 14px!important
}

.text-\[16px\] {
    font-size: 16px!important
}

.text-\[18px\] {
    font-size: 18px!important
}

.text-\[20px\] {
    font-size: 20px!important
}

.text-\[24px\] {
    font-size: 24px!important
}

.text-\[32px\] {
    font-size: 32px!important
}

.text-\[40px\] {
    font-size: 40px!important
}

.text-\[80px\] {
    font-size: 80px!important
}

.text-\[96px\] {
    font-size: 96px!important
}

.text-body1 {
    font-size: 16px!important;
    line-height: 24px!important
}

.text-body1,.text-body2 {
    font-weight: 400!important
}

.text-body2 {
    font-size: 14px!important;
    line-height: 20px!important
}

.text-caption {
    font-weight: 400!important
}

.text-caption,.text-captionSub {
    font-size: 12px!important;
    line-height: 16px!important
}

.text-captionSub {
    font-weight: 500!important
}

.text-headline2 {
    font-size: 40px!important;
    font-weight: 600!important;
    line-height: 48px!important
}

.text-headline3 {
    font-size: 32px!important;
    font-weight: 600!important;
    line-height: 40px!important
}

.text-headline4 {
    font-size: 28px!important;
    font-weight: 600!important;
    line-height: 36px!important
}

.text-headline5 {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 32px!important
}

.text-headline6 {
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: 28px!important
}

.text-subtitle1 {
    font-size: 16px!important;
    font-weight: 500!important;
    line-height: 24px!important
}

.text-subtitle2 {
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 20px!important
}

.font-bold {
    font-weight: 700!important
}

.font-medium {
    font-weight: 500!important
}

.font-normal {
    font-weight: 400!important
}

.font-semibold {
    font-weight: 600!important
}

.leading-\[16px\] {
    line-height: 16px!important
}

.leading-\[24px\] {
    line-height: 24px!important
}

.text-PrimaryText {
    color: var(--color-PrimaryText)!important
}

.text-Success {
    color: var(--color-Success)!important
}

.text-TextBuy {
    color: var(--color-TextBuy)!important
}

.text-TextLink {
    color: var(--color-TextLink)!important
}

.text-TextSell {
    color: var(--color-TextSell)!important
}

.text-\[\#1E2329\] {
    --tw-text-opacity: 1!important;
    color: rgb(30 35 41/var(--tw-text-opacity))!important
}

.text-\[\#474D57\] {
    --tw-text-opacity: 1!important;
    color: rgb(71 77 87/var(--tw-text-opacity))!important
}

.text-\[\#76808F\] {
    --tw-text-opacity: 1!important;
    color: rgb(118 128 143/var(--tw-text-opacity))!important
}

.text-\[\#E6E8EA\] {
    --tw-text-opacity: 1!important;
    color: rgb(230 232 234/var(--tw-text-opacity))!important
}

.text-\[\#F0B90B\] {
    --tw-text-opacity: 1!important;
    color: rgb(240 185 11/var(--tw-text-opacity))!important
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.text-iconNormal {
    color: var(--color-iconNormal)!important
}

.text-primary {
    color: var(--color-primary)!important
}

.text-t-brand {
    color: var(--color-textBrand)!important
}

.text-t-disabled {
    color: var(--color-textDisabled)!important
}

.text-t-secondary {
    color: var(--color-textSecondary)!important
}

.text-t-third {
    color: var(--color-textThird)!important
}

.text-t-yellow {
    color: var(--color-textBrand)!important
}

.underline {
    text-decoration-line: underline!important
}

.no-underline {
    text-decoration-line: none!important
}

.opacity-30 {
    opacity: .3!important
}

.blur {
    --tw-blur: blur(8px)!important
}

.blur,.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)!important
}

.t-subtitle6,.typography-subtitle6 {
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 24px!important
}

@media only screen and (min-width: 768px) {
    .t-subtitle6,.typography-subtitle6 {
        font-size:16px!important;
        font-weight: 600!important;
        line-height: 24px!important
    }
}

.t-subtitle3,.typography-subtitle3 {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 18px!important
}

@media only screen and (min-width: 768px) {
    .t-subtitle3,.typography-subtitle3 {
        font-size:12px!important;
        font-weight: 500!important;
        line-height: 18px!important
    }
}

.t-body3,.typography-body3 {
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 22px!important
}

@media only screen and (min-width: 768px) {
    .t-body3,.typography-body3 {
        font-size:14px!important;
        font-weight: 400!important;
        line-height: 22px!important
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: var(--font-family);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

.py-12 {
    padding-bottom: 48px;
    padding-top: 48px
}

.py-20 {
    padding-bottom: 80px;
    padding-top: 80px
}

.py-24 {
    padding-bottom: 96px;
    padding-top: 96px
}

.py-30 {
    padding-bottom: 120px;
    padding-top: 120px
}

.py-40 {
    padding-bottom: 160px;
    padding-top: 160px
}

.bg-white {
    background-color: #fff!important
}

.first\:line-clamp-2:first-child {
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    display: -webkit-box!important;
    overflow: hidden!important
}

.last\:mb-\[0px\]:last-child {
    margin-bottom: 0!important
}

.hover\:cursor-pointer:hover {
    cursor: pointer!important
}

.hover\:bg-Input:hover {
    background-color: var(--color-Input)!important
}

.hover\:bg-Line:hover {
    background-color: var(--color-Line)!important
}

.hover\:bg-\[\#252A32\]:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(37 42 50/var(--tw-bg-opacity))!important
}

.hover\:bg-\[\#F1F2F4\]:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(241 242 244/var(--tw-bg-opacity))!important
}

.hover\:text-PrimaryText:hover {
    color: var(--color-PrimaryText)!important
}

.hover\:text-t-secondary:hover {
    color: var(--color-textSecondary)!important
}

.hover\:text-t-third:hover {
    color: var(--color-textThird)!important
}

@media (max-width: 767px) {
    .mobile\:mx-\[16px\] {
        margin-left:16px!important;
        margin-right: 16px!important
    }

    .mobile\:mb-4xs {
        margin-bottom: 4px!important
    }

    .mobile\:mb-\[0px\] {
        margin-bottom: 0!important
    }

    .mobile\:mb-\[24px\] {
        margin-bottom: 24px!important
    }

    .mobile\:mb-\[48px\] {
        margin-bottom: 48px!important
    }

    .mobile\:mb-m {
        margin-bottom: 16px!important
    }

    .mobile\:mb-xl {
        margin-bottom: 24px!important
    }

    .mobile\:ml-2xs {
        margin-left: 8px!important
    }

    .mobile\:ml-4xs {
        margin-left: 4px!important
    }

    .mobile\:mr-2xs {
        margin-right: 8px!important
    }

    .mobile\:mr-4xs {
        margin-right: 4px!important
    }

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

    .mobile\:mt-4xl {
        margin-top: 36px!important
    }

    .mobile\:mt-\[0px\] {
        margin-top: 0!important
    }

    .mobile\:mt-\[13px\] {
        margin-top: 13px!important
    }

    .mobile\:mt-\[24px\] {
        margin-top: 24px!important
    }

    .mobile\:mt-\[40px\] {
        margin-top: 40px!important
    }

    .mobile\:mt-xl {
        margin-top: 24px!important
    }

    .mobile\:block {
        display: block!important
    }

    .mobile\:flex {
        display: flex!important
    }

    .mobile\:hidden {
        display: none!important
    }

    .mobile\:aspect-\[5\/2\] {
        aspect-ratio: 5/2!important
    }

    .mobile\:\!h-\[94px\] {
        height: 94px!important
    }

    .mobile\:h-\[24px\] {
        height: 24px!important
    }

    .mobile\:h-\[32px\] {
        height: 32px!important
    }

    .mobile\:h-\[3px\] {
        height: 3px!important
    }

    .mobile\:h-\[40px\] {
        height: 40px!important
    }

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

    .mobile\:h-\[496px\] {
        height: 496px!important
    }

    .mobile\:h-auto {
        height: auto!important
    }

    .mobile\:max-h-\[32px\] {
        max-height: 32px!important
    }

    .mobile\:max-h-\[40px\] {
        max-height: 40px!important
    }

    .mobile\:min-h-\[32px\] {
        min-height: 32px!important
    }

    .mobile\:min-h-\[40px\] {
        min-height: 40px!important
    }

    .mobile\:min-h-\[94px\] {
        min-height: 94px!important
    }

    .mobile\:w-\[24px\] {
        width: 24px!important
    }

    .mobile\:w-\[32px\] {
        width: 32px!important
    }

    .mobile\:w-\[8px\] {
        width: 8px!important
    }

    .mobile\:w-\[calc\(100\%_-_43px\)\] {
        width: calc(100% - 43px)!important
    }

    .mobile\:w-auto {
        width: auto!important
    }

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

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

    .mobile\:min-w-\[128px\] {
        min-width: 128px!important
    }

    .mobile\:min-w-\[160px\] {
        min-width: 160px!important
    }

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

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

    .mobile\:flex-1 {
        flex: 1 1!important
    }

    .mobile\:flex-none {
        flex: none!important
    }

    .mobile\:animate-moveMobile {
        animation: moveMobile 8s linear infinite!important
    }

    .mobile\:flex-col {
        flex-direction: column!important
    }

    .mobile\:items-center {
        align-items: center!important
    }

    .mobile\:justify-normal {
        justify-content: normal!important
    }

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

    .mobile\:gap-\[0px\] {
        grid-gap: 0!important;
        gap: 0!important
    }

    .mobile\:gap-\[12px\] {
        grid-gap: 12px!important;
        gap: 12px!important
    }

    .mobile\:gap-\[24px\],.mobile\:gap-xl {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .mobile\:rounded-\[12px\] {
        border-radius: 12px!important
    }

    .mobile\:rounded-\[6px\] {
        border-radius: 6px!important
    }

    .mobile\:rounded-\[8px\] {
        border-radius: 8px!important
    }

    .mobile\:rounded-xl {
        border-radius: 16px!important
    }

    .mobile\:rounded-xs {
        border-radius: 4px!important
    }

    .mobile\:rounded-l-\[12px\] {
        border-bottom-left-radius: 12px!important;
        border-top-left-radius: 12px!important
    }

    .mobile\:border {
        border-width: 1px!important
    }

    .mobile\:border-solid {
        border-style: solid!important
    }

    .mobile\:border-Line {
        border-color: var(--color-Line)!important
    }

    .mobile\:bg-bg3 {
        background-color: var(--color-bg3)!important
    }

    .mobile\:p-0 {
        padding: 0!important
    }

    .mobile\:p-2xs {
        padding: 8px!important
    }

    .mobile\:p-\[0px\] {
        padding: 0!important
    }

    .mobile\:p-m {
        padding: 16px!important
    }

    .mobile\:px-2xs {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .mobile\:px-\[0px\] {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .mobile\:px-m {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .mobile\:px-s {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .mobile\:py-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .mobile\:py-10 {
        padding-bottom: 2.5rem!important;
        padding-top: 2.5rem!important
    }

    .mobile\:py-12 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .mobile\:py-16 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .mobile\:py-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .mobile\:py-20 {
        padding-bottom: 5rem!important;
        padding-top: 5rem!important
    }

    .mobile\:py-24 {
        padding-bottom: 6rem!important;
        padding-top: 6rem!important
    }

    .mobile\:py-2xs {
        padding-bottom: 8px!important;
        padding-top: 8px!important
    }

    .mobile\:py-3 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .mobile\:py-4 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .mobile\:py-40 {
        padding-bottom: 10rem!important;
        padding-top: 10rem!important
    }

    .mobile\:py-4xs {
        padding-bottom: 4px!important;
        padding-top: 4px!important
    }

    .mobile\:py-6 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .mobile\:py-8 {
        padding-bottom: 2rem!important;
        padding-top: 2rem!important
    }

    .mobile\:py-s {
        padding-bottom: 12px!important;
        padding-top: 12px!important
    }

    .mobile\:py-xl {
        padding-top: 24px!important
    }

    .mobile\:pb-\[24px\],.mobile\:py-xl {
        padding-bottom: 24px!important
    }

    .mobile\:pb-m {
        padding-bottom: 16px!important
    }

    .mobile\:pt-\[0\],.mobile\:pt-\[0px\] {
        padding-top: 0!important
    }

    .mobile\:pt-m {
        padding-top: 16px!important
    }

    .mobile\:text-center {
        text-align: center!important
    }

    .mobile\:text-\[12px\] {
        font-size: 12px!important
    }

    .mobile\:text-\[14px\] {
        font-size: 14px!important
    }

    .mobile\:text-\[16px\] {
        font-size: 16px!important
    }

    .mobile\:text-\[32px\] {
        font-size: 32px!important
    }

    .mobile\:text-\[64px\] {
        font-size: 64px!important
    }

    .mobile\:text-body2 {
        font-size: 14px!important;
        font-weight: 400!important;
        line-height: 20px!important
    }

    .mobile\:text-caption {
        font-size: 12px!important;
        font-weight: 400!important;
        line-height: 16px!important
    }

    .mobile\:text-headline4 {
        font-size: 28px!important;
        font-weight: 600!important;
        line-height: 36px!important
    }

    .mobile\:text-headline5 {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 32px!important
    }

    .mobile\:text-subtitle1 {
        font-size: 16px!important;
        font-weight: 500!important;
        line-height: 24px!important
    }

    .mobile\:text-subtitle2 {
        font-size: 14px!important;
        line-height: 20px!important
    }

    .mobile\:font-medium,.mobile\:text-subtitle2 {
        font-weight: 500!important
    }

    .mobile\:font-normal {
        font-weight: 400!important
    }

    .mobile\:leading-\[22px\] {
        line-height: 22px!important
    }

    .mobile\:will-change-transform {
        will-change: transform!important
    }

    .mobile\:typography-Subtitle1 {
        font-size: 20px!important;
        font-weight: 500!important;
        line-height: 26px!important
    }
}

/* Styles for mobile devices (max-width: 767px) */
@media only screen and (max-width: 767px) {
    .mobile\:typography-Subtitle1 {
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 28px !important;
    }
}

/* Styles for tablets and larger screens (min-width: 768px) */
@media only screen and (min-width: 768px) {
    .tablet\:typography-Subtitle1 {
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
    }
}

@media (min-width: 767px) and (max-width:1023px) {
    .tablet\:top-\[10px\] {
        top:10px!important
    }

    .tablet\:order-2 {
        order: 2!important
    }

    .tablet\:mb-2xs {
        margin-bottom: 8px!important
    }

    .tablet\:mb-\[48px\] {
        margin-bottom: 48px!important
    }

    .tablet\:mb-\[52px\] {
        margin-bottom: 52px!important
    }

    .tablet\:mb-\[56px\] {
        margin-bottom: 56px!important
    }

    .tablet\:mb-xl {
        margin-bottom: 24px!important
    }

    .tablet\:mt-6xl {
        margin-top: 48px!important
    }

    .tablet\:mt-\[40px\] {
        margin-top: 40px!important
    }

    .tablet\:mt-\[52px\] {
        margin-top: 52px!important
    }

    .tablet\:mt-\[56px\] {
        margin-top: 56px!important
    }

    .tablet\:mt-xl {
        margin-top: 24px!important
    }

    .tablet\:h-\[24px\] {
        height: 24px!important
    }

    .tablet\:h-\[384px\] {
        height: 384px!important
    }

    .tablet\:w-\[24px\] {
        width: 24px!important
    }

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

    .tablet\:w-\[352px\] {
        width: 352px!important
    }

    .tablet\:w-\[96px\] {
        width: 96px!important
    }

    .tablet\:w-auto {
        width: auto!important
    }

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

    .tablet\:flex-1 {
        flex: 1 1!important
    }

    .tablet\:flex-none {
        flex: none!important
    }

    .tablet\:flex-col {
        flex-direction: column!important
    }

    .tablet\:gap-8 {
        grid-gap: 2rem!important;
        gap: 2rem!important
    }

    .tablet\:gap-\[24px\] {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .tablet\:gap-\[8px\] {
        grid-gap: 8px!important;
        gap: 8px!important
    }

    .tablet\:gap-m {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .tablet\:gap-xl {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .tablet\:gap-xs {
        grid-gap: 10px!important;
        gap: 10px!important
    }

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

    .tablet\:rounded-\[8px\] {
        border-radius: 8px!important
    }

    .tablet\:p-m {
        padding: 16px!important
    }

    .tablet\:px-xl {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .tablet\:py-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .tablet\:py-10 {
        padding-bottom: 2.5rem!important;
        padding-top: 2.5rem!important
    }

    .tablet\:py-12 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .tablet\:py-16 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .tablet\:py-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .tablet\:py-20 {
        padding-bottom: 5rem!important;
        padding-top: 5rem!important
    }

    .tablet\:py-24 {
        padding-bottom: 6rem!important;
        padding-top: 6rem!important
    }

    .tablet\:py-3 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .tablet\:py-4 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .tablet\:py-40 {
        padding-bottom: 10rem!important;
        padding-top: 10rem!important
    }

    .tablet\:py-6 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .tablet\:py-8 {
        padding-bottom: 2rem!important;
        padding-top: 2rem!important
    }

    .tablet\:py-\[48px\] {
        padding-bottom: 48px!important;
        padding-top: 48px!important
    }

    .tablet\:pt-\[0\],.tablet\:pt-\[0px\] {
        padding-top: 0!important
    }

    .tablet\:text-\[32px\] {
        font-size: 32px!important
    }

    .tablet\:text-body2 {
        font-size: 14px!important;
        font-weight: 400!important;
        line-height: 20px!important
    }

    .tablet\:text-headline3 {
        font-size: 32px!important;
        font-weight: 600!important;
        line-height: 40px!important
    }

    .tablet\:text-headline4 {
        font-size: 28px!important;
        font-weight: 600!important;
        line-height: 36px!important
    }

    .tablet\:text-headline5 {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 32px!important
    }

    .tablet\:text-subtitle1 {
        font-size: 16px!important;
        font-weight: 500!important;
        line-height: 24px!important
    }

    .tablet\:text-subtitle2 {
        font-size: 14px!important;
        font-weight: 500!important;
        line-height: 20px!important
    }

    .tablet\:will-change-transform {
        will-change: transform!important
    }
}

@media (min-width: 767px) {
    .noH5\:absolute {
        position:absolute!important
    }

    .noH5\:block {
        display: block!important
    }

    .noH5\:inline-flex {
        display: inline-flex!important
    }

    .noH5\:hidden {
        display: none!important
    }

    .noH5\:\!h-\[100px\] {
        height: 100px!important
    }

    .noH5\:min-w-\[120px\] {
        min-width: 120px!important
    }

    .noH5\:justify-between {
        justify-content: space-between!important
    }

    .noH5\:gap-\[16px\] {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .noH5\:gap-\[20px\] {
        grid-gap: 20px!important;
        gap: 20px!important
    }

    .noH5\:gap-m {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .noH5\:truncate {
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important
    }

    .noH5\:rounded-\[20px\] {
        border-radius: 20px!important
    }

    .noH5\:bg-Vessel {
        background-color: var(--color-Vessel)!important
    }

    .noH5\:px-xl {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .noH5\:py-l {
        padding-top: 20px!important
    }

    .noH5\:pb-l,.noH5\:py-l {
        padding-bottom: 20px!important
    }

    .noH5\:pt-s {
        padding-top: 12px!important
    }

    .noH5\:text-PrimaryText {
        color: var(--color-PrimaryText)!important
    }

    :is([dir=ltr] .ltr\:noH5\:right-0) {
        right: 0!important
    }

    :is([dir=rtl] .rtl\:noH5\:left-0) {
        left: 0!important
    }
}

@media (min-width: 1023px) {
    .desktop\:top-\[10px\] {
        top:10px!important
    }

    .desktop\:ml-m {
        margin-left: 16px!important
    }

    .desktop\:mr-m {
        margin-right: 16px!important
    }

    .desktop\:h-\[610px\] {
        height: 610px!important
    }

    .desktop\:w-1\/2 {
        width: 50%!important
    }

    .desktop\:w-2\/5 {
        width: 40%!important
    }

    .desktop\:flex-row {
        flex-direction: row!important
    }

    .desktop\:justify-between {
        justify-content: space-between!important
    }

    .desktop\:gap-l {
        grid-gap: 20px!important;
        gap: 20px!important
    }

    .desktop\:rounded-xs {
        border-radius: 4px!important
    }

    .desktop\:py-\[20px\] {
        padding-bottom: 20px!important;
        padding-top: 20px!important
    }

    .desktop\:pb-3xl {
        padding-bottom: 32px!important
    }

    :is([dir=ltr] .ltr\:desktop\:ml-2xs) {
        margin-left: 8px!important
    }

    :is([dir=rtl] .rtl\:desktop\:mr-2xs) {
        margin-right: 8px!important
    }

    .desktop\:\[\&\>\*\]\:first\:my-0:first-child>* {
        margin-bottom: 0!important;
        margin-top: 0!important
    }
}

.mainText {
    margin-top: "var(--space-xl)";
    max-height: "140px";
    overflow-y: "auto";
    width: "320px"
}

.modalForm {
    margin: "var(--space-xl)"
}

@media only screen and (max-width: 768px) {
    .mainText {
        width:"250px"
    }
}
._CWC .header-rightside {
    display: flex;
}
/* end cunk */
/** End _APP-HEADER **/

/* Hon content */
.css-tq0shg {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
.css-1wr4jig {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* end Home content */

/* slide content */
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .u928hn{
    width: 100%;
    height: 550px; /* Adjust as needed */
    max-height: 635px; /* Keeps it responsive */

    }
.css08jmen {
    position: absolute;
    top: 50%; /* Adjust vertical position */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Perfect centering */
    z-index: 2; /* Ensures it's above images */
    width: 90%;
    text-align: center;
    background-color: transparent! important; /* Make text visible */
    font-size: 24px;
    height: 460px;
}
    .mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 1248px;
}
.px-xl {
    padding-left: 24px!important;
    padding-right: 24px!important;
}

.u928hn, .swiper-container {
    position: relative;
}
html[dir=rtl] .icon-dir {
    transform: rotateY(180deg)
}

html[dir=rtl] .icon-nodir {
    transform: rotateY(0deg)
}

.lock-ltr {
    direction: ltr
}

.smooth_style {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input:focus,textarea:focus {
    outline: none
}

.mica-lazy-img {
    background-color: rgba(0,0,0,.03);
    overflow: hidden;
    position: relative
}

.mica-lazy-img[data-round=true] {
    border-radius: 50%
}

.mica-lazy-img[data-mask=true]:hover:after {
    background-color: rgba(0,0,0,.08);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mica-sticky {
    width: 100%
}

.mica-sticky:not([data-simulate=true]) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 999
}

.mica-sticky[data-simulate=true] {
    position: relative
}

.mica-sticky[data-simulate=true][data-sticky=true]>.child {
    position: fixed;
    z-index: 999
}

.header-rightside>#toRegisterPage {
    display: flex
}

@media (max-width: 767px) {
    .header-rightside>#toRegisterPage {
        display:none
    }

    .chat-container.visible {
        display: none!important
    }
}

@keyframes moveMobile {
    0%,20% {
        left: 0;
        transform: translateZ(0)
    }

    70%,to {
        left: 100%;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes movePC {
    0%,15% {
        transform: translateZ(0)
    }

    75%,to {
        transform: translate3d(calc(-100% + 492px),0,0)
    }
}

.fontsize-0 {
    font-size: 0!important
}

.au-dialog .bn-modal-wrap {
    width: 384px
}

.au-dialog .bn-modal-footer .bn-button {
    font-size: 14px;
    font-weight: 700
}

.tips-dialog .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.tips-dialog .bn-modal-footer .bn-button {
    font-size: 14px
}

.recommend-dialog .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.recommend-dialog .bn-modal-footer .bn-button {
    font-size: 14px
}

.ae-limit .bn-modal-wrap,.china-limit .bn-modal-wrap,.kz-ip-limit .bn-modal-wrap,.kz-limit .bn-modal-wrap {
    color: var(--color-PrimaryText);
    padding: 1.5rem;
    text-align: center
}

.ae-limit .bn-modal-footer .bn-button,.china-limit .bn-modal-footer .bn-button,.kz-ip-limit .bn-modal-footer .bn-button,.kz-limit .bn-modal-footer .bn-button {
    font-size: 14px
}

.leave-page-tips .bn-modal-wrap {
    width: auto!important
}

.leave-page-tips .bn-modal-content {
    max-height: 100%
}

.cookie-tips,.electron-tips {
    align-items: center;
    bottom: 0;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999
}

.electron-tips {
    line-height: 1.3
}

.mobile-tips {
    background: rgba(18,22,28,.9)
}

.mobile-fixed-tips,.mobile-tips {
    align-items: center;
    justify-content: space-between;
    line-height: 1.3;
    z-index: 9999
}

.mobile-fixed-tips {
    bottom: 0;
    height: 64px;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 0
}

.leave-iframe iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.register-input .bn-textField-input {
    font-size: 16px;
    font-weight: 500
}

.register-input input::-webkit-input-placeholder {
    color: var(--color-textThird);
    font-size: 16px;
    font-weight: 500
}

.rich-inline,.rich-inline div {
    display: inline
}

.video-modal .bn-modal-wrap {
    border-radius: 4px;
    height: auto;
    width: 840px
}

.video-modal .bn-drawer-wrap {
    border-radius: 0!important;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    max-height: 100vh!important;
    padding: 0;
    position: relative;
    width: 100vw
}

.bids-button-group {
    grid-gap: 16px;
    --color-btn: #eaecef;
    display: flex;
    gap: 16px;
    width: 100%
}

.bids-button-group.dark {
    --color-btn: #2b3139
}

.bids-button-group.mini .third-part-btn {
    border-color: var(--color-btn)
}

.bids-button-group #apple-login,.bids-button-group #google-login {
    overflow: hidden;
    position: relative
}

.bids-button-group #apple-login:hover .third-part-btn,.bids-button-group #google-login:hover .third-part-btn {
    background: var(--color-btn)
}

.bids-button-group:not(.mini) #apple-login,.bids-button-group:not(.mini) #google-login {
    flex: 1 1
}

.coin-list-content.no-active-underline .bn-tab__default {
    border-style: none
}

.coin-list-content .bn-tab-list .bn-tab {
    font-weight: 600
}

@media (max-width: 767px) {
    .coin-list-content .bn-tab-list {
        justify-content:center
    }
}

.faq-item-widget.active .faq-item-expand,.faq-item-widget:hover .faq-item-expand {
    color: #1e2329!important
}

.faq-item-widget .answer-link {
    word-wrap: break-word;
    color: var(--color-primary)
}

.faq-item-widget .list-item-content {
    display: block
}

.faq-item-widget .list-item-content:before {
    background-color: var(--color-textThird);
    border-radius: 100em;
    content: "";
    display: inline-block;
    height: 4px;
    margin-bottom: 2px;
    margin-right: 4px;
    width: 4px
}

.pc-bullet-wrap {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0
}

.pc-bullet-wrap .bullet {
    --tw-bg-opacity: 1;
    background-color: rgb(24 26 32/var(--tw-bg-opacity));
    color: var(--color-textWhite);
    opacity: .5
}

.pc-bullet-wrap:hover {
    background-color: rgba(0,0,0,.5)
}

.pc-bullet-wrap:hover .bullet {
    background-color: var(--color-textWhite);
    color: var(--color-textThird);
    opacity: 1
}

.download-tabs .bn-tab__default-breakline {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-width: 48px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center
}

.download-tabs .bn-tab__default-breakline:after {
    background-color: var(--color-primaryHover);
    background-image: none;
    height: 2px;
    left: 0;
    right: 0;
    transform: none;
    width: auto
}

@media (min-width: 1023px) {
    .download-tabs .bn-tab__default-breakline {
        font-size:16px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.bottom-cta.light {
    background-color: #fafafa!important
}

.bottom-cta.dark {
    background-color: #1e2329!important
}

.bottom-cta-login.light {
    background-color: #fafafa!important
}

.bottom-cta-login.dark {
    background-color: #1e2329!important
}

.social-tg:hover {
    background: linear-gradient(#2aabee,#229ed9)
}

.social-tg:hover svg {
    color: #eaecef!important
}

.virus_game_entry {
    cursor: pointer;
    position: fixed;
    z-index: 99
}

.virus_game_entry .virus_game_entry_title {
    background: linear-gradient(284.96deg,#fffcd6 -10.33%,#fffde2 89.6%);
    border-radius: 47.2621px;
    box-shadow: 0 6px 16px hsla(53,30%,71%,.16);
    color: #1e2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-top: -48px;
    padding: 8px 12px;
    text-shadow: 0 0 8px #faf7ef;
    z-index: 1
}

.referral_cpa_widget {
    align-items: center;
    background-color: var(--color-primaryHover);
    border-radius: 100em;
    display: flex;
    padding: 10px 12px;
    position: fixed;
    transition: all .2s linear;
    z-index: 99
}

@media (min-width: 767px) {
    .referral_cpa_widget:hover {
        right:24px!important
    }

    .referral_cpa_widget:hover .referralImgWrap {
        margin-right: 8px!important
    }

    .referral_cpa_widget:hover .referralTextWrap {
        display: block!important
    }
}

* {
    margin: 0;
    outline: 0;
    padding: 0
}

*,body {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    -webkit-touch-callout: none;
    backface-visibility: hidden;
    font-weight: 400;
    line-height: 1.5
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@keyframes zoom-in {
    0% {
        transform: scale(.95)
    }

    66% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    95%,to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    95%,to {
        opacity: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes spin-scaleY {
    0%,40%,to {
        transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1)
    }
}

@keyframes jump-scaleY {
    0% {
        transform: translateY(0) scaleY(1)
    }

    7.5% {
        transform: translateY(-120%) scaleY(2)
    }

    15%,35% {
        transform: translateY(-120%) scaleY(.5)
    }

    43.5% {
        transform: translateY(0) scaleY(2)
    }

    52.5%,72.5% {
        transform: translateY(120%) scaleY(.5)
    }

    80%,to {
        transform: translateY(0) scaleY(1)
    }
}

@keyframes blink {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.rc-upload {
    display: inline-flex
}

body {
    --animation-duration-fast: 100ms;
    --animation-duration-base: 250ms;
    --animation-duration-slow: 400ms;
    --zindex-mask: 10;
    --zindex-menu: 1000;
    --zindex-header: 1001;
    --zindex-dropdown: 1200;
    --zindex-modal: 1200;
    --zindex-backTop: 1225;
    --zindex-calendar: 1250;
    --zindex-mobilePop: 1275;
    --zindex-notification: 1300;
    --zindex-alert: 1350;
    --zindex-tooltip: 1400;
    --zindex-coachmark: 1400;
    --zindex-drawer: 9999;
    --radii-2xs: 2px;
    --radii-xs: 4px;
    --radii-s: 6px;
    --radii-m: 8px;
    --radii-l: 10px;
    --radii-2l: 12px;
    --radii-xl: 16px;
    --radii-2xl: 30px;
    --radii-circle: 100em;
    --space-7xs: -2px;
    --space-6xs: 0;
    --space-5xs: 2px;
    --space-4xs: 4px;
    --space-3xs: 5px;
    --space-2xs: 8px;
    --space-xs: 10px;
    --space-s: 12px;
    --space-m: 15px;
    --space-l: 20px;
    --space-xl: 24px;
    --space-2xl: 28px;
    --space-3xl: 32px;
    --space-4xl: 36px;
    --space-5xl: 40px;
    --space-mm: 16px;
    --scroll-pad: 2px;
    --scroll-size: 10px
}

body::-webkit-scrollbar-thumb:active {
    --scroll-pad: 0
}

body * {
    --scroll-size: 6px;
    --scroll-pad: 1px
}

body,body * {
    --scroll-bg: transparent;
    --scroll-color: var(--color-DisabledText)
}

body ::-webkit-scrollbar,body::-webkit-scrollbar {
    background-color: var(--scroll-bg);
    height: var(--scroll-size);
    width: var(--scroll-size)
}

body ::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--scroll-color);
    border-color: var(--scroll-bg);
    border-radius: 20px;
    border-style: solid;
    border-width: var(--scroll-pad)
}

body ::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner {
    background-color: var(--scroll-bg)
}

@supports not selector(*::-webkit-scrollbar-thumb) {
    body,body * {
        scrollbar-color: var(--scroll-color) var(--scroll-bg);
        scrollbar-width: thin
    }
}

@media only screen and (min-width: 768px) {
    body {
        --space-3xs:6px;
        --space-m: 16px
    }

    body::-webkit-scrollbar-thumb:hover {
        --scroll-pad: 0
    }
}

.theme-root {
    --shadow-shadow1: var(--shadow1-layer1),var(--shadow1-layer2);
    --shadow-shadow2: var(--shadow2-layer1),var(--shadow2-layer2),var(--shadow2-layer3);
    background: var(--color-BasicBg);
    color: var(--color-PrimaryText)
}

.theme-root.dark,.theme-root.midnight {
    --shadow1-layer1: 0px 0px 1px rgba(94,102,115,.8);
    --shadow1-layer2: 0px 3px 6px rgba(0,0,0,.04);
    --shadow2-layer1: -2px 0px 14px rgba(0,0,0,.4);
    --shadow2-layer2: 0px 0px 6px rgba(0,0,0,.2);
    --shadow2-layer3: inset 0px 0px 2px hsla(0,0%,100%,.2)
}

.theme-root.light {
    --shadow1-layer1: 0px 1px 6px rgba(24,26,32,.1);
    --shadow1-layer2: 0px 3px 6px rgba(71,77,87,.04);
    --shadow2-layer1: 0px 8px 32px rgba(17,17,26,.05);
    --shadow2-layer2: 0px 4px 16px rgba(17,17,26,.1);
    --shadow2-layer3: inset 0px 0px 0px transparent
}

@media only screen and (min-width: 768px) {
    .theme-root.dark,.theme-root.midnight {
        --shadow3-layer1:0px 16px 32px rgba(0,0,0,.16);
        --shadow3-layer2: 0px 8px 16px rgba(0,0,0,.16);
        --shadow3-layer3: inset 0px 0px 1px rgba(94,102,115,.9);
        --shadow-shadow3: var(--shadow3-layer1),var(--shadow3-layer2),var(--shadow3-layer3);
        --shadow-shadow4: 0px 8px 16px rgba(24,26,32,.16)
    }

    .theme-root.light {
        --shadow3-layer1: 0px 0px 1px rgba(24,26,32,.1);
        --shadow3-layer2: 0px 16px 32px rgba(71,77,87,.16);
        --shadow3-layer3: 0px 8px 16px rgba(24,26,32,.16);
        --shadow-shadow3: var(--shadow3-layer1),var(--shadow3-layer2),var(--shadow3-layer3);
        --shadow-shadow4: 0px 8px 16px rgba(24,26,32,.16)
    }
}

.theme-root.rtl {
    direction: rtl
}

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

.text-multiple1 {
    -webkit-line-clamp: 1
}

.text-multiple1,.text-multiple2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.text-multiple2 {
    -webkit-line-clamp: 2
}

.text-multiple3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.t-Headline1,.typography-Headline1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px
}

@media only screen and (min-width: 768px) {
    .t-Headline1,.typography-Headline1 {
        font-size:56px;
        font-weight: 600;
        line-height: 64px
    }
}

.t-Headline2,.typography-Headline2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-Headline2,.typography-Headline2 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-Headline3,.typography-Headline3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-Headline3,.typography-Headline3 {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.t-Headline4,.typography-Headline4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-Headline4,.typography-Headline4 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-Headline5,.typography-Headline5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Headline5,.typography-Headline5 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-Headline6,.typography-Headline6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Headline6,.typography-Headline6 {
        font-size:24px;
        font-weight: 600;
        line-height: 32px
    }
}

.t-Subtitle1,.typography-Subtitle1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle1,.typography-Subtitle1 {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.t-Subtitle2,.typography-Subtitle2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle2,.typography-Subtitle2 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Subtitle3,.typography-Subtitle3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle3,.typography-Subtitle3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-Subtitle4,.typography-Subtitle4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle4,.typography-Subtitle4 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-Subtitle5,.typography-Subtitle5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-Subtitle5,.typography-Subtitle5 {
        font-size:12px;
        font-weight: 500;
        line-height: 20px
    }
}

.t-Body1,.typography-Body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Body1,.typography-Body1 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-Body2,.typography-Body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Body2,.typography-Body2 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-Body3,.typography-Body3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Body3,.typography-Body3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Btn_link1,.typography-Btn_link1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link1,.typography-Btn_link1 {
        font-size:20px;
        line-height: 28px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link2,.typography-Btn_link2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link2,.typography-Btn_link2 {
        font-size:14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link3,.typography-Btn_link3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link3,.typography-Btn_link3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Btn_link4,.typography-Btn_link4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-Btn_link4,.typography-Btn_link4 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-Caption1,.typography-Caption1 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption1,.typography-Caption1 {
        font-size:12px;
        font-weight: 500;
        line-height: 16px
    }
}

.t-Caption2,.typography-Caption2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption2,.typography-Caption2 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px
    }
}

.t-Caption3,.typography-Caption3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption3,.typography-Caption3 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Caption4,.typography-Caption4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-Caption4,.typography-Caption4 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-Primary_num1,.typography-Primary_num1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num1,.typography-Primary_num1 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-Primary_num2,.typography-Primary_num2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num2,.typography-Primary_num2 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-Primary_num3,.typography-Primary_num3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .t-Primary_num3,.typography-Primary_num3 {
        font-size:24px;
        font-weight: 600;
        line-height: 32px
    }
}

.t-Secondary_num1,.typography-Secondary_num1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num1,.typography-Secondary_num1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Secondary_num2,.typography-Secondary_num2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num2,.typography-Secondary_num2 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-Secondary_num3,.typography-Secondary_num3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-Secondary_num3,.typography-Secondary_num3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-Tertiary_num1,.typography-Tertiary_num1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num1,.typography-Tertiary_num1 {
        font-size:14px;
        font-weight: 500;
        line-height: 20px
    }
}

.t-Tertiary_num2,.typography-Tertiary_num2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num2,.typography-Tertiary_num2 {
        font-size:12px;
        font-weight: 500;
        line-height: 16px
    }
}

.t-Tertiary_num3,.typography-Tertiary_num3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-Tertiary_num3,.typography-Tertiary_num3 {
        font-size:12px;
        font-weight: 400;
        line-height: 16px
    }
}

.t-title1,.typography-title1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-title1,.typography-title1 {
        font-size:56px;
        font-weight: 600;
        line-height: 72px
    }
}

.t-title2,.typography-title2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-title2,.typography-title2 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-headline0,.typography-headline0 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-headline0,.typography-headline0 {
        font-size:44px;
        font-weight: 600;
        line-height: 52px
    }
}

.t-headline1,.typography-headline1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-headline1,.typography-headline1 {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.t-headline2,.typography-headline2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-headline2,.typography-headline2 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-headline2-1,.typography-headline2-1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-headline2-1,.typography-headline2-1 {
        font-size:30px;
        font-weight: 600;
        line-height: 38px
    }
}

.t-headline3,.typography-headline3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-headline3,.typography-headline3 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-headline4,.typography-headline4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-headline4,.typography-headline4 {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }
}

.t-headline5,.typography-headline5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-headline5,.typography-headline5 {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.t-subtitle4,.typography-subtitle4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-subtitle4,.typography-subtitle4 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-subtitle5,.typography-subtitle5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-subtitle5,.typography-subtitle5 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-subtitle6,.typography-subtitle6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-subtitle6,.typography-subtitle6 {
        font-size:16px;
        font-weight: 600;
        line-height: 24px
    }
}

.t-subtitle1,.typography-subtitle1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-subtitle1,.typography-subtitle1 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-subtitle2,.typography-subtitle2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-subtitle2,.typography-subtitle2 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-subtitle3,.typography-subtitle3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-subtitle3,.typography-subtitle3 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-body1,.typography-body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-body1,.typography-body1 {
        font-size:20px;
        font-weight: 400;
        line-height: 28px
    }
}

.t-body1-1,.typography-body1-1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-body1-1,.typography-body1-1 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-body2,.typography-body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-body2,.typography-body2 {
        font-size:16px;
        font-weight: 400;
        line-height: 24px
    }
}

.t-body3,.typography-body3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-body3,.typography-body3 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.t-body4,.typography-body4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-body4,.typography-body4 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-body5,.typography-body5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-body5,.typography-body5 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.t-btnLink1,.typography-btnLink1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink1,.typography-btnLink1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink2,.typography-btnLink2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink2,.typography-btnLink2 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink3,.typography-btnLink3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink3,.typography-btnLink3 {
        font-size:14px;
        font-weight: 400;
        line-height: 22px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink4,.typography-btnLink4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink4,.typography-btnLink4 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-btnLink5,.typography-btnLink5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

@media only screen and (min-width: 768px) {
    .t-btnLink5,.typography-btnLink5 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px;
        text-decoration-color: currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }
}

.t-caption0,.typography-caption0 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-caption0,.typography-caption0 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-caption1,.typography-caption1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-caption1,.typography-caption1 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-caption2,.typography-caption2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-caption2,.typography-caption2 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-caption3,.typography-caption3 {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .t-caption3,.typography-caption3 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-content1,.typography-content1 {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content1,.typography-content1 {
        font-size:15px;
        font-weight: 600;
        line-height: 21px
    }
}

.t-content2,.typography-content2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content2,.typography-content2 {
        font-size:15px;
        font-weight: 500;
        line-height: 21px
    }
}

.t-content3,.typography-content3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

@media only screen and (min-width: 768px) {
    .t-content3,.typography-content3 {
        font-size:15px;
        font-weight: 400;
        line-height: 21px
    }
}

.t-content4,.typography-content4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-content4,.typography-content4 {
        font-size:14px;
        font-weight: 600;
        line-height: 20px
    }
}

.t-content5,.typography-content5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .t-content5,.typography-content5 {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.t-primaryNum0,.typography-primaryNum0 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum0,.typography-primaryNum0 {
        font-size:48px;
        font-weight: 600;
        line-height: 56px
    }
}

.t-primaryNum1,.typography-primaryNum1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum1,.typography-primaryNum1 {
        font-size:36px;
        font-weight: 600;
        line-height: 44px
    }
}

.t-primaryNum1-1,.typography-primaryNum1-1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum1-1,.typography-primaryNum1-1 {
        font-size:32px;
        font-weight: 600;
        line-height: 40px
    }
}

.t-primaryNum2,.typography-primaryNum2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum2,.typography-primaryNum2 {
        font-size:28px;
        font-weight: 600;
        line-height: 36px
    }
}

.t-primaryNum3,.typography-primaryNum3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-primaryNum3,.typography-primaryNum3 {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }
}

.t-secondaryNum1,.typography-secondaryNum1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum1,.typography-secondaryNum1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.t-secondaryNum2,.typography-secondaryNum2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum2,.typography-secondaryNum2 {
        font-size:18px;
        font-weight: 500;
        line-height: 26px
    }
}

.t-secondaryNum3,.typography-secondaryNum3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .t-secondaryNum3,.typography-secondaryNum3 {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.t-tertiaryNum1,.typography-tertiaryNum1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum1,.typography-tertiaryNum1 {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }
}

.t-tertiaryNum2,.typography-tertiaryNum2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum2,.typography-tertiaryNum2 {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }
}

.t-tertiaryNum3,.typography-tertiaryNum3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .t-tertiaryNum3,.typography-tertiaryNum3 {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.t-strong01,.typography-strong01 {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-strong01,.typography-strong01 {
        font-size:56px;
        font-weight: 900;
        line-height: 72px
    }
}

.t-strong0,.typography-strong0 {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px
}

@media only screen and (min-width: 768px) {
    .t-strong0,.typography-strong0 {
        font-size:40px;
        font-weight: 900;
        line-height: 48px
    }
}

.t-strong1,.typography-strong1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 36px
}

@media only screen and (min-width: 768px) {
    .t-strong1,.typography-strong1 {
        font-size:28px;
        font-weight: 900;
        line-height: 36px
    }
}

.t-strong2,.typography-strong2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 34px
}

@media only screen and (min-width: 768px) {
    .t-strong2,.typography-strong2 {
        font-size:24px;
        font-weight: 900;
        line-height: 34px
    }
}

.t-strong3,.typography-strong3 {
    font-size: 22px;
    font-weight: 900;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .t-strong3,.typography-strong3 {
        font-size:22px;
        font-weight: 900;
        line-height: 32px
    }
}

.bn-svg {
    font-size: inherit;
    height: 1em;
    width: 1em
}

.bn-flex {
    display: flex
}

.bn-grid {
    display: grid
}

.bn-lazy-img {
    overflow: hidden;
    position: relative
}

.bn-lazy-img.data-round {
    border-radius: var(--radii-circle)
}

.bn-lazy-img.data-lazy-load {
    background-color: rgba(0,0,0,.03)
}

.bn-lazy-img.data-mode-scaleToFill {
    -o-object-fit: fill;
    object-fit: fill
}

.bn-lazy-img.data-mode-aspectFit {
    -o-object-fit: contain;
    object-fit: contain
}

.bn-lazy-img.data-mode-aspectFill {
    -o-object-fit: cover;
    object-fit: cover
}

.bn-lazy-img.data-mode-widthFix {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 100%
}

.bn-lazy-img.data-mode-heightFix {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.bn-lazy-img.data-mode-top {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top;
    object-position: top
}

.bn-lazy-img.data-mode-bottom {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom;
    object-position: bottom
}

.bn-lazy-img.data-mode-center {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center
}

.bn-lazy-img.data-mode-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: left;
    object-position: left
}

.bn-lazy-img.data-mode-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: right;
    object-position: right
}

.bn-lazy-img.data-mode-top-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top left;
    object-position: top left
}

.bn-lazy-img.data-mode-top-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top right;
    object-position: top right
}

.bn-lazy-img.data-mode-bottom-left {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom left;
    object-position: bottom left
}

.bn-lazy-img.data-mode-bottom-right {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom right;
    object-position: bottom right
}

.bn-lazy-img.data-mask:hover:after {
    background-color: rgba(0,0,0,.08);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bn-trans {
    opacity: 0;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    visibility: hidden
}

.bn-trans.data-seo {
    display: none
}

.bn-trans.data-show {
    opacity: 1;
    visibility: visible
}

.bn-bubble-web.web-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-bubble-web[data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -3px
}

.bn-bubble-web[data-popper-placement^=top]>[data-popper-arrow]:before {
    transform: rotate(45deg)
}

.bn-bubble-web[data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -3px
}

.bn-bubble-web[data-popper-placement^=bottom]>[data-popper-arrow]:before {
    transform: rotate(225deg)
}

.bn-bubble-web[data-popper-placement^=left]>[data-popper-arrow] {
    right: -3px
}

.bn-bubble-web[data-popper-placement^=left]>[data-popper-arrow]:before {
    transform: rotate(-45deg)
}

.bn-bubble-web[data-popper-placement^=right]>[data-popper-arrow] {
    left: -3px
}

.bn-bubble-web[data-popper-placement^=right]>[data-popper-arrow]:before {
    transform: rotate(135deg)
}

.bn-bubble-web-arrow {
    visibility: hidden
}

.bn-bubble-web-arrow,.bn-bubble-web-arrow:before {
    background: linear-gradient(-45deg,var(--color-arrow) 0,var(--color-arrow) 50%,transparent 50%,transparent 100%);
    height: 6px;
    position: absolute;
    width: 6px
}

.bn-bubble-web-arrow[data-hide]:before {
    visibility: hidden
}

.bn-bubble-web-arrow:before {
    content: "";
    transform: rotate(45deg);
    visibility: visible
}

.bn-bubble-web .bn-bubble-content {
    width: 100%
}

.bn-bubble {
    --color-arrow: var(--color-PrimaryYellow);
    color: var(--color-TextOnYellow);
    cursor: auto;
    display: inline-flex;
    position: relative
}

.bn-bubble,.bn-bubble.data-font-12 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-bubble.data-shadow>.bn-bubble-arrow-shadow,.bn-bubble.data-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-bubble__secondary {
    --color-arrow: var(--color-Input);
    color: var(--color-SecondaryText)
}

.bn-bubble__gray {
    --color-arrow: var(--color-PrimaryText);
    color: var(--color-SecondaryBg)
}

.bn-bubble__normal,.bn-bubble__unset {
    --color-arrow: var(--color-CardBg);
    color: var(--color-PrimaryText)
}

.bn-bubble__normal-unset>.bn-bubble-content {
    max-width: none;
    padding: 0
}

.bn-bubble__info {
    --color-arrow: var(--color-Line);
    color: var(--color-TertiaryText)
}

.bn-bubble__warn {
    --color-arrow: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-bubble__success {
    --color-arrow: var(--color-SuccessBg);
    color: var(--color-Success)
}

.bn-bubble__error {
    --color-arrow: var(--color-ErrorBg);
    color: var(--color-Error)
}

.bn-bubble-arrow,.bn-bubble-arrow-shadow {
    background: linear-gradient(-45deg,transparent 0,transparent 45%,var(--color-arrow) 45.1%,var(--color-arrow) 100%);
    height: 6px;
    position: absolute;
    width: 6px
}

.bn-bubble-arrow {
    box-shadow: none;
    z-index: 2
}

.bn-bubble-content {
    background-color: var(--color-arrow);
    border-radius: var(--radii-xs);
    max-width: 320px;
    padding: var(--space-4xs) var(--space-2xs);
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .bn-bubble {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-bubble.data-font-12 {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-bubble__gray {
        color: var(--color-RedGreenBgText)
    }
}

.bn-spinner {
    fill: var(--color-TertiaryText);
    stroke: var(--color-TertiaryText);
    display: inline-flex;
    font-size: 48px;
    position: relative
}

.bn-spinner__nezha {
    grid-gap: 4px;
    align-items: center;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    padding: var(--space-m)
}

.bn-spinner__nezha>.nezha-line {
    animation: jump-scaleY 1.5s linear infinite;
    background-color: var(--color-BtnBg);
    height: 8px;
    transform-origin: top;
    width: 4px
}

.bn-spinner>svg {
    height: 1em;
    width: 1em
}

.bn-spinner svg.css {
    animation: spin 1.8s linear infinite
}

.bn-spinner circle.css {
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2.2;
    stroke-linecap: round;
    animation: spin-dash 1.5s ease-in-out infinite
}

.bn-button {
    grid-gap: var(--space-3xs);
    --button-bg: var(--color-BtnBg);
    --button-color: var(--color-TextOnYellow);
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--button-bg);
    border: none;
    border-radius: var(--radii-s);
    color: var(--button-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: var(--space-3xs);
    height: 40px;
    justify-content: center;
    line-height: 24px;
    min-height: 40px;
    min-width: 72px;
    outline: none;
    overflow: hidden;
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    word-break: break-all
}

.bn-button.active:not(.inactive),.bn-button:active:not(.inactive):not([disabled]),.bn-button:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-PrimaryYellow)
}

.bn-button:disabled:not(.inactive),.bn-button[disabled]:not(.inactive) {
    --button-bg: var(--color-DisableBtn);
    --button-color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-button.inactive {
    cursor: not-allowed;
    opacity: .3
}

.bn-button.data-two-line {
    grid-gap: 0;
    flex-direction: column;
    gap: 0;
    line-height: 16px
}

.bn-button .bn-spinner__nezha {
    grid-gap: 3px;
    gap: 3px;
    height: 24px;
    padding: 0 var(--space-2xs)
}

.bn-button .bn-spinner__nezha>.nezha-line {
    background-color: var(--button-color);
    height: 5px;
    width: 3px
}

.bn-button.data-size-huge {
    border-radius: var(--radii-m);
    font-size: 20px;
    font-weight: 500;
    height: 56px;
    line-height: 28px;
    min-height: 56px;
    min-width: 96px;
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.bn-button.data-size-huge .bn-spinner__nezha {
    height: 26px
}

.bn-button.data-size-huge.bn-button__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.bn-button.data-size-huge.bn-button__icon {
    border-radius: 18px;
    min-width: 56px;
    padding: 0;
    width: 56px
}

.bn-button.data-size-huge.bn-button__icon svg {
    height: 32px;
    width: 32px
}

.bn-button.data-size-huge-two-line {
    line-height: 20px
}

.bn-button.data-size-large {
    border-radius: var(--radii-m);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    min-height: 48px;
    min-width: 80px
}

.bn-button.data-size-large .bn-spinner__nezha {
    height: 26px
}

.bn-button.data-size-large.bn-button__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.bn-button.data-size-large.bn-button__icon {
    border-radius: var(--radii-xl);
    min-width: 48px;
    padding: 0;
    width: 48px
}

.bn-button.data-size-large.bn-button__icon svg {
    height: 28px;
    width: 28px
}

.bn-button.data-size-large-two-line {
    line-height: 18px
}

.bn-button.data-size-regular {
    border-radius: var(--radii-s);
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 22px;
    min-height: 36px;
    min-width: 64px;
    padding-left: var(--space-m);
    padding-right: var(--space-m)
}

.bn-button.data-size-regular.bn-button__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-button.data-size-regular.bn-button__icon {
    border-radius: var(--radii-l);
    min-width: 36px;
    padding: 0;
    width: 36px
}

.bn-button.data-size-regular.bn-button__icon svg {
    height: 20px;
    width: 20px
}

.bn-button.data-size-regular-two-line {
    line-height: 14px
}

.bn-button.data-size-small {
    border-radius: var(--radii-xs);
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 22px;
    min-height: 32px;
    min-width: 52px;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.bn-button.data-size-small.bn-button__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-button.data-size-small.bn-button__icon {
    border-radius: var(--radii-m);
    min-width: 32px;
    padding: 0;
    width: 32px
}

.bn-button.data-size-small.bn-button__icon svg {
    height: 20px;
    width: 20px
}

.bn-button.data-size-small-two-line {
    line-height: 12px
}

.bn-button.data-size-tiny {
    border-radius: var(--radii-xs);
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 18px;
    min-height: 24px;
    min-width: 40px;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.bn-button.data-size-tiny .bn-spinner__nezha {
    height: 16px
}

.bn-button.data-size-tiny.bn-button__info {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-button.data-size-tiny.bn-button__icon {
    border-radius: var(--radii-m);
    min-width: 24px;
    padding: 0;
    width: 24px
}

.bn-button.data-size-tiny.bn-button__icon svg {
    height: 16px;
    width: 16px
}

.bn-button.data-size-tiny-two-line {
    line-height: 9px
}

@media only screen and (min-width: 768px) {
    .bn-button.data-size-huge {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-button.data-size-huge-two-line {
        line-height: 20px
    }

    .bn-button.data-size-large {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-button.data-size-large .bn-spinner__nezha {
        height: 24px
    }

    .bn-button.data-size-large-two-line {
        line-height: 18px
    }

    .bn-button.data-size-regular {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-button.data-size-regular-two-line {
        line-height: 14px
    }

    .bn-button.data-size-small {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-button.data-size-small-two-line {
        line-height: 12px
    }

    .bn-button.data-size-tiny {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-button.data-size-tiny-two-line {
        line-height: 9px
    }
}

.bn-button__secondary {
    --button-bg: var(--color-Line);
    --button-color: var(--color-PrimaryText)
}

.bn-button__secondary.active:not(.inactive),.bn-button__secondary:active:not(.inactive):not([disabled]),.bn-button__secondary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-DisableBtn)
}

.bn-button__round {
    --button-bg: var(--color-Input);
    --button-color: var(--color-TextLink);
    border-radius: var(--radii-circle)
}

.bn-button__round.active:not(.inactive),.bn-button__round:active:not(.inactive):not([disabled]),.bn-button__round:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-Line);
    --button-color: var(--color-PrimaryYellow)
}

.bn-button__text,.bn-button__text[class*=data-size-] {
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding-left: 0;
    padding-right: 0
}

.bn-button__text.inactive,.bn-button__text:disabled:not(.inactive),.bn-button__text[disabled]:not(.inactive) {
    --button-bg: transparent;
    --button-color: var(--color-DisableText)
}

.bn-button__text__yellow {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__text__yellow.active:not(.inactive),.bn-button__text__yellow:active:not(.inactive):not([disabled]),.bn-button__text__yellow:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryYellow)
}

.bn-button__text__black {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText)
}

.bn-button__text__black.active:not(.inactive),.bn-button__text__black:active:not(.inactive):not([disabled]),.bn-button__text__black:focus:not(.inactive):not([disabled]),.bn-button__text__gray,.bn-button__text__gray.active:not(.inactive),.bn-button__text__gray:active:not(.inactive):not([disabled]),.bn-button__text__gray:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

.bn-button__buy {
    --button-bg: var(--color-Buy);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__buy.active:not(.inactive),.bn-button__buy:active:not(.inactive):not([disabled]),.bn-button__buy:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-BuyHover)
}

.bn-button__sell {
    --button-bg: var(--color-Sell);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__sell.active:not(.inactive),.bn-button__sell:active:not(.inactive):not([disabled]),.bn-button__sell:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-SellHover)
}

.bn-button__gray {
    --button-bg: var(--color-TextOnYellow);
    --button-color: var(--color-RedGreenBgText)
}

.bn-button__icon {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText);
    border: 1px solid var(--color-Line);
    border-radius: 14px;
    min-width: 40px;
    padding: 0;
    width: 40px
}

.bn-button__icon.active:not(.inactive),.bn-button__icon:active:not(.inactive):not([disabled]),.bn-button__icon:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent
}

.bn-button__icon svg {
    height: 24px;
    width: 24px
}

.bn-button__icon__primary {
    --button-bg: var(--color-BtnBg);
    --button-color: var(--color-TextOnYellow);
    border: none
}

.bn-button__icon__primary.active:not(.inactive),.bn-button__icon__primary:active:not(.inactive):not([disabled]),.bn-button__icon__primary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-PrimaryYellow)
}

.bn-button__icon__secondary {
    --button-bg: var(--color-Line);
    border: none
}

.bn-button__icon__secondary.active:not(.inactive),.bn-button__icon__secondary:active:not(.inactive):not([disabled]),.bn-button__icon__secondary:focus:not(.inactive):not([disabled]) {
    --button-bg: var(--color-DisableText)
}

.bn-button__info {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative
}

.bn-button__info.bn-button {
    border-radius: 0;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: -webkit-fit-content;
    min-height: fit-content;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding: 0
}

.bn-button__info:after {
    background-image: linear-gradient(to right,var(--color-PrimaryText) 50%,transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 1px;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(.5)
}

.bn-button__info.active:not(.inactive),.bn-button__info:active:not(.inactive):not([disabled]),.bn-button__info:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-PrimaryText)
}

.bn-button__info.inactive,.bn-button__info:disabled:not(.inactive),.bn-button__info[disabled]:not(.inactive) {
    --button-bg: transparent;
    --button-color: var(--color-DisableText)
}

.bn-button__info.inactive:after,.bn-button__info:disabled:not(.inactive):after,.bn-button__info[disabled]:not(.inactive):after {
    background-image: linear-gradient(to right,var(--color-DisableText) 50%,transparent 50%)
}

.bn-button__info__yellow {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__info__yellow:after {
    background-image: linear-gradient(to right,var(--color-TextLink) 50%,transparent 50%)
}

.bn-button__info__yellow.active:not(.inactive),.bn-button__info__yellow:active:not(.inactive):not([disabled]),.bn-button__info__yellow:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-TextLink)
}

.bn-button__info__gray {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

.bn-button__info__gray:after {
    background-image: linear-gradient(to right,var(--color-SecondaryText) 50%,transparent 50%)
}

.bn-button__info__gray.active:not(.inactive),.bn-button__info__gray:active:not(.inactive):not([disabled]),.bn-button__info__gray:focus:not(.inactive):not([disabled]) {
    --button-bg: transparent;
    --button-color: var(--color-SecondaryText)
}

@media only screen and (min-width: 768px) {
    .bn-button {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-button:hover:not(.inactive):not([disabled]) {
        opacity: .8
    }

    .bn-button .bn-spinner__nezha {
        height: 20px
    }

    .bn-button__secondary:hover:not(.inactive):not([disabled]) {
        opacity: .8
    }

    .bn-button__secondary.active:not(.inactive),.bn-button__secondary:active:not(.inactive):not([disabled]),.bn-button__secondary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-DisableText)
    }

    .bn-button__round:hover:not(.inactive) {
        --button-color: var(--color-PrimaryYellow);
        opacity: 1
    }

    .bn-button__text__yellow:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-BtnBg);
        opacity: 1
    }

    .bn-button__text__black:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText);
        opacity: 1
    }

    .bn-button__text__gray,.bn-button__text__gray.active:not(.inactive),.bn-button__text__gray:active:not(.inactive):not([disabled]),.bn-button__text__gray:focus:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText)
    }

    .bn-button__icon {
        border: 1px solid var(--color-InputLine)
    }

    .bn-button__icon:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-Input);
        opacity: 1
    }

    .bn-button__icon.active:not(.inactive),.bn-button__icon:active:not(.inactive):not([disabled]),.bn-button__icon:focus:not(.inactive):not([disabled]) {
        --button-bg: transparent
    }

    .bn-button__icon__primary {
        border: none
    }

    .bn-button__icon__primary:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-BtnBg);
        opacity: .8
    }

    .bn-button__icon__primary.active:not(.inactive),.bn-button__icon__primary:active:not(.inactive):not([disabled]),.bn-button__icon__primary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-PrimaryYellow)
    }

    .bn-button__icon__secondary {
        border: none
    }

    .bn-button__icon__secondary:hover:not(.inactive):not([disabled]) {
        --button-bg: var(--color-Line);
        opacity: .8
    }

    .bn-button__icon__secondary.active:not(.inactive),.bn-button__icon__secondary:active:not(.inactive):not([disabled]),.bn-button__icon__secondary:focus:not(.inactive):not([disabled]) {
        --button-bg: var(--color-DisableText)
    }

    .bn-button__info {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-button__info:after {
        height: 1px
    }

    .bn-button__info__black:hover:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText);
        opacity: 1
    }

    .bn-button__info__gray {
        --button-color: var(--color-TertiaryText)
    }

    .bn-button__info__gray:after {
        background-image: linear-gradient(to right,var(--color-TertiaryText) 50%,transparent 50%)
    }

    .bn-button__info__gray.active:not(.inactive),.bn-button__info__gray:active:not(.inactive):not([disabled]),.bn-button__info__gray:focus:not(.inactive):not([disabled]) {
        --button-color: var(--color-TertiaryText)
    }
}

.bn-progress__bar {
    border-radius: var(--radii-circle);
    min-height: 10px;
    overflow: hidden;
    position: relative
}

.bn-progress__bar .bar-inner {
    border-radius: var(--radii-circle);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: width
}

.bn-progress__circle {
    display: inline-flex;
    position: relative
}

.bn-progress__circle svg {
    height: 100px;
    width: 100px
}

.bn-progress__number {
    align-items: center;
    display: inline-flex;
    min-height: .8em
}

.bn-loading {
    grid-gap: var(--space-2xs);
    align-items: center;
    background-color: var(--color-ToastBg);
    border-radius: var(--radii-2l);
    color: var(--color-RedGreenBgText);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    gap: var(--space-2xs);
    justify-content: center;
    line-height: 22px;
    padding: var(--space-mm);
    text-align: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-loading__primary,.bn-loading__secondary {
    background-color: transparent;
    position: relative
}

.bn-loading__primary .bn-loading-box,.bn-loading__secondary .bn-loading-box {
    background: var(--color-ToastBg);
    border-radius: var(--radii-m);
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 44px
}

.bn-loading__primary .bn-spinner__nezha {
    grid-gap: 3px;
    gap: 3px
}

.bn-loading__primary .bn-spinner__nezha>.nezha-line {
    height: 6px;
    width: 3px
}

.bn-loading__circle-secondary,.bn-loading__secondary {
    padding: 0
}

.bn-loading__circle-secondary {
    background-color: transparent
}

.bn-loading__circle-secondary .bn-loading-message {
    display: none
}

.bn-loading-bar {
    grid-gap: var(--space-3xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs)
}

.bn-loading-bar-progress {
    height: 4px;
    min-height: 4px;
    width: 75px
}

.bn-loading-circle {
    display: flex;
    position: relative
}

.bn-loading-circle-percent {
    color: var(--color-RedGreenBgText);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.bn-loading-circle-progress svg {
    height: 100%;
    width: 100%
}

.bn-loading-dot {
    grid-gap: var(--space-3xs);
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs)
}

.bn-loading-dot-progress {
    grid-gap: 1px;
    display: flex;
    gap: 1px;
    justify-content: center;
    width: 75px
}

.bn-loading-dot-progress>* {
    background: var(--color-SecondaryText);
    border-radius: var(--radii-circle);
    height: 4px;
    width: 4px
}

.bn-loading-dot-progress>.active {
    background: var(--color-TextOnGray)
}

.bn-loading-message {
    color: var(--color-RedGreenBgText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 84px
}

@media only screen and (min-width: 768px) {
    .bn-loading {
        background-color:var(--color-TertiaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-loading-message {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .bn-loading__circle-secondary,.bn-loading__primary,.bn-loading__secondary {
        background-color: transparent
    }
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual .bn-web-table-row:not(tr) {
    background: var(--color-BasicBg);
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    align-items: center;
    background: inherit;
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 56px;
    line-height: 22px;
    padding: 0 var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):last-child,[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell):last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-cell-row-hover {
    background: var(--color-Vessel)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-expand-icon-col,.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell).bn-web-table-row-expand-icon-cell {
    color: var(--color-IconNormal);
    flex: 0 0 32px;
    justify-content: center;
    padding: 0;
    width: 32px
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell div.bn-web-table-cell {
    background: var(--color-SecondaryBg)
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    left: 0
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    right: 0
}

[dir=ltr] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    border-right: none
}

[dir=rtl] .bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    border-left: none
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-expanded-row>div.bn-web-table-cell.bn-web-table-expanded-row-cell-fixed {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    width: var(--virtual-width)
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-horizontal {
    height: 4px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-vertical {
    width: 4px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual-scrollbar-thumb {
    background: var(--color-DisableText)!important;
    border-radius: 20px!important
}

.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell-fix-left,.bn-web-table-wrapper .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell-fix-right {
    position: -webkit-sticky;
    position: sticky
}

.bn-web-table {
    --table-vertical-padding-s: 12px;
    --table-vertical-padding: 18px;
    --table-horizontal-padding: 16px;
    --table-horizontal-padding-ends: 16px;
    border-bottom: 1px solid var(--color-Line);
    transition: opacity .3s ease
}

.bn-web-table,.bn-web-table-wrapper {
    position: relative
}

.bn-web-table-wrapper__row-middle .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    font-size: 12px;
    font-weight: 400;
    height: 48px;
    line-height: 18px
}

.bn-web-table-wrapper__row-small .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell:not(div.bn-web-table-expanded-row-cell) {
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 18px
}

.bn-web-table-wrapper__row-middle .bn-web-table thead td,.bn-web-table-wrapper__row-middle .bn-web-table thead th {
    --table-vertical-padding-s: 0;
    height: 32px
}

.bn-web-table-wrapper__row-middle .bn-web-table tbody td,.bn-web-table-wrapper__row-middle .bn-web-table tbody th {
    --table-vertical-padding: 0;
    font-size: 12px;
    font-weight: 400;
    height: 48px;
    line-height: 18px
}

.bn-web-table-wrapper__row-small .bn-web-table thead td,.bn-web-table-wrapper__row-small .bn-web-table thead th {
    --table-vertical-padding-s: 0;
    height: 32px
}

.bn-web-table-wrapper__row-small .bn-web-table tbody td,.bn-web-table-wrapper__row-small .bn-web-table tbody th {
    --table-vertical-padding: 0;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 18px
}

.bn-web-table-wrapper__padding-compact .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-web-table-wrapper__padding-hybrid .bn-web-table-virtual .bn-web-table-tbody-virtual div.bn-web-table-cell {
    --table-horizontal-padding: 8px
}

.bn-web-table-wrapper__padding-compact .bn-web-table tbody td,.bn-web-table-wrapper__padding-compact .bn-web-table tbody th,.bn-web-table-wrapper__padding-compact .bn-web-table thead td,.bn-web-table-wrapper__padding-compact .bn-web-table thead th {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-web-table-wrapper__padding-hybrid .bn-web-table tbody td,.bn-web-table-wrapper__padding-hybrid .bn-web-table tbody th,.bn-web-table-wrapper__padding-hybrid .bn-web-table thead td,.bn-web-table-wrapper__padding-hybrid .bn-web-table thead th {
    --table-horizontal-padding: 8px
}

.bn-web-table-wrapper__empty .bn-web-table {
    border-bottom: none
}

.bn-web-table-wrapper__line>.bn-web-table thead tr {
    background: var(--color-BasicBg);
    border-bottom: 1px solid var(--color-Line)
}

.bn-web-table-wrapper__line>.bn-web-table .bn-web-table-title {
    border-bottom: 1px solid var(--color-Line);
    border-top: none
}

.bn-web-table-wrapper__separate>.bn-web-table {
    border-bottom: none
}

.bn-web-table-wrapper__separate>.bn-web-table thead tr {
    background: transparent
}

.bn-web-table-wrapper__separate>.bn-web-table .bn-web-table-title {
    border: none
}

.bn-web-table [class^=bn-web-table][aria-hidden] {
    border: none!important;
    visibility: hidden!important
}

.bn-web-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.bn-web-table-wrapper__separate>.bn-web-table table {
    border-collapse: separate
}

.bn-web-table thead tr {
    background: var(--color-SecondaryBg);
    border: none
}

[dir=ltr] .bn-web-table thead td,[dir=ltr] .bn-web-table thead th {
    text-align: left
}

[dir=rtl] .bn-web-table thead td,[dir=rtl] .bn-web-table thead th {
    text-align: right
}

.bn-web-table thead td,.bn-web-table thead th {
    background: inherit;
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: var(--table-vertical-padding-s) var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table thead td:first-child,[dir=ltr] .bn-web-table thead th:first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table thead td:last-child,[dir=ltr] .bn-web-table thead th:last-child,[dir=rtl] .bn-web-table thead td:first-child,[dir=rtl] .bn-web-table thead th:first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table thead td:last-child,[dir=rtl] .bn-web-table thead th:last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper__separate>.bn-web-table thead td:first-child,.bn-web-table-wrapper__separate>.bn-web-table thead td:last-child,.bn-web-table-wrapper__separate>.bn-web-table thead th:first-child,.bn-web-table-wrapper__separate>.bn-web-table thead th:last-child {
    --table-horizontal-padding-ends: 20px
}

.bn-web-table-body {
    --scroll-pad: 1px!important;
    --scroll-size: 6px!important
}

.bn-web-table tbody tr {
    background: var(--color-BasicBg)
}

.bn-web-table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid var(--color-Line)
}

.bn-web-table tbody tr.bn-web-table-row:hover {
    background: var(--color-Vessel)
}

.bn-web-table tbody td {
    background: inherit;
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--table-vertical-padding) var(--table-horizontal-padding);
    position: relative;
    white-space: normal;
    word-break: break-word
}

[dir=ltr] .bn-web-table tbody td:first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-web-table tbody td:last-child,[dir=rtl] .bn-web-table tbody td:first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-web-table tbody td:last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

.bn-web-table-wrapper__separate>.bn-web-table tbody tr {
    background: transparent;
    border: none
}

.bn-web-table-wrapper__separate>.bn-web-table tbody td:first-child,.bn-web-table-wrapper__separate>.bn-web-table tbody th:first-child {
    --table-horizontal-padding-ends: 20px;
    border-bottom-left-radius: var(--radii-m);
    border-top-left-radius: var(--radii-m)
}

.bn-web-table-wrapper__separate>.bn-web-table tbody td:last-child,.bn-web-table-wrapper__separate>.bn-web-table tbody th:last-child {
    --table-horizontal-padding-ends: 20px;
    border-bottom-right-radius: var(--radii-m);
    border-top-right-radius: var(--radii-m)
}

.bn-web-table-cell.bn-web-table-cell-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-web-table-cell-fix-left {
    z-index: 1
}

.bn-web-table-cell-fix-left-first:after,.bn-web-table-cell-fix-left-last:after {
    bottom: -1px;
    content: "";
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 0;
    transform: translateX(100%);
    transition: box-shadow .3s;
    width: 20px
}

.bn-web-table-cell-fix-right {
    z-index: 1
}

.bn-web-table-cell-fix-right-first:after,.bn-web-table-cell-fix-right-last:after {
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: box-shadow .3s;
    width: 20px
}

.bn-web-table-ping-left .bn-web-table-cell-fix-left-first:after,.bn-web-table-ping-left .bn-web-table-cell-fix-left-last:after {
    box-shadow: inset 5px 0 12px -4px var(--color-Line)
}

.bn-web-table-ping-right .bn-web-table-cell-fix-right-first:after,.bn-web-table-ping-right .bn-web-table-cell-fix-right-last:after {
    box-shadow: inset -5px 0 12px -4px var(--color-Line)
}

.bn-web-table-placeholder {
    position: relative;
    text-align: center
}

.bn-web-table-placeholder .bn-web-table-cell {
    padding: var(--table-vertical-padding) 0
}

.bn-web-table tbody .bn-web-table-row-expand-icon-cell,.bn-web-table-expand-icon-col {
    color: var(--color-IconNormal);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px
}

.bn-web-table tbody .bn-web-table-row-expand-icon-cell,.bn-web-table tbody .bn-web-table-row-expand-icon-cell:first-child,.bn-web-table tbody .bn-web-table-row-expand-icon-cell:last-child,.bn-web-table-expand-icon-col,.bn-web-table-expand-icon-col:first-child,.bn-web-table-expand-icon-col:last-child {
    padding: var(--table-vertical-padding) 0
}

.bn-web-table-expanded-row>.bn-web-table-cell,.bn-web-table-expanded-row>.bn-web-table-cell:first-child,.bn-web-table-expanded-row>.bn-web-table-cell:last-child {
    padding: 0
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper {
    margin-left: 32px;
    width: calc(100% - 32px)
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table {
    border-bottom: none;
    border-top: none
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table thead tr {
    border-bottom: 1px solid var(--color-Line);
    border-top: none
}

.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-footer,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table td,.bn-web-table-expanded-row>.bn-web-table-cell .bn-web-table-wrapper .bn-web-table th {
    background: var(--color-SecondaryBg)
}

.bn-web-table-row-expand-icon {
    align-items: center;
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-xs);
    cursor: pointer;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    width: 16px
}

.bn-web-table-row-expand-icon.bn-web-table-row-expanded:after {
    content: "-"
}

.bn-web-table-row-expand-icon.bn-web-table-row-collapsed:after {
    content: "+"
}

.bn-web-table-footer,.bn-web-table-title {
    border-top: 1px solid var(--color-Line);
    padding: var(--table-vertical-padding) var(--table-horizontal-padding)
}

.bn-web-table-sticky-holder {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2
}

.bn-web-table-rtl {
    direction: rtl
}

.bn-badge {
    align-items: center;
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-xl);
    color: var(--color-TextOnYellow);
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    justify-content: center;
    left: 50%;
    line-height: 16px;
    min-width: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    top: 0;
    transform: translate3d(0,-50%,0)
}

.bn-badge.data-theme-error {
    background-color: var(--color-Sell);
    color: var(--color-RedGreenBgText)
}

.bn-badge__dot,.bn-badge__dot-side {
    border-radius: var(--radii-circle);
    height: 8px;
    left: 100%;
    min-width: 8px;
    padding: 0;
    transform: translate3d(-50%,-50%,0);
    width: 8px
}

.bn-badge__dot-side {
    top: 50%;
    transform: translate3d(4px,-50%,0)
}

.bn-badge__string {
    left: unset;
    right: 0;
    top: 0;
    transform: none
}

.bn-badge:not(.bn-badge__dot).data-size-sm {
    font-size: 8px;
    font-weight: 500;
    line-height: 12px;
    min-width: 12px;
    padding: 0 var(--space-5xs)
}

@media only screen and (min-width: 768px) {
    .bn-badge:not(.bn-badge__dot).data-size-sm {
        font-size:8px;
        font-weight: 500;
        line-height: 12px
    }
}

.bn-badge-wrap {
    display: inline-flex;
    position: relative
}

.bn-badge-rtl {
    left: auto;
    right: 50%;
    transform: translate3d(0,-50%,0)
}

.bn-badge-rtl.bn-badge__dot {
    transform: translate3d(50%,-50%,0)
}

.bn-badge-rtl.bn-badge__dot-side {
    transform: translate3d(-4px,-50%,0)
}

.bn-badge-rtl.bn-badge__string {
    left: 0;
    right: unset;
    top: 0;
    transform: none
}

@media only screen and (min-width: 768px) {
    .bn-badge {
        font-size:12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-badge:not(.bn-badge__dot) {
        min-width: 18px
    }
}

.bn-backtop {
    position: fixed;
    z-index: var(--zindex-backTop)
}

.bn-backtop-arrow {
    color: var(--color-PrimaryText);
    font-size: 28px
}

.bn-notification {
    grid-gap: var(--space-4xs);
    --prefix-color: var(--color-PrimaryText);
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-2l);
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-4xs);
    padding: var(--space-s)
}

.bn-notification-mw {
    min-width: 196px
}

.bn-notification__primary .bn-notification-content-message {
    color: var(--color-PrimaryText)
}

.bn-notification__secondary,.bn-notification__tertiary {
    background-color: var(--color-Input)
}

.bn-notification__tertiary {
    --prefix-color: var(--color-SecondaryText)
}

.bn-notification__tertiary,.bn-notification__tertiary .bn-notification-content-message {
    color: var(--color-SecondaryText)
}

.bn-notification__success {
    --prefix-color: var(--color-Success);
    background: var(--color-SuccessBg)
}

.bn-notification__error {
    background: var(--color-ErrorBg)
}

.bn-notification__push {
    background-color: var(--color-Vessel);
    box-shadow: var(--shadow-shadow2);
    max-width: 360px;
    padding: var(--space-s) var(--space-m)
}

.bn-notification__push .bn-notification-content {
    min-height: 22px
}

.bn-notification__push .bn-notification-content-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-notification__push .bn-notification-content-message {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    color: var(--color-SecondaryText);
    max-height: 8em;
    overflow-y: auto
}

.bn-notification__push .bn-notification-content-message.data-push-message {
    color: var(--color-PrimaryText)
}

.bn-notification__push .bn-notification-prefix {
    font-size: 20px;
    min-height: 22px
}

.bn-notification__push .bn-notification-close {
    min-height: 22px
}

.bn-notification-prefix {
    color: var(--prefix-color);
    flex: none;
    font-size: 16px;
    margin-top: 1px;
    min-height: 18px
}

.bn-notification-content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 18px;
    min-height: 18px;
    position: relative
}

.bn-notification-content.closable>:first-child {
    margin-right: 20px
}

.bn-notification-content-message {
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 400;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    line-height: 18px
}

.bn-notification-close {
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 16px;
    margin-top: 1px;
    min-height: 18px;
    position: absolute;
    right: 0;
    top: 0
}

.bn-notification.data-multiple .bn-slider-ticks {
    align-items: center;
    max-height: 32px;
    padding: 3px 0;
    width: 20px
}

.bn-notification.data-multiple .bn-slider-ticks-tick:not(.active) {
    background-color: var(--color-PrimaryText);
    opacity: .3
}

.bn-notification.data-multiple>.bn-svg {
    font-size: 20px;
    margin-top: 1px
}

.bn-notification.data-multiple.data-size-small .bn-slider-ticks {
    width: 16px
}

.bn-notification.data-multiple.data-size-small>.bn-svg {
    font-size: 16px
}

.bn-notification.data-multiple .bn-swiper {
    height: 54px
}

.bn-notification.data-multiple .bn-swiper-item {
    position: relative
}

.bn-notification.data-full-width {
    border-radius: 0;
    padding: var(--space-s) var(--space-mm)
}

.bn-notification-rtl .bn-notification-content.closable>:first-child {
    margin-left: 20px;
    margin-right: 0
}

.bn-notification-rtl .bn-notification-close {
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-notification {
        padding:var(--space-s)
    }

    .bn-notification.data-size-small {
        padding: var(--space-2xs)
    }

    .bn-notification.data-size-small .bn-notification-close,.bn-notification.data-size-small .bn-notification-prefix {
        font-size: 16px;
        min-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content {
        min-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content-title {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    .bn-notification.data-size-small .bn-notification-content-message {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-notification.data-full-width {
        border-radius: 0;
        padding: var(--space-s) var(--space-mm)
    }

    .bn-notification__primary .bn-notification-content-message {
        color: var(--color-PrimaryText)
    }

    .bn-notification__tertiary {
        --prefix-color: var(--color-TertiaryText)
    }

    .bn-notification__tertiary,.bn-notification__tertiary .bn-notification-content-message {
        color: var(--color-TertiaryText)
    }

    .bn-notification__error .bn-notification-content,.bn-notification__success .bn-notification-content {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-notification__push .bn-notification-content-message {
        color: var(--color-TertiaryText)
    }

    .bn-notification__push .bn-notification-close,.bn-notification__push .bn-notification-prefix {
        min-height: 22px
    }

    .bn-notification-close,.bn-notification-prefix {
        font-size: 20px;
        min-height: 22px
    }

    .bn-notification-content {
        grid-gap: var(--space-5xs);
        font-size: 14px;
        font-weight: 500;
        gap: var(--space-5xs);
        line-height: 22px;
        min-height: 22px
    }

    .bn-notification-content-message {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-notification.data-multiple .bn-swiper {
        height: 68px
    }
}

.bn-navigator__black {
    color: var(--color-PrimaryText)
}

.bn-navigator__black,.bn-navigator__yellow {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-color: currentColor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-underline-offset: 2px
}

.bn-navigator__yellow {
    color: var(--color-TextLink)
}

@media only screen and (min-width: 768px) {
    .bn-navigator__black {
        text-decoration-color:currentColor;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px
    }

    .bn-navigator__black,.bn-navigator__yellow {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-openinapp-modal a,.bn-openinapp-modal a:hover {
    color: inherit;
    text-decoration: none;
font-family: var(--font-family)
}

.bn-openinapp-modal a:active,.bn-openinapp-modal a:visited {
    color: inherit
}

.bn-divider {
    border-top: .5px solid var(--color-Line);
    clear: both;
    display: flex;
    min-width: 100%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bn-divider {
        border-top:1px solid var(--color-Line)
    }
}

.bn-mask {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zindex-modal)
}

.bn-mask-rtl {
    direction: rtl
}

.bn-mask-inner {
    background-color: rgba(0,0,0,.08);
    position: absolute
}

.bn-mask-body {
    width: calc(100% - var(--scroll-size))
}

.bn-tooltips {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition-duration: var(--animation-duration-base);
    transition-property: opacity,visibility;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    z-index: var(--zindex-tooltip)
}

.bn-tooltips-trans {
    position: fixed;
    z-index: var(--zindex-tooltip)
}

.bn-tooltips>.bn-bubble-content {
    border-radius: var(--radii-m);
    padding: var(--space-m)
}

.bn-tooltips.bn-bubble__gray>.bn-bubble-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    background-color: var(--color-PrimaryText);
    color: var(--color-SecondaryBg);
    max-height: 160px;
    opacity: .95;
    overflow-y: auto;
    padding: var(--space-3xs) var(--space-xs)
}

.bn-tooltips.bn-bubble__gray .bn-bubble-arrow,.bn-tooltips.bn-bubble__gray .bn-bubble-arrow-shadow {
    background: linear-gradient(-45deg,transparent 0,transparent 50%,var(--color-PrimaryText) 50%,var(--color-PrimaryText) 100%);
    opacity: .95
}

.bn-tooltips.bn-bubble__gray .bn-bubble-web-arrow {
    opacity: .95
}

.bn-tooltips.bn-bubble__unset>.bn-bubble-content {
    max-width: none;
    padding: 0
}

.bn-tooltips.data-shadow>.bn-bubble-content {
    box-shadow: none
}

.bn-tooltips.active {
    --scroll-size: 0;
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content;
    opacity: 1;
    overflow: visible;
    visibility: visible
}

.bn-tooltips.active.data-shadow>.bn-bubble-content {
    box-shadow: var(--shadow-shadow2)
}

.bn-tooltips-wrap {
    display: inline-flex;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-tooltips-wrap.active>.bn-tooltips {
    --scroll-size: 0;
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content;
    opacity: 1;
    overflow: visible;
    visibility: visible
}

.bn-tooltips-ele {
    align-items: center;
    display: inline-flex;
    width: 100%
}

.bn-tooltips-ele-rtl {
    direction: rtl
}

.bn-tooltips-ele-with-safe-area {
    z-index: 1
}

.bn-tooltips-safety-triangle {
    height: 100%;
    overflow: visible;
    position: absolute;
    width: 100%
}

.bn-tooltips-safety-triangle polygon {
    opacity: 0
}

@media only screen and (min-width: 768px) {
    .bn-tooltips.bn-bubble__gray>.bn-bubble-content {
        padding:var(--space-2xs) var(--space-s)
    }
}

.bn-drawer-handle {
    --handle-long: 40px;
    --handle-short: 4px;
    --handle-padding: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.bn-drawer-handle-icon {
    background-color: var(--color-DisableBtn);
    border-radius: 12px
}

.bn-drawer-handle.data-dir-bottom,.bn-drawer-handle.data-dir-top {
    padding: var(--handle-padding) 0;
    width: 100%
}

.bn-drawer-handle.data-dir-bottom .bn-drawer-handle-icon,.bn-drawer-handle.data-dir-top .bn-drawer-handle-icon {
    height: var(--handle-short);
    width: var(--handle-long)
}

.bn-drawer-handle.data-dir-left,.bn-drawer-handle.data-dir-right {
    height: 100%;
    padding: 0 var(--handle-padding)
}

.bn-drawer-handle.data-dir-left .bn-drawer-handle-icon,.bn-drawer-handle.data-dir-right .bn-drawer-handle-icon {
    height: var(--handle-long);
    width: var(--handle-short)
}

.bn-drawer-handle.data-dir-bottom {
    top: 0
}

.bn-drawer-handle.data-dir-top {
    bottom: 0
}

.bn-drawer-handle.data-dir-left {
    right: 0
}

.bn-drawer-handle.data-dir-right {
    left: 0
}

.bn-drawer {
    z-index: var(--zindex-drawer)
}

.bn-drawer>.bn-drawer-wrap {
    background-color: var(--color-CardBg);
    border-radius: 0;
    bottom: 0;
    left: 0;
    max-height: 100vh;
    max-width: 100vw;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: var(--animation-duration-base);
    transition-property: transform;
    transition-timing-function: ease-in
}

.bn-drawer>.bn-drawer-wrap.data-dir-left {
    max-width: 84%;
    right: auto;
    transform: translate3d(-100%,0,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-size-limit {
    width: 84%
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-size-full {
    border-radius: 0;
    max-width: 100%;
    width: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-left.data-draggable {
    padding-right: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top {
    border-radius: 0 0 var(--radii-l) var(--radii-l);
    bottom: auto;
    max-height: calc(100% - 80px);
    transform: translate3d(0,-100%,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-size-limit {
    height: calc(100% - 80px)
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-size-full {
    border-radius: 0;
    height: 100%;
    max-height: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-top.data-draggable {
    padding-bottom: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-right {
    left: auto;
    max-width: 84%;
    transform: translate3d(100%,0,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-size-limit {
    width: 84%
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-size-full {
    border-radius: 0;
    max-width: 100%;
    width: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-right.data-draggable {
    padding-left: var(--space-mm)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom {
    border-radius: var(--radii-xl) var(--radii-xl) 0 0;
    max-height: calc(100% - 80px);
    top: auto;
    transform: translate3d(0,100%,0)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-size-limit {
    height: calc(100% - 80px)
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-size-full {
    border-radius: 0;
    height: 100%;
    max-height: 100%
}

.bn-drawer>.bn-drawer-wrap.data-dir-bottom.data-draggable {
    padding-top: var(--space-mm)
}

.bn-drawer.data-show>.bn-drawer-wrap {
    transform: translateZ(0)
}

.bn-modal>.bn-modal-wrap {
    background-color: var(--color-CardBg);
    border-radius: var(--radii-xl);
    box-shadow: var(--shadow-shadow1);
    max-width: 80vw;
    overflow: hidden;
    position: relative;
    transform: scale(.9);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 360px
}

.bn-modal>.bn-modal-wrap.data-size-fit {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-modal>.bn-modal-wrap.data-size-medium {
    width: 420px
}

.bn-modal>.bn-modal-wrap.data-size-middle {
    width: 520px
}

.bn-modal>.bn-modal-wrap.data-size-large {
    width: 720px
}

.bn-modal.data-show>.bn-modal-wrap {
    transform: scale(1)
}

.bn-modal-header {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-2xs);
    padding: 18px var(--space-xl);
    position: relative
}

.bn-modal-header-next,.bn-modal-header-prev {
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 24px
}

.bn-modal-header-main {
    flex: 1 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.bn-modal-header-pre .bn-modal-header-main {
    text-align: center
}

.bn-modal-header-next-hidden,.bn-modal-header-pre-hidden .bn-modal-header-prev {
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    .bn-modal-header-main {
        font-size:20px;
        font-weight: 600;
        line-height: 28px
    }
}

.bn-modal-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    max-height: 350px;
    overflow-y: auto;
    padding: var(--space-xl);
    scrollbar-color: var(--scroll-color) var(--scroll-bg);
    scrollbar-width: thin
}

.bn-modal-footer {
    grid-gap: var(--space-2xs);
    display: flex;
    gap: var(--space-2xs);
    justify-content: flex-end;
    padding: 0 var(--space-xl) var(--space-xl)
}

.bn-modal-footer-column {
    flex-direction: column
}

.bn-modal-footer-row>* {
    flex: 1 1
}

.bn-drawer-wrap {
    display: flex;
    flex-direction: column
}

.bn-drawer .bn-modal-header {
    padding: 18px 15px
}

.bn-drawer .bn-modal-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    max-height: unset;
    overflow-y: auto;
    padding: var(--space-xl) 15px
}

.bn-drawer .bn-modal-footer {
    grid-gap: var(--space-xs);
    gap: var(--space-xs);
    padding: 0 15px var(--space-xl)
}

.bn-modal-confirm {
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    min-height: 200px;
    padding-top: var(--space-xl);
    text-align: center
}

.bn-modal-confirm-icon {
    font-size: 64px;
    margin-bottom: var(--space-m)
}

.bn-modal-confirm-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: var(--space-2xs);
    padding: 0 var(--space-xl);
    width: 100%
}

.bn-modal-confirm-subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

[dir=ltr] .bn-modal-confirm-desc {
    text-align: left
}

[dir=rtl] .bn-modal-confirm-desc {
    text-align: right
}

.bn-modal-confirm-desc {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow-y: auto;
    padding: 0 var(--space-xl);
    width: 100%;
    word-break: break-word
}

.bn-modal-confirm-actions {
    padding: var(--space-xl);
    width: 100%
}

.bn-modal-confirm-actions .bn-modal-footer {
    padding: unset
}

@media only screen and (min-width: 768px) {
    .bn-modal-confirm-icon {
        font-size:96px
    }

    .bn-modal-confirm-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }

    .bn-modal-confirm-subtitle {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-modal-confirm-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-modal-basic {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    min-height: 200px
}

.bn-modal-basic .bn-modal-content {
    flex: 1 1;
    max-height: unset;
    padding: 0 var(--space-xl)
}

.bn-modal-basic .bn-modal-footer {
    padding: var(--space-xl)
}

.bn-drawer .bn-modal-basic {
    min-height: 182px
}

.bn-drawer .bn-modal-basic .bn-modal-header {
    padding: var(--space-s) var(--space-m)
}

.bn-drawer .bn-modal-basic .bn-modal-content {
    padding: 0 var(--space-m)
}

.bn-drawer .bn-modal-basic .bn-modal-footer {
    padding: var(--space-m)
}

.bn-layer-notifies {
    grid-gap: var(--space-s);
    display: inline-flex;
    flex-direction: column;
    gap: var(--space-s);
    position: fixed;
    z-index: var(--zindex-notification)
}

.bn-layer-notifies>.bn-trans {
    transform: scale(.9)
}

.bn-layer-notifies>.bn-trans.data-show {
    transform: scale(1)
}

.bn-layer-notifies.data-pos-start>.bn-trans {
    transform: translateX(-20%)
}

.bn-layer-notifies.data-pos-start>.bn-trans.data-show {
    transform: translateX(0)
}

.bn-layer-notifies.data-pos-end>.bn-trans {
    transform: translateX(20%)
}

.bn-layer-notifies.data-pos-end>.bn-trans.data-show {
    transform: translateX(0)
}

.bn-actionSheet__basic-col>.bn-drawer-wrap {
    display: flex;
    flex-direction: column
}

.bn-actionSheet .bn-grid {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-m)
}

.bn-actionSheet .bn-grid>.item {
    color: var(--color-SecondaryText);
    cursor: pointer;
    text-align: center
}

.bn-actionSheet-cancel {
    align-items: center;
    border-top: 6px solid var(--color-Line);
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: flex;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    padding: var(--space-s) var(--space-m)
}

@media only screen and (min-width: 768px) {
    .bn-actionSheet-cancel {
        cursor:pointer;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-actionSheet-header {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    gap: var(--space-2xs);
    padding: var(--space-s) var(--space-m);
    position: relative
}

.bn-actionSheet-header-next,.bn-actionSheet-header-prev {
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 20px
}

.bn-actionSheet-header-main {
    grid-gap: var(--space-5xs);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    gap: var(--space-5xs);
    line-height: 26px
}

.bn-actionSheet-header-main-subtitle {
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-actionSheet-header-main-description {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-actionSheet-header-main {
        font-size:24px;
        font-weight: 600;
        line-height: 34px
    }

    .bn-actionSheet-header-main-subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-actionSheet-header-main-description {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }
}

.bn-actionSheet-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    overflow-y: auto;
    padding: 0 var(--space-m)
}

.bn-actionSheet-footer {
    grid-gap: var(--space-xs);
    display: flex;
    gap: var(--space-xs);
    padding: var(--space-m)
}

.bn-coachmark.active {
    background-color: var(--color-CardBg);
    border-radius: var(--radii-2l);
    padding: var(--space-s) 15px;
    position: relative;
    z-index: var(--zindex-coachmark)
}

.bn-coachmark-bubble .bn-bubble-content {
    border-radius: var(--radii-l);
    max-height: -moz-max-content;
    max-height: -webkit-max-content;
    max-height: max-content;
    max-width: -moz-max-content;
    max-width: -webkit-max-content;
    max-width: max-content;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .bn-coachmark-bubble .bn-bubble-content {
        border-radius:var(--radii-2l)
    }
}

.bn-coachmark-panel {
    grid-gap: var(--space-xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    max-height: 272px;
    max-width: 320px;
    min-height: 128px;
    min-width: 184px;
    padding: 15px
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-extra {
    padding: 0
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-coachmark-panel__primary>.bn-coachmark-panel-tips {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow)
}

.bn-coachmark-panel-title {
    flex: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-coachmark-panel-content {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow-y: auto
}

.bn-coachmark-panel-extra {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    flex: none;
    gap: var(--space-xs)
}

.bn-coachmark-panel-extra .bn-coachmark-panel-extra-skip {
    min-width: auto;
    padding: 0
}

.bn-coachmark-panel-extra-step {
    align-items: baseline;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-coachmark-panel-extra-step-gap {
    width: .5em
}

.bn-coachmark-panel-extra-step-split,.bn-coachmark-panel-extra-step-total {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-coachmark-panel-extra-actions {
    grid-gap: var(--space-s);
    align-items: center;
    display: inline-flex;
    flex: 1 1;
    gap: var(--space-s);
    justify-content: flex-end
}

.bn-coachmark-panel-extra-actions .bn-coachmark-panel-extra-actions-prev {
    min-width: auto;
    padding: 0
}

.bn-coachmark-panel-tips {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-xs);
    color: var(--color-PrimaryText);
    display: flex;
    flex: none;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 22px;
    padding: var(--space-3xs) var(--space-m);
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bn-coachmark-panel {
        grid-gap:var(--space-4xs);
        gap: var(--space-4xs);
        max-height: 352px;
        max-width: 440px;
        min-height: 232px;
        min-width: auto;
        padding: var(--space-m) var(--space-xl)
    }

    .bn-coachmark-panel__primary {
        grid-gap: var(--space-m);
        gap: var(--space-m);
        padding: var(--space-xl)
    }

    .bn-coachmark-panel__primary>.bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-coachmark-panel-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }

    .bn-coachmark-panel-content {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .bn-coachmark-panel-extra {
        grid-gap: var(--space-xl);
        gap: var(--space-xl);
        padding-top: var(--space-l)
    }

    .bn-coachmark-panel-extra-step {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-coachmark-panel-extra-step-split,.bn-coachmark-panel-extra-step-total {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-coachmark-panel-tips {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-formItem {
    grid-gap: var(--space-4xs);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 22px
}

.bn-formItem-label {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-formItem-errMsg {
    color: var(--color-Error)
}

.bn-formItem-errMsg,.bn-formItem-tips {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-formItem-tips {
    color: var(--color-SecondaryText)
}

@media only screen and (min-width: 768px) {
    .bn-formItem {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-formItem-label {
        color: var(--color-PrimaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-formItem-tips {
        color: var(--color-TertiaryText)
    }

    .bn-formItem-errMsg,.bn-formItem-tips {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-inputNum {
    grid-gap: var(--space-s);
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-s)
}

.bn-inputNum.disabled {
    color: var(--color-TertiaryText);
    position: relative
}

.bn-inputNum.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-inputNum.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-inputNum__line {
    border-bottom: 1px solid var(--color-Line)
}

.bn-inputNum__line.data-error:not(.disabled) {
    border-bottom-color: var(--color-Error)
}

.bn-inputNum-prefix,.bn-inputNum-suffix {
    color: var(--color-DisableText);
    display: inline-flex;
    flex: none
}

.bn-inputNum-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    flex: 1 1;
    font-size: 28px;
    font-weight: 600;
    height: 100%;
    line-height: 40px;
    outline: none;
    overflow: hidden
}

.bn-inputNum-input::-moz-placeholder {
    color: var(--color-TertiaryText)
}

.bn-inputNum-input::placeholder {
    color: var(--color-TertiaryText)
}

@media only screen and (min-width: 768px) {
    .bn-inputNum-input {
        font-size:40px;
        font-weight: 600;
        line-height: 48px
    }
}

.bn-textarea {
    grid-gap: var(--space-2xs);
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: var(--radii-l);
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    max-height: 142px;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 345px
}

.bn-textarea.disabled {
    background-color: var(--color-Line);
    color: var(--color-TertiaryText);
    position: relative
}

.bn-textarea.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-textarea.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-textarea.data-error:not(.disabled) {
    border: 1px solid var(--color-Error)
}

.bn-textarea.focus:not(.bn-textarea__default) {
    border: 1px solid var(--color-PrimaryYellow)
}

.bn-textarea__line {
    background: transparent;
    border-color: var(--color-InputLine)
}

.bn-textarea-suffix {
    color: var(--color-DisableText);
    display: flex;
    flex: none;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 22px;
    padding: 0 var(--space-s) var(--space-s)
}

.bn-textarea-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    line-height: 22px;
    margin: var(--space-s) var(--space-s) 0;
    min-height: 3em;
    outline: none;
    resize: none
}

.bn-textarea-input::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-textarea-input::placeholder {
    color: var(--color-DisableText)
}

@media only screen and (min-width: 768px) {
    .bn-textarea:hover:not(.disabled),.bn-textarea__default.focus {
        border:1px solid var(--color-PrimaryYellow)
    }

    .bn-textarea-suffix {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-textarea-input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-textField {
    grid-gap: var(--space-2xs);
    align-items: center;
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-2xs);
    height: 40px;
    max-width: 100vw;
    padding: 0 var(--space-s);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 345px
}

.bn-textField.data-size-huge {
    border-radius: var(--radii-l);
    height: 56px
}

.bn-textField.data-size-huge .bn-textField-input {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge .bn-textField-input::-moz-placeholder {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge .bn-textField-input .input-placeholder,.bn-textField.data-size-huge .bn-textField-input::placeholder {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.bn-textField.data-size-huge.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-huge.data-prefix-fixed .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus {
    height: 20px;
    line-height: 20px
}

.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-minus svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField.data-size-huge .bn-textField-numeric-controls-trade-plus svg {
    font-size: 20px
}

.bn-textField.data-size-huge.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .bn-textField.data-size-huge .bn-textField-input {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge .bn-textField-input::-moz-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge .bn-textField-input .input-placeholder,.bn-textField.data-size-huge .bn-textField-input::placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-textField.data-size-huge.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-textField.data-size-large {
    border-radius: var(--radii-l);
    height: 48px
}

.bn-textField.data-size-large .bn-textField-input {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-input .input-placeholder,.bn-textField.data-size-large .bn-textField-input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-large.data-prefix-fixed .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus {
    height: 20px;
    line-height: 20px
}

.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-minus svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField.data-size-large .bn-textField-numeric-controls-trade-plus svg {
    font-size: 20px
}

.bn-textField.data-size-large.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-small {
    height: 32px
}

.bn-textField.data-size-small .bn-textField-clear .bn-textField-svg,.bn-textField.data-size-small .bn-textField-clear svg,.bn-textField.data-size-small .bn-textField-prefix .bn-textField-svg,.bn-textField.data-size-small .bn-textField-prefix svg,.bn-textField.data-size-small .bn-textField-suffix .bn-textField-svg,.bn-textField.data-size-small .bn-textField-suffix svg {
    font-size: 16px
}

.bn-textField.data-size-small .bn-textField-input {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small .bn-textField-input::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small .bn-textField-input .input-placeholder,.bn-textField.data-size-small .bn-textField-input::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-small.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-size-tiny {
    border-radius: var(--radii-s);
    height: 24px;
    width: 200px
}

.bn-textField.data-size-tiny .bn-textField-clear .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-clear svg,.bn-textField.data-size-tiny .bn-textField-prefix .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-prefix svg,.bn-textField.data-size-tiny .bn-textField-suffix .bn-textField-svg,.bn-textField.data-size-tiny .bn-textField-suffix svg {
    font-size: 12px
}

.bn-textField.data-size-tiny .bn-textField-input {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny .bn-textField-input::-moz-placeholder {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny .bn-textField-input .input-placeholder,.bn-textField.data-size-tiny .bn-textField-input::placeholder {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-size-tiny.data-prefix-fixed .bn-textField-suffix {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-textField.data-size-tiny.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: 75px
}

.bn-textField.data-gap-size-small {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs);
    padding: 0 var(--space-2xs)
}

.bn-textField[class*=data-size-].data-width-mode-auto {
    width: auto
}

.bn-textField.disabled {
    background-color: var(--color-Line);
    border-color: transparent;
    color: var(--color-TertiaryText);
    position: relative
}

.bn-textField.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-textField.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-textField.disabled .bn-textField-input {
    color: var(--color-DisableText)
}

.bn-textField.disabled .bn-textField-input::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-textField.disabled .bn-textField-input .input-placeholder,.bn-textField.disabled .bn-textField-input::placeholder {
    color: var(--color-DisableText)
}

.bn-textField.data-error:not(.disabled) {
    border-color: var(--color-Error)
}

.bn-textField.data-prefix-fixed .bn-textField-prefix-fixed,.bn-textField.data-prefix-fixed .bn-textField-suffix {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField.data-prefix-fixed .bn-textField-prefix {
    color: var(--color-TertiaryText)
}

.bn-textField.data-prefix-fixed .bn-textField-suffix {
    color: var(--color-PrimaryText)
}

[dir=ltr] .bn-textField.data-prefix-fixed .bn-textField-input {
    text-align: right
}

[dir=rtl] .bn-textField.data-prefix-fixed .bn-textField-input {
    text-align: left
}

.bn-textField__line {
    background: transparent;
    border-color: var(--color-InputLine)
}

.bn-textField__line.focus:not(.static):not(.data-error) {
    border-color: var(--color-PrimaryYellow)
}

.bn-textField-prefix,.bn-textField-suffix {
    color: var(--color-IconNormal);
    display: inline-flex;
    flex: none
}

.bn-textField-prefix svg,.bn-textField-suffix svg {
    font-size: 20px
}

.bn-textField-clear {
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex;
    flex: none
}

.bn-textField-clear svg {
    font-size: 20px
}

.bn-textField-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    caret-color: var(--color-PrimaryYellow);
    color: inherit;
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-width: 0;
    outline: none;
    overflow: hidden
}

.bn-textField-input::-moz-placeholder {
    color: var(--color-IconNormal);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField-input .input-placeholder,.bn-textField-input::placeholder {
    color: var(--color-IconNormal);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textField-input[type=password] {
    letter-spacing: 2px
}

[dir=ltr] .bn-textField-numeric-controls {
    padding-right: 32px
}

[dir=rtl] .bn-textField-numeric-controls {
    padding-left: 32px
}

.bn-textField-numeric-controls {
    position: relative
}

.bn-textField-numeric-controls .bn-textField-input [type=number],.bn-textField-numeric-controls .bn-textField-input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.bn-textField-numeric-controls .bn-textField-input [type=number]::-webkit-inner-spin-button,.bn-textField-numeric-controls .bn-textField-input [type=number]::-webkit-outer-spin-button,.bn-textField-numeric-controls .bn-textField-input[type=number]::-webkit-inner-spin-button,.bn-textField-numeric-controls .bn-textField-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

[dir=ltr] .bn-textField-numeric-controls-panel {
    right: 0
}

[dir=rtl] .bn-textField-numeric-controls-panel {
    left: 0
}

[dir=ltr] .bn-textField-numeric-controls-panel {
    border-left: 1px solid var(--color-CardBg)
}

[dir=rtl] .bn-textField-numeric-controls-panel {
    border-right: 1px solid var(--color-CardBg)
}

.bn-textField-numeric-controls-panel {
    bottom: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1px 0;
    position: absolute;
    top: 0
}

.bn-textField-numeric-controls-panel-down,.bn-textField-numeric-controls-panel-up {
    align-items: center;
    display: flex;
    height: 50%;
    justify-content: center;
    padding: 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-textField-numeric-controls-panel-down svg,.bn-textField-numeric-controls-panel-up svg {
    color: var(--color-IconNormal);
    font-size: 16px
}

.bn-textField-numeric-controls-panel-down {
    border-top: 1px solid var(--color-CardBg)
}

.bn-textField-numeric-controls-panel-down:active svg,.bn-textField-numeric-controls-panel-up:active svg {
    color: var(--color-PrimaryText)
}

[dir=ltr] .bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel {
    border-left: 1px solid var(--color-InputLine)
}

[dir=rtl] .bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel {
    border-right: 1px solid var(--color-InputLine)
}

.bn-textField-numeric-controls.bn-textField__line .bn-textField-numeric-controls-panel-down {
    border-top: 1px solid var(--color-InputLine)
}

.bn-textField-numeric-controls-trade {
    padding: 0 var(--space-s)
}

.bn-textField-numeric-controls-trade-minus,.bn-textField-numeric-controls-trade-plus {
    cursor: pointer;
    height: 12px;
    line-height: 12px
}

.bn-textField-numeric-controls-trade-minus .bn-svg,.bn-textField-numeric-controls-trade-minus svg,.bn-textField-numeric-controls-trade-plus .bn-svg,.bn-textField-numeric-controls-trade-plus svg {
    color: var(--color-IconNormal);
    font-size: 12px
}

.bn-textField-numeric-controls-trade .bn-textField-input {
    text-align: center
}

.bn-textField-numeric-controls-trade-suffix {
    grid-gap: 0;
    gap: 0
}

[dir=ltr] .bn-textField-numeric-controls-trade-suffix .bn-textField-input {
    text-align: right
}

[dir=rtl] .bn-textField-numeric-controls-trade-suffix .bn-textField-input {
    text-align: left
}

.bn-textField-numeric-controls-trade-suffix .bn-textField-suffix {
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    width: 140px
}

@media only screen and (min-width: 768px) {
    .bn-textField:hover:not(.data-error):not(.disabled):not(.static)[\:not-has\(\.bn-bubble\:hover\)] {
        border-color:var(--color-PrimaryYellow)
    }

    .bn-textField:hover:not(.data-error):not(.disabled):not(.static):not(:has(.bn-bubble:hover)) {
        border-color: var(--color-PrimaryYellow)
    }

    .bn-textField .bn-textField-numeric-controls-trade-minus svg:hover,.bn-textField .bn-textField-numeric-controls-trade-plus svg:hover {
        color: var(--color-PrimaryYellow)
    }

    .bn-textField__default.focus:not(.static):not(.data-error) {
        border-color: var(--color-PrimaryYellow)
    }

    .bn-textField-numeric-controls-panel-down:hover:not(.disabled) svg,.bn-textField-numeric-controls-panel-up:hover:not(.disabled) svg {
        color: var(--color-PrimaryText)
    }
}

.bn-textField.data-size-large .bn-textFieldSelect-field {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-textField.data-size-small .bn-textFieldSelect-field,.bn-textFieldSelect-field {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-textFieldSelect-field {
    grid-gap: 5px;
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 5px
}

.bn-textFieldSelect-field-prefix.separator {
    border-right: 1px solid var(--color-Line);
    padding-right: 5px
}

.bn-textFieldSelect-field-suffix.separator {
    border-left: 1px solid var(--color-Line);
    padding-left: 5px
}

.bn-textFieldSelect-field-input {
    color: var(--color-PrimaryText);
    min-width: 35px
}

.bn-textFieldSelect-field-arrow {
    color: var(--color-IconNormal);
    font-size: 20px;
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bn-textFieldSelect-field-icon {
    font-size: 20px
}

.bn-textFieldSelect-field-placeholder {
    color: var(--color-IconNormal)
}

.bn-textFieldSelect-field.active>.bn-textFieldSelect-field-arrow {
    transform: rotate(180deg)
}

.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-arrow,.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-input,.bn-textFieldSelect-field.disabled .bn-textFieldSelect-field-placeholder {
    color: var(--color-DisableText)
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-prefix {
    border-right: unset;
    padding-right: unset
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-prefix.separator {
    border-left: 1px solid var(--color-Line);
    padding-left: 5px
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-suffix {
    border-left: unset;
    padding-left: unset
}

.bn-textFieldSelect-field-rtl.bn-textFieldSelect-field-suffix.separator {
    border-right: 1px solid var(--color-Line);
    padding-right: 5px
}

.bn-textFieldSelect .bn-tooltips,.bn-textFieldSelect .bn-tooltips>.bn-bubble-content {
    width: 100%
}

.bn-textFieldSelect-option {
    grid-gap: var(--space-2xs);
    align-items: center;
    display: flex;
    gap: var(--space-2xs)
}

.bn-textFieldSelect-option.bn-select-option {
    padding: var(--space-xs)
}

.bn-textFieldSelect-option svg {
    font-size: 20px
}

.bn-selection-group {
    grid-gap: var(--space-xl);
    align-items: center;
    display: inline-flex;
    gap: var(--space-xl)
}

.bn-selection-group.data-dir-vertical {
    grid-gap: var(--space-m);
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-m)
}

.bn-switch {
    background-color: var(--color-DisableText);
    border-radius: var(--radii-m);
    cursor: pointer;
    display: inline-flex;
    height: 22px;
    justify-content: flex-start;
    padding: 2px;
    position: relative;
    transition: background-color .15s ease-in-out;
    width: 42px
}

.bn-switch:before {
    content: "";
    flex: 0 1;
    transition: flex .15s ease-in-out
}

.bn-switch.checked {
    background-color: var(--color-BtnBg)
}

.bn-switch.checked:before {
    flex: 1 1
}

.bn-switch.disabled {
    cursor: not-allowed;
    opacity: .5
}

.bn-switch.data-size-small {
    border-radius: var(--radii-s);
    height: 18px;
    width: 32px
}

.bn-switch.data-size-small .bn-switch-dot {
    border-radius: var(--radii-xs);
    font-size: 14px
}

.bn-switch.data-size-large {
    height: 30px;
    padding: 3px;
    width: 56px
}

.bn-switch.data-size-large .bn-switch-dot {
    font-size: 24px
}

.bn-switch-dot {
    background-color: var(--color-RedGreenBgText);
    display: inline-flex;
    font-size: 18px;
    height: 1em;
    justify-content: center;
    width: 1em
}

.bn-switch-dot,.bn-switch__content {
    align-items: center;
    border-radius: var(--radii-s)
}

.bn-switch__content {
    background-color: transparent;
    border: 1px solid var(--color-InputLine);
    height: 32px;
    width: 92px
}

.bn-switch__content .bn-switch-dot {
    align-items: center;
    background-color: var(--color-Input);
    border-radius: 5px 0 0 5px;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.bn-switch__content.checked {
    background-color: transparent
}

.bn-switch__content.checked .bn-switch-dot {
    border-radius: 0 5px 5px 0
}

.bn-switch__content.checked .bn-switch__content-left {
    color: var(--color-IconNormal)
}

.bn-switch__content.checked .bn-switch__content-right {
    color: var(--color-PrimaryText)
}

.bn-switch__content__filled,.bn-switch__content__filled.checked {
    background-color: var(--color-Input);
    border: none
}

.bn-switch__content__filled .bn-switch-dot,.bn-switch__content__filled.checked .bn-switch-dot {
    background-color: var(--color-BasicBg)
}

.bn-switch__content.data-size-small {
    height: 28px;
    width: 84px
}

.bn-switch__content.data-size-small .bn-switch__content-left,.bn-switch__content.data-size-small .bn-switch__content-right {
    font-size: 16px
}

.bn-switch__content.data-size-small .bn-switch-dot {
    border-radius: var(--radii-xs) 0 0 var(--radii-xs)
}

.bn-switch__content.data-size-small.bn-switch-rtl .bn-switch-dot,.bn-switch__content.data-size-small.checked .bn-switch-dot {
    border-radius: 0 var(--radii-xs) var(--radii-xs) 0
}

.bn-switch__content.data-size-small.bn-switch-rtl.checked .bn-switch-dot {
    border-radius: var(--radii-xs) 0 0 var(--radii-xs)
}

.bn-switch__content.data-size-large {
    height: 32px;
    width: 92px
}

.bn-switch__content.data-size-large .bn-switch__content-left,.bn-switch__content.data-size-large .bn-switch__content-right {
    font-size: 20px
}

.bn-switch__content-left,.bn-switch__content-right {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: calc(50% - 2px)
}

.bn-switch__content-left {
    color: var(--color-PrimaryText);
    left: 2px
}

.bn-switch__content-right {
    color: var(--color-IconNormal);
    right: 2px
}

.bn-switch__content.bn-switch-rtl .bn-switch-dot {
    border-radius: 0 5px 5px 0
}

.bn-switch__content.bn-switch-rtl .bn-switch__content-left {
    left: unset;
    right: 2px
}

.bn-switch__content.bn-switch-rtl .bn-switch__content-right {
    left: 2px;
    right: unset
}

.bn-switch__content.bn-switch-rtl.checked .bn-switch-dot {
    border-radius: 5px 0 0 5px
}

.bn-radio {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-2xs);
    line-height: 22px
}

.bn-radio.checked>.bn-radio-icon {
    background-color: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText)
}

.bn-radio.checked>.bn-radio-icon:before {
    background-color: var(--color-CardBg)
}

.bn-radio.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-radio.disabled>.bn-radio-icon {
    background-color: var(--color-Line);
    border-color: var(--color-DisableText)
}

.bn-radio.disabled.checked>.bn-radio-icon:before {
    background-color: var(--color-DisableText)
}

.bn-radio-icon {
    align-items: center;
    background-color: transparent;
    border: 2px solid var(--color-IconNormal);
    border-radius: var(--radii-circle);
    display: inline-flex;
    flex: none;
    height: 20px;
    justify-content: center;
    width: 20px
}

.bn-radio-icon:before {
    background-color: transparent;
    border-radius: var(--radii-circle);
    content: "";
    height: 6px;
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: ease-in-out;
    width: 6px
}

@media only screen and (min-width: 768px) {
    .bn-radio {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }

    .bn-radio.disabled>.bn-radio-icon {
        border-color: var(--color-Line)
    }

    .bn-radio-icon {
        border: 1px solid var(--color-DisableText);
        height: 16px;
        width: 16px
    }

    .bn-radio-icon:before {
        height: 6px;
        width: 6px
    }
}

.bn-checkbox {
    grid-gap: var(--space-4xs);
    align-items: center;
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 22px
}

.bn-checkbox.checked .bn-checkbox-icon {
    background-color: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-checkbox.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-checkbox.disabled:not(.checked) .bn-checkbox-icon {
    background-color: var(--color-Line);
    border-color: var(--color-DisableText)
}

.bn-checkbox.disabled.checked .bn-checkbox-icon {
    opacity: .5
}

.bn-checkbox__circle .bn-checkbox-icon {
    border-radius: var(--radii-circle)
}

.bn-checkbox-icon {
    align-items: center;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--color-IconNormal);
    border-radius: 2.5px;
    color: transparent;
    display: inline-flex;
    flex: none;
    font-size: 11.33px;
    justify-content: center;
    margin: 3.335px
}

.bn-checkbox.data-size-lg .bn-checkbox-icon {
    border-radius: 3px;
    font-size: 14px;
    margin: var(--space-4xs)
}

.bn-checkbox.data-size-sm .bn-checkbox-icon {
    border-radius: 2px;
    font-size: 8.67px;
    margin: 2.665px
}

@media only screen and (min-width: 768px) {
    .bn-checkbox {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

.bn-subscript {
    border-color: var(--color-InputLine);
    border-radius: var(--radii-m);
    border-style: solid;
    border-width: 1px;
    color: var(--color-PrimaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    padding: 7px var(--space-l);
    position: relative;
    text-align: center
}

.bn-subscript.data-size-small {
    border-radius: var(--radii-s);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 3px 5px;
    width: 40px
}

.bn-subscript.checked {
    border-color: var(--color-PrimaryText);
    box-shadow: 0 0 0 .5px var(--color-PrimaryText)
}

.bn-subscript.checked .bn-subscript-icon {
    background: var(--color-PrimaryText);
    color: var(--color-CardBg)
}

.bn-subscript.disabled {
    border-color: var(--color-DisableBtn);
    color: var(--color-DisableText)
}

.bn-subscript-icon {
    background: transparent;
    border-bottom-left-radius: var(--radii-m);
    color: transparent;
    display: inline-flex;
    font-size: 12px;
    height: 14px;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    z-index: 11
}

.bn-subscript-rtl .bn-subscript-icon {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--radii-m);
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-subscript {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-subscript:hover:not(.disabled) {
        border-color: var(--color-PrimaryText);
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }
}

.bn-select-field {
    grid-gap: var(--space-2xs);
    align-items: center;
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-2xs);
    height: 40px;
    padding-left: var(--space-s);
    padding-right: var(--space-s);
    transition-duration: var(--animation-duration-base);
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 100%
}

.bn-select-field.data-size-huge {
    border-radius: var(--radii-l);
    height: 56px
}

.bn-select-field.data-size-huge .bn-select-field-input,.bn-select-field.data-size-huge .bn-select-field-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .bn-select-field.data-size-huge .bn-select-field-input,.bn-select-field.data-size-huge .bn-select-field-placeholder {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-select-field.data-size-large {
    border-radius: var(--radii-l);
    height: 48px
}

.bn-select-field.data-size-large.data-multi {
    min-height: 48px
}

.bn-select-field.data-size-large .bn-select-field-input,.bn-select-field.data-size-large .bn-select-field-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .bn-select-field.data-size-large .bn-select-field-input,.bn-select-field.data-size-large .bn-select-field-placeholder {
        font-size:16px;
        font-weight: 500;
        line-height: 24px
    }
}

.bn-select-field.data-size-small {
    height: 32px
}

.bn-select-field.data-size-small.data-multi {
    min-height: 32px
}

.bn-select-field.data-size-small .bn-select-field-arrow {
    font-size: 16px
}

.bn-select-field.data-size-tiny {
    border-radius: var(--radii-s);
    height: 24px
}

.bn-select-field.data-size-tiny.data-multi {
    min-height: 24px
}

.bn-select-field.data-size-tiny .bn-select-field-arrow {
    font-size: 16px
}

.bn-select-field.data-filled {
    background-color: var(--color-Input);
    border: 1px solid transparent
}

.bn-select-field.data-line {
    border: 1px solid var(--color-InputLine)
}

.bn-select-field.data-borderless {
    grid-gap: 0;
    border: none;
    gap: 0;
    padding: 0
}

.bn-select-field.active>.bn-select-field-arrow {
    transform: rotate(180deg)
}

.bn-select-field.disabled {
    background-color: var(--color-Line);
    border-color: transparent;
    color: var(--color-TertiaryText);
    position: relative
}

.bn-select-field.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-select-field.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-select-field.disabled .bn-select-field-arrow,.bn-select-field.disabled .bn-select-field-input,.bn-select-field.disabled .bn-select-field-placeholder {
    color: var(--color-DisableText)
}

.bn-select-field.data-multi {
    height: auto;
    max-width: 336px;
    min-height: 40px
}

.bn-select-field.data-multi>.bn-select-field-input {
    grid-row-gap: var(--space-3xs);
    grid-column-gap: var(--space-xs);
    -moz-column-gap: var(--space-xs);
    column-gap: var(--space-xs);
    display: flex;
    flex-wrap: wrap;
    margin: var(--space-2xs) 0;
    row-gap: var(--space-3xs)
}

.bn-select-field.data-multi>.bn-select-field-input .bn-select-field-block {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-select-field-arrow,.bn-select-field-prefix {
    display: inline-flex;
    flex: none
}

.bn-select-field-arrow {
    color: var(--color-IconNormal);
    font-size: 20px;
    transition-duration: var(--animation-duration-base);
    transition-property: transform;
    transition-timing-function: ease-in-out
}

.bn-select-field-input {
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-select-field-input .data-label-input {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.bn-select-field-input .data-label-input .data-label {
    color: var(--color-SecondaryText)
}

.bn-select-field-placeholder {
    color: var(--color-IconNormal)
}

@media only screen and (min-width: 768px) {
    .bn-select-field-input {
        font-size:14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-select-field-input .data-label-input .data-label {
        color: var(--color-TertiaryText)
    }

    .bn-select-field.data-multi>.bn-select-field-input .bn-select-field-block {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-select-field:hover:not(.disabled):not(.data-borderless) {
        border: 1px solid var(--color-PrimaryYellow)
    }
}

.bn-select-overlay {
    padding-bottom: var(--space-xs);
    padding-top: var(--space-xs);
    width: 100%
}

.bn-select-overlay-search {
    display: flex;
    flex-direction: column;
    padding: 0 var(--space-xs) var(--space-xs);
    width: 100%
}

.bn-select-overlay-search .bn-textField {
    width: 100%
}

.bn-select-overlay-search .bn-textField input {
    flex-grow: 1;
    width: 0
}

.bn-select-overlay-options {
    --scroll-pad: 1px;
    --scroll-size: 6px;
    max-height: 260px;
    overflow-y: auto
}

.bn-select-overlay-options .bn-select-option-group:not(:first-child) .bn-select-option-group-title {
    border-top: .5px solid var(--color-Line)
}

.bn-select-overlay-empty {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-m)
}

.bn-select-overlay__drawer {
    --search-field-height: 60px;
    padding: 0
}

.bn-select-overlay__drawer .bn-select-overlay-search-close {
    grid-gap: var(--space-m);
    align-items: center;
    flex-direction: row;
    gap: var(--space-m);
    justify-content: space-between;
    padding: var(--space-3xs) var(--space-m);
    padding-top: var(--space-s)
}

.bn-select-overlay__drawer .bn-select-overlay-search-close .bn-textField {
    height: 34px
}

.bn-select-overlay__drawer .bn-select-overlay-search-close-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-select-overlay__drawer .bn-select-overlay-search .bn-button {
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    padding: 0
}

.bn-select-overlay__drawer .bn-select-overlay-search+.bn-select-overlay-options {
    max-height: calc(100vh - var(--search-field-height) - 80px)
}

.bn-select-overlay__drawer .bn-select-overlay-options {
    max-height: calc(100vh - 80px)
}

@media only screen and (min-width: 768px) {
    .bn-select-overlay-options {
        max-height:520px
    }

    .bn-select-overlay-empty {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-select-option {
    color: var(--color-SecondaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-xs)
}

.bn-select-option:active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-select-option.icon {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs);
    justify-content: space-between
}

.bn-select-option.icon svg {
    font-size: 16px
}

.bn-select-option.active {
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-select-option.disabled {
    background-color: inherit;
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-select-option-group-title {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 var(--space-xs);
    padding: var(--space-3xs) 0
}

.bn-select-option__drawer {
    padding: var(--space-m)
}

.bn-select-option__drawer,.bn-select-option__drawer.active,.bn-select-option__drawer:active {
    color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-select-option__drawer.icon svg {
    font-size: 20px
}

.bn-select-option.multi {
    align-items: center;
    display: flex;
    padding: var(--space-2xs) var(--space-xs)
}

@media only screen and (min-width: 768px) {
    .bn-select-option {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-select-option.active {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-select-option:hover:not(.disabled) {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-select-option-group-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-select-field-block {
    grid-gap: var(--space-4xs);
    align-items: center;
    background-color: var(--color-Input);
    border-radius: var(--radii-xs);
    cursor: auto;
    display: inline-flex;
    gap: var(--space-4xs);
    padding: 2px var(--space-2xs)
}

.bn-select-field-block-value {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-select-field-block-remove {
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .bn-select-field-block-remove:hover {
        color:var(--color-SecondaryText)
    }
}

.bn-select-bubble,.bn-select-bubble>.bn-bubble-content {
    min-width: 112px
}

.bn-select__full,.bn-select__full:not(.bn-tooltips-web) .bn-tooltips,.bn-select__full:not(.bn-tooltips-web) .bn-tooltips>.bn-bubble-content {
    width: 100%
}

.bn-select .bn-bubble-content {
    overflow: auto
}

.bn-select-bubble .bn-bubble-content {
    border-radius: var(--radii-2l)
}

.bn-select-bubble__line .bn-bubble-content {
    border: 1px solid var(--color-Line)
}

.bn-pin {
    grid-gap: var(--space-m);
    align-items: center;
    background: transparent;
    color: var(--color-PrimaryText);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-m);
    position: relative
}

.bn-pin.disabled {
    color: var(--color-TertiaryText);
    position: relative
}

.bn-pin.disabled:before {
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

@media only screen and (min-width: 768px) {
    .bn-pin.disabled {
        color:var(--color-DisabledText)
    }
}

.bn-pin__line .bn-pin-item {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: var(--color-InputLine);
    border-radius: 0
}

.bn-pin__line .bn-pin-item.cursor {
    border-color: transparent;
    border-bottom-color: var(--color-PrimaryYellow)
}

.bn-pin__line.data-error .bn-pin-item {
    border-color: transparent;
    border-bottom-color: var(--color-Error)
}

.bn-pin-item {
    align-items: center;
    background-color: var(--color-Input);
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    width: 45px
}

.bn-pin-item.cursor {
    border-color: var(--color-PrimaryYellow)
}

.bn-pin-item.cursor:after {
    animation: blink 1s infinite
}

.bn-pin-item.cursor.full:before,.bn-pin-item.cursor:after {
    color: var(--color-PrimaryYellow);
    content: "|";
    font-weight: 400
}

.bn-pin-item.cursor.full:before {
    opacity: 0
}

.bn-pin-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    bottom: 0;
    caret-color: transparent;
    color: transparent;
    left: 0;
    outline: none;
    position: absolute!important;
    right: 0;
    top: 0;
    z-index: 1
}

.bn-pin-item {
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .bn-pin {
        grid-gap:var(--space-s);
        gap: var(--space-s)
    }

    .bn-pin-item {
        border-radius: 4px;
        font-size: 24px;
        font-weight: 600;
        height: 48px;
        line-height: 32px;
        width: 48px
    }

    .bn-pin-item:hover {
        border-color: var(--color-PrimaryYellow)
    }
}

.bn-tab {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 14px;
    font-weight: 500;
    gap: var(--space-2xs);
    justify-content: center;
    line-height: 22px;
    padding: var(--space-2xs) var(--space-m);
    position: relative;
    transition: all .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-tab__primary-gray.data-size-large,.bn-tab__primary.data-size-large {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    padding: var(--space-2xs) var(--space-xl)
}

.bn-tab__primary-gray.data-size-small,.bn-tab__primary.data-size-small {
    border-radius: var(--radii-s);
    padding: 3px var(--space-2xs)
}

.bn-tab__default-breakline.data-size-large,.bn-tab__default.data-size-large {
    font-size: 16px;
    font-weight: 500;
    height: 64px;
    line-height: 24px
}

.bn-tab__default-breakline.data-size-small,.bn-tab__default.data-size-small {
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 16px
}

.bn-tab__vertical.data-size-large {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    padding: var(--space-s) var(--space-m)
}

.bn-tab__round.data-size-large {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: var(--space-2xs) var(--space-xl)
}

.bn-tab.data-font-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.bn-tab.data-font-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-tab.data-font-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-tab.data-font-4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .bn-tab.data-font-1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-tab.data-font-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab.data-font-3 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab.data-font-4 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }
}

.bn-tab__default-breakline.data-font-3,.bn-tab__default.data-font-3 {
    grid-gap: var(--space-mm);
    gap: var(--space-mm)
}

.bn-tab-badge-wrap {
    flex: none
}

@media only screen and (max-width: 767px) {
    .bn-tab-badge-wrap .bn-badge.bn-badge__string {
        font-size:6px;
        line-height: 8px
    }
}

.bn-tab__primary {
    border-radius: var(--radii-m);
    padding: 7px var(--space-m)
}

.bn-tab__primary.active {
    background-color: var(--color-BadgeBg);
    color: var(--color-PrimaryYellow)
}

.bn-tab__primary-gray {
    border-radius: var(--radii-m);
    padding: 7px var(--space-m)
}

.bn-tab__primary-gray.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tab__segment,.bn-tab__segment-outline {
    border-radius: var(--radii-s);
    color: var(--color-TertiaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-width: 88px;
    padding: var(--space-4xs) var(--space-s)
}

.bn-tab__segment-outline.active,.bn-tab__segment.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tab__third {
    grid-gap: var(--space-4xs);
    border-radius: var(--radii-2xs);
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    gap: var(--space-4xs);
    line-height: 16px;
    padding: var(--space-4xs) var(--space-3xs)
}

.bn-tab__third.active {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bn-tab__default,.bn-tab__default-breakline {
    border-bottom: 3px solid transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    padding-bottom: 5px;
    padding-top: var(--space-2xs)
}

.bn-tab__default-breakline:after,.bn-tab__default:after {
    background-image: linear-gradient(to right,transparent calc(50% - 8px),var(--color-BtnBg) calc(50% - 8px),var(--color-BtnBg) calc(50% + 8px),transparent calc(50% + 8px));
    bottom: -3px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px
}

.bn-tab__default-breakline.active,.bn-tab__default.active {
    color: var(--color-PrimaryText)
}

.bn-tab__default-breakline.active:after,.bn-tab__default.active:after {
    opacity: 1
}

.bn-tab__default-breakline.bn-tab-badge,.bn-tab__default.bn-tab-badge {
    padding-right: 7px
}

.bn-tab__vertical {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    padding: var(--space-2xs) var(--space-m)
}

.bn-tab__vertical.active {
    border-left-color: var(--color-PrimaryYellow);
    color: var(--color-PrimaryText)
}

.bn-tab__buySell {
    border-radius: var(--radii-xs);
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin: -1px;
    min-width: 60px;
    padding: 0;
    transition-duration: 0ms
}

.bn-tab__buySell:nth-child(odd).active {
    background-color: var(--color-Buy);
    color: var(--color-RedGreenBgText)
}

.bn-tab__buySell:nth-child(odd).active:after {
    background-color: inherit;
    border-radius: 0 0 0 var(--radii-xs);
    content: "";
    height: 17px;
    position: absolute;
    right: -7px;
    transform: rotate(-135deg);
    width: 17px;
    z-index: 1
}

.bn-tab__buySell:nth-child(2n).active {
    background-color: var(--color-Sell);
    color: var(--color-RedGreenBgText)
}

.bn-tab__buySell:nth-child(2n).active:before {
    background-color: inherit;
    border-radius: 0 0 0 var(--radii-xs);
    content: "";
    height: 17px;
    left: -7px;
    position: absolute;
    transform: rotate(45deg);
    width: 17px;
    z-index: 1
}

.bn-tab__buySell__gray:nth-child(n).active {
    background-color: var(--color-InputLine);
    color: var(--color-PrimaryText)
}

.bn-tab-rtl.bn-tab__buySell:nth-child(odd).active:after {
    border-radius: 0 var(--radii-xs) 0 0;
    left: -7px;
    right: auto
}

.bn-tab-rtl.bn-tab__buySell:nth-child(2n).active:before {
    border-radius: 0 var(--radii-xs) 0 0;
    left: auto;
    right: -7px
}

.bn-tab-rtl.bn-tab__default-breakline.bn-tab-badge,.bn-tab-rtl.bn-tab__default.bn-tab-badge {
    padding-left: 7px;
    padding-right: unset
}

.bn-tab__round {
    border-radius: var(--radii-circle);
    color: var(--color-PrimaryText)
}

.bn-tab__round.active {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow)
}

.bn-tab__secondary {
    border-radius: var(--radii-xs);
    color: var(--color-PrimaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    min-width: 90px;
    padding: var(--space-4xs) var(--space-2xs)
}

.bn-tab__secondary.active {
    background-color: var(--color-BtnBg);
    color: var(--color-TextOnYellow);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bn-tab__card {
    border-bottom: 4px solid var(--color-Input);
    border-radius: var(--radii-xs) var(--radii-xs) 0 0;
    height: 44px;
    justify-content: start;
    padding: var(--space-4xs) var(--space-3xs)
}

.bn-tab__card.active {
    background-color: var(--color-BasicBg);
    border-bottom-color: var(--color-BasicBg);
    color: var(--color-PrimaryText)
}

@media only screen and (min-width: 768px) {
    .bn-tab {
        color:var(--color-TertiaryText);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab__primary:hover {
        background-color: var(--color-BadgeBg);
        color: var(--color-PrimaryYellow)
    }

    .bn-tab__primary-gray:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-tab__segment,.bn-tab__segment-outline {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab__segment-outline:hover,.bn-tab__segment:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText)
    }

    .bn-tab__third {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-tab__third.active,.bn-tab__third:hover {
        background-color: var(--color-Input);
        color: var(--color-PrimaryText);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-tab__default,.bn-tab__default-breakline {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab__default-breakline:hover,.bn-tab__default:hover,.bn-tab__vertical:hover {
        color: var(--color-PrimaryText)
    }

    .bn-tab__vertical:hover {
        background-color: var(--color-Input)
    }

    .bn-tab__buySell {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        min-width: 122px
    }

    .bn-tab__round:hover {
        background-color: var(--color-Input)
    }

    .bn-tab__secondary {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-tab__secondary.active,.bn-tab__secondary:hover {
        background-color: var(--color-BtnBg);
        color: var(--color-TextOnYellow);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-tab__card:hover {
        color: var(--color-PrimaryText)
    }
}

.bn-tab-list {
    grid-gap: var(--space-m);
    background: transparent;
    display: flex;
    gap: var(--space-m);
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.bn-tab-list::-webkit-scrollbar {
    height: 0!important
}

.bn-tab-list-wrapper {
    grid-gap: var(--space-m);
    align-items: center;
    display: flex;
    gap: var(--space-m);
    width: 100%
}

.bn-tab-list-content {
    overflow: auto;
    position: relative
}

.bn-tab-list__primary-gray.data-size-large,.bn-tab-list__primary.data-size-large,.bn-tab-list__round.data-size-large {
    grid-gap: var(--space-xl);
    gap: var(--space-xl)
}

.bn-tab-list__primary-gray.data-size-small,.bn-tab-list__primary.data-size-small,.bn-tab-list__round.data-size-small {
    grid-gap: 0;
    gap: 0
}

.bn-tab-list__third.data-size-large {
    grid-gap: var(--space-m);
    gap: var(--space-m)
}

.bn-tab-list__default-breakline.data-size-large,.bn-tab-list__default.data-size-large {
    grid-gap: var(--space-5xl);
    gap: var(--space-5xl)
}

.bn-tab-list__default-breakline.data-size-small,.bn-tab-list__default.data-size-small {
    grid-gap: var(--space-m);
    gap: var(--space-m)
}

.bn-tab-list.data-font-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.bn-tab-list.data-font-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-tab-list.data-font-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-tab-list.data-font-4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .bn-tab-list.data-font-1 {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }

    .bn-tab-list.data-font-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-tab-list.data-font-3 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-tab-list.data-font-4 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }
}

.bn-tab-list__default-breakline.data-font-3,.bn-tab-list__default.data-font-3 {
    grid-gap: var(--space-mm);
    gap: var(--space-mm)
}

.bn-tab-list__secondary {
    grid-gap: 2px;
    gap: 2px
}

.bn-tab-list__secondary,.bn-tab-list__segment {
    background-color: var(--color-Input);
    border-radius: var(--radii-xs)
}

.bn-tab-list__segment {
    grid-gap: 0;
    gap: 0;
    padding-bottom: 2px;
    padding-top: 2px
}

.bn-tab-list__segment-outline {
    grid-gap: 0;
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-m);
    gap: 0;
    padding: var(--space-4xs)
}

.bn-tab-list__third {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-tab-list__card {
    background-color: var(--color-Input);
    padding: var(--space-4xs) var(--space-4xs) 0
}

.bn-tab-list__default,.bn-tab-list__default-breakline {
    grid-gap: var(--space-xl);
    gap: var(--space-xl)
}

.bn-tab-list__default-breakline {
    border-bottom: 1px solid var(--color-Line)
}

.bn-tab-list__vertical {
    grid-gap: 0;
    flex-direction: column;
    gap: 0;
    height: 100%
}

.bn-tab-list__buySell {
    grid-gap: var(--space-s);
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-s);
    gap: var(--space-s);
    height: 25px;
    overflow: visible
}

.bn-tab-list__primary,.bn-tab-list__primary-gray {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-tab-list-shadow {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 56px
}

.bn-tab-list-shadow-left {
    background: linear-gradient(90deg,var(--color-BasicBg) 0,var(--color-BasicBg) 12px,transparent 100%);
    left: 0
}

.bn-tab-list-shadow-left-arrow {
    font-size: 24px;
    left: 0
}

.bn-tab-list-shadow-right {
    background: linear-gradient(270deg,var(--color-BasicBg) 0,var(--color-BasicBg) 12px,transparent 100%);
    right: 0
}

.bn-tab-list-shadow-right-arrow {
    font-size: 24px;
    right: 0
}

.bn-tab-list-arrow {
    color: var(--color-IconNormal);
    content: "";
    cursor: pointer;
    font-size: 24px;
    height: 100%;
    position: absolute;
    top: 0
}

.bn-tab-list-arrow-left {
    left: 0
}

.bn-tab-list-arrow-right {
    right: 0
}

@media only screen and (min-width: 768px) {
    .bn-tab-list-arrow-left:hover,.bn-tab-list-arrow-right:hover {
        color:var(--color-PrimaryText)
    }
}

.bn-tab-pane:not(.active) {
    display: none
}

.bn-tabs {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.bn-tabs__vertical {
    flex-direction: row
}

.bn-tabs__vertical>.bn-tab-list {
    flex: none
}

.bn-tabs__vertical>.bn-tab-pane-list {
    flex: 1 1
}

.bn-virtual-table-wrapper {
    --transform-direction: 1
}

.bn-virtual-table-wrapper__row-large {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-virtual-table-wrapper__row-middle,.bn-virtual-table-wrapper__row-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-virtual-table-wrapper__padding-compact .bn-virtual-table-header .bn-virtual-table-cell,.bn-virtual-table-wrapper__padding-compact .bn-virtual-table-row .bn-virtual-table-cell {
    --table-horizontal-padding: 8px;
    --table-horizontal-padding-ends: 8px
}

.bn-virtual-table-wrapper__padding-hybrid .bn-virtual-table-header .bn-virtual-table-cell,.bn-virtual-table-wrapper__padding-hybrid .bn-virtual-table-row .bn-virtual-table-cell {
    --table-horizontal-padding: 8px
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end,.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-start,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-end,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start {
    z-index: 1
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before,.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-start-last:after,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-end-first:before,.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    bottom: -1px;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px
}

[dir=ltr] .bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    right: -1px
}

[dir=rtl] .bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    left: -1px
}

.bn-virtual-table-wrapper-ping-start .bn-virtual-table-cell-fix-start-last:after {
    box-shadow: inset calc(5px*var(--transform-direction)) 0 12px -4px var(--color-Line);
    transform: translateX(calc(100%*var(--transform-direction)))
}

[dir=ltr] .bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    left: -1px
}

[dir=rtl] .bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    right: -1px
}

.bn-virtual-table-wrapper-ping-end .bn-virtual-table-cell-fix-end-first:before {
    box-shadow: inset calc(-5px*var(--transform-direction)) 0 12px -4px var(--color-Line);
    transform: translateX(calc(-100%*var(--transform-direction)))
}

.bn-virtual-table-wrapper-rtl {
    --transform-direction: -1
}

.bn-virtual-table-header {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-virtual-table-header,.bn-virtual-table-row {
    align-items: center;
    background-color: var(--color-BasicBg);
    border-bottom: 1px solid var(--color-Line);
    display: flex
}

.bn-virtual-table-row:hover {
    background-color: var(--color-Vessel)
}

.bn-virtual-table-row-expanded {
    background-color: var(--color-BasicBg);
    display: flex
}

[dir=ltr] .bn-virtual-table-row-expanded-content {
    left: 0
}

[dir=rtl] .bn-virtual-table-row-expanded-content {
    right: 0
}

.bn-virtual-table-row-expanded-content {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky
}

.bn-virtual-table-cell {
    align-items: center;
    background-color: inherit;
    display: flex;
    height: 100%
}

.bn-virtual-table-cell:not(.bn-virtual-table-cell-expand) {
    --table-horizontal-padding: 16px;
    --table-horizontal-padding-ends: 16px;
    padding: 0 var(--table-horizontal-padding)
}

[dir=ltr] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):first-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):last-child,[dir=rtl] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):first-child {
    padding-right: var(--table-horizontal-padding-ends)
}

[dir=rtl] .bn-virtual-table-cell:not(.bn-virtual-table-cell-expand):last-child {
    padding-left: var(--table-horizontal-padding-ends)
}

[dir=ltr] .bn-virtual-table-cell-expand {
    left: 0
}

[dir=rtl] .bn-virtual-table-cell-expand {
    right: 0
}

.bn-virtual-table-cell-expand {
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.bn-virtual-table-cell-expand-icon {
    cursor: pointer;
    font-size: 20px
}

.bn-pagination {
    grid-gap: var(--space-2xs);
    align-items: center;
    color: var(--color-SecondaryText);
    display: inline-flex;
    gap: var(--space-2xs);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bn-pagination-next,.bn-pagination-prev {
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px
}

.bn-pagination-next.disabled,.bn-pagination-prev.disabled {
    color: var(--color-Line);
    cursor: not-allowed
}

.bn-pagination-items {
    grid-gap: var(--space-2xs);
    display: inline-flex;
    gap: var(--space-2xs)
}

.bn-pagination-item {
    align-items: center;
    border-radius: var(--radii-s);
    color: var(--color-SecondaryText);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    text-decoration: none;
    width: 28px
}

.bn-pagination-item.abbreviate {
    cursor: default
}

.bn-pagination-item.active {
    background-color: var(--color-Line);
    color: var(--color-PrimaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-pagination-item:not(.abbreviate):hover {
        background-color:var(--color-Line);
        color: var(--color-PrimaryText)
    }
}

.bn-swiper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bn-swiper-wrapper {
    display: flex;
    height: 100%;
    width: 100%
}

.bn-swiper-item {
    flex: none;
    height: 100%;
    width: 100%
}

.bn-swiper.vertical>.bn-swiper-wrapper {
    flex-direction: column
}

.bn-breadcrumb {
    grid-row-gap: var(--space-3xs);
    grid-column-gap: var(--space-2xs);
    align-items: center;
    -moz-column-gap: var(--space-2xs);
    column-gap: var(--space-2xs);
    display: flex;
    padding-right: var(--space-2xs);
    row-gap: var(--space-3xs)
}

.bn-breadcrumb-separator {
    color: var(--color-Line);
    display: inline-flex;
    flex: none;
    font-size: 24px
}

.bn-breadcrumb-item {
    color: var(--color-TertiaryText);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-breadcrumb-item.active {
    color: var(--color-PrimaryText);
    cursor: text;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-breadcrumb-item.disabled {
    color: var(--color-DisableText);
    cursor: not-allowed
}

@media only screen and (min-width: 768px) {
    .bn-breadcrumb-item {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }

    .bn-breadcrumb-item.active {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-breadcrumb-item:hover:not(.disabled):not(.active) {
        color: var(--color-TextLink);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-emptyState {
    grid-gap: var(--space-2xs);
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

.bn-emptyState-icon {
    font-size: 96px
}

.bn-emptyState.data-size-small .bn-emptyState-icon {
    font-size: 64px
}

.bn-emptyState-content {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bn-emptyState-content {
        color:var(--color-TertiaryText)
    }
}

.bn-thumbnail {
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-xs);
    display: inline-flex;
    flex-direction: column;
    min-height: 92px;
    overflow: hidden;
    width: 177px
}

.bn-thumbnail.data-error .bn-thumbnail-file-name {
    color: var(--color-Error)
}

.bn-thumbnail-file {
    display: flex;
    flex-direction: column;
    margin-left: var(--space-2xs)
}

.bn-thumbnail-file-prefix {
    display: inline-flex;
    flex: none
}

.bn-thumbnail-file-wrapper {
    background: var(--color-BasicBg);
    display: flex;
    flex: 1 1;
    padding: var(--space-s);
    width: 100%
}

.bn-thumbnail-file-wrapper .bn-svg {
    color: var(--color-IconNormal);
    font-size: 36px
}

.bn-thumbnail-file-name {
    color: var(--color-SecondaryText);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-thumbnail-file-caption {
    color: var(--color-DisableText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-thumbnail-secure {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-thumbnail-secure-prefix {
    display: inline-flex;
    flex: none
}

.bn-thumbnail-secure-wrapper {
    grid-gap: var(--space-2xs);
    align-items: center;
    background: var(--color-DisableText);
    color: var(--color-RedGreenBgText);
    display: flex;
    flex: none;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-m);
    width: 100%
}

.bn-thumbnail-secure-wrapper .bn-svg {
    color: var(--color-RedGreenBgText);
    font-size: 16px
}

.bn-timeline-item {
    color: var(--color-PrimaryText);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-height: 44px;
    padding-left: 17px;
    position: relative
}

.bn-timeline-item:not(:last-of-type) {
    min-height: 66px;
    padding-bottom: var(--space-m)
}

.bn-timeline-item:last-of-type.ending {
    min-height: 0
}

.bn-timeline-item:last-of-type.ending .bn-timeline-item-tail {
    display: none
}

.bn-timeline-item:last-of-type .bn-timeline-item-tail {
    bottom: 55%
}

.bn-timeline-item-ind {
    background-color: var(--color-PrimaryYellow);
    border: 2px solid var(--color-PrimaryYellow);
    border-radius: var(--radii-circle);
    height: 9px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(6px);
    width: 9px;
    z-index: 2
}

.bn-timeline-item-ind.hollow {
    background-color: var(--color-BasicBg)
}

.bn-timeline-item-tail {
    border-left: 1px solid var(--color-Line);
    bottom: 0;
    left: 4px;
    position: absolute;
    top: 9px;
    transform: translateY(6px)
}

.bn-timeline-item-tail.dashed {
    border-left-style: dashed
}

.bn-timeline-item-desc {
    color: var(--color-TertiaryText);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: var(--space-5xs)
}

.bn-timeline-item-rtl {
    padding-left: auto;
    padding-right: 17px
}

.bn-timeline-item-rtl .bn-timeline-item-ind {
    left: auto;
    right: 0
}

.bn-timeline-item-rtl .bn-timeline-item-tail {
    left: auto;
    right: 4px
}

@media only screen and (min-width: 768px) {
    .bn-timeline-item {
        font-size:14px;
        font-weight: 500;
        line-height: 20px
    }

    .bn-timeline-item-ind,.bn-timeline-item-tail {
        transform: translateY(4px)
    }

    .bn-timeline-item-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.bn-slider-ticks {
    grid-gap: var(--space-4xs);
    display: flex;
    gap: var(--space-4xs)
}

.bn-slider-ticks__steps {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs);
    width: 100%
}

.bn-slider-ticks__steps .bn-slider-ticks-tick {
    width: 100%
}

.bn-slider-ticks__steps .bn-slider-ticks-tick.finish {
    background-color: var(--color-PrimaryText)
}

.bn-slider-ticks-tick {
    background-color: var(--color-Line);
    cursor: pointer;
    height: 3px;
    width: 8px
}

.bn-slider-ticks-tick.active {
    background-color: var(--color-PrimaryText)
}

.bn-slider-ticks.data-dir-vertical {
    flex-direction: column
}

.bn-slider-ticks.data-dir-vertical .bn-slider-ticks-tick {
    height: 11px;
    width: 3px
}

.bn-slider-color-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.bn-slider-color-track {
    background: linear-gradient(90deg,rgba(32,38,48,0),#202630);
    border-radius: var(--radii-s);
    height: 10px;
    left: 0;
    margin: 1px 6px;
    position: absolute;
    right: 0
}

.bn-slider-color-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    flex: 1 1;
    z-index: 2
}

.bn-slider-color-input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color-RedGreenBgText);
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    transform: translateY(-1px);
    width: 12px
}

.bn-slider-color-input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-moz-range-thumb {
    background: var(--color-RedGreenBgText);
    border: none;
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    width: 12px
}

.bn-slider-color-input[type=range]::-moz-range-track {
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-ms-thumb {
    background: var(--color-RedGreenBgText);
    border: none;
    border-radius: 100%;
    box-shadow: var(--shadow-shadow2);
    cursor: pointer;
    height: 12px;
    width: 12px
}

.bn-slider-color-input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 10px;
    margin: 1px 0
}

.bn-slider-color-input[type=range]::-ms-fill-lower,.bn-slider-color-input[type=range]::-ms-fill-upper {
    background: transparent
}

.bn-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    flex: 1 1;
    margin: 10px 0;
    position: relative;
    z-index: 2
}

.bn-slider-wrapper {
    display: flex;
    position: relative
}

.bn-slider-track {
    background: var(--color-InputLine);
    display: flex;
    height: 1px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: calc(50% - .5px);
    transform: translate(0)
}

.bn-slider-track-thumb {
    background: var(--color-PrimaryText);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.bn-slider-track-step {
    grid-gap: var(--space-3xs);
    align-items: center;
    color: var(--color-SecondaryText);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    gap: var(--space-3xs);
    line-height: 18px;
    position: absolute;
    top: -2.5px;
    transform: translate(-50%);
    z-index: 2
}

.bn-slider-track-step-dot {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-InputLine);
    border-radius: 1px;
    height: 6px;
    transform: rotate(-45deg);
    width: 6px
}

.bn-slider-track-step.active .bn-slider-track-step-dot {
    background: var(--color-PrimaryText);
    border-color: var(--color-PrimaryText)
}

.bn-slider-track-step:not(.disabled) .bn-slider-track-step-mark {
    cursor: pointer
}

.bn-slider-track-step.disabled {
    color: var(--color-InputLine)
}

.bn-slider-track-number {
    background-color: var(--color-PrimaryText);
    border-radius: var(--radii-xs);
    bottom: 9px;
    color: var(--color-CardBg);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    transform: translate(-50%);
    z-index: 3
}

.bn-slider-track-rtl .bn-slider-track-number,.bn-slider-track-rtl .bn-slider-track-step {
    transform: translate(50%)
}

.bn-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-webkit-slider-runnable-track {
    background: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-moz-range-thumb {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-moz-range-track {
    background: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-ms-thumb {
    background: var(--color-BasicBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    transform: translate(0) rotate(-45deg);
    width: 10px
}

.bn-slider::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 10px;
    width: 100%
}

.bn-slider::-ms-fill-lower,.bn-slider::-ms-fill-upper {
    background: transparent
}

@media only screen and (min-width: 768px) {
    .bn-slider::-webkit-slider-thumb {
        box-shadow:0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider::-moz-range-thumb {
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider::-ms-thumb {
        box-shadow: 0 0 0 .5px var(--color-PrimaryText)
    }

    .bn-slider-track-number {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-upload {
    grid-gap: var(--space-4xs);
    align-items: center;
    border: 1px solid var(--color-Line);
    border-radius: var(--radii-m);
    color: var(--color-PrimaryText);
    cursor: pointer;
    display: inline-flex;
    gap: var(--space-4xs);
    min-height: 32px;
    padding: var(--space-2xs) var(--space-m)
}

.bn-upload.data-initial.bn-upload:active {
    border: 1px solid var(--color-PrimaryYellow)
}

.bn-upload.data-error,.bn-upload.data-success,.bn-upload.data-waiting {
    grid-gap: var(--space-s);
    gap: var(--space-s);
    padding: var(--space-2xs) var(--space-s)
}

.bn-upload.data-error .bn-upload-icon,.bn-upload.data-success .bn-upload-icon,.bn-upload.data-waiting .bn-upload-icon {
    font-size: 24px
}

.bn-upload.data-waiting .bn-spinner {
    fill: var(--color-BtnBg);
    stroke: var(--color-BtnBg);
    font-size: 24px;
    transform: scale(.8)
}

.bn-upload.data-waiting .bn-spinner circle {
    stroke-width: 3.5px
}

.bn-upload.data-error {
    border: 1px solid var(--color-Error)
}

.bn-upload.data-error .bn-upload-filename {
    color: var(--color-Error)
}

.bn-upload__primary.data-size-large {
    min-height: 40px;
    padding: var(--space-xs) var(--space-m)
}

.bn-upload__primary.data-size-large.data-error,.bn-upload__primary.data-size-large.data-success,.bn-upload__primary.data-size-large.data-waiting {
    padding: var(--space-s)
}

.bn-upload__primary.data-size-large.data-error .bn-upload-icon,.bn-upload__primary.data-size-large.data-success .bn-upload-icon,.bn-upload__primary.data-size-large.data-waiting .bn-spinner,.bn-upload__primary.data-size-large.data-waiting .bn-upload-icon {
    font-size: 48px
}

.bn-upload__square {
    border: 1px solid var(--color-Line);
    flex-direction: column;
    height: 164px;
    justify-content: center;
    position: relative;
    width: 164px
}

.bn-upload__square,.bn-upload__square.data-error,.bn-upload__square.data-success,.bn-upload__square.data-waiting {
    grid-gap: var(--space-4xs);
    gap: var(--space-4xs)
}

.bn-upload__square.data-error .bn-upload-icon,.bn-upload__square.data-success .bn-upload-icon,.bn-upload__square.data-waiting .bn-spinner,.bn-upload__square.data-waiting .bn-upload-icon {
    font-size: 48px
}

.bn-upload__square .bn-upload-icon {
    color: var(--color-PrimaryText);
    font-size: 24px
}

.bn-upload__square .bn-upload-image {
    height: auto;
    width: 100%
}

.bn-upload__square .bn-upload-trigger {
    color: var(--color-PrimaryText)
}

.bn-upload__square .bn-upload-filename {
    max-width: 90%;
    min-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bn-upload__square .bn-upload-delete {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.bn-upload-icon {
    align-items: center;
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 16px;
    height: 1em;
    justify-content: center;
    width: 1em
}

.bn-upload-image {
    height: 24px;
    width: 24px
}

.bn-upload-trigger {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.bn-upload-retry {
    align-items: center;
    background-color: var(--color-Line);
    border-radius: var(--radii-s);
    color: var(--color-PrimaryText);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    line-height: 18px;
    margin-top: var(--space-4xs);
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs)
}

.bn-upload-filename {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    min-width: 120px
}

.bn-upload-delete {
    color: var(--color-IconNormal);
    font-size: 20px
}

.bn-upload-rtl {
    direction: rtl
}

.bn-upload-rtl.bn-upload__square .bn-upload-delete {
    left: 0;
    right: auto
}

@media only screen and (min-width: 768px) {
    .bn-upload.data-initial.bn-upload:hover {
        border:1px solid var(--color-PrimaryYellow)
    }
}

.bn-step {
    grid-gap: var(--space-xs);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: var(--space-xs);
    position: relative
}

.bn-step__primary.data-status-progress .bn-step-ind {
    background-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-step__primary.data-status-progress .bn-step-content {
    color: var(--color-PrimaryText)
}

.bn-step__primary.data-status-finish .bn-step-ind,.bn-step__primary.data-status-finish .bn-step-tail {
    background-color: var(--color-PrimaryText);
    color: var(--color-BasicBg)
}

.bn-step__primary:last-of-type .bn-step-tail {
    display: none
}

.bn-step__primary .bn-step-ind {
    align-items: center;
    background-color: var(--color-Line);
    border-radius: 3px;
    color: var(--color-DisableText);
    display: flex;
    flex: none;
    font-size: 12px;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    line-height: 18px;
    position: relative;
    transform: rotate(45deg);
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: linear;
    width: 16px;
    z-index: 2
}

.bn-step__primary .bn-step-ind .bn-svg {
    font-size: 12px
}

.bn-step__primary .bn-step-ind .data-ind-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    transform: rotate(-45deg)
}

.bn-step__primary .bn-step-content {
    color: var(--color-SecondaryText);
    width: 110px
}

.bn-step__primary .bn-step-tail {
    background-color: var(--color-Line);
    height: 2px;
    left: 0;
    position: absolute;
    right: 16px;
    top: 7px;
    transform: translate(16px);
    transition-duration: var(--animation-duration-fast);
    transition-property: background-color;
    transition-timing-function: linear
}

.bn-step__primary__normal .bn-step-ind {
    border-radius: unset;
    height: 8px;
    transform: rotate(45deg);
    width: 8px
}

.bn-step__primary__normal .bn-step-tail {
    right: 8px;
    top: 3px;
    transform: translate(8px)
}

.bn-step__primary__normal .bn-step-content-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.bn-step__primary__normal .bn-step-content-desc {
    color: var(--color-SecondaryText);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.bn-step__primary__normal .bn-step-content-action {
    color: var(--color-TextLink);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-ind,.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-tail {
    background-color: var(--color-DisableText)
}

.bn-step__primary__normal:not(.data-type-dynamic) .bn-step-content {
    color: var(--color-PrimaryText)
}

.bn-step__primary__normal.data-type-dynamic {
    --bn-step-content-height: 32px
}

.bn-step__primary__normal.data-type-dynamic.data-status-progress .bn-step-ind {
    transform: rotate(45deg) scale(1.25)
}

.bn-step__arrow {
    padding: 0
}

.bn-step__arrow.data-status-progress .bn-step-ind {
    color: var(--color-TextOnYellow)
}

.bn-step__arrow.data-status-progress .bn-step-ind:after,.bn-step__arrow.data-status-progress .bn-step-ind:before {
    background-color: var(--color-BtnBg)
}

.bn-step__arrow.data-status-progress .bn-step-content,.bn-step__arrow.data-status-progress .bn-step-content-desc {
    color: var(--color-PrimaryText)
}

.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {
    background-image: linear-gradient(to right,var(--color-BtnBg),transparent)
}

.bn-step__arrow:first-of-type .bn-step-ind {
    background-image: linear-gradient(to right,var(--color-Line),transparent);
    border-radius: 2px 0 0 2px
}

.bn-step__arrow .bn-step-ind {
    align-items: center;
    border-radius: 2px;
    color: var(--color-SecondaryText);
    display: flex;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    width: 100%;
    z-index: 2
}

.bn-step__arrow .bn-step-ind:before {
    border-radius: 2px 2px 2px 0;
    height: 51%;
    top: 0;
    transform: skewX(35deg)
}

.bn-step__arrow .bn-step-ind:after,.bn-step__arrow .bn-step-ind:before {
    background-color: var(--color-Line);
    content: "";
    left: 6px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    z-index: -1
}

.bn-step__arrow .bn-step-ind:after {
    border-radius: 0 2px 2px 2px;
    bottom: 0;
    height: 50%;
    transform: skewX(-35deg)
}

.bn-step__arrow .bn-step-ind .bn-svg {
    font-size: 16px
}

.bn-step__arrow .bn-step-content {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 200px;
    padding: 0 var(--space-xs)
}

.bn-step-content {
    color: var(--color-PrimaryText);
    transition-duration: var(--animation-duration-fast);
    transition-property: color;
    transition-timing-function: linear
}

.bn-step-content-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-step-content-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.bn-step-content-action {
    margin-top: var(--space-2xs)
}

.bn-step-rtl.bn-step__primary .bn-step-tail {
    left: 16px;
    right: 0;
    transform: translate(-16px)
}

.bn-step-rtl.bn-step__primary.data-status-progress .bn-step-tail {
    background: linear-gradient(to left,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-step-rtl.bn-step__primary__normal .bn-step-tail {
    left: 3px;
    transform: translate(-8px)
}

.bn-step-rtl.bn-step__arrow {
    padding: 0
}

.bn-step-rtl.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {
    background-image: linear-gradient(to left,var(--color-BtnBg),transparent)
}

.bn-step-rtl.bn-step__arrow:first-of-type .bn-step-ind {
    background-image: linear-gradient(to left,var(--color-Line),transparent);
    border-radius: 0 2px 2px 0
}

.bn-step-rtl.bn-step__arrow .bn-step-ind:before {
    transform: skewX(-35deg)
}

.bn-step-rtl.bn-step__arrow .bn-step-ind:after {
    transform: skewX(35deg)
}

@media only screen and (min-width: 768px) {
    .bn-step {
        padding:0 var(--space-m) 0 0
    }

    .bn-step:last-of-type {
        flex: none;
        padding: 0
    }

    .bn-step-content-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .bn-step-content-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .bn-step-rtl {
        padding: 0 0 0 var(--space-m)
    }

    .bn-step__primary__normal .bn-step-content-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .bn-step__primary__normal .bn-step-content-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .bn-step__primary__normal .bn-step-content-action {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .bn-step__primary__normal .bn-step-content-action:hover {
        color: var(--color-BtnBg)
    }

    .bn-step__primary .bn-step-content {
        color: var(--color-TertiaryText);
        width: 200px
    }

    .bn-step__arrow .bn-step-ind {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .bn-step__arrow .bn-step-content {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.bn-steps {
    --bn-step-content-height: 64px;
    display: flex;
    position: relative
}

.bn-steps__primary.data-gap {
    grid-gap: var(--space-2xs);
    gap: var(--space-2xs)
}

.bn-steps__primary.data-gap .bn-step-tail {
    left: var(--space-2xs)
}

.bn-steps__primary.data-gap.data-vertical .bn-step-tail {
    top: var(--space-2xs)
}

.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-finish .bn-step-content,.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-initial .bn-step-content {
    opacity: 0
}

.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-progress .bn-step-content {
    text-wrap: nowrap;
    white-space: nowrap
}

.bn-steps__primary.data-vertical {
    flex-direction: column
}

.bn-steps__primary.data-vertical .bn-step {
    flex-direction: row
}

.bn-steps__primary.data-vertical .bn-step:not(:last-of-type) {
    min-height: var(--bn-step-content-height);
    padding: 0 0 var(--space-m)
}

.bn-steps__primary.data-vertical .bn-step-content {
    flex: 1 1;
    width: auto
}

.bn-steps__primary.data-vertical .bn-step-tail {
    bottom: 16px;
    height: auto;
    left: 7px;
    right: auto;
    top: 0;
    transform: translateY(20px);
    width: 2px
}

.bn-steps__primary.data-vertical .bn-step__primary .bn-step-ind {
    top: 4px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-ind {
    top: 7px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-tail {
    bottom: 0;
    height: auto;
    left: 3px;
    right: auto;
    top: 0;
    transform: translateY(8px);
    width: 2px
}

.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-content {
    grid-gap: var(--space-4xs);
    display: flex;
    flex-direction: column;
    gap: var(--space-4xs)
}

.bn-steps__primary.data-vertical .bn-step__primary__normal.bn-step-rtl .bn-step-tail {
    left: auto;
    right: 3px
}

.bn-steps__primary.data-vertical .bn-step__primary.data-status-progress .bn-step-tail {
    background: var(--color-Line)
}

.bn-steps__primary.data-vertical .bn-step-rtl .bn-step-tail {
    left: auto;
    right: 8px
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind {
    transform: translateX(47px) rotate(45deg)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
    transform: rotate(-45deg)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-tail {
    transform: translateX(63px)
}

.bn-steps__primary .bn-step__primary.data-align-center .bn-step-content {
    text-align: center
}

.bn-steps__primary .bn-step__primary.data-align-space-between {
    padding: 0
}

.bn-steps__primary .bn-step__primary.data-align-space-between .bn-step-content {
    max-width: 100%;
    text-align: center;
    width: 100%
}

.bn-steps__primary .bn-step__primary.data-align-space-between .bn-step-tail {
    left: 0;
    right: 0;
    transform: unset
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:first-child .bn-step-tail {
    background: var(--color-Line)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:not(:first-child):not(:last-child) .bn-step-tail {
    background: linear-gradient(to right,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:not(:first-child):not(:last-child).bn-step-rtl .bn-step-tail {
    background: linear-gradient(to left,var(--color-PrimaryText) 50%,var(--color-Line) 50%)
}

.bn-steps__primary .bn-step__primary.data-align-space-between.data-status-progress:last-child .bn-step-tail {
    background: var(--color-PrimaryText)
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child {
    padding-right: 6px
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child {
    padding-left: 6px
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child .bn-step-content {
    text-align: left
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:first-child .bn-step-content {
    text-align: right
}

.bn-steps__primary .bn-step__primary.data-align-space-between:not(:first-child):not(:last-child) {
    align-items: center;
    padding: 0 6px
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    padding-left: 6px
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    padding-right: 6px
}

.bn-steps__primary .bn-step__primary.data-align-space-between:last-child {
    align-items: flex-end;
    flex: 1 1
}

[dir=ltr] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-content {
    text-align: right
}

[dir=rtl] .bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-content {
    text-align: left
}

.bn-steps__primary .bn-step__primary.data-align-space-between:last-child .bn-step-tail {
    display: block
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
    transform: translateX(-47px) rotate(45deg)
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
    transform: rotate(-45deg)
}

.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
    transform: translateX(-63px)
}

@media only screen and (min-width: 768px) {
    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind {
        transform:translateX(92px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(108px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-content {
        text-align: center
    }

    [dir=ltr] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:first-child {
        padding-right: var(--space-xl)
    }

    [dir=rtl] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:first-child {
        padding-left: var(--space-xl)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:not(:first-child):not(:last-child) {
        padding: 0 var(--space-xl)
    }

    [dir=ltr] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:last-child {
        padding-left: var(--space-xl)
    }

    [dir=rtl] .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-space-between:last-child {
        padding-right: var(--space-xl)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(-92px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(-108px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(96px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(104px)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {
        transform: translateX(-96px) rotate(45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {
        transform: rotate(-45deg)
    }

    .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {
        transform: translateX(-104px)
    }
}

.bn-tag {
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 18px
}

.bn-tag>.bn-bubble-content {
    grid-gap: 2px;
    align-items: center;
    display: flex;
    gap: 2px;
    padding: 0 6px
}

.bn-tag>.bn-bubble-content>svg {
    font-size: 12px
}

.bn-tag.data-size-small {
    font-size: 10px;
    font-weight: 400;
    height: 16px;
    line-height: 16px
}

.bn-tag.data-size-small>.bn-bubble-content {
    border-radius: var(--radii-2xs);
    padding: 0 4px
}

@media only screen and (min-width: 768px) {
    .bn-tag.data-size-small {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }

    .bn-tag.data-size-small>.bn-bubble-content>svg {
        font-size: 12px
    }
}

.bn-tag.data-corner-top-left>.bn-bubble-content {
    border-radius: 0 0 8px 0;
    padding: 0 8px
}

.bn-tag.data-corner-top-right>.bn-bubble-content {
    border-radius: 0 0 0 8px;
    padding: 0 8px
}

.bn-tag-wrap {
    align-items: center;
    direction: ltr;
    display: inline-flex;
    position: relative
}

.bn-tag.bn-bubble__info {
    --color-arrow: var(--color-Input);
    color: var(--color-PrimaryText)
}

.bn-tag.bn-bubble__warn {
    --color-arrow: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-tag.bn-bubble__success {
    --color-arrow: rgba(46,189,133,.1);
    color: var(--color-Success)
}

.bn-tag.bn-bubble__error {
    --color-arrow: rgba(246,70,93,.1);
    color: var(--color-Error)
}

@media only screen and (min-width: 768px) {
    .bn-tag {
        height:24px
    }

    .bn-tag>.bn-bubble-content>svg {
        font-size: 16px
    }
}

.bn-picker-view {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    height: 250px;
    line-height: 28px;
    padding: 0 var(--space-4xl);
    position: relative
}

.bn-picker-view-column-content {
    transition: transform var(--animation-duration-base) ease
}

.bn-picker-view.dark .bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,rgba(32,38,48,.8),rgba(32,38,48,.4)),linear-gradient(0deg,rgba(32,38,48,.8),rgba(32,38,48,.4))
}

.bn-picker-view.midnight .bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,rgba(26,26,26,.8),rgba(26,26,26,.4)),linear-gradient(0deg,rgba(26,26,26,.8),rgba(26,26,26,.4))
}

@media only screen and (min-width: 768px) {
    .bn-picker-view.dark .bn-picker-view-column-mask {
        background-image:linear-gradient(180deg,rgba(30,35,41,.8),rgba(30,35,41,.4)),linear-gradient(0deg,rgba(30,35,41,.8),rgba(30,35,41,.4))
    }

    .bn-picker-view.midnight .bn-picker-view-column-mask {
        background-image: linear-gradient(180deg,rgba(26,26,26,.8),rgba(26,26,26,.4)),linear-gradient(0deg,rgba(26,26,26,.8),rgba(26,26,26,.4))
    }
}

.bn-picker-view-column {
    display: block;
    flex: 1 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.bn-picker-view-column-item {
    box-sizing: border-box;
    color: var(--color-PrimaryText);
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 var(--space-3xs);
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.bn-picker-view-column-mask {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4));
    background-position: top,bottom;
    background-repeat: no-repeat;
    background-size: 100% 204px;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.bn-picker-view-column-content {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bn-picker-view-column-indicator {
    box-sizing: border-box;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

.bn-picker-view:after,.bn-picker-view:before {
    background-color: var(--color-Line);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.bn-picker-view:before {
    top: calc(50% - 25px)
}

.bn-picker-view:after {
    bottom: calc(50% - 25px)
}

.bn-picker-header {
    grid-gap: var(--space-4xs);
    align-items: center;
    display: flex;
    gap: var(--space-4xs);
    padding: var(--space-m);
    position: relative
}

.bn-picker-header-main {
    color: var(--color-PrimaryText);
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.bn-picker-footer {
    grid-gap: var(--space-s);
    align-items: center;
    display: flex;
    gap: var(--space-s);
    justify-content: space-between;
    padding: var(--space-m)
}

.bn-picker-footer-cancel,.bn-picker-footer-confirm {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.bn-picker-box,.bn-picker-range {
    background-color: var(--color-CardBg);
    width: 100%
}

.bn-picker-inputs {
    align-items: center;
    color: var(--color-SecondaryText);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
    padding: var(--space-xs) var(--space-m)
}

.bn-picker-inputs-input {
    background-color: var(--color-Input);
    color: var(--color-PrimaryText);
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 24px;
    min-height: 36px;
    padding: 0 34px;
    width: 150px
}

.bn-picker-inputs-input.focus {
    border: 1.5px solid var(--color-PrimaryText)
}

.bn-picker-inputs-separator {
    min-width: 45px;
    text-align: center
}

.bn-keyboard {
    grid-gap: var(--space-2xs);
    display: grid;
    gap: var(--space-2xs);
    grid-template-columns: repeat(3,1fr);
    min-width: 375px;
    padding: var(--space-m) var(--space-4xs)
}

.bn-keyboard,.bn-keyboard-key {
    background-color: var(--color-CardBg)
}

.bn-keyboard-key {
    color: var(--color-PrimaryText);
    font-size: 28px;
    font-weight: 600;
    height: 46px;
    line-height: 40px
}

.bn-keyboard-key:active {
    background-color: var(--color-Vessel)
}

.bn-keyboard-key-separator {
    padding-bottom: 16px
}

.bn-keyboard-hide-separator .bn-keyboard-key-separator {
    visibility: hidden
}

.bn-keyboard-rtl .bn-keyboard-key-cancel {
    transform: scaleX(-1)
}

.bn-searchBar {
    transition-duration: var(--animation-duration-slow);
    transition-property: width;
    transition-timing-function: ease-in-out
}

.bn-searchBar__collapsible {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.bn-searchBar__collapsible .bn-textField {
    transition-duration: var(--animation-duration-slow);
    width: 100%
}

.bn-searchBar__collapsible .bn-textField-clear {
    opacity: 1;
    transition-delay: var(--animation-duration-slow);
    transition-property: opacity;
    visibility: visible
}

.bn-searchBar__collapsible .bn-textField-input {
    opacity: 1;
    transition-delay: var(--animation-duration-fast);
    transition-property: opacity
}

.bn-searchBar__collapsible.bn-searchBar__collapsed {
    width: 20px
}

.bn-searchBar__collapsed .bn-textField {
    background: transparent;
    border-color: transparent;
    padding-left: 0;
    width: 20px
}

.bn-searchBar__collapsed .bn-textField-input {
    opacity: 0;
    transition-delay: var(--animation-duration-fast);
    transition-property: opacity
}

.bn-searchBar__collapsed .bn-textField-prefix {
    color: var(--color-PrimaryText)
}

.bn-searchBar__collapsed .bn-textField-clear {
    opacity: 0;
    visibility: hidden
}

.bn-skeleton {
    display: flex;
    width: 100%
}

[dir=ltr] .bn-skeleton-header {
    padding-right: var(--space-s)
}

[dir=rtl] .bn-skeleton-header {
    padding-left: var(--space-s)
}

.bn-skeleton-content {
    flex: 1 1
}

.bn-skeleton.bn-skeleton-active .bn-skeleton-avatar,.bn-skeleton.bn-skeleton-active .bn-skeleton-image,.bn-skeleton.bn-skeleton-active .bn-skeleton-paragraph-row,.bn-skeleton.bn-skeleton-active .bn-skeleton-title {
    animation: skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
    background-size: 400% 100%
}

.bn-skeleton-avatar {
    background: var(--color-Input);
    border-radius: 50%;
    display: inline-block;
    height: 64px;
    vertical-align: top;
    width: 64px
}

.bn-skeleton-avatar-small {
    height: 24px;
    width: 24px
}

.bn-skeleton-avatar-square,.bn-skeleton-title {
    border-radius: var(--radii-xs)
}

.bn-skeleton-title {
    background: var(--color-Input);
    height: 24px;
    width: 50%
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper {
    display: flex
}

[dir=ltr] .bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    margin-right: var(--space-s)
}

[dir=rtl] .bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    margin-left: var(--space-s)
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper .bn-skeleton-avatar {
    flex-shrink: 0
}

.bn-skeleton .bn-skeleton-paragraph-row-wrapper+.bn-skeleton-paragraph-row-wrapper {
    margin-top: var(--space-mm)
}

.bn-skeleton .bn-skeleton-paragraph-row {
    background: var(--color-Input);
    border-radius: var(--radii-xs);
    height: 24px;
    width: 100%
}

.bn-skeleton .bn-skeleton-paragraph-row+.bn-skeleton-paragraph-row,.bn-skeleton-title+.bn-skeleton-paragraph {
    margin-top: var(--space-mm)
}

.bn-skeleton-images {
    display: flex;
    width: 100%
}

.bn-skeleton-image {
    background: var(--color-Input);
    border-radius: var(--radii-xs);
    height: 154px;
    width: 100%
}

[dir=ltr] .bn-skeleton-image+.bn-skeleton-image {
    margin-left: var(--space-mm)
}

[dir=rtl] .bn-skeleton-image+.bn-skeleton-image {
    margin-right: var(--space-mm)
}

.bn-skeleton-paragraph+.bn-skeleton-images {
    margin-top: var(--space-mm)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-ranges .bn-web-datepicker-now {
    display: none
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs);
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-extra {
    flex-grow: 1
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list {
    grid-gap: var(--space-4xs);
    align-items: center;
    display: flex;
    gap: var(--space-4xs)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list button {
    --button-color: var(--color-TertiaryText);
    padding: 0 16px
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-list button:hover:not(.inactive):not([disabled]) {
    --button-bg: var(--color-Input);
    --button-color: var(--color-PrimaryText)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-range-btn-actions {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs)
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-date {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bn-web-datepicker-dropdown.data-default-footer .bn-web-datepicker-footer-date-btn-actions {
    grid-gap: var(--space-xs);
    align-items: center;
    display: flex;
    gap: var(--space-xs)
}

.bn-web-datepicker {
    background: var(--color-CardBg);
    border: 1px solid var(--color-InputLine);
    border-radius: var(--radii-m);
    display: inline-flex;
    height: 40px;
    padding: 0 var(--space-s);
    width: 212px
}

.bn-web-datepicker.data-borderless {
    background: transparent;
    border: none
}

.bn-web-datepicker:hover:not(.bn-web-datepicker-disabled):not(.data-borderless) {
    border: 1px solid var(--color-BtnBg)
}

.bn-web-datepicker.data-size-large {
    height: 48px
}

.bn-web-datepicker.data-size-small {
    height: 32px
}

.bn-web-datepicker.data-size-tiny {
    height: 28px;
    padding: 0 var(--space-2xs);
    width: 114px
}

.bn-web-datepicker.data-size-tiny.data-time {
    width: 158px
}

.bn-web-datepicker.data-size-tiny .bn-web-datepicker-suffix {
    padding-left: var(--space-4xs)
}

.bn-web-datepicker.data-size-tiny .bn-web-datepicker-input>input {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range {
    width: 212px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range.data-time {
    width: 302px
}

.bn-web-datepicker.data-size-tiny.bn-web-datepicker-range .bn-web-datepicker-range-separator {
    font-size: 16px;
    padding: 0 var(--space-4xs)
}

.bn-web-datepicker.bn-web-datepicker-range {
    width: 280px
}

.bn-web-datepicker.bn-web-datepicker-range.data-time {
    width: 365px
}

.bn-web-datepicker-focused {
    border: 1px solid var(--color-BtnBg)
}

.bn-web-datepicker.bn-web-datepicker-disabled {
    background-color: var(--color-Line);
    border: none;
    color: var(--color-DisableText)
}

.bn-web-datepicker.bn-web-datepicker-disabled ::-moz-placeholder {
    color: var(--color-DisableText)
}

.bn-web-datepicker.bn-web-datepicker-disabled *,.bn-web-datepicker.bn-web-datepicker-disabled ::placeholder {
    color: var(--color-DisableText)
}

.bn-web-datepicker-range-separator {
    align-items: center;
    color: var(--color-IconNormal);
    display: flex;
    flex: none;
    font-size: 20px;
    padding: 0 var(--space-2xs)
}

.bn-web-datepicker-input {
    background: inherit;
    display: inline-flex;
    flex: 1 1;
    position: relative;
    width: 100%
}

.bn-web-datepicker-suffix {
    flex: none;
    padding-left: var(--space-2xs)
}

.bn-web-datepicker-clear,.bn-web-datepicker-suffix {
    align-items: center;
    color: var(--color-IconNormal);
    display: flex
}

.bn-web-datepicker-clear {
    background: inherit;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear
}

.bn-web-datepicker:hover .bn-web-datepicker-clear {
    opacity: 1
}

.bn-web-datepicker-input>input {
    background: inherit;
    border: none;
    color: var(--color-PrimaryText);
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    outline: none;
    padding: 0;
    width: 100%
}

.bn-web-datepicker-input>input::-moz-placeholder {
    color: var(--color-IconNormal)
}

.bn-web-datepicker-input>input::placeholder {
    color: var(--color-IconNormal)
}

.bn-web-datepicker-range .bn-web-datepicker-input>input {
    text-align: center
}

.bn-web-datepicker-rtl .bn-web-datepicker-suffix {
    padding-left: 0;
    padding-right: var(--space-2xs)
}

.bn-web-datepicker-rtl .bn-web-datepicker-clear {
    left: 0;
    right: auto
}

.bn-web-datepicker-panel {
    border: none;
    box-sizing: content-box;
    color: var(--color-DisableText);
    display: inline-block;
    font-size: 14px;
    padding: 0;
    vertical-align: top
}

.bn-web-datepicker-date-panel,.bn-web-datepicker-decade-panel,.bn-web-datepicker-month-panel,.bn-web-datepicker-time-panel,.bn-web-datepicker-week-panel,.bn-web-datepicker-year-panel {
    display: flex;
    flex-direction: column;
    padding: 24px 32px
}

.bn-web-datepicker-date-panel table,.bn-web-datepicker-decade-panel table,.bn-web-datepicker-month-panel table,.bn-web-datepicker-time-panel table,.bn-web-datepicker-week-panel table,.bn-web-datepicker-year-panel table {
    border-collapse: collapse;
    min-width: 224px;
    text-align: center
}

.bn-web-datepicker-header {
    grid-gap: var(--space-m);
    display: flex;
    gap: var(--space-m);
    padding-bottom: 2px
}

.bn-web-datepicker-header>* {
    flex: none
}

.bn-web-datepicker-header button {
    align-items: center;
    -webkit-appearance: none;
    background: inherit;
    border: none;
    color: var(--color-IconNormal);
    cursor: pointer;
    display: inline-flex
}

.bn-web-datepicker-header button:active,.bn-web-datepicker-header button:hover {
    color: var(--color-TextLink)
}

.bn-web-datepicker-header button:disabled {
    color: var(--color-DisableText)
}

.bn-web-datepicker-header-next-btn,.bn-web-datepicker-header-prev-btn,.bn-web-datepicker-header-super-next-btn,.bn-web-datepicker-header-super-prev-btn {
    -webkit-appearance: none;
    background: inherit;
    border: none;
    color: var(--color-IconNormal);
    cursor: pointer;
    font-size: 16px
}

.bn-web-datepicker-header-next-btn:active,.bn-web-datepicker-header-next-btn:hover,.bn-web-datepicker-header-prev-btn:active,.bn-web-datepicker-header-prev-btn:hover,.bn-web-datepicker-header-super-next-btn:active,.bn-web-datepicker-header-super-next-btn:hover,.bn-web-datepicker-header-super-prev-btn:active,.bn-web-datepicker-header-super-prev-btn:hover {
    color: var(--color-TextLink)
}

.bn-web-datepicker-header-next-btn:disabled,.bn-web-datepicker-header-prev-btn:disabled,.bn-web-datepicker-header-super-next-btn:disabled,.bn-web-datepicker-header-super-prev-btn:disabled {
    color: var(--color-DisableText)
}

.bn-web-datepicker-header-view {
    color: var(--color-PrimaryText);
    flex: auto;
    text-align: center
}

.bn-web-datepicker-header-view>button {
    border: 0;
    color: var(--color-PrimaryText);
    font-weight: 400;
    margin-left: var(--space-4xs);
    margin-right: var(--space-4xs);
    padding: 0;
    vertical-align: middle
}

.bn-web-datepicker-cell-inner {
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 100%
}

.bn-web-datepicker-cell-inner:hover {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-cell-disabled>.bn-web-datepicker-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-cell-disabled>.bn-web-datepicker-time-panel-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-time-panel-cell-disabled>.bn-web-datepicker-cell-inner,.bn-web-datepicker-dropdown [class*=-panel] .bn-web-datepicker-time-panel-cell-disabled>.bn-web-datepicker-time-panel-cell-inner {
    background: inherit;
    color: var(--color-DisableText);
    cursor: not-allowed
}

.bn-web-datepicker-cell-in-view {
    color: var(--color-PrimaryText);
    min-width: 32px;
    padding: 1px 0
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today {
    color: var(--color-TextLink)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today>.bn-web-datepicker-cell-inner:hover {
    background-color: var(--color-BadgeBg);
    color: var(--color-TextLink)
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today.bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-radius: 0
}

.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-in-range>.bn-web-datepicker-cell-inner {
    background: rgba(0,0,255,.05);
    min-width: 32px
}

.bn-web-datepicker-cell-range-hover,.bn-web-datepicker-cell-range-hover-end,.bn-web-datepicker-cell-range-hover-start {
    position: relative
}

.bn-web-datepicker-cell-range-hover-end:after,.bn-web-datepicker-cell-range-hover-start:after,.bn-web-datepicker-cell-range-hover:after {
    border-left: 0;
    border-right: 0;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 3px
}

.bn-web-datepicker-footer,.bn-web-datepicker-picker-footer {
    background: transparent;
    border-top: 1px solid var(--color-Line);
    padding: 16px 24px
}

.bn-web-datepicker-ranges {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.bn-web-datepicker-ranges>li {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.bn-web-datepicker-ok {
    float: right
}

.bn-web-datepicker-ok button {
    background: var(--color-BtnBg);
    border: none;
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    min-width: 60px;
    padding: 0 var(--space-s)
}

.bn-web-datepicker-ok button:hover:not(:disabled) {
    background: var(--color-BtnBg);
    box-shadow: none;
    opacity: .9
}

.bn-web-datepicker-ok button:disabled {
    background: var(--color-Line);
    cursor: not-allowed;
    opacity: .3
}

.bn-web-datepicker-year-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single>.bn-web-datepicker-cell-inner,.bn-web-datepicker-year-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s);
    color: var(--color-TextLink)
}

.bn-web-datepicker-year-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    border-color: transparent;
    border-radius: var(--radii-s)
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    background: transparent
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single>.bn-web-datepicker-cell-inner,.bn-web-datepicker-month-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    border-color: var(--color-TextLink);
    border-radius: var(--radii-s);
    color: var(--color-TextLink)
}

.bn-web-datepicker-month-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    border-radius: var(--radii-s)
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view {
    width: 20px
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-week {
    color: #999;
    font-size: 12px;
    font-weight: 700
}

.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view:hover>.bn-web-datepicker-cell-inner,.bn-web-datepicker-week-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    background: transparent
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-selected>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-in-range>.bn-web-datepicker-cell-inner {
    background: var(--color-BadgeBg);
    color: var(--color-PrimaryText)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    color: var(--color-TextOnYellow)
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-color: var(--color-BtnBg);
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-color: var(--color-BtnBg);
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    border-right-color: transparent;
    border-style: solid
}

.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end>.bn-web-datepicker-cell-inner {
    background-color: var(--color-BtnBg);
    border-color: var(--color-BtnBg);
    border-left-color: transparent;
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    border-style: solid
}

.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-end.bn-web-datepicker-cell-range-end-near-hover>.bn-web-datepicker-cell-inner,.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-near-hover>.bn-web-datepicker-cell-inner {
    border-radius: 0
}

.bn-web-datepicker-time-panel {
    width: auto
}

.bn-web-datepicker-time-panel .bn-web-datepicker-header {
    visibility: hidden
}

.bn-web-datepicker-time-panel-column {
    --scroll-pad: 1px!important;
    --scroll-size: 5px!important;
    flex: none;
    font-size: 12px;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0 0 180px;
    text-align: left;
    transition: background .3s;
    width: 64px
}

.bn-web-datepicker-time-panel-column-active {
    background: rgba(0,0,255,.1)
}

.bn-web-datepicker-content {
    border-spacing: 0;
    table-layout: fixed
}

.bn-web-datepicker-content th {
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 18px
}

.bn-web-datepicker-time-panel .bn-web-datepicker-content {
    display: flex;
    justify-content: center;
    max-height: 232px
}

.bn-web-datepicker-time-panel-column>li {
    cursor: pointer;
    margin: 0;
    padding: 0
}

.bn-web-datepicker-time-panel-column>li .bn-web-datepicker-time-panel-cell-inner {
    color: var(--color-PrimaryText);
    display: block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    text-align: center;
    width: 100%
}

.bn-web-datepicker-time-panel-cell.bn-web-datepicker-time-panel-cell-selected {
    background-color: var(--color-BadgeBg);
    border-radius: var(--radii-xs)
}

.bn-web-datepicker-datetime-panel {
    grid-gap: var(--space-xl);
    display: flex;
    gap: var(--space-xl);
    padding: 18px 32px
}

.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {
    border-left: none
}

.bn-web-datepicker-datetime-panel .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {
    padding: 0;
    transition: opacity .3s
}

.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel {
    opacity: .3
}

.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel-active,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel-active {
    opacity: 1
}

.bn-web-datepicker-dropdown {
    position: absolute;
    z-index: var(--zindex-calendar)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container {
    background: var(--color-CardBg);
    border-radius: var(--radii-xl);
    box-shadow: var(--shadow-shadow2)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container .bn-web-datepicker-panel {
    border-radius: var(--radii-s)
}

.bn-web-datepicker-dropdown-range {
    padding: 8px 0
}

.bn-web-datepicker-dropdown-hidden {
    display: none
}

.bn-web-datepicker-dropdown-placement-topLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-topRight .bn-web-datepicker-range-arrow {
    bottom: 6px;
    display: none;
    transform: rotate(135deg)
}

.bn-web-datepicker-dropdown-placement-bottomLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-bottomright .bn-web-datepicker-range-arrow {
    display: none;
    top: 6px;
    transform: rotate(-45deg)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow {
    height: 10px;
    left: 10px;
    margin-left: 10px;
    position: absolute;
    transition: all .3s;
    width: 10px;
    z-index: 1
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:after,.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:before {
    border-color: var(--color-CardBg) var(--color-CardBg) transparent transparent;
    box-sizing: border-box;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:before {
    height: 10px;
    width: 10px
}

.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow:after {
    height: 8px;
    width: 8px
}

.bn-web-datepicker-dropdown-rtl .bn-web-datepicker-panels {
    flex-direction: row-reverse
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start>.bn-web-datepicker-cell-inner {
    border-radius: 0 var(--radii-s) var(--radii-s) 0
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end>.bn-web-datepicker-cell-inner {
    border-radius: var(--radii-s) 0 0 var(--radii-s)
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-left-color: transparent;
    border-radius: var(--radii-s) 0 0 var(--radii-s);
    border-style: dashed
}

.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end>.bn-web-datepicker-cell-inner {
    border-color: var(--color-PrimaryYellow);
    border-radius: 0 var(--radii-s) var(--radii-s) 0;
    border-right-color: transparent;
    border-style: dashed
}

.bn-web-datepicker-range {
    display: inline-flex;
    position: relative
}

.bn-web-datepicker-range-wrapper {
    background: var(--color-CardBg);
    border-radius: var(--radii-xl);
    display: flex;
    min-width: auto!important
}

.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels {
    grid-gap: var(--space-xl);
    display: flex;
    gap: var(--space-xl);
    padding: 18px 32px
}

.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-date-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-datetime-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-decade-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-month-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-time-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-week-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-year-panel {
    padding: 0
}

.bn-web-datepicker-range .bn-web-datepicker-active-bar {
    display: none
}

.bn-web-datepicker-panel-container {
    display: inline-block;
    transition: margin .3s;
    vertical-align: top
}

.bn-dual-slider-wrapper {
    margin-left: 8px;
    margin-right: 8px
}

.bn-dual-slider-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    margin-left: -8px;
    margin-right: -8px
}

.bn-dual-slider-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.bn-dual-slider-values {
    grid-gap: 2px;
    display: flex;
    gap: 2px
}

.bn-dual-slider-values .bn-textField.data-size-tiny {
    width: 80px
}

.bn-dual-slider-number {
    background-color: var(--color-PrimaryText);
    border-radius: var(--radii-xs);
    bottom: -21px;
    color: var(--color-CardBg);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 var(--space-4xs);
    position: absolute;
    transform: translate(-50%);
    z-index: 3
}

@media only screen and (min-width: 768px) {
    .bn-dual-slider-number {
        font-size:12px;
        font-weight: 400;
        line-height: 18px
    }
}

.bn-rc-slider {
    align-items: center;
    display: flex;
    height: 15px;
    padding: 7px 0;
    position: relative;
    touch-action: none;
    width: 100%
}

.bn-rc-slider-rail {
    background-color: var(--color-Line);
    height: 1px;
    position: absolute;
    width: 100%
}

.bn-rc-slider-track,.bn-rc-slider-tracks {
    background-color: var(--color-PrimaryText);
    height: 1px;
    position: absolute
}

.bn-rc-slider-handle {
    background-color: var(--color-CardBg);
    border: 1px solid var(--color-PrimaryText);
    border-radius: 1px;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: 50%;
    touch-action: pan-x;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 10px;
    z-index: 1
}

.bn-rc-slider-mark {
    display: none
}

.bn-rc-slider-mark-text {
    color: #999;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: middle
}

.bn-rc-slider-step {
    background: transparent;
    height: 1px;
    position: absolute;
    width: 100%
}

.bn-rc-slider-dot {
    background-color: var(--color-BasicBg);
    border: 1px solid var(--color-Line);
    border-radius: 1px;
    cursor: pointer;
    height: 6px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 6px
}

.bn-rc-slider-dot-active {
    background-color: var(--color-PrimaryText)
}

.bn-rc-slider-disabled .bn-rc-slider-dot,.bn-rc-slider-disabled .bn-rc-slider-handle {
    cursor: not-allowed
}

.bn-rc-slider-disabled .bn-rc-slider-dot,.bn-rc-slider-disabled .bn-rc-slider-mark-text {
    cursor: not-allowed!important
}

@media only screen and (min-width: 768px) {
    .bn-rc-slider-handle {
        box-shadow:0 0 0 .5px var(--color-PrimaryText)
    }
}

*,: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-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

.\!visible,.visible {
    visibility: visible!important
}

.collapse {
    visibility: collapse!important
}

.fixed {
    position: fixed!important
}

.absolute {
    position: absolute!important
}

.relative {
    position: relative!important
}

.sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.bottom-0 {
    bottom: 0!important
}

.left-0 {
    left: 0!important
}

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

.left-m {
    left: 16px!important
}

.left-xl {
    left: 24px!important
}

.right-0 {
    right: 0!important
}

.right-m {
    right: 16px!important
}

.right-xl {
    right: 24px!important
}

.top-0 {
    top: 0!important
}

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

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

.top-m {
    top: 16px!important
}

.top-xl {
    top: 24px!important
}

.z-20 {
    z-index: 20!important
}

.z-\[999\] {
    z-index: 999!important
}

.z-\[99\] {
    z-index: 99!important
}

.order-1 {
    order: 1!important
}

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

.mx-\[24px\] {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.mx-\[2px\] {
    margin-left: 2px!important;
    margin-right: 2px!important
}

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

.mx-m {
    margin-left: 16px!important;
    margin-right: 16px!important
}

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

.my-m {
    margin-bottom: 16px!important;
    margin-top: 16px!important
}

.my-xl {
    margin-bottom: 24px!important;
    margin-top: 24px!important
}

.mb-\[0px\] {
    margin-bottom: 0!important
}

.mb-\[40px\] {
    margin-bottom: 40px!important
}

.mb-\[48px\] {
    margin-bottom: 48px!important
}

.mb-\[64px\] {
    margin-bottom: 64px!important
}

.mb-m {
    margin-bottom: 16px!important
}

.mb-xl {
    margin-bottom: 24px!important
}

.ml-2xs {
    margin-left: 8px!important
}

.ml-3xl {
    margin-left: 32px!important
}

.ml-4xl {
    margin-left: 36px!important
}

.ml-4xs {
    margin-left: 4px!important
}

.ml-\[0px\] {
    margin-left: 0!important
}

.ml-m {
    margin-left: 16px!important
}

.ml-s {
    margin-left: 12px!important
}

.ml-xl {
    margin-left: 24px!important
}

.ml-xs {
    margin-left: 10px!important
}

.mr-2xs {
    margin-right: 8px!important
}

.mr-3xl {
    margin-right: 32px!important
}

.mr-4xl {
    margin-right: 36px!important
}

.mr-4xs {
    margin-right: 4px!important
}

.mr-\[0px\] {
    margin-right: 0!important
}

.mr-m {
    margin-right: 16px!important
}

.mr-s {
    margin-right: 12px!important
}

.mr-xl {
    margin-right: 24px!important
}

.mr-xs {
    margin-right: 10px!important
}

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

.mt-\[0px\] {
    margin-top: 0!important
}

.mt-\[3px\] {
    margin-top: 3px!important
}

.mt-\[40px\] {
    margin-top: 40px!important
}

.mt-m {
    margin-top: 16px!important
}

.mt-xl {
    margin-top: 24px!important
}

.line-clamp-1 {
    -webkit-line-clamp: 1!important
}

.line-clamp-1,.line-clamp-2 {
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important
}

.line-clamp-2 {
    -webkit-line-clamp: 2!important
}

.block {
    display: block!important
}

.inline-block {
    display: inline-block!important
}

.inline {
    display: inline!important
}

.flex {
    display: flex!important
}

.inline-flex {
    display: inline-flex!important
}

.hidden {
    display: none!important
}

.aspect-\[6\] {
    aspect-ratio: 6!important
}

.h-0,.h-\[0px\] {
    height: 0!important
}

.h-\[104px\] {
    height: 104px!important
}

.h-\[13px\] {
    height: 13px!important
}

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

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

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

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

.h-\[22px\] {
    height: 22px!important
}

.h-\[24px\] {
    height: 24px!important
}

.h-\[28px\] {
    height: 28px!important
}

.h-\[32px\] {
    height: 32px!important
}

.h-\[336px\] {
    height: 336px!important
}

.h-\[40px\] {
    height: 40px!important
}

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

.h-\[4px\] {
    height: 4px!important
}

.h-\[538px\] {
    height: 538px!important
}

.h-\[56px\] {
    height: 56px!important
}

.h-\[8px\] {
    height: 8px!important
}

.h-\[96px\] {
    height: 96px!important
}

.h-auto {
    height: auto!important
}

.h-fit {
    height: -moz-fit-content!important;
    height: -webkit-fit-content!important;
    height: fit-content!important
}

.h-full {
    height: 100%!important
}

.min-h-\[100px\] {
    min-height: 100px!important
}

.min-h-\[106px\] {
    min-height: 106px!important
}

.min-h-\[56px\] {
    min-height: 56px!important
}

.min-h-\[8px\] {
    min-height: 8px!important
}

.min-h-fit {
    min-height: -moz-fit-content!important;
    min-height: -webkit-fit-content!important;
    min-height: fit-content!important
}

.w-1\/2 {
    width: 50%!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[45\%\] {
    width: 45%!important
}

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

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

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

.w-\[calc\(100\%_-_59px\)\] {
    width: calc(100% - 59px)!important
}

.w-auto {
    width: auto!important
}

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

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

.min-w-\[120px\] {
    min-width: 120px!important
}

.min-w-\[164px\] {
    min-width: 164px!important
}

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

.min-w-\[3px\] {
    min-width: 3px!important
}

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

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

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

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

.flex-1 {
    flex: 1 1!important
}

.flex-initial {
    flex: 0 1 auto!important
}

.flex-none {
    flex: none!important
}

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

.scale-75 {
    --tw-scale-x: .75!important;
    --tw-scale-y: .75!important
}

.scale-75,.scale-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))!important
}

.scale-90 {
    --tw-scale-x: .9!important;
    --tw-scale-y: .9!important
}

.scale-\[0\.7\] {
    --tw-scale-x: 0.7!important;
    --tw-scale-y: 0.7!important
}

.scale-\[0\.7\],.scale-\[1\.333\] {
    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
}

.scale-\[1\.333\] {
    --tw-scale-x: 1.333!important;
    --tw-scale-y: 1.333!important
}

.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))!important
}

.animate-none {
    animation: none!important
}

.cursor-pointer {
    cursor: pointer!important
}

.flex-row {
    flex-direction: row!important
}

.flex-col {
    flex-direction: column!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

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

.items-center {
    align-items: center!important
}

.items-baseline {
    align-items: baseline!important
}

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

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

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

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

.gap-2xs {
    grid-gap: 8px!important;
    gap: 8px!important
}

.gap-4xs {
    grid-gap: 4px!important;
    gap: 4px!important
}

.gap-5xl {
    grid-gap: 40px!important;
    gap: 40px!important
}

.gap-\[180px\] {
    grid-gap: 180px!important;
    gap: 180px!important
}

.gap-\[32px\] {
    grid-gap: 32px!important;
    gap: 32px!important
}

.gap-\[40px\] {
    grid-gap: 40px!important;
    gap: 40px!important
}

.gap-\[48px\] {
    grid-gap: 48px!important;
    gap: 48px!important
}

.gap-\[64px\] {
    grid-gap: 64px!important;
    gap: 64px!important
}

.gap-\[80px\] {
    grid-gap: 80px!important;
    gap: 80px!important
}

.gap-m {
    grid-gap: 16px!important;
    gap: 16px!important
}

.gap-xl {
    grid-gap: 24px!important;
    gap: 24px!important
}

.overflow-hidden {
    overflow: hidden!important
}

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

.text-ellipsis {
    text-overflow: ellipsis!important
}

.whitespace-nowrap {
    white-space: nowrap!important
}

.whitespace-break-spaces {
    white-space: break-spaces!important
}

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

.rounded {
    border-radius: .25rem!important
}

.rounded-\[0px\] {
    border-radius: 0!important
}

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

.rounded-\[12px\] {
    border-radius: 12px!important
}

.rounded-\[20px\] {
    border-radius: 20px!important
}

.rounded-\[24px\] {
    border-radius: 24px!important
}

.rounded-\[6px\] {
    border-radius: 6px!important
}

.rounded-\[8px\] {
    border-radius: 8px!important
}

.rounded-circle {
    border-radius: 100em!important
}

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

.rounded-xl {
    border-radius: 16px!important
}

.rounded-xs {
    border-radius: 4px!important
}

.rounded-l-\[20px\] {
    border-bottom-left-radius: 20px!important;
    border-top-left-radius: 20px!important
}

.border {
    border-width: 1px!important
}

.border-solid {
    border-style: solid!important
}

.border-Line {
    border-color: var(--color-Line)!important
}

.border-\[\#2B3139\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(43 49 57/var(--tw-border-opacity))!important
}

.border-\[\#EAECEF\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(234 236 239/var(--tw-border-opacity))!important
}

.bg-Line {
    background-color: var(--color-Line)!important
}

.bg-PrimaryText {
    background-color: var(--color-PrimaryText)!important
}

.bg-SuccessBg {
    background-color: var(--color-SuccessBg)!important
}

.bg-\[\#0B0E11\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(11 14 17/var(--tw-bg-opacity))!important
}

.bg-\[\#2B3139\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(43 49 57/var(--tw-bg-opacity))!important
}

.bg-\[\#474D57\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(71 77 87/var(--tw-bg-opacity))!important
}

.bg-\[\#EAECEF\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(234 236 239/var(--tw-bg-opacity))!important
}

.bg-badge,.bg-badgeBg {
    background-color: var(--color-badgeBg)!important
}

.bg-bg1 {
    background-color: var(--color-bg1)!important
}

.bg-bg2 {
    background-color: var(--color-bg2)!important
}

.bg-bg3 {
    background-color: var(--color-bg3)!important
}

.bg-btnBg {
    background-color: var(--color-BtnBg)!important
}

.bg-t-disabled {
    background-color: var(--color-textDisabled)!important
}

.bg-t-primary {
    background-color: var(--color-textPrimary)!important
}

.bg-t-white {
    background-color: var(--color-textWhite)!important
}

.bg-contain {
    background-size: contain!important
}

.p-2xs {
    padding: 8px!important
}

.p-4xs {
    padding: 4px!important
}

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

.p-\[11px\] {
    padding: 11px!important
}

.p-\[7px\] {
    padding: 7px!important
}

.p-l {
    padding: 20px!important
}

.p-m {
    padding: 16px!important
}

.p-xl {
    padding: 24px!important
}

.p-xs {
    padding: 10px!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-3xl {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.px-4xs {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.px-\[0px\] {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-\[48px\] {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.px-\[5px\] {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.px-\[6px\] {
    padding-left: 6px!important;
    padding-right: 6px!important
}

.px-m {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.px-s {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.px-xl {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.px-xs {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.py-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}

.py-10 {
    padding-bottom: 2.5rem!important;
    padding-top: 2.5rem!important
}

.py-12 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}

.py-16 {
    padding-bottom: 4rem!important;
    padding-top: 4rem!important
}

.py-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.py-20 {
    padding-bottom: 5rem!important;
    padding-top: 5rem!important
}

.py-24 {
    padding-bottom: 6rem!important;
    padding-top: 6rem!important
}

.py-2xs {
    padding-bottom: 8px!important;
    padding-top: 8px!important
}

.py-3 {
    padding-bottom: .75rem!important;
    padding-top: .75rem!important
}

.py-4 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.py-40 {
    padding-bottom: 10rem!important;
    padding-top: 10rem!important
}

.py-4xs {
    padding-bottom: 4px!important;
    padding-top: 4px!important
}

.py-6 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.py-8 {
    padding-bottom: 2rem!important;
    padding-top: 2rem!important
}

.py-\[0px\] {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-\[12px\] {
    padding-bottom: 12px!important;
    padding-top: 12px!important
}

.py-\[20px\] {
    padding-bottom: 20px!important;
    padding-top: 20px!important
}

.py-\[3px\] {
    padding-bottom: 3px!important;
    padding-top: 3px!important
}

.py-\[64px\] {
    padding-bottom: 64px!important;
    padding-top: 64px!important
}

.py-m {
    padding-bottom: 16px!important;
    padding-top: 16px!important
}

.py-s {
    padding-bottom: 12px!important;
    padding-top: 12px!important
}

.pb-3xl {
    padding-bottom: 32px!important
}

.pb-\[0px\] {
    padding-bottom: 0!important
}

.pb-\[40px\] {
    padding-bottom: 40px!important
}

.pb-\[50\%\] {
    padding-bottom: 50%!important
}

.pb-m {
    padding-bottom: 16px!important
}

.pb-xl {
    padding-bottom: 24px!important
}

.pl-2xs {
    padding-left: 8px!important
}

.pl-s {
    padding-left: 12px!important
}

.pr-2xs {
    padding-right: 8px!important
}

.pr-s {
    padding-right: 12px!important
}

.pt-\[3px\] {
    padding-top: 3px!important
}

.pt-\[8px\] {
    padding-top: 8px!important
}

.pt-xl {
    padding-top: 24px!important
}

.text-center {
    text-align: center!important
}

.text-\[12px\] {
    font-size: 12px!important
}

.text-\[14px\] {
    font-size: 14px!important
}

.text-\[16px\] {
    font-size: 16px!important
}

.text-\[18px\] {
    font-size: 18px!important
}

.text-\[20px\] {
    font-size: 20px!important
}

.text-\[24px\] {
    font-size: 24px!important
}

.text-\[32px\] {
    font-size: 32px!important
}

.text-\[40px\] {
    font-size: 40px!important
}

.text-\[80px\] {
    font-size: 80px!important
}

.text-\[96px\] {
    font-size: 96px!important
}

.text-body1 {
    font-size: 16px!important;
    line-height: 24px!important
}

.text-body1,.text-body2 {
    font-weight: 400!important
}

.text-body2 {
    font-size: 14px!important;
    line-height: 20px!important
}

.text-caption {
    font-weight: 400!important
}

.text-caption,.text-captionSub {
    font-size: 12px!important;
    line-height: 16px!important
}

.text-captionSub {
    font-weight: 500!important
}

.text-headline2 {
    font-size: 40px!important;
    font-weight: 600!important;
    line-height: 48px!important
}

.text-headline3 {
    font-size: 32px!important;
    font-weight: 600!important;
    line-height: 40px!important
}

.text-headline4 {
    font-size: 28px!important;
    font-weight: 600!important;
    line-height: 36px!important
}

.text-headline5 {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 32px!important
}

.text-headline6 {
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: 28px!important
}

.text-subtitle1 {
    font-size: 16px!important;
    font-weight: 500!important;
    line-height: 24px!important
}

.text-subtitle2 {
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 20px!important
}

.font-bold {
    font-weight: 700!important
}

.font-medium {
    font-weight: 500!important
}

.font-normal {
    font-weight: 400!important
}

.font-semibold {
    font-weight: 600!important
}

.leading-\[16px\] {
    line-height: 16px!important
}

.leading-\[24px\] {
    line-height: 24px!important
}

.text-PrimaryText {
    color: var(--color-PrimaryText)!important
}

.text-Success {
    color: var(--color-Success)!important
}

.text-TextBuy {
    color: var(--color-TextBuy)!important
}

.text-TextLink {
    color: var(--color-TextLink)!important
}

.text-TextSell {
    color: var(--color-TextSell)!important
}

.text-\[\#1E2329\] {
    --tw-text-opacity: 1!important;
    color: rgb(30 35 41/var(--tw-text-opacity))!important
}

.text-\[\#474D57\] {
    --tw-text-opacity: 1!important;
    color: rgb(71 77 87/var(--tw-text-opacity))!important
}

.text-\[\#76808F\] {
    --tw-text-opacity: 1!important;
    color: rgb(118 128 143/var(--tw-text-opacity))!important
}

.text-\[\#E6E8EA\] {
    --tw-text-opacity: 1!important;
    color: rgb(230 232 234/var(--tw-text-opacity))!important
}

.text-\[\#F0B90B\] {
    --tw-text-opacity: 1!important;
    color: rgb(240 185 11/var(--tw-text-opacity))!important
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.text-iconNormal {
    color: var(--color-iconNormal)!important
}

.text-primary {
    color: var(--color-primary)!important
}

.text-t-brand {
    color: var(--color-textBrand)!important
}

.text-t-disabled {
    color: var(--color-textDisabled)!important
}

.text-t-secondary {
    color: var(--color-textSecondary)!important
}

.text-t-third {
    color: var(--color-textThird)!important
}

.text-t-yellow {
    color: var(--color-textBrand)!important
}

.underline {
    text-decoration-line: underline!important
}

.no-underline {
    text-decoration-line: none!important
}

.opacity-30 {
    opacity: .3!important
}

.blur {
    --tw-blur: blur(8px)!important
}

.blur,.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)!important
}

.t-subtitle6,.typography-subtitle6 {
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 24px!important
}

@media only screen and (min-width: 768px) {
    .t-subtitle6,.typography-subtitle6 {
        font-size:16px!important;
        font-weight: 600!important;
        line-height: 24px!important
    }
}

.t-subtitle3,.typography-subtitle3 {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 18px!important
}

@media only screen and (min-width: 768px) {
    .t-subtitle3,.typography-subtitle3 {
        font-size:12px!important;
        font-weight: 500!important;
        line-height: 18px!important
    }
}

.t-body3,.typography-body3 {
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 22px!important
}

@media only screen and (min-width: 768px) {
    .t-body3,.typography-body3 {
        font-size:14px!important;
        font-weight: 400!important;
        line-height: 22px!important
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

.py-12 {
    padding-bottom: 48px;
    padding-top: 48px
}

.py-20 {
    padding-bottom: 80px;
    padding-top: 80px
}

.py-24 {
    padding-bottom: 96px;
    padding-top: 96px
}

.py-30 {
    padding-bottom: 120px;
    padding-top: 120px
}

.py-40 {
    padding-bottom: 160px;
    padding-top: 160px
}

.bg-white {
    background-color: #fff!important
}

.first\:line-clamp-2:first-child {
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    display: -webkit-box!important;
    overflow: hidden!important
}

.last\:mb-\[0px\]:last-child {
    margin-bottom: 0!important
}

.hover\:cursor-pointer:hover {
    cursor: pointer!important
}

.hover\:bg-Input:hover {
    background-color: var(--color-Input)!important
}

.hover\:bg-Line:hover {
    background-color: var(--color-Line)!important
}

.hover\:bg-\[\#252A32\]:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(37 42 50/var(--tw-bg-opacity))!important
}

.hover\:bg-\[\#F1F2F4\]:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(241 242 244/var(--tw-bg-opacity))!important
}

.hover\:text-PrimaryText:hover {
    color: var(--color-PrimaryText)!important
}

.hover\:text-t-secondary:hover {
    color: var(--color-textSecondary)!important
}

.hover\:text-t-third:hover {
    color: var(--color-textThird)!important
}

@media (max-width: 767px) {
    .mobile\:mx-\[16px\] {
        margin-left:16px!important;
        margin-right: 16px!important
    }

    .mobile\:mb-4xs {
        margin-bottom: 4px!important
    }

    .mobile\:mb-\[0px\] {
        margin-bottom: 0!important
    }

    .mobile\:mb-\[24px\] {
        margin-bottom: 24px!important
    }

    .mobile\:mb-\[48px\] {
        margin-bottom: 48px!important
    }

    .mobile\:mb-m {
        margin-bottom: 16px!important
    }

    .mobile\:mb-xl {
        margin-bottom: 24px!important
    }

    .mobile\:ml-2xs {
        margin-left: 8px!important
    }

    .mobile\:ml-4xs {
        margin-left: 4px!important
    }

    .mobile\:mr-2xs {
        margin-right: 8px!important
    }

    .mobile\:mr-4xs {
        margin-right: 4px!important
    }

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

    .mobile\:mt-4xl {
        margin-top: 36px!important
    }

    .mobile\:mt-\[0px\] {
        margin-top: 0!important
    }

    .mobile\:mt-\[13px\] {
        margin-top: 13px!important
    }

    .mobile\:mt-\[24px\] {
        margin-top: 24px!important
    }

    .mobile\:mt-\[40px\] {
        margin-top: 40px!important
    }

    .mobile\:mt-xl {
        margin-top: 24px!important
    }

    .mobile\:block {
        display: block!important
    }

    .mobile\:flex {
        display: flex!important
    }

    .mobile\:hidden {
        display: none!important
    }

    .mobile\:aspect-\[5\/2\] {
        aspect-ratio: 5/2!important
    }

    .mobile\:\!h-\[94px\] {
        height: 94px!important
    }

    .mobile\:h-\[24px\] {
        height: 24px!important
    }

    .mobile\:h-\[32px\] {
        height: 32px!important
    }

    .mobile\:h-\[3px\] {
        height: 3px!important
    }

    .mobile\:h-\[40px\] {
        height: 40px!important
    }

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

    .mobile\:h-\[496px\] {
        height: 496px!important
    }

    .mobile\:h-auto {
        height: auto!important
    }

    .mobile\:max-h-\[32px\] {
        max-height: 32px!important
    }

    .mobile\:max-h-\[40px\] {
        max-height: 40px!important
    }

    .mobile\:min-h-\[32px\] {
        min-height: 32px!important
    }

    .mobile\:min-h-\[40px\] {
        min-height: 40px!important
    }

    .mobile\:min-h-\[94px\] {
        min-height: 94px!important
    }

    .mobile\:w-\[24px\] {
        width: 24px!important
    }

    .mobile\:w-\[32px\] {
        width: 32px!important
    }

    .mobile\:w-\[8px\] {
        width: 8px!important
    }

    .mobile\:w-\[calc\(100\%_-_43px\)\] {
        width: calc(100% - 43px)!important
    }

    .mobile\:w-auto {
        width: auto!important
    }

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

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

    .mobile\:min-w-\[128px\] {
        min-width: 128px!important
    }

    .mobile\:min-w-\[160px\] {
        min-width: 160px!important
    }

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

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

    .mobile\:flex-1 {
        flex: 1 1!important
    }

    .mobile\:flex-none {
        flex: none!important
    }

    .mobile\:animate-moveMobile {
        animation: moveMobile 8s linear infinite!important
    }

    .mobile\:flex-col {
        flex-direction: column!important
    }

    .mobile\:items-center {
        align-items: center!important
    }

    .mobile\:justify-normal {
        justify-content: normal!important
    }

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

    .mobile\:gap-\[0px\] {
        grid-gap: 0!important;
        gap: 0!important
    }

    .mobile\:gap-\[12px\] {
        grid-gap: 12px!important;
        gap: 12px!important
    }

    .mobile\:gap-\[24px\],.mobile\:gap-xl {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .mobile\:rounded-\[12px\] {
        border-radius: 12px!important
    }

    .mobile\:rounded-\[6px\] {
        border-radius: 6px!important
    }

    .mobile\:rounded-\[8px\] {
        border-radius: 8px!important
    }

    .mobile\:rounded-xl {
        border-radius: 16px!important
    }

    .mobile\:rounded-xs {
        border-radius: 4px!important
    }

    .mobile\:rounded-l-\[12px\] {
        border-bottom-left-radius: 12px!important;
        border-top-left-radius: 12px!important
    }

    .mobile\:border {
        border-width: 1px!important
    }

    .mobile\:border-solid {
        border-style: solid!important
    }

    .mobile\:border-Line {
        border-color: var(--color-Line)!important
    }

    .mobile\:bg-bg3 {
        background-color: var(--color-bg3)!important
    }

    .mobile\:p-0 {
        padding: 0!important
    }

    .mobile\:p-2xs {
        padding: 8px!important
    }

    .mobile\:p-\[0px\] {
        padding: 0!important
    }

    .mobile\:p-m {
        padding: 16px!important
    }

    .mobile\:px-2xs {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .mobile\:px-\[0px\] {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .mobile\:px-m {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .mobile\:px-s {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .mobile\:py-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .mobile\:py-10 {
        padding-bottom: 2.5rem!important;
        padding-top: 2.5rem!important
    }

    .mobile\:py-12 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .mobile\:py-16 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .mobile\:py-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .mobile\:py-20 {
        padding-bottom: 5rem!important;
        padding-top: 5rem!important
    }

    .mobile\:py-24 {
        padding-bottom: 6rem!important;
        padding-top: 6rem!important
    }

    .mobile\:py-2xs {
        padding-bottom: 8px!important;
        padding-top: 8px!important
    }

    .mobile\:py-3 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .mobile\:py-4 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .mobile\:py-40 {
        padding-bottom: 10rem!important;
        padding-top: 10rem!important
    }

    .mobile\:py-4xs {
        padding-bottom: 4px!important;
        padding-top: 4px!important
    }

    .mobile\:py-6 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .mobile\:py-8 {
        padding-bottom: 2rem!important;
        padding-top: 2rem!important
    }

    .mobile\:py-s {
        padding-bottom: 12px!important;
        padding-top: 12px!important
    }

    .mobile\:py-xl {
        padding-top: 24px!important
    }

    .mobile\:pb-\[24px\],.mobile\:py-xl {
        padding-bottom: 24px!important
    }

    .mobile\:pb-m {
        padding-bottom: 16px!important
    }

    .mobile\:pt-\[0\],.mobile\:pt-\[0px\] {
        padding-top: 0!important
    }

    .mobile\:pt-m {
        padding-top: 16px!important
    }

    .mobile\:text-center {
        text-align: center!important
    }

    .mobile\:text-\[12px\] {
        font-size: 12px!important
    }

    .mobile\:text-\[14px\] {
        font-size: 14px!important
    }

    .mobile\:text-\[16px\] {
        font-size: 16px!important
    }

    .mobile\:text-\[32px\] {
        font-size: 32px!important
    }

    .mobile\:text-\[64px\] {
        font-size: 64px!important
    }

    .mobile\:text-body2 {
        font-size: 14px!important;
        font-weight: 400!important;
        line-height: 20px!important
    }

    .mobile\:text-caption {
        font-size: 12px!important;
        font-weight: 400!important;
        line-height: 16px!important
    }

    .mobile\:text-headline4 {
        font-size: 28px!important;
        font-weight: 600!important;
        line-height: 36px!important
    }

    .mobile\:text-headline5 {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 32px!important
    }

    .mobile\:text-subtitle1 {
        font-size: 16px!important;
        font-weight: 500!important;
        line-height: 24px!important
    }

    .mobile\:text-subtitle2 {
        font-size: 14px!important;
        line-height: 20px!important
    }

    .mobile\:font-medium,.mobile\:text-subtitle2 {
        font-weight: 500!important
    }

    .mobile\:font-normal {
        font-weight: 400!important
    }

    .mobile\:leading-\[22px\] {
        line-height: 22px!important
    }

    .mobile\:will-change-transform {
        will-change: transform!important
    }

    .mobile\:typography-Subtitle1 {
        font-size: 20px!important;
        font-weight: 500!important;
        line-height: 26px!important
    }
}

@media  only screen and (max-width: 767px) and (min-width:768px) {
    .mobile\:typography-Subtitle1 {
        font-size:20px!important;
        font-weight: 600!important;
        line-height: 28px!important
    }
}

@media (min-width: 767px) and (max-width:1023px) {
    .tablet\:top-\[10px\] {
        top:10px!important
    }

    .tablet\:order-2 {
        order: 2!important
    }

    .tablet\:mb-2xs {
        margin-bottom: 8px!important
    }

    .tablet\:mb-\[48px\] {
        margin-bottom: 48px!important
    }

    .tablet\:mb-\[52px\] {
        margin-bottom: 52px!important
    }

    .tablet\:mb-\[56px\] {
        margin-bottom: 56px!important
    }

    .tablet\:mb-xl {
        margin-bottom: 24px!important
    }

    .tablet\:mt-6xl {
        margin-top: 48px!important
    }

    .tablet\:mt-\[40px\] {
        margin-top: 40px!important
    }

    .tablet\:mt-\[52px\] {
        margin-top: 52px!important
    }

    .tablet\:mt-\[56px\] {
        margin-top: 56px!important
    }

    .tablet\:mt-xl {
        margin-top: 24px!important
    }

    .tablet\:h-\[24px\] {
        height: 24px!important
    }

    .tablet\:h-\[384px\] {
        height: 384px!important
    }

    .tablet\:w-\[24px\] {
        width: 24px!important
    }

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

    .tablet\:w-\[352px\] {
        width: 352px!important
    }

    .tablet\:w-\[96px\] {
        width: 96px!important
    }

    .tablet\:w-auto {
        width: auto!important
    }

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

    .tablet\:flex-1 {
        flex: 1 1!important
    }

    .tablet\:flex-none {
        flex: none!important
    }

    .tablet\:flex-col {
        flex-direction: column!important
    }

    .tablet\:gap-8 {
        grid-gap: 2rem!important;
        gap: 2rem!important
    }

    .tablet\:gap-\[24px\] {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .tablet\:gap-\[8px\] {
        grid-gap: 8px!important;
        gap: 8px!important
    }

    .tablet\:gap-m {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .tablet\:gap-xl {
        grid-gap: 24px!important;
        gap: 24px!important
    }

    .tablet\:gap-xs {
        grid-gap: 10px!important;
        gap: 10px!important
    }

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

    .tablet\:rounded-\[8px\] {
        border-radius: 8px!important
    }

    .tablet\:p-m {
        padding: 16px!important
    }

    .tablet\:px-xl {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .tablet\:py-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .tablet\:py-10 {
        padding-bottom: 2.5rem!important;
        padding-top: 2.5rem!important
    }

    .tablet\:py-12 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .tablet\:py-16 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .tablet\:py-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .tablet\:py-20 {
        padding-bottom: 5rem!important;
        padding-top: 5rem!important
    }

    .tablet\:py-24 {
        padding-bottom: 6rem!important;
        padding-top: 6rem!important
    }

    .tablet\:py-3 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .tablet\:py-4 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .tablet\:py-40 {
        padding-bottom: 10rem!important;
        padding-top: 10rem!important
    }

    .tablet\:py-6 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .tablet\:py-8 {
        padding-bottom: 2rem!important;
        padding-top: 2rem!important
    }

    .tablet\:py-\[48px\] {
        padding-bottom: 48px!important;
        padding-top: 48px!important
    }

    .tablet\:pt-\[0\],.tablet\:pt-\[0px\] {
        padding-top: 0!important
    }

    .tablet\:text-\[32px\] {
        font-size: 32px!important
    }

    .tablet\:text-body2 {
        font-size: 14px!important;
        font-weight: 400!important;
        line-height: 20px!important
    }

    .tablet\:text-headline3 {
        font-size: 32px!important;
        font-weight: 600!important;
        line-height: 40px!important
    }

    .tablet\:text-headline4 {
        font-size: 28px!important;
        font-weight: 600!important;
        line-height: 36px!important
    }

    .tablet\:text-headline5 {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 32px!important
    }

    .tablet\:text-subtitle1 {
        font-size: 16px!important;
        font-weight: 500!important;
        line-height: 24px!important
    }

    .tablet\:text-subtitle2 {
        font-size: 14px!important;
        font-weight: 500!important;
        line-height: 20px!important
    }

    .tablet\:will-change-transform {
        will-change: transform!important
    }
}

@media (min-width: 767px) {
    .noH5\:absolute {
        position:absolute!important
    }

    .noH5\:block {
        display: block!important
    }

    .noH5\:inline-flex {
        display: inline-flex!important
    }

    .noH5\:hidden {
        display: none!important
    }

    .noH5\:\!h-\[100px\] {
        height: 100px!important
    }

    .noH5\:min-w-\[120px\] {
        min-width: 120px!important
    }

    .noH5\:justify-between {
        justify-content: space-between!important
    }

    .noH5\:gap-\[16px\] {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .noH5\:gap-\[20px\] {
        grid-gap: 20px!important;
        gap: 20px!important
    }

    .noH5\:gap-m {
        grid-gap: 16px!important;
        gap: 16px!important
    }

    .noH5\:truncate {
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important
    }

    .noH5\:rounded-\[20px\] {
        border-radius: 20px!important
    }

    .noH5\:bg-Vessel {
        background-color: var(--color-Vessel)!important
    }

    .noH5\:px-xl {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .noH5\:py-l {
        padding-top: 20px!important
    }

    .noH5\:pb-l,.noH5\:py-l {
        padding-bottom: 20px!important
    }

    .noH5\:pt-s {
        padding-top: 12px!important
    }

    .noH5\:text-PrimaryText {
        color: var(--color-PrimaryText)!important
    }

    :is([dir=ltr] .ltr\:noH5\:right-0) {
        right: 0!important
    }

    :is([dir=rtl] .rtl\:noH5\:left-0) {
        left: 0!important
    }
}

@media (min-width: 1023px) {
    .desktop\:top-\[10px\] {
        top:10px!important
    }

    .desktop\:ml-m {
        margin-left: 16px!important
    }

    .desktop\:mr-m {
        margin-right: 16px!important
    }

    .desktop\:h-\[610px\] {
        height: 610px!important
    }

    .desktop\:w-1\/2 {
        width: 50%!important
    }

    .desktop\:w-2\/5 {
        width: 40%!important
    }

    .desktop\:flex-row {
        flex-direction: row!important
    }

    .desktop\:justify-between {
        justify-content: space-between!important
    }

    .desktop\:gap-l {
        grid-gap: 20px!important;
        gap: 20px!important
    }

    .desktop\:rounded-xs {
        border-radius: 4px!important
    }

    .desktop\:py-\[20px\] {
        padding-bottom: 20px!important;
        padding-top: 20px!important
    }

    .desktop\:pb-3xl {
        padding-bottom: 32px!important
    }

    :is([dir=ltr] .ltr\:desktop\:ml-2xs) {
        margin-left: 8px!important
    }

    :is([dir=rtl] .rtl\:desktop\:mr-2xs) {
        margin-right: 8px!important
    }

    .desktop\:\[\&\>\*\]\:first\:my-0:first-child>* {
        margin-bottom: 0!important;
        margin-top: 0!important
    }
}

.mainText {
    margin-top: "var(--space-xl)";
    max-height: "140px";
    overflow-y: "auto";
    width: "320px"
}

.modalForm {
    margin: "var(--space-xl)"
}

@media only screen and (max-width: 768px) {
    .mainText {
        width:"250px"
    }
}
@media (min-width: 45em) {
    .donate-widget-form__title {
        margin: 0 0 1rem;
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

.donate-widget-form__title{
    font-size: 1.5rem;
}

@media (min-width: 64em) {
    .donate-widget-form__inner {
        overflow: auto;
        height: calc(95% - 170px);
    }
}

.donate-widget-form__inner {
    margin-bottom: 1.5rem;
}

/* jquery ui modified */
.ui-tabs .ui-tabs-nav,.ui-widget-header{
    padding: 0px !important;
    border:none !important;
}

.ui-corner-all.ui-helper-reset {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    padding: 0px !important;
    border-radius: 10px !important;
}
.ui-widget.ui-widget-content{
    border: none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
     border: none !important;
    background: var(--color-BtnBg) !important;
    font-weight: normal;
    color: var(--color-SecondaryText);
    border-radius: 10px !important;
}
#tabs> ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: flex !important;
    justify-content: space-between !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
     max-width: 350px !important;
     max-height: 50px !important;
     background-color: #F4F4F4 !important;
     border: 1px solid #E0E0E0;
}


.ui-tabs-tab {
    flex: 1 !important;
    text-align: center !important;
   

}
.ui-widget.ui-widget-content {
    border: none !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-flow: 1;
    justify-content: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    font-weight: normal;
    border-radius: 10px;
    color: #454545;
    background-color: #e9e9e9;
}
[aria-labelledby="ui-id-2"] {
   margin-right: -2px !important;
}
.ui-tabs-anchor{
    font-size: 18px;
    font-family: 'Segoe UI', 'Montserrat';
}
.donate-widget-form__payment-amount {
    border: 1px solid #4242;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    list-style: none;
    position: relative;
    display: none;
    margin: 0;
    margin-top: 1rem;
    overflow: auto;
}
.donate-widget-form__payment-amount.active {
    display: flex;
}

.donate-widget-form__payment-amount li {
    padding: .5rem 1rem;
    height: 3rem;
    line-height: 25.2px;
}
.width-350px, .width-350px ul{
    width: 350px !important;
    margin: 0px;
    padding: 0px;
}
.ui-tabs .ui-tabs-panel{
    padding: 0px !important;
    
}
#tabs {
    gap: 14px;
}

.donate-widget-form__payment-details .payment-details-item {
    display: none;
}
.donate-widget-form__payment-amount li.payment-item, .donate-widget-form__payment-amount div.payment-item {
    flex: 1;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.575rem;
    text-transform: uppercase;
    font-family: var(--font-family);
    border-right: 1px solid #4242;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background .3s ease;
}

.donate-widget-form__payment-amount li.payment-item.active, .donate-widget-form__payment-amount li.payment-item:hover, .donate-widget-form__payment-amount div.payment-item.active, .donate-widget-form__payment-amount div.payment-item:hover {
    background: var(--color-BtnBg);
    color: var(--color-bg);
}
.donate-widget-form__payment-details {
    display: none;
    text-align: center;
    padding-top: .5rem;
    min-height: 3.5rem;
    font-size: 1rem;
    color: var(--c-gray-90);
    line-height: 1.5rem;
    text-transform: none;
    font-family: var(--font-family);
    font-weight: 500;
}
.donate-widget-form-custom-amount.active {
    display: block;
    position: relative;
}
.donate-widget-form-custom-amount .donate-widget-form__custom-payment-details {
    display: none;
    text-align: center;
    padding-top: .5rem;
    min-height: 3.5rem;
    font-size: 1rem;
    color: #424242;
    line-height: 1.5rem;
    text-transform: none;
    font-family: "Lato",helvetica,sans-serif;
}

.payment-input-wrapper {
    align-items: center;
    border: 1px solid #999;
    border-radius: .375rem;
    margin-top: 1rem;
    display: flex;
    height: 3rem;
}

.payment-input-wrapper span {
    width: 3rem;
    text-align: center;
    border-right: .0625rem solid #d9d9d9;
    padding: 7px 0;
    font-size: 1.5rem;
    color: #222221;
    font-family: var(--font-family);
    line-height: 1.4956rem;
}
.payment-input-wrapper input {
    border: none;
    font-size: 1.5rem;
    line-height: 1.4956rem;
    font-family: var(--font-family);
    padding: 0 1rem .125rem;
    flex: 1;
}

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=date], input[type=number], textarea {
    box-sizing: border-box;
    background-color: inherit;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid transparent;
    padding: 8px 12px;
    color: #424242;
    transition: all 250ms linear;
    width: 100%;
    -webkit-appearance: none;
}

.donate-widget-form__payment-details.active, 
.payment-details-item.active {
    display: block;
}

.btn-magin-top{
    margin-top: 10px;
    width: 350px;
}
.bn-tabs__default{
    background-color: #FFF;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 45em) {
    .donate-widget-form__title
 {
        margin: 0 0 1rem;
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

.donate-widget-form__title {
    margin: 0 0 .5rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.8125rem;
    font-size: 1.5rem;
}
.donate-widget-form__title{
    font-family: var(--font-family);
    font-size: 22px;
}
.bn-tab-list.bn-tab-list__default{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    padding: 5px;
}
.bn-textField__line-home{
    background-color: #F7F7F7;
    border: 1px solid #E0E0E0;
}
/* end slide content */
/* home contoller banner */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1.5
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

@keyframes imageRotateIn {
    0% {
        opacity: 0;
        transform: rotate(-.25turn) translate(-68%)
    }

    to {
        opacity: 1;
        transform: rotate(0) translate(0)
    }
}

@keyframes imageRotateOut {
    0% {
        transform: rotate(0) translate(0);
        opacity: .5
    }

    to {
        opacity: 0;
        transform: rotate(.25turn) translateY(-110%)
    }
}

.loader {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.loader:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #696969;
    animation: prixClipFix 2s linear infinite
}

.loader-large {
    width: 50px;
    height: 50px
}

.loader-small {
    width: 20px;
    height: 20px
}

.loader__white:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #fff;
    animation: prixClipFix 2s linear infinite
}

.loader__black {
    display: inline-block
}

.loader__black:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #000;
    animation: prixClipFix 2s linear infinite
}

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

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    to {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

html {
    scroll-padding-top: 150px
}

@media (max-width: 992px) {
    html {
        scroll-padding-top:130px
    }
}

body {
    margin: 0
}

strong {
    font-weight: 700
}

.h5 {
    font-size: 18px!important;
    font-weight: 600!important
}

.h2 {
    font-size: 24px!important;
    font-weight: 600!important
}

.h4 {
    font-size: 20px!important;
    font-weight: 600!important
}

.h6 {
    font-size: 16px!important;
    font-weight: 600!important
}

.fs-22 {
    font-size: 22px!important
}

.fw-600 {
    font-weight: 600!important
}

.m-0 {
    margin: 0
}

.mx-1 {
    margin: 0 10px
}

.mx-2 {
    margin: 0 20px
}

.mx-3 {
    margin: 0 30px
}

.mx-4 {
    margin: 0 40px
}

.mb-2 {
    margin-bottom: 20px!important
}

.mb-1 {
    margin-bottom: 10px!important
}

.mb-3 {
    margin-bottom: 30px!important
}

.mr-1 {
    margin-right: 10px!important
}

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

.mt-1 {
    margin-top: 10px!important
}

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

.mt-3 {
    margin-top: 30px!important
}

.ml-auto {
    margin-left: auto
}

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

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

.pb-2 {
    padding-bottom: 20px!important
}

.pl-2 {
    padding-left: 20px!important
}

.pl-3 {
    padding-left: 30px!important
}

.pr-1 {
    padding-right: 10px!important
}

.pr-2 {
    padding-right: 20px!important
}

.px-1 {
    padding: 0 10px
}

.px-2 {
    padding: 0 20px
}

.px-3 {
    padding-left: 30px;
    padding-right: 30px
}

.py-1 {
    padding: 10px 0
}

.py-2 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-3 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pt-1 {
    padding-top: 10px!important
}

.pt-2 {
    padding-top: 20px!important
}

.pt-3 {
    padding-top: 30px!important
}

.pb-3 {
    padding-bottom: 30px!important
}

.pt-4 {
    padding-top: 40px!important
}

.pb-4 {
    padding-bottom: 40px!important
}

.pl-1 {
    padding-left: 10px
}

.pl-2 {
    padding-left: 20px
}

.pl-3 {
    padding-left: 30px
}

.rounded-1 {
    border-radius: 5px!important
}

.rounded-2 {
    border-radius: 10px!important
}

.rounded-3 {
    border-radius: 15px!important
}

.content-text,.content-list {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.content-list.ul {
    list-style-type: disc;
    padding-left: 10px
}

.no-scroll {
    overflow: hidden;
    touch-action: none
}

.scrollbar::-webkit-scrollbar {
    width: 4px
}

.scrollbar::-webkit-scrollbar-track {
    background: #f5f6fa
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #adadad
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #525252
}

.bg-light {
    background: #f2f2f280
}

.container,.campaign-banner.left-aligned,.rebuild-container {
    display: flex;
    flex-direction: column;
    padding: 0 23%
}

@media screen and (max-width: 2400px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 20%
    }
}

@media screen and (max-width: 2000px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 15%
    }
}

@media screen and (max-width: 1720px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 10%
    }
}

@media screen and (max-width: 1500px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 5%
    }
}

.article-container {
    display: flex;
    flex-direction: column;
    padding: 0 23%
}

@media screen and (max-width: 1000px) {
    .article-container {
        padding:0 5%
    }
}

.device {
    display: none!important
}

@media screen and (max-width: 992px) {
    .device {
        display:flex!important
    }
}

.desktop {
    display: none!important
}

@media screen and (min-width: 992px) {
    .desktop {
        display:flex!important
    }
}

.desktop-and-tablet {
    display: flex!important
}

@media screen and (max-width: 576px) {
    .desktop-and-tablet {
        display:none!important
    }
}

@media screen and (max-width: 576px) {
    .device--sm {
        display:none!important
    }
}

@media screen and (min-width: 576px) {
    .device-sm {
        display:none!important
    }
}

[role=button] {
    cursor: pointer
}

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

.text-center {
    text-align: center!important
}

.text-danger {
    color: #dc3545
}

.text-success {
    color: #5edc6099
}

.text-strike {
    text-decoration: line-through
}

figure>img {
    width: 100%
}

.d-none {
    display: none!important
}

.no-style-anchor {
    text-decoration: none
}

.inherit {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.d-flex {
    display: flex
}

.gap-20 {
    gap: 20px
}

.flex-col {
    flex-direction: column!important
}

.flex-row {
    flex-direction: row
}

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

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

.content-center {
    justify-content: center
}

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

.items-center {
    align-items: center
}

.text-right {
    text-align: right
}

.w-100 {
    width: 100%
}

.rebuild-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 423px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #57b7f7;
    background: #57b7f726
}

.rebuild-alert.lg {
    width: 100%
}

.rebuild-alert.dark {
    background-color: #000;
    color: #fff!important;
    border: 1px solid black
}

input::-ms-reveal,input::-ms-clear {
    display: none
}

.bg-gray-95 {
    background-color: #f2f2f2
}

.full-width-container {
    padding-right: 60px;
    padding-left: 60px
}

@media (max-width: 992px) {
    .full-width-container {
        padding-right:45px;
        padding-left: 45px
    }
}

@media (max-width: 768px) {
    .full-width-container {
        padding-right:30px;
        padding-left: 30px
    }
}

@media (max-width: 576px) {
    .full-width-container {
        padding-right:20px;
        padding-left: 20px
    }
}

.rebuild-row {
    display: flex;
    flex-wrap: wrap
}

.rebuild-col-12 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%
}

.hover-underline:hover {
    text-decoration: underline!important
}

.rebuild-btn {
    width: 100%;
    border-radius: 5px;
    font-size: 1em;
    border: 0;
    outline: 1px solid transparent;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.rebuild-btn:hover {
    cursor: pointer
}

.rebuild-btn:active {
    outline: 1px solid #f2f2f2
}

.rebuild-btn[disabled] {
    pointer-events: none;
    opacity: .6
}

.rebuild-btn-primary {
    background-color: #f97141;
    color: #000
}

.rebuild-btn-primary:hover,.rebuild-btn-primary:focus,.rebuild-btn-primary:active,.rebuild-btn-primary:visited {
    background-color: #f97141!important;
    color: #000!important
}

.rebuild-btn-white {
    background-color: #fff;
    color: #000
}

.rebuild-btn-dark {
    background-color: #f97141 !important;
    color: #fff;
    border-radius: 8px;
}

.rebuild-btn-primary-light {
    background-color: #f9714126;
    color: #000
}

.rebuild-btn-outline {
    background-color: transparent;
    color: #000;
    border: 1px solid #f97141
}

.rebuild-btn-outline:hover {
    background: #f97141
}

.rebuild-btn-outline.rebuild-btn-loading {
    background: transparent
}

.rebuild-btn-outline-dark {
    background-color: transparent;
    color: #000;
    border: 1px solid #202020
}

.rebuild-btn-outline-dark:hover {
    background: #f2f2f2
}

.rebuild-btn-outline-dark.rebuild-btn-loading {
    background: transparent
}

.rebuild-btn-success {
    border: 1px solid #0f5e03;
    color: #0f5e03;
    background: #168a040d!important
}

.rebuild-btn-success[disabled] {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none
}

.rebuild-btn-grey {
    background-color: #f2f2f2;
    color: #000
}

.rebuild-btn-grey[disabled] {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none
}

.rebuild-btn-medium {
    min-height: 50px
}

.rebuild-btn-remove-cart {
    background: #fff;
    color: #000
}

.rebuild-btn-remove-cart:hover {
    background: #f2f2f2
}

.rebuild-btn .rebuild-btn-loader {
    width: 16px;
    height: 16px;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite
}

@keyframes button-loading-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.rebuild-btn-express-checkout {
    cursor: pointer;
    background-color: #fff;
    border: solid 1px #202020;
    border-radius: 5px;
    margin-top: 10px;
    width: 127px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rebuild-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 5%;
    bottom: 0;
    background-color: #00000080;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center
}

.rebuild-modal-content {
    background: #fff;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 10px;
    width: 500px;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .rebuild-modal-content {
        width:100vw;
        min-height: 100vh;
        max-width: 100vw;
        border-radius: 0
    }
}

.rebuild-modal-content-md {
    width: 700px
}

.rebuild-modal-content-lg {
    width: 900px
}

.rebuild-modal-content-xl {
    width: 1100px
}

.rebuild-modal-content-xxl {
    width: 1300px
}

.rebuild-modal-content-auto {
    width: auto
}

.rebuild-modal-content-header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #a8adb5;
    align-items: center
}

.rebuild-modal-content-header-title {
    font-weight: 700;
    font-size: 1em
}

.rebuild-modal-content-body {
    display: flex;
    flex: 1;
    padding: 20px;
    overflow: hidden;
    overflow-y: auto
}

.rebuild-modal-content-body a {
    color: #000;
    text-decoration: none
}

.rebuild-modal-content-body-country {
    display: flex;
    flex-direction: column
}

.rebuild-modal-content-body-country-flag {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.rebuild-modal-content-footer {
    display: flex;
    padding: 20px;
    border-top: 1px solid #a8adb5
}

.dialog {
    width: 60vw;
    height: 80vh;
    border: none!important;
    outline: none!important;
    border-radius: 10px
}

.dialog::backdrop {
    background-color: #00000080
}

@media screen and (min-width: 576px) and (max-width: 1025px) {
    .dialog {
        width:60vw;
        height: 80vh
    }
}

@media (max-width: 576px) {
    .dialog {
        width:90vw;
        height: 60vh;
        max-width: 90vw;
        max-height: 60vh
    }
}

.dialog .content {
    width: 100%;
    height: 100%;
    position: relative
}

.dialog .content .icon {
    position: absolute;
    right: .8rem;
    top: .2rem;
    z-index: 10;
    width: 16px
}

.dialog .content-header {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #a8adb5
}

@media (max-width: 576px) {
    .dialog .content-header {
        padding:5px
    }
}

.dialog .content-header-title {
    font-weight: 700;
    font-size: 1em
}

.dialog .content-body {
    width: 100%;
    height: 100%;
    padding: 10px
}

@media (max-width: 576px) {
    .dialog .content-body {
        padding:5px
    }
}

.dialog .content-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid #a8adb5;
    padding: 10px
}

@media (max-width: 576px) {
    .dialog .content-footer {
        padding:5px
    }
}

.dialog .content-footer-title {
    font-size: 1em
}

.search {
    display: flex;
    flex: 9;
    padding: 1rem;
    color: #696969;
    border: 1px solid #c4c4c4;
    font-size: 18px;
    background: #fff;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
    position: relative;
    margin: 10px 0
}

.search-input {
    border: 0;
    display: flex;
    flex: 1;
    width: 100%;
    height: 29px;
    font-size: 18px
}

.search-input:focus,.search-input:active {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.search-icon {
    width: 25px;
    height: 25px
}

.search-icon:hover {
    cursor: pointer
}

.search-close {
    width: 24px;
    height: 24px
}

.search-close:hover {
    cursor: pointer
}

.search-results {
    position: absolute;
    top: 61px;
    border: 1px solid #c4c4c4;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 10;
    overflow: auto;
    max-height: 400px;
    font-size: 14px;
    padding: 10px
}

.search-results>div {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 15px
}

.search-results-list {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.search-results-list-item {
    display: flex;
    gap: 20px;
    align-items: center
}

@media (max-width: 768px) {
    .search-results-list-item {
        display:flex;
        flex-direction: column;
        border-bottom: 1px solid #f2f2f2
    }
}

.search-results-list-item>a {
    text-decoration: none;
    color: #000;
    display: flex;
    gap: 20px;
    width: 100%
}

.search-results-list-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.search-results-list-item-text {
    display: flex;
    flex: 1;
    align-items: center
}

.search-results-list-item.active-item {
    background-color: #f2f2f2
}

.search-results-box {
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.search-results-box>span {
    font-weight: 700
}

.search-results-box-items-item {
    padding: 15px 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-items: center;
    align-items: center
}

.search-results-box-items-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.search-results-box-items-item-image {
    width: 34px;
    height: 34px
}

.search-results-box-items-item-product {
    display: flex;
    flex-direction: column;
    flex: 1
}

.search-results-box-items-item-price {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.search-results-box-items-item-price>span {
    font-weight: 600
}

.search-results-box-items-item-price-del {
    font-size: 16px
}

.search-results-box-items-link {
    text-decoration: none;
    color: #000
}

.search-results .products .search-results-list-item-text {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.search-results .products .search-results-list-item-container {
    display: flex;
    gap: 20px;
    align-items: center
}

.search-results .products .search-results-list-item-price-text {
    color: #696969
}

.select {
    padding: 5px 10px;
    border: 1px solid #adadad;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    flex: 1
}

.select>select {
    border: 0;
    background: transparent;
    flex: 1
}

.select>select:focus,.select>select:active {
    outline: none
}

.select-borderless {
    border: 0px
}

select.type-selector {
    border: none!important;
    background-color: transparent!important;
    font-size: 16px;
    font-weight: 600
}

.packt-checkbox {
    position: relative;
    padding-left: 35px
}

.packt-checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #f97141;
    background-color: #fff;
    cursor: pointer;
    border-radius: 3px;
    z-index: 3
}

.packt-checkbox input[type=checkbox]:checked {
    background-image: url(/images/new-product/checked.svg);
    background-size: 100% 100%
}

.form-error-text {
    margin-top: 10px;
    color: #a30505;
    display: flex;
    align-items: flex-start;
    line-height: 16px
}

.form-error-text__password {
    white-space: pre-line
}

.form-error-text:before {
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23F00%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22/%3E%3Cline x1%3D%2215%22 y1%3D%229%22 x2%3D%229%22 y2%3D%2215%22/%3E%3Cline x1%3D%229%22 y1%3D%229%22 x2%3D%2215%22 y2%3D%2215%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    flex-shrink: 0
}

.form-mandatory {
    color: #a30505;
    margin-left: 3px
}

.packt-radio {
    accent-color: #ec6611;
    height: 16px
}

.icon {
    filter: brightness(0)
}

.icon--light {
    filter: brightness(1)
}

.icon:hover {
    cursor: pointer
}

.icon-1 {
    width: 14px;
    height: 14px
}

.icon-2 {
    width: 16px;
    height: 16px
}

.icon-3 {
    width: 20px;
    height: 20px
}

.icon-4 {
    width: 24px;
    height: 24px
}

.icon-5 {
    width: 30px;
    height: 30px
}

#header-cart-dropdown .header-dropdown-active-wrapper {
    min-width: 600px
}

@media (max-width: 992px) {
    #header-cart-dropdown .header-dropdown-active-wrapper {
        min-width:unset;
        overflow: auto
    }
}

.header-sticky {
    position: sticky
}

.header {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    display: flex;
    flex-direction: column;
    z-index: 10;
    font-size: 14px;
    top: 0
}

.header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 5;
    background-color: #f2f2f2;
    height: 80px
}

.header-wrapper .search-results {
    font-size: 16px
}

.header-logo {
    width: 94px;
    height: 25px
}

.header-logo-link {
    display: flex;
    flex: 1
}

.header-actions {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 30px
}

.header-actions-link {
    color: #202020!important;
    font-size: 18px;
    padding: 10px 0;
    text-decoration: none!important
}

.header-cart-basket {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-cart-basket #header-cart-dropdown {
    display: none
}

.header-cart-basket:hover #header-cart-dropdown {
    display: flex
}

.header-cart-extras {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.header-cart-extras-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex: 1
}

.header-cart-count {
    font-size: 16px;
    position: absolute;
    background: #f97141;
    width: 25px;
    height: 25px;
    padding: 1px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transform: translate(20px,-15px);
    z-index: 5
}

.header-cart-icon {
    width: 28px;
    height: 28px
}

.header-cart-icon:hover {
    cursor: pointer
}

.header-cart-discount {
    display: flex;
    gap: 10px;
    flex-direction: column;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0
}

@media (max-width: 992px) {
    .header-cart-discount {
        background:#57b7f726
    }
}

.header-cart-discount-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.header-cart-discount-toggle-text {
    flex-grow: 1;
    font-weight: 600;
    margin-left: 5px;
    font-size: 18px
}

.header-cart-discount-toggle-icon {
    display: flex;
    align-items: center;
    margin-right: 5px
}

@media (min-width: 993px) {
    .header-cart-discount-toggle-icon {
        display:none
    }
}

.header-cart-discount-toggle .toggle-icon {
    transition: transform .3s ease
}

.header-cart-discount-toggle .toggle-icon.rotated {
    transform: rotate(180deg)
}

.header-cart-discount-info {
    display: block;
    margin-left: 5px
}

.header-cart-discount-options {
    display: flex;
    flex-direction: column
}

.header-cart-discount-options-option {
    font-size: 16px;
    display: flex;
    align-items: center
}

.header-cart-discount-options-option b {
    font-weight: 600
}

.header-cart-dropdown {
    display: flex;
    flex: 1;
    flex-direction: row;
    min-width: 600px;
    justify-content: space-between
}

@media (max-width: 992px) {
    .header-cart-dropdown {
        min-width:unset
    }
}

.header-cart-dropdown-total {
    display: flex;
    flex-direction: column;
    flex: 1
}

.header-cart-dropdown-total>span {
    font-size: 18px!important;
    font-weight: 600
}

.header-cart-dropdown-checkout {
    display: flex;
    flex: 1;
    padding: 10px 0
}

.header-cart-dropdown-checkout-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between
}

.header-cart-dropdown-items {
    max-height: 250px;
    overflow: auto;
    display: flex;
    flex-direction: column
}

@media (max-height: 870px) {
    .header-cart-dropdown-items {
        max-height:325px
    }
}

.header-cart-dropdown-items-item {
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 10px;
    padding: 10px 10px 10px 0
}

@media (max-width: 992px) {
    .header-cart-dropdown-items-item {
        border-bottom:1px solid #f2f2f2;
        padding-bottom: 20px
    }
}

.header-cart-dropdown-items-item-title {
    font-size: 16px;
    font-weight: 400
}

.header-cart-dropdown-items-item-type,.header-cart-dropdown-items-item-separator {
    font-size: 16px;
    color: #696969
}

.header-cart-dropdown-items-item-price {
    font-size: 16px;
    font-weight: 600
}

.header-cart-dropdown-items-item-image {
    width: 60px;
    height: 74px
}

.header-cart-dropdown-items-item-details {
    display: flex;
    flex-direction: column;
    flex: 1
}

.header-cart-dropdown-items-item-details .pill {
    max-width: 30%;
    text-align: center;
    border-radius: 200px;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 5px;
    margin-top: 5px
}

.header-cart-dropdown-items-item-actions {
    display: flex;
    gap: 20px
}

.header-cart-dropdown-items-item-actions-quantity {
    height: 40px;
    width: 100px
}

.header-cart-dropdown-items-item-actions-icon {
    background: transparent;
    padding: 0;
    gap: 0px;
    width: auto;
    align-self: flex-start;
    margin-top: 10px
}

.header-user-account {
    background: #000;
    border-radius: 50%;
    padding: .5rem;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-user-account #header-user-dropdown {
    display: none
}

.header-user-account:hover {
    cursor: pointer
}

.header-user-account:hover #header-user-dropdown {
    display: flex
}

.header-user-account-icon {
    width: 20px;
    height: 20px
}

.header-user-account-icon:hover {
    cursor: pointer
}

.header-user-account-initials {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.header-search-mobile {
    font-size: 16px;
    display: flex;
    justify-content: flex-end
}

.header-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000b2
}

.header-overlay-top {
    z-index: 4
}

.header-overlay-top.errors,.header-overlay-top.aborted {
    position: unset;
    z-index: initial
}

.header-overlay-bottom {
    z-index: 2
}

.header-addblock {
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #ffe1daf2;
    gap: 10px
}

.header-submenu {
    box-shadow: 0 4px 4px #0000001a;
    background: #fff;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 4;
    font-size: 16px;
    align-items: center;
    gap: 10px
}

.header-submenu-active {
    z-index: 6
}

.header-submenu-items {
    display: flex;
    flex-direction: row;
    position: relative;
    color: #000!important
}

.header-submenu-items-link {
    text-decoration: none!important;
    color: #000!important;
    text-wrap: nowrap
}

.header-submenu-items-link:hover {
    cursor: pointer
}

.header-submenu-items-link.border-end {
    border-right: 1px solid #dbdbdb
}

.header-submenu-items-link>div {
    padding: 35px 20px;
    height: 50px;
    display: flex;
    align-items: center
}

@media (max-width: 992px) {
    .header-submenu-items-link>div {
        padding:10px
    }
}

.header-submenu-items-item {
    padding: 35px 28px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.header-submenu-items-item:nth-child(1) {
    padding: 35px 20px 35px 0
}

@media (max-width: 992px) {
    .header-submenu-items-item {
        padding:10px
    }

    .header-submenu-items-item:nth-child(1) {
        padding: 10px
    }

    .header-submenu-items-item:first-child {
        padding-left: 0
    }

    .header-submenu-items-item:last-child {
        padding-right: 0
    }
}

.header-submenu-items-item .caret {
    display: none;
    position: relative;
    top: 35px;
    left: -50%
}

@media (min-width: 1024px) {
    .header-submenu-items-item .caret:after {
        content:"";
        position: absolute;
        bottom: 0;
        transform: translate(-50%);
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #757575 transparent;
        z-index: 1
    }

    .header-submenu-items-item .caret:before {
        content: "";
        position: absolute;
        bottom: -2px;
        transform: translate(-50%);
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        z-index: 2
    }
}

.header-submenu-items-item:hover {
    cursor: pointer
}

.header-submenu-items-item:hover .caret {
    display: block
}

.header-submenu-items-item-border {
    border-right: 1px solid #f2f2f2
}

.header-submenu-items-item-next {
    padding: 10px 20px
}

@media (max-width: 992px) {
    .header-submenu-items-item-next {
        padding:10px
    }
}

.header-submenu-items-item-dropdown {
    position: absolute;
    display: flex;
    top: 70px;
    background: #fff;
    border: 1px solid #757575;
    border-radius: 5px;
    left: 0;
    right: 0;
    min-width: 600px;
    height: 560px;
    font-size: 16px
}

@media (min-width: 992px) and (max-width: 1024px) {
    .header-submenu-items-item-dropdown {
        top:150px;
        left: 2.5%;
        width: 95%;
        position: fixed
    }
}

.header-submenu-items-item-dropdown_small {
    left: unset;
    width: 200px;
    max-width: 200px;
    min-width: unset;
    height: auto
}

.header-submenu-items-item-dropdown-left {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #f2f2f2
}

.header-submenu-items-item-dropdown-left-title {
    text-transform: uppercase;
    padding: 20px 20px 10px;
    font-weight: 700;
    font-size: 16px
}

.header-submenu-items-item-dropdown-left-close {
    position: absolute;
    right: 10px;
    top: 15px
}

.header-submenu-items-item-dropdown-left-options {
    display: flex;
    flex-direction: column
}

.header-submenu-items-item-dropdown-left-options-select {
    height: 50px;
    width: 95%;
    margin: auto
}

.header-submenu-items-item-dropdown-left-options-option {
    padding: 10px 20px;
    border-right: 3px solid #fff;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    color: #000!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-left-options-option:hover {
    cursor: pointer;
    background: #ffe1daf2;
    border-right: 3px solid #f97141
}

.header-submenu-items-item-dropdown-left-options-option-active {
    background: #ffe1daf2;
    border-right: 3px solid #f97141
}

.header-submenu-items-item-dropdown-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    padding: 20px
}

.header-submenu-items-item-dropdown-right-title {
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1399px) {
    .header-submenu-items-item-dropdown-right-options {
        grid-template-columns:repeat(2,1fr)
    }
}

.header-submenu-items-item-dropdown-right-options>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-right-options-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    font-size: 16px
}

.header-submenu-items-item-dropdown-right-options-option:hover {
    cursor: pointer;
    background: #f2f2f2
}

.header-submenu-items-item-dropdown-right-options-option>img {
    width: 25px;
    height: 35px
}

.header-submenu-items-item-dropdown-right-options-option-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-submenu-items-item-dropdown-right-options-category {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
    align-items: start
}

.header-submenu-items-item-dropdown-right-options-category>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-right-options-category-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

.header-submenu-items-item-dropdown-right-options-category-href {
    text-decoration: none!important;
    color: #000;
    font-size: 16px
}

.header-submenu-items-item-dropdown-right-options-category-link {
    padding: 10px;
    text-decoration: none!important;
    color: #000
}

.header-submenu-items-item-dropdown-right-options-category-link:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.header-submenu-items-item-dropdown-right-viewmore {
    border-top: 1px solid #f2f2f2;
    padding: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.header-submenu-items-item-dropdown-right-viewmore>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-list {
    display: flex;
    flex-direction: column;
    padding: 20px 0
}

.header-submenu-items-item-dropdown-list>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-list-link {
    padding: 10px
}

.header-submenu-items-item-dropdown-list-link:hover {
    cursor: pointer;
    background-color: #f2f2f2;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile {
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    top: 60px;
    z-index: 6;
    overflow: auto;
    position: fixed;
    background: #fff;
    padding-top: 30px;
    flex-direction: column;
    scroll-behavior: smooth
}

.header-submenu-items-item-dropdown-mobile-menu {
    display: flex;
    margin: 20px 10px;
    justify-content: space-between
}

.header-submenu-items-item-dropdown-mobile-menu-title {
    font-weight: 700;
    text-transform: uppercase
}

.header-submenu-items-item-dropdown-mobile-menu-categories {
    gap: 10px;
    display: flex;
    flex-direction: column;
    padding: 0 12px 0 20px
}

.header-submenu-items-item-dropdown-mobile-menu-categories a {
    color: #000!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-category {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between
}

.header-submenu-items-item-dropdown-mobile-menu-category-wrapper {
    display: flex;
    flex-direction: column
}

.header-submenu-items-item-dropdown-mobile-menu-category-wrapper .active span {
    font-weight: 700
}

.header-submenu-items-item-dropdown-mobile-menu-subcategories {
    gap: 10px;
    display: none;
    padding-top: 10px;
    padding-left: 20px;
    flex-direction: column;
    border-bottom: 1px solid #dbdbdb
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory h4 {
    margin-bottom: 5px;
    text-decoration: underline
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory ul {
    list-style-type: none;
    padding-left: 0
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory ul li {
    margin-bottom: 5px
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory-link {
    padding: 10px;
    text-decoration: none!important;
    color: #000
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory-show-more>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 12px 0 20px
}

.header-submenu-items-item-dropdown-mobile-menu-titles>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items {
    display: flex;
    font-weight: 700;
    margin-bottom: 10px
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-item {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-view-more {
    display: flex;
    font-weight: 700;
    align-items: center;
    padding: 0 0 20px 5px
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-view-more>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-list {
    gap: 10px;
    display: flex;
    padding: 20px;
    flex-direction: column
}

.header-submenu-items-item-dropdown-mobile-menu-list>a {
    text-decoration: none!important;
    color: #000!important
}

@media (min-width: 1199px) {
    .header-submenu .rebuild-horizontal-scroll-body {
        overflow-x:unset
    }
}

.header-dropdown-active {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: transparent;
    font-size: 16px;
    top: 50px;
    position: fixed;
    padding: 30px 10% 30px 30px
}

@media (max-width: 1500px) {
    .header-dropdown-active {
        padding-right:20%
    }
}

@media (max-width: 767px) {
    .header-dropdown-active {
        padding-right:30px
    }
}

@media (max-width: 992px) {
    .header-dropdown-active {
        padding:0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        min-height: 100vh
    }
}

.header-dropdown-active-left {
    padding: 30px 20% 30px 30px
}

@media (max-width: 1399px) {
    .header-dropdown-active-left {
        padding-right:40%
    }
}

@media (max-width: 992px) {
    .header-dropdown-active-left {
        padding:0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        min-height: 100vh
    }
}

.header-dropdown-active:hover {
    cursor: pointer
}

.header-dropdown-active-wrapper {
    background: #fff;
    min-width: 300px;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 992px) {
    .header-dropdown-active-wrapper {
        min-width:unset
    }
}

.header-dropdown-active-wrapper-border {
    border-radius: 10px;
    border: 1px solid #757575;
    padding: 0 25px;
    cursor: default
}

@media (max-width: 992px) {
    .header-dropdown-active-wrapper-border {
        border-radius:0;
        border: 0;
        padding: 10px 20px;
        display: flex;
        flex: 1
    }
}

.header-dropdown-active-fullscreen {
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10
}

.header-dropdown-active-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 13px 15px 0;
    border-bottom: 1px solid #dbdbdb
}

.header-dropdown-active-header-placeholder {
    display: flex;
    flex: 1;
    gap: 5px;
    font-weight: 600;
    font-size: 20px
}

.header-dropdown-active-header-placeholder span {
    display: flex;
    font-weight: 400;
    align-items: center;
    font-size: 16px
}

.header-dropdown-active-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    font-size: 16px
}

.header-dropdown-active-body-cart {
    padding: unset
}

.header-dropdown-active-footer {
    border-top: 1px solid #f2f2f2;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.header-dropdown-active-footer-name {
    font-weight: 700
}

.header-dropdown-active-footer-link {
    font-size: 16px;
    text-decoration: none;
    color: #000!important;
    padding: 7px 0
}

.header-dropdown-active-footer-link:hover {
    cursor: pointer;
    background-color: #9191914b;
    text-decoration: none!important
}

.header-dropdown-active-footer-seperator {
    border: none;
    border-top: 1px solid #696969
}

.header-dropdown-active-footer-country {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px 0;
    font-size: 16px
}

.header-dropdown-active-footer-country-flag {
    width: 25px;
    height: 18px;
    margin-left: 10px
}

.header-dropdown-active-footer-country:hover {
    cursor: pointer;
    background-color: #7777774b
}

.header-countrypicker-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px
}

.header-countrypicker-body-wrapper {
    padding-bottom: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 80vh
}

.header-countrypicker-body-wrapper .active {
    background: #f9714126
}

.header-countrypicker-body-wrapper .active .tick {
    display: flex
}

.header-countrypicker-body-wrapper .tick {
    display: none;
    align-items: center;
    justify-content: end;
    width: 100%
}

.header-countrypicker-body-wrapper-input {
    display: flex;
    gap: 5px;
    align-items: center;
    height: 45px;
    padding: 15px;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: none
}

.header-countrypicker-body-wrapper-input-input {
    border: none;
    background-color: #f2f2f2;
    color: gray;
    width: 100%;
    outline: none;
    height: 45px
}

.header-countrypicker-body-seprator {
    background-color: #c4c4c4;
    height: 1px;
    border: 0
}

.header-countrypicker-body-country {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 7px 10px;
    margin: 10px 0;
    border-radius: 10px
}

.header-countrypicker-body-country a {
    text-decoration: none!important;
    color: #000
}

.header-countrypicker-body-country:hover {
    cursor: pointer;
    background: #f2f2f2
}

.header-countrypicker-body-country-flag {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%
}

.header-countrypicker-body-country-flag>span {
    width: 100%
}

.header-countrypicker-body-country-flag>img {
    width: 25px;
    max-height: 18px
}

.header-countrypicker-footer {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 30px
}

.header #country-modal {
    font-size: 16px
}

.header #country-modal .modal-content-header-title {
    font-size: 18px
}

@media (max-width: 576px) {
    .header .search {
        position:unset
    }

    .header .search-results {
        top: 80px;
        border: none
    }
}

.footer {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    display: flex;
    flex: 1;
    flex-direction: column;
    box-shadow: 0 -3px 3px #0000001a
}

.footer-topics {
    display: flex;
    flex: 1;
    background-color: #fff;
    flex-direction: row;
    gap: 20px;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 992px) {
    .footer-topics {
        font-size:16px;
        gap: 0
    }
}

.footer-topics-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    background-color: #fff
}

@media (max-width: 992px) {
    .footer-topics-wrapper {
        gap:0;
        overflow: hidden
    }
}

.footer-topics>a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    flex-shrink: 0;
    display: flex
}

.footer-topics-topic {
    padding: 10px
}

.footer-topics-topic:first-child {
    padding-left: 0
}

.footer-topics-topic:last-child {
    padding-right: 0
}

.footer-menu {
    display: flex;
    flex: 1;
    background-color: #f2f2f2;
    min-height: 100px;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    font-size: 16px
}

.footer-menu-item {
    display: flex;
    flex: .2;
    min-width: 200px;
    flex-direction: column;
    gap: 20px
}

.footer-menu-item-title {
    font-weight: 500;
    font-size: 16px;
    color: #000!important
}

.footer-menu-item-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-weight: 400
}

.footer-menu-item-items-link {
    text-decoration: none!important;
    color: #000!important
}

.footer-menu-item-items-ident {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 20px
}

.footer-bottom {
    display: flex;
    flex: 1;
    background-color: #f2f2f2;
    border-top: 1px solid #a8adb5;
    min-height: 50px;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

@media (max-width: 992px) {
    .footer-bottom {
        flex-direction:column;
        gap: 30px;
        align-items: center
    }
}

.footer-bottom-country {
    background: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border-radius: 10px;
    max-width: 200px
}

.footer-bottom-country:hover {
    cursor: pointer
}

.footer-bottom-info {
    display: flex;
    text-align: right;
    flex-direction: column;
    gap: 5px;
    font-size: 14px
}

@media (max-width: 992px) {
    .footer-bottom-info {
        text-align:center
    }
}

body {
    padding-top: 0!important
}

.campaign-banner {
    background: linear-gradient(276deg,#00cd8f80 5.1%,#57b7f780 94.9%);
    cursor: default;
    padding: 15px 0
}

.campaign-banner.left-aligned .banner-timer {
    margin: 1rem 0rem;
    width: 70%;
    justify-content: center;
    display: flex;
    align-self: center
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container {
    background: #f2f2f2;
    width: 100%;
    border: 1px solid #f2f2f2
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container .text {
    color: #202020;
    font-size: 20px
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container .timing-label {
    background: linear-gradient(180deg,#28a8e0,#00cd8f 44%);
    -webkit-background-clip: text;
    background-clip: text;
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .campaign-banner.left-aligned {
        justify-content:start;
        align-items: center;
        flex-direction: row;
        display: flex
    }

    .campaign-banner.left-aligned .content {
        width: 73%;
        flex-direction: row!important;
        justify-content: start;
        flex-wrap: wrap;
        margin: unset
    }

    .campaign-banner.left-aligned .content.container,.campaign-banner.left-aligned .content.campaign-banner.left-aligned {
        padding: 1% 0
    }

    .campaign-banner.left-aligned .banner-timer {
        width: 27%
    }

    .campaign-banner.left-aligned .banner-timer .text,.campaign-banner.left-aligned .banner-timer .timing-label {
        font-size: 20px!important
    }

    .campaign-banner.left-aligned .banner-timer .timer-count-down-container {
        padding: 10px
    }
}

@media (max-width: 576px) {
    .campaign-banner.left-aligned {
        padding:0 5px
    }

    .campaign-banner.left-aligned .banner-timer {
        width: 100%
    }

    .campaign-banner.left-aligned .banner-timer .timing-label {
        font-size: 18px
    }
}

.campaign-banner .content {
    display: flex;
    flex-direction: row!important;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

@media screen and (max-width: 1599px),screen and (max-width: 768px),screen and (max-width: 460px) {
    .campaign-banner .content {
        flex-direction:column!important;
        align-items: center
    }
}

.campaign-banner .content .left {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px
}

@media screen and (min-width: 1600px) {
    .campaign-banner .content .left {
        flex-shrink:0;
        margin-right: 35px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .left {
        font-size:28px;
        line-height: 36px
    }
}

@media screen and (max-width: 768px) {
    .campaign-banner .content .left {
        font-size:26px;
        line-height: 30px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .left {
        font-size:1.5rem;
        line-height: 50px
    }
}

@media screen and (max-width: 400px) {
    .campaign-banner .content .left {
        font-size:1rem;
        line-height: 50px
    }
}

.campaign-banner .content .left .price {
    margin-right: 10px;
    font-size: 50px;
    line-height: 60px
}

@media screen and (min-width: 1800px) {
    .campaign-banner .content .left .price {
        margin-right:5px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .left .price {
        font-size:35px;
        line-height: 50px;
        font-weight: 600
    }
}

@media screen and (max-width: 768px) {
    .campaign-banner .content .left .price {
        font-size:40px;
        line-height: 50px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .left .price {
        font-size:34px;
        line-height: 45px;
        font-weight: 700
    }
}

@media screen and (max-width: 360px) {
    .campaign-banner .content .left .price {
        font-size:31px
    }
}

.campaign-banner .content .left .text {
    font-weight: 600
}

.campaign-banner .content .right {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px
}

@media screen and (min-width: 1800px) {
    .campaign-banner .content .right {
        font-size:21px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .right {
        font-size:22px;
        line-height: 30px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .right {
        font-size:18px;
        line-height: 20px;
        margin-top: 15px;
        text-align: center
    }
}

.campaign-banner .content .right .title {
    word-wrap: break-word;
    white-space: normal
}

.campaign-banner .content .right .title .highlight {
    font-weight: 600
}

#cookieConsent {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    line-height: normal;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    transition: right .3s ease;
    z-index: 6
}

#cookieConsent .transparent-background {
    background: #202020
}

@media (max-width: 576px) {
    #cookieConsent .transparent-background {
        padding:0
    }
}

#cookieConsent .transparent-background .close-btn {
    position: absolute;
    right: 10px
}

#cookieConsent .transparent-background .close-btn:hover {
    cursor: pointer
}

#cookieConsent .transparent-background .cookie-consent-section hr {
    margin: 0;
    height: 1px;
    border: none;
    background: #696969
}

@media (min-width: 992px) {
    #cookieConsent .transparent-background .cookie-consent-section {
        position:relative
    }
}

#cookieConsent .transparent-background .cookie-content {
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#cookieConsent .transparent-background .cookie-section p {
    flex: 5;
    padding-right: 4px
}

#cookieConsent .transparent-background .cookie-section .cookie-policy-link {
    text-decoration: none;
    color: inherit;
    font-weight: 600
}

#cookieConsent .transparent-background .cookie-section .cookie-buttons {
    display: flex;
    padding: 10px 0
}

@media (max-width: 1024px) {
    #cookieConsent .transparent-background .country-section .wrong-country-text {
        display:block;
        margin-bottom: 8px
    }
}

#cookieConsent .transparent-background .country-section .wrong-country-text {
    flex: 5;
    padding-right: 4px
}

#cookieConsent .transparent-background .country-section a {
    text-decoration: none
}

#cookieConsent .transparent-background .country-section .ok-btn {
    margin-right: unset
}

#cookieConsent .transparent-background .country-section .country-section-button {
    gap: 25px;
    display: flex;
    align-items: center
}

#cookieConsent .transparent-background .login-section .p-bottom {
    flex: 5;
    padding-right: 5px
}

#cookieConsent .transparent-background .login-section a {
    text-decoration: none
}

#cookieConsent .transparent-background .login-section hr {
    margin-bottom: 0
}

#cookieConsent .transparent-background .rebuild-btn-generic {
    padding: 12px 2rem;
    width: auto;
    border: unset;
    border-radius: 5px;
    background: #202020;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    line-height: normal
}

#cookieConsent .transparent-background .cookie-section,#cookieConsent .transparent-background .country-section,#cookieConsent .transparent-background .login-section {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

#cookieConsent .transparent-background .rebuild-btn-accept-all {
    color: #202020;
    background: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-essential-cookies,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
    color: #fff;
    margin-left: 22px;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-login-link {
    margin-right: 15px;
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    padding: 9px 2rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-login-link span {
    font-weight: 700
}

#cookieConsent .transparent-background .rebuild-btn-country-selection {
    display: inline-flex;
    background-color: #fff;
    color: #202020;
    align-items: center
}

#cookieConsent .transparent-background .rebuild-btn-country-selection span {
    vertical-align: middle;
    margin-left: 6px
}

#cookieConsent .transparent-background .rebuild-btn-ok-btn {
    background: #f97141;
    padding: 12px 2rem;
    color: #202020
}

#cookieConsent .transparent-background .rebuild-btn-ok-btn,#cookieConsent .transparent-background .rebuild-btn-github,#cookieConsent .transparent-background .header-dropdown-active-footer-country-flag {
    margin: 0
}

@media screen and (max-width: 460px) {
    #cookieConsent .transparent-background .cookie-section {
        flex-direction:column
    }

    #cookieConsent .transparent-background .cookie-section p {
        padding: 15px 0
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        width: 100%;
        display: grid;
        text-wrap: nowrap;
        text-align: center
    }

    #cookieConsent .transparent-background .country-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .country-section .wrong-country-text {
        padding-right: 15px
    }

    #cookieConsent .transparent-background .country-section .country-section-button {
        gap: 15px;
        width: 100%
    }

    #cookieConsent .transparent-background .country-section .country-section-button .rebuild-btn-country-selection,#cookieConsent .transparent-background .country-section .country-section-button .rebuild-btn-ok-btn {
        padding: 12px 22px
    }

    #cookieConsent .transparent-background .login-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .login-section .p-bottom {
        padding-right: 15px
    }

    #cookieConsent .transparent-background .login-section .login-button {
        width: 100%;
        display: flex;
        padding: 10px 0;
        flex-direction: column;
        justify-content: center
    }

    #cookieConsent .transparent-background .login-section .login-button a {
        padding: 10px 0
    }

    #cookieConsent .transparent-background .login-section .login-button a button {
        margin: 0;
        width: 100%;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-accept-all,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 0
    }

    #cookieConsent .transparent-background .rebuild-btn-essential-cookies {
        margin: 20px 0
    }

    #cookieConsent .transparent-background .close-btn {
        right: 5px
    }
}

@media screen and (min-width: 460px) and (max-width: 767px) {
    #cookieConsent {
        font-size:18px!important
    }

    #cookieConsent .transparent-background .cookie-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 15px 0
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        font-size: 20px
    }
}

@media screen and (min-width: 460px) and (max-width: 767px) and (max-width: 540px) {
    #cookieConsent {
        font-size:16px!important
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        width: 100%;
        flex-direction: column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons button {
        margin: 10px 0
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        font-size: 16px
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        font-size: 16px!important
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #cookieConsent .transparent-background .cookie-section {
        flex-direction:column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        padding: 20px 0;
        text-wrap: nowrap
    }

    #cookieConsent .transparent-background .rebuild-btn-accept-all,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 0
    }

    #cookieConsent .transparent-background .rebuild-btn-essential-cookies {
        margin: 0 20px
    }

    #cookieConsent .transparent-background .rebuild-btn-country-selection {
        font-size: 20px
    }

    #cookieConsent .transparent-background .rebuild-btn-ok-btn {
        padding: 14px 2rem
    }
}

@media screen and (min-width: 460px) and (max-width: 1024px) {
    #cookieConsent {
        font-size:22px
    }

    #cookieConsent .transparent-background .country-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .country-section .cookie-section-button {
        gap: 15px
    }

    #cookieConsent .transparent-background .login-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .login-section .login-button {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: .9rem
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        font-size: 20px;
        margin: 10px
    }

    #cookieConsent .transparent-background .close-btn {
        right: 10px
    }
}

@media screen and (max-width: 1366px) {
    #cookieConsent .transparent-background .cookie-content {
        padding:0 5%
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: 12px
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        margin-right: 10px
    }
}

@media screen and (max-width: 1440px) {
    #cookieConsent .transparent-background .cookie-content {
        padding:0 4%
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: 13px 15px
    }

    #cookieConsent .transparent-background .rebuild-btn-ok-btn {
        padding: 12px 18px
    }
}

.rebuild-horizontal-scroll {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.rebuild-horizontal-scroll-body {
    flex: 1;
    display: flex;
    overflow-x: auto
}

.rebuild-horizontal-scroll-body::-webkit-scrollbar {
    display: none
}

.rebuild-horizontal-scroll img.svg-icon.inactive {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.campaign-ad-banner {
    padding: 15px 0;
    display: flex;
    gap: 20px
}

.campaign-ad-banner .banner-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    justify-content: center
}

.campaign-ad-banner .banner-content-style {
    padding: 5px 0
}

.campaign-ad-banner .banner-content-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-sub-title {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-pricing {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-shop-now-btn {
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content .cta-container {
    padding: 14px 0
}

.campaign-ad-banner .banner-content .rebuild-btn {
    width: auto
}

.campaign-ad-banner .banner-content-image {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.campaign-ad-banner .banner-content-image img {
    width: 100%
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner {
        flex-direction:column
    }

    .campaign-ad-banner .banner-content-title {
        font-size: 18px
    }

    .campaign-ad-banner .banner-content-sub-title {
        font-size: 16px
    }

    .campaign-ad-banner .banner-content-pricing {
        font-size: 18px
    }

    .campaign-ad-banner .banner-content-image img {
        max-width: 500px
    }
}

.campaign-ad-banner-section {
    position: relative;
    overflow: hidden
}

.campaign-ad-banner-section .campaign-ad-banner-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.campaign-ad-banner-2.campaign-ad-banner {
    padding: 56px 0
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-title {
    font-size: 48px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-pricing {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner-2.campaign-ad-banner .banner-content {
        align-items:center!important;
        text-align: center
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-title {
        font-size: 24px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title {
        font-size: 18px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-pricing {
        font-size: 20px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title-2 {
        font-size: 16px
    }
}

.campaign-ad-banner-3.campaign-ad-banner {
    padding: 56px 0
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-title {
    font-size: 96px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title,.campaign-ad-banner-3.campaign-ad-banner .banner-content-pricing {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-shop-now-btn {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content .cta-container {
    padding: 14px 0
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner-3.campaign-ad-banner .banner-content {
        align-items:center!important;
        text-align: center
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-title {
        font-size: 36px
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title,.campaign-ad-banner-3.campaign-ad-banner .banner-content-pricing {
        font-size: 24px
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title-2,.campaign-ad-banner-3.campaign-ad-banner .banner-content-shop-now-btn {
        font-size: 16px
    }
}

.carousel {
    display: flex;
    flex-direction: column;
    background: none;
    width: 100%
}

.carousel-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex: 1;
    margin: 0 0 20px
}

@media (max-width: 992px) {
    .carousel-header {
        flex-direction:column;
        justify-content: center;
        text-align: center;
        margin: 0
    }
}

.carousel-header-left {
    display: flex;
    flex: 3;
    flex-direction: column
}

.carousel-header-left-title {
    font-size: 1.9rem;
    font-weight: 600
}

@media screen and (max-width: 576px) {
    .carousel-header-left-title {
        font-size:22px!important;
        font-weight: 600!important
    }
}

.carousel-header-right {
    display: flex;
    margin: 0 35px 0 0;
    align-content: flex-end;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
    margin-right: unset
}

@media (max-width: 992px) {
    .carousel-header-right {
        justify-content:center;
        margin: 0 0 10px
    }
}

@media (max-width: 992px) {
    .carousel-header-right {
        display:block!important
    }
}

.carousel-body {
    display: flex;
    flex-direction: row;
    background: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    height: fit-content;
    align-items: center
}

.carousel-body-margin {
    margin: 0 35px
}

.carousel-body-arrow {
    cursor: pointer
}

.carousel-body>img.svg-icon:hover {
    cursor: pointer
}

@media (max-width: 992px) {
    .carousel-body>img.svg-icon {
        display:block!important
    }
}

.carousel-body-navigation {
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel-body-navigation:hover {
    cursor: pointer
}

.carousel-body-items {
    display: flex;
    flex: 1;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth
}

.carousel-body-items-item {
    display: flex;
    flex-shrink: 0;
    cursor: grab
}

@media (max-width: 992px) {
    .carousel-body-items-item {
        flex:0 0 33.33%!important
    }
}

@media (max-width: 767px) {
    .carousel-body-items-item {
        flex:0 0 50%!important
    }
}

@media (max-width: 460px) {
    .carousel-body-items-item {
        flex:0 0 100%!important
    }
}

.product-card {
    display: flex;
    flex: 1;
    padding: 0 5px;
    width: auto
}

.product-card-content {
    border: 1px solid rgba(226,226,226,.831372549);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #fff;
    margin-bottom: 10px
}

.product-card-content:hover {
    box-shadow: #00000026 1.95px 1.95px 2.6px;
    transition: box-shadow .1s ease-in-out
}

.product-card-content-custom {
    width: 25px;
    height: 25px;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-radius: 4px;
    margin: 7px 0 0 15px;
    -webkit-appearance: none;
    border-width: 1px;
    border-style: solid;
    border-color: #202020
}

.product-card-content-custom:checked {
    background-color: #ff6f43;
    border-width: 2px;
    border-style: solid;
    border-color: #ff6f43
}

.product-card-content-custom:checked:after {
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 14px;
    position: absolute;
    content: "✓";
    transform: translate(-50%,-50%)
}

.product-card-content-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
    text-decoration: none;
    padding: 10px 0 15px
}

.product-card-content-info-meta {
    color: #ffffffde!important
}

.product-card-content-info-meta>img {
    filter: invert(.7)
}

.product-card-content-info-image {
    width: 150px;
    height: 190px;
    border-radius: 5px
}

.product-card-content-info-text {
    color: #000;
    display: flex;
    flex: 1
}

.product-card-content-info-description {
    color: #525252;
    font-size: 14px
}

.product-card-content-footer {
    border-top: 1px solid rgba(226,226,226,.831372549);
    padding: 10px 10px 20px;
    gap: 10px;
    display: flex;
    flex-direction: column
}

.product-card-content-footer-pricing {
    display: flex;
    flex: 1;
    gap: 20px;
    align-items: flex-start;
    min-height: 50px;
    max-height: 50px;
    justify-content: space-between;
    font-size: 15px
}

.product-card-content-footer-pricing-price {
    display: flex;
    flex-direction: column
}

.product-card-content-footer-pricing-price .price-select {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: right
}

.product-card-content-footer-pricing-price .price-select strong {
    font-weight: 600
}

.product-card-content-footer-pricing-price .price-select>del {
    font-size: .9em;
    color: #525252
}

.product-card-content-footer-pricing-type {
    display: flex;
    gap: 3px;
    align-items: center
}

.product-card-content-footer-pricing-type-placeholder {
    margin-left: .4rem
}

.product-card-content-footer .add-to-cart-btn-with-check-box {
    display: flex;
    align-items: center
}

.product-card-content-footer-add-to-cart .rebuild-btn {
    padding: 5px
}

.product-card-content-footer-type {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px
}

.product-card-content-footer-type-icon {
    display: flex;
    align-items: center;
    gap: 2px
}

.product-card-content-footer.hide-prices .product-card-content-footer-pricing {
    justify-content: center
}

.author-section {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (max-width: 992px) {
    .author-section {
        min-width:320px
    }
}

@media (max-width: 576px) {
    .author-section {
        min-width:0;
        padding: 0 10px
    }
}

.author-section.non-carousel {
    padding: unset;
    margin-right: 20px
}

.author-section a {
    color: #36c;
    text-decoration: underline;
    display: block;
    cursor: pointer
}

.author-section .author-header-with-body {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.author-section .author-header-with-body .author-section-header {
    display: flex;
    align-items: center
}

.author-section .author-header-with-body .author-section-header .header-left {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.author-section .author-header-with-body .author-section-header .header-left .author-profile-img {
    border-radius: 50%;
    background: #000;
    padding: 10px;
    width: 45px;
    height: 45px
}

@media (max-width: 320px) {
    .author-section .author-header-with-body .author-section-header .header-left .author-profile-img {
        height:40px;
        width: 40px
    }
}

.author-section .author-header-with-body .author-section-header .author-name {
    padding: 0 10px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

.author-section .author-header-with-body .author-section-header .header-right {
    margin-left: auto;
    display: flex;
    gap: 1rem
}

.author-section-footer {
    margin-top: 1rem
}

.author-section-footer .popular-products strong {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal;
    display: block;
    margin-bottom: .4rem
}

.author-section-footer .popular-products .product-info {
    display: flex;
    gap: 1rem
}

.author-section-footer .popular-products .product-info .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: fit-content
}

.author-section-footer .author-link {
    margin-top: 1rem
}

.ellipsis-content {
    display: flex;
    flex-direction: column
}

.ellipsis-content.expanded .ellipsis {
    -webkit-line-clamp: unset!important
}

.ellipsis-content .ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.ellipsis-content .read-more {
    color: #36c;
    text-decoration: underline;
    display: block;
    cursor: pointer
}

.text-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden
}

.text-ellipsis.ellipsis-length-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.text-ellipsis.ellipsis-length-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3
}

.star-rating {
    display: flex;
    flex-direction: row;
    gap: 3px;
    align-items: center
}

.star-rating-icon-large {
    height: 30px;
    width: 21px
}

.star-rating-icon-medium {
    height: 16px;
    width: 16px
}

.star-rating-icon-small {
    height: 12px;
    width: 12px
}

.star-rating-total-rating-large {
    font-size: 18px;
    margin-top: 4px
}

.star-rating-total-rating-medium {
    font-size: 14px;
    margin-top: 3px
}

.star-rating-total-rating-small {
    font-size: 12px;
    margin-top: 2px
}

.star-rating-total-count {
    color: #525252
}

.star-rating-total-count.size-large {
    font-size: 18px;
    margin-top: 4px
}

.star-rating-total-count.size-medium {
    font-size: 16px;
    margin-top: 3px
}

.star-rating-total-count.size-small {
    font-size: 12px;
    margin-top: 2px
}

.authors-wrapper .authors {
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-wrap: nowrap;
    flex-wrap: nowrap
}

.authors-wrapper .authors a {
    text-decoration: none;
    color: #000
}

@media screen and (min-width: 992px) {
    .authors-wrapper.hidden-authors .authors :nth-child(n+5) {
        display:none
    }

    .authors-wrapper.hidden-authors .authors .authors-wrapper-show-more {
        text-decoration: underline
    }

    .authors-wrapper .authors {
        flex-wrap: wrap
    }

    .authors-wrapper .authors .authors-wrapper-show-more,.authors-wrapper .authors .authors-wrapper-show-less {
        cursor: pointer;
        color: #36c;
        align-items: center
    }
}

.product-meta {
    display: flex;
    gap: .2rem;
    font-size: .8rem;
    color: #525252
}

.product-meta>span {
    display: flex;
    align-items: center;
    gap: 3px
}

.product-meta-dot:before {
    content: "●";
    font-size: 10px
}

.product-meta.product-card-meta-info-text {
    width: 100%;
    justify-content: center
}

.bundle-card {
    display: flex;
    flex: 1;
    padding: 0 5px
}

.bundle-card-content {
    border: 1px solid rgba(226,226,226,.831372549);
    border-radius: 5px;
    padding: 50px 0 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #fff;
    gap: 15px;
    text-align: center;
    justify-content: space-between
}

@media (max-width: 320px) {
    .bundle-card-content {
        width:100px
    }
}

.bundle-card-content-images {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-left: 10px
}

.bundle-card-content-images img {
    width: 30%;
    height: 30%
}

.bundle-card-content-images>:nth-child(1) {
    transform: translate(10%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(1) {
        width:70px!important
    }
}

.bundle-card-content-images>:nth-child(2) {
    transform: translateY(-30%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(2) {
        width:70px!important
    }
}

.bundle-card-content-images>:nth-child(3) {
    transform: translate(-20%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(3) {
        width:70px!important
    }
}

.bundle-card-content-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between
}

.bundle-card-content-text-description {
    font-size: 16px;
    color: #696969;
    flex: .8;
    padding: 0 20px 20px;
    text-align: center
}

.bundle-card-content-footer {
    border-top: 1px solid rgba(226,226,226,.831372549);
    padding: 12px 12px 6px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: inherit
}

.bundle-card-content-meta-info-text {
    width: 100%;
    justify-content: space-evenly
}

.tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-direction: column;
    gap: 20px;
    padding: 0 40px;
    font-size: 1.3rem
}

@media (min-device-width: 992px) {
    .tab-header {
        flex-direction:row
    }
}

.tab-header-title {
    display: flex;
    flex-direction: column
}

@media (max-width: 992px) {
    .tab-header-title {
        text-align:center
    }
}

.tab-header-title>h3 {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .tab-header-title>h3 {
        font-size:22px
    }
}

.tab-header-title>span {
    font-size: 22px;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .tab-header-title>span {
        font-size:18px
    }
}

.tab-header-actions {
    display: flex;
    flex-direction: row
}

.tab-header-actions-button {
    height: 50px;
    cursor: pointer;
    background-color: #f2f2f2;
    transition: all .4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal;
    white-space: nowrap;
    padding-inline:1rem;width: 135px
}

@media (min-device-width: 992px) {
    .tab-header-actions-button {
        margin-bottom:0
    }
}

@media (max-width: 400px) {
    .tab-header-actions-button {
        width:100px;
        font-size: 16px
    }
}

.tab-header-actions-button.active {
    border-bottom: 3px solid #f97141;
    background-color: #f9714126;
    font-weight: 600
}

.packt-select {
    position: relative;
    cursor: pointer
}

.packt-select-button {
    border: unset;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    background-color: #fff;
    display: flex;
    align-items: center
}

.packt-select-button:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.packt-select .dropdown-menu {
    position: absolute;
    z-index: 2;
    display: none;
    min-width: 11rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.175);
    border-radius: .375rem;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    left: -25px;
    z-index: 9;
    top: -10px
}

.packt-select .dropdown-menu.show {
    display: block;
    transition: all .4s ease-in-out;
    visibility: visible;
    max-height: inherit
}

.packt-select .dropdown-menu.show .dropdown-item active {
    background-color: #747474ab;
    color: #fff
}

.packt-select .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.packt-select .dropdown-menu .dropdown-item span {
    font-weight: 400
}

.packt-select .dropdown-menu .dropdown-item.active {
    background-color: #525252
}

.packt-select .dropdown-menu .dropdown-item.active span {
    color: #fff
}

.packt-select .dropdown-menu .dropdown-item:hover {
    background-color: #ffe1daf2
}

.packt-select .dropdown-menu.dropdown-right {
    left: unset;
    right: 0
}

.timer-count-down-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    background: #fff;
    padding: 10px 20px;
    align-items: center
}

@media (max-device-width: 992px) {
    .timer-count-down-container {
        gap:5px
    }
}

.timer-count-down-container .text {
    font-size: 24px;
    font-weight: 700;
    color: #202020;
    font-style: normal;
    line-height: normal;
    text-align: right;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .text {
        font-size:16px
    }
}

@media (max-device-width: 540px) {
    .timer-count-down-container img {
        width:20px;
        height: 20px
    }
}

.timer-count-down-container .timing-label {
    background: linear-gradient(180deg,#f97141,#f9af41 44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.timer-count-down-container .timer-countdown-text {
    display: flex;
    align-items: center;
    gap: 3px
}

.timer-count-down-container .timer-countdown-value {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value {
        gap:3px
    }
}

.timer-count-down-container .timer-countdown-value .text {
    font-size: 36px;
    font-weight: 700;
    color: #a30505;
    font-style: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value .text {
        font-size:16px
    }
}

.timer-count-down-container .timer-countdown-value .days-text {
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    font-style: normal;
    line-height: normal;
    text-align: right;
    line-height: 24px;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value .days-text {
        font-size:16px
    }
}

.timer-count-down-container .timer-countdown-value .section {
    display: flex;
    align-items: center;
    gap: 5px
}

.timer-count-down-container-red {
    background: #a30505cc!important
}

.timer-count-down-container-red span {
    color: #fff!important
}

.timer-count-down-container-grey {
    border-bottom: 1px solid #dbdbdb;
    background: #f2f2f2
}

.heroBanner-container {
    position: relative
}

.heroBanner-container .offerings-base-container {
    height: 500px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover!important;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-color: #000;
    width: 100%;
    margin-inline:auto}

.heroBanner-container .offerings-base-container .offering-placeholder {
    height: 500px
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container {
        padding-right:.5rem;
        padding-left: .5rem
    }
}

.heroBanner-container .offerings-base-container .active-content-section {
    height: 450px;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.heroBanner-container .offerings-base-container .active-content-section .content-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 1rem
}

@media (min-width: 576px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        flex:0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        padding-top:0;
        flex: 0 0 auto;
        width: 91%
    }
}

@media (min-width: 992px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        flex:0 0 auto;
        width: 48%
    }
}

.heroBanner-container .offerings-base-container .active-content-section .content-left .content {
    padding-top: 0rem;
    flex: 0 0 auto;
    width: 100%
}

.heroBanner-container .offerings-base-container .active-content-section span,.heroBanner-container .offerings-base-container .active-content-section .CTA {
    display: block
}

.heroBanner-container .offerings-base-container .active-content-section .title {
    background: linear-gradient(180deg,#f97141,#f6b11f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: .25rem;
    margin-bottom: 1rem;
    font-size: 48px;
    font-weight: 600;
    color: inherit;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .title {
        font-size:24px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .heading {
    margin-top: 1rem;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .heading {
        font-size:18px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .sub-heading {
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 400;
    color: #dbdbdb;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .sub-heading {
        font-size:16px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .CTA,.CTA {
    padding: 12px 2rem;
    width: fit-content;
    border: unset;
    border-radius: 5px;
    background: #f97141;
    margin-top: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #f9f9f9;
    font-style: normal;
    line-height: normal
}

.heroBanner-container .offerings-base-container .active-content-section img {
    display: flex;
    width: auto;
    height: 275px
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        height:250px
    }
}

@media (min-width: 1024px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        position:absolute;
        top: 3rem;
        right: 2%;
        width: inherit;
        height: inherit;
        max-width: 400px
    }
}

@media (min-width: 1200px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        max-width:500px
    }
}

.heroBanner-container .offerings-base-container .active-content-section img.active {
    display: block;
    animation: imageRotateIn .8s 1 ease
}

.heroBanner-container .offerings-base-container .active-content-section img.inactive {
    display: none;
    animation: imageRotateOut .8s 1 ease
}

.heroBanner-container .offerings-base-container .home-timer-container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 1.5rem 0
}

.heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
    width: 60%
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container {
        overflow:unset;
        height: 60%;
        background-size: cover;
        background-position: 70%;
        align-items: start
    }

    .heroBanner-container .offerings-base-container.extended-height {
        height: auto;
        padding: 0
    }

    .heroBanner-container .offerings-base-container .active-content-section,.heroBanner-container .offerings-base-container .content-section {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }

    .heroBanner-container .offerings-base-container .content-left {
        width: 100%;
        display: grid;
        text-align: center;
        justify-content: center
    }

    .heroBanner-container .offerings-base-container .content-left .content {
        order: 2
    }

    .heroBanner-container .offerings-base-container .content-left .content .CTA {
        display: inline-block;
        padding: 10px 2.5rem
    }

    .heroBanner-container .offerings-base-container .content-left .tabs-container {
        bottom: unset;
        order: 1;
        overflow-x: auto
    }

    .heroBanner-container .offerings-base-container .content-left .tabs-container::-webkit-scrollbar {
        display: none
    }

    .heroBanner-container .offerings-base-container .img-box {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 2rem;
        height: 20rem;
        overflow: hidden
    }
}

@media (max-width: 992px) and (max-width: 480px) {
    .heroBanner-container .offerings-base-container .img-box {
        height:unset
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .img-box .image-container {
        width:100%
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        left: 5%;
        display: flex;
        position: relative;
        align-items: center;
        width: 90%!important;
        justify-content: center
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .image-active,.heroBanner-container .offerings-base-container .image-inactive {
        position:relative;
        right: 2%
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .home-timer-container {
        justify-content:center
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 70%
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container .text {
        font-size: 18px
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container .timing-label {
        font-size: 20px
    }
}

@media (min-width: 540px) and (max-width: 992px) {
    .heroBanner-container .offerings-base-container .tabs-container {
        justify-content:center
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        top: 5%;
        left: 25%;
        height: auto;
        width: 50%!important
    }
}

@media (min-width: 850px) and (max-width: 920px) {
    .heroBanner-container .offerings-base-container .img-box {
        height:30rem
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        top: 10%;
        left: 23%;
        width: 55%!important
    }
}

@media (max-width: 576px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-section {
        height:550px
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 80%
    }
}

@media (max-width: 480px) {
    .heroBanner-container .offerings-base-container .active-content-section {
        height:auto
    }

    .heroBanner-container .offerings-base-container img {
        height: auto!important;
        width: 100%!important
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 100%
    }
}

@media (max-height: 700px) {
    .heroBanner-container .offerings-base-container {
        height:90%!important
    }
}

@media (min-height: 700px) and (max-height: 800px) {
    .heroBanner-container .offerings-base-container {
        height:85%!important
    }
}

@media (min-height: 800px) and (max-height: 935px) {
    .heroBanner-container .offerings-base-container {
        height:70%!important
    }
}

@media (min-width: 992px) {
    .heroBanner-container .offerings-base-container .content-section {
        position:relative
    }
}

.heroBanner-container .tabs-strip {
    color: #f2f2f2;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(90deg,#2020204d,#f971414d 52.6%,#2020201a)
}

.heroBanner-container .tabs-container {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    overflow: auto
}

.heroBanner-container .tabs-container::-webkit-scrollbar {
    display: none
}

@media (max-width: 480px) {
    .heroBanner-container .tabs-container {
        padding-block:0
    }
}

.heroBanner-container .tabs-container .tab-item {
    padding: 10px 1rem;
    text-align: center;
    white-space: nowrap;
    border-bottom: solid 3px transparent;
    font-size: 20px;
    font-weight: 400;
    color: currentColor;
    font-style: normal;
    line-height: normal
}

@media (max-width: 480px) {
    .heroBanner-container .tabs-container .tab-item {
        font-size:15px;
        border-bottom: solid 3px #f5f5f54a;
        flex: 0 0 40%
    }
}

.heroBanner-container .tabs-container .tab-item.active {
    border-bottom: solid 3px currentColor;
    font-weight: 700
}

.heroBanner-container .campaign-ad-banner-section {
    height: 500px;
    padding-bottom: 48px;
    justify-content: center
}

.heroBanner-container .campaign-ad-banner-section .campaign-ad-banner {
    padding-top: 20px
}

@media (max-width: 992px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:60%
    }
}

@media (max-height: 700px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:90%!important
    }
}

@media (min-height: 700px) and (max-height: 800px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:85%!important
    }
}

@media (min-height: 800px) and (max-height: 935px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:70%!important
    }
}

.black-drop-linear-banner {
    min-height: 155px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #000;
    background-image: url(/build/assets/upsell-dots-backdrop-CzH6Phil.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 3rem;
    line-height: 1.5;
    text-align: center
}

@media (min-width: 768px) {
    .black-drop-linear-banner {
        text-align:inherit
    }
}

@media (max-width: 768px) {
    .black-drop-linear-banner {
        background:linear-gradient(-220deg,#282828,#646464)
    }
}

.black-drop-linear-banner .banner-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem
}

.black-drop-linear-banner .banner-container-left {
    width: 100%
}

@media (min-width: 768px) {
    .black-drop-linear-banner .banner-container-left {
        width:32rem
    }
}

@media (min-width: 1200px) {
    .black-drop-linear-banner .banner-container-left {
        width:45rem
    }
}

@media (min-width: 992px) {
    .black-drop-linear-banner .banner-container-right {
        display:flex;
        align-items: center
    }
}

@media (min-width: 992px) {
    .black-drop-linear-banner .banner-container {
        flex-direction:row;
        padding: 0
    }
}

.black-drop-linear-banner .heading,.black-drop-linear-banner .sub-heading {
    display: block
}

.black-drop-linear-banner .heading {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600
}

.black-drop-linear-banner .sub-heading {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.black-drop-linear-banner .cta {
    border-radius: 5px;
    background: #f97141;
    padding: 7px 14px;
    text-transform: uppercase;
    border: none;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none
}

.new-in-packt {
    background: linear-gradient(112.87deg,#57b7f71a,#00cd8f1a);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding-top: 30px!important;
    padding-bottom: 50px!important;
    gap: 40px
}

.new-in-packt .title {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .new-in-packt .title {
        font-size:22px
    }
}

.new-in-packt .content {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.new-in-packt .content-block {
    display: flex
}

.new-in-packt .content-block .block-data {
    flex-direction: row;
    display: flex;
    gap: 30px;
    width: 100%;
    align-items: center
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data {
        flex-direction:column!important
    }
}

.new-in-packt .content-block .block-data .image-container {
    display: flex;
    flex: 1
}

.new-in-packt .content-block .block-data .image-container-image {
    width: unset
}

@media (max-width: 992px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:300px;
        height: 210px
    }
}

@media (max-width: 460px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:275px;
        height: auto
    }
}

@media (max-width: 320px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:235px
    }
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data .image-container {
        height:auto;
        width: 80%
    }

    .new-in-packt .content-block .block-data .image-container a {
        width: 100%;
        text-align: center
    }
}

.new-in-packt .content-block .block-data .text-container {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data .text-container {
        width:100%;
        align-items: center!important
    }
}

.new-in-packt .content-block .block-data .text-container a {
    text-decoration: none;
    color: #000
}

.new-in-packt .content-block .block-data .text-container .text-title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    align-items: center
}

.new-in-packt .content-block .block-data .text-container .text-description {
    display: flex;
    gap: 30px
}

.new-in-packt .content-block .block-data .text-container .call-to-action {
    border-radius: 5px;
    margin-top: 25px;
    border: 1px solid #202020;
    background: #e2f5f900;
    padding: 12px 16px;
    text-transform: uppercase;
    color: #202020;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

@media (max-width: 320px) {
    .new-in-packt .content-block .block-data .text-container .call-to-action {
        font-size:16px
    }
}

.partner {
    border-top: 5px solid #f2f2f2;
    border-bottom: 5px solid #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0
}

@media (max-width: 992px) {
    .partner {
        align-items:center
    }
}

.partner-title {
    display: flex;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    justify-content: center
}

@media (max-width: 540px) {
    .partner-title {
        font-size:20px
    }
}

@media (max-width: 768px) {
    .partner-title {
        font-size:22px
    }
}

.partner-icon {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 90px;
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width: 992px) and (max-width: 1024px) {
    .partner-icon {
        gap:30px
    }
}

@media (max-width: 992px) {
    .partner-icon {
        gap:15px
    }

    .partner-icon>img.svg-icon {
        width: 100px;
        height: 80px
    }
}

@media (min-width: 540px) and (max-height: 720px) {
    .partner-icon {
        gap:15px
    }

    .partner-icon>img.svg-icon {
        width: 75px;
        height: 60px
    }
}

@media (max-width: 400px) {
    .partner-icon {
        gap:12px
    }
}

@media (max-width: 344px) and (max-height: 882px) {
    .partner-icon {
        gap:4px
    }
}

@media (max-width: 320px) {
    .partner-icon {
        gap:7px
    }

    .partner-icon>img.svg-icon {
        width: 90px
    }
}

.partner-icon .img-parent {
    width: 100%
}

@media (max-width: 992px) {
    .partner-icon .img-parent {
        display:flex;
        width: 30%;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap
    }
}

@media (max-width: 576px) {
    .partner-icon .img-parent img {
        width:80%
    }
}

.become-author {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-block:3rem;gap: 30px
}

@media (max-width: 992px) {
    .become-author {
        align-items:center
    }
}

@media (min-device-width: 1024px) {
    .become-author {
        gap:10px
    }
}

.become-author-title {
    font-size: 36px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .become-author-title {
        font-size:22px
    }
}

.become-author-content {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 768px) {
    .become-author-content {
        flex-direction:column-reverse
    }
}

.become-author-content-description {
    flex: 1
}

.become-author-content-image {
    width: 300px;
    height: 200px;
    object-fit: contain
}

.become-author-button {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #f97141;
    background: #fff;
    width: 273px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.become-author-button a {
    color: #000;
    text-decoration-line: none;
    font-weight: 600
}

.about-packt-background {
    background-image: url(/build/assets/about-packt-background-img-B7KbTZdB.svg);
    background-color: #000
}

@media (max-width: 768px) {
    .about-packt-background {
        background:linear-gradient(-220deg,#282828,#646464)
    }
}

.about-packt-background .about-packt {
    display: flex;
    flex-direction: column;
    gap: 25px;
    color: #fff;
    padding: 35px 0
}

.about-packt-background .about-packt-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    font-weight: 600
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-title {
        font-size:30px
    }
}

.about-packt-background .about-packt-title>img {
    margin-top: 10px;
    width: 115px;
    height: 31px
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-title>img {
        width:100px;
        height: 26px;
        margin-top: 5px
    }
}

.about-packt-background .about-packt-bottom {
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-bottom {
        flex-direction:column;
        align-content: center;
        text-align: center;
        gap: 15px
    }
}

.home-expert-reader .carousel-header-left {
    gap: 0
}

.home-expert-reader .carousel-header-left-title {
    font-size: clamp(18px,2.5vw,36px);
    line-height: normal
}

.home-expert-reader .carousel-header-left-subTitle {
    font-size: 16px;
    font-weight: 400;
    color: #363636;
    font-style: normal;
    line-height: normal
}

.feefo-rating-container {
    overflow-x: auto
}

@media (max-device-width: 320px) {
    .feefo-rating-container .service-carousel-container {
        width:inherit!important;
        min-width: inherit!important
    }

    .feefo-rating-container .service-carousel-container .mobile-service-rating-summary {
        width: 100%
    }

    .feefo-rating-container .service-carousel-container .mobile-service-rating-summary .mobile-service-rating-badge {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.tech-categories {
    margin-top: 1rem
}

.tech-categories .category-heder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .tech-categories .category-heder {
        justify-content:flex-start
    }
}

.tech-categories .category-heder .title {
    font-size: clamp(22px,2.5vw,24px);
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.tech-categories .categories-wrap {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    text-align: center;
    padding-block:1rem;flex-wrap: wrap
}

@media (min-width: 1000px) and (max-width: 1228px) {
    .tech-categories .categories-wrap {
        flex-wrap:unset
    }
}

.tech-categories .categories-wrap a {
    margin-bottom: 25px;
    color: #202020;
    text-decoration: none
}

.tech-categories .categories-wrap a .tech-category {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tech-categories .categories-wrap a .tech-category .img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    width: 131px;
    height: 149px;
    border-radius: 5px
}

.tech-categories .categories-wrap a .tech-category .category-name {
    font-size: 1rem;
    font-weight: 500;
    color: #202020;
    font-style: normal;
    line-height: normal
}

.tech-categories .categories-wrap a .tech-category .category-count {
    font-size: .875rem;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 1599px) {
    .tech-categories .categories-wrap a .tech-category .img-wrap {
        width:90px;
        height: 110px
    }

    .tech-categories .categories-wrap a .tech-category .img-wrap img.svg-icon {
        width: 72px
    }

    .tech-categories .categories-wrap a .tech-category .category-name {
        margin-top: 12px
    }

    .tech-categories .categories-wrap a .tech-category .category-count {
        font-size: .8rem
    }
}

@media (max-width: 576px) {
    .tech-categories .categories-wrap a {
        flex:1
    }
}

.popular-authors {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #f2f2f2
}

.popular-authors .carousel-header-left-title {
    color: #202020;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

/* end Home controller Banner */

/* Next body conten */
.cmp-image__image {
    width: 100%
}

.aem-Grid {
    display: block;
    width: 100%
}

.aem-Grid::before,.aem-Grid::after {
    display: table;
    content: " "
}

.aem-Grid::after {
    clear: both
}

.aem-Grid-newComponent {
    clear: both;
    margin: 0
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both
}

.aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
    display: block !important
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both !important
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    display: block;
    clear: none !important;
    float: left
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    display: none
}

@media(max-width: 575.98px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--xs--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--hide {
        display: none
    }
}

@media(min-width: 576px) and (max-width:767.98px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--sm--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--hide {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991.98px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--md--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--hide {
        display: none
    }
}

@media(min-width: 992px) and (max-width:1199.98px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--lg--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--lg--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--lg--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--lg--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--lg--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--1>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--1>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--1>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--2>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--2>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--2>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--2>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--2>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--3>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--lg--4>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--lg--5>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--lg--6>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--lg--7>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--lg--8>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--lg--9>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--lg--10>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--lg--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--lg--11>.aem-GridColumn.aem-GridColumn--offset--lg--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--lg--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--lg--12>.aem-GridColumn.aem-GridColumn--offset--lg--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--lg--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--lg--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--lg--hide {
        display: none
    }
}

.msft-aem-customgridpadding {
    padding-right: .75rem;
    padding-left: .75rem
}

.bg-red {
    background-color: #ae383e !important;
    color: #fff
}

.bg-alt-red {
    background-color: #ff6060 !important;
    color: #000
}

.bg-dark-red {
    background-color: #600 !important;
    color: #fff
}

.bg-light-red {
    background-color: #ff7178 !important;
    color: #000
}

.z-auto {
    z-index: auto !important
}

.z-0 {
    z-index: 0 !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-30 {
    z-index: 30 !important
}

.z-40 {
    z-index: 40 !important
}

.z-50 {
    z-index: 50 !important
}

.z-max {
    z-index: 99999 !important
}

.z-n1 {
    z-index: -1 !important
}

.z-flyout {
    z-index: 1000 !important
}

.z-sticky {
    z-index: 1020 !important
}

.z-fixed {
    z-index: 1030 !important
}

.z-modal-backdrop {
    z-index: 1040 !important
}

.z-modal {
    z-index: 1050 !important
}

.z-tooltip {
    z-index: 1070 !important
}

.text-windows-light-blue {
    color: #60ccfe !important
}

.text-windows-dark-blue {
    color: #001968 !important
}

.btn-windows-dark-blue,.theme-dark .btn-windows-dark-blue {
    color: #fff !important;
    background-color: #001968;
    border-radius: 6px
}

.btn-windows-dark-blue:hover {
    background-color: #011a64;
    opacity: .8
}

.btn-windows-dark-blue.active,.btn-windows-dark-blue:focus {
    opacity: 1
}

.btn-windows-dark-blue:disabled,.btn-windows-dark-blue[disabled] {
    opacity: .3
}

.btn-windows-light-blue,.theme-light .btn-windows-light-blue {
    color: #1a1a1a !important;
    background-color: #60ccfe;
    border-radius: 6px
}

.btn-windows-light-blue:hover {
    background-color: #60ccfe;
    opacity: .8
}

.btn-windows-light-blue.active,.btn-windows-light-blue:focus {
    opacity: 1
}

.btn-windows-light-blue:disabled,.btn-windows-light-blue[disabled] {
    opacity: .3
}

#emailSignupForm .privacyStatementLink,#consentCanada p:last-of-type {
    display: inline
}

.card picture {
    min-height: 1px
}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms,-webkit-filter 400ms
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.lazyload,.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}
.heading-bg-color-layout-container-uid68f6 {
    background-color: #faf9fd !important;
}

@font-face {
    font-family: MWF-FLUENT-ICONS;
    src: url(resources/fonts/MWFFluentIcons.woff2) format("woff2"),url(resources/fonts/MWFFluentIcons.woff) format("woff"),url(resources/fonts/MWFFluentIcons.ttf) format("truetype")
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("ttf");
    font-weight: 400
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("ttf");
    font-weight: 100
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("ttf");
    font-weight: 200
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("ttf");
    font-weight: 600
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("ttf");
    font-weight: 700
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff
}

html:not([dir=rtl]) body {
    text-align: left
}

html[dir=rtl] body {
    text-align: right
}

[contentEditable=true]:focus,[tabindex]:focus,a[href]:focus,area[href]:focus,button:focus,iframe:focus,input:focus,select:focus,textarea:focus {
    outline: .1875rem dotted currentColor
}

[tabindex="-1"]:focus {
    outline: 0!important
}

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

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem
}

html:not([dir=rtl]) dd {
    margin-left: 0
}

html[dir=rtl] dd {
    margin-right: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #f97141
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #000;
    caption-side: bottom
}

html:not([dir=rtl]) caption {
    text-align: left
}

html[dir=rtl] caption {
    text-align: right
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

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

@media (min-width: 1084px) {
    .container {
        padding-right:5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

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

.container-fluid,.container-xl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: .75rem;
    padding-left: .75rem
}

@media (min-width: 1084px) {
    .container-fluid,.container-xl {
        padding-right:5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1600px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

html:not([dir=rtl]) .offset-1 {
    margin-left: 8.33333%
}

html[dir=rtl] .offset-1 {
    margin-right: 8.33333%
}

html:not([dir=rtl]) .offset-2 {
    margin-left: 16.66667%
}

html[dir=rtl] .offset-2 {
    margin-right: 16.66667%
}

html:not([dir=rtl]) .offset-3 {
    margin-left: 25%
}

html[dir=rtl] .offset-3 {
    margin-right: 25%
}

html:not([dir=rtl]) .offset-4 {
    margin-left: 33.33333%
}

html[dir=rtl] .offset-4 {
    margin-right: 33.33333%
}

html:not([dir=rtl]) .offset-5 {
    margin-left: 41.66667%
}

html[dir=rtl] .offset-5 {
    margin-right: 41.66667%
}

html:not([dir=rtl]) .offset-6 {
    margin-left: 50%
}

html[dir=rtl] .offset-6 {
    margin-right: 50%
}

html:not([dir=rtl]) .offset-7 {
    margin-left: 58.33333%
}

html[dir=rtl] .offset-7 {
    margin-right: 58.33333%
}

html:not([dir=rtl]) .offset-8 {
    margin-left: 66.66667%
}

html[dir=rtl] .offset-8 {
    margin-right: 66.66667%
}

html:not([dir=rtl]) .offset-9 {
    margin-left: 75%
}

html[dir=rtl] .offset-9 {
    margin-right: 75%
}

html:not([dir=rtl]) .offset-10 {
    margin-left: 83.33333%
}

html[dir=rtl] .offset-10 {
    margin-right: 83.33333%
}

html:not([dir=rtl]) .offset-11 {
    margin-left: 91.66667%
}

html[dir=rtl] .offset-11 {
    margin-right: 91.66667%
}

@media (min-width: 540px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-sm-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-sm-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-sm-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-sm-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-sm-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-sm-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-sm-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-sm-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-sm-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-sm-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-sm-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-sm-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-sm-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-sm-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-sm-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-sm-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-sm-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-sm-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-sm-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-sm-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-sm-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-sm-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-sm-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-sm-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 860px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-md-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-md-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-md-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-md-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-md-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-md-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-md-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-md-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-md-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-md-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-md-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-md-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-md-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-md-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-md-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-md-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-md-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-md-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-md-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-md-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-md-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-md-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-md-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-md-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 1084px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-lg-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-lg-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-lg-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-lg-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-lg-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-lg-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-lg-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-lg-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-lg-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-lg-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-lg-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-lg-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-lg-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-lg-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-lg-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-lg-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-lg-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-lg-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-lg-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-lg-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-lg-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-lg-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-lg-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-lg-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 1400px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-xl-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-xl-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-xl-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-xl-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-xl-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-xl-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-xl-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-xl-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-xl-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-xl-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-xl-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-xl-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-xl-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-xl-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-xl-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-xl-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-xl-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-xl-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-xl-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-xl-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-xl-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-xl-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-xl-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-xl-11 {
        margin-right: 91.66667%
    }
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2
}

.h6,h6 {
    font-size: 1.0625rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h6,h6 {
        font-size:1.125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h6,h6 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

.h5,h5 {
    font-size: 1.125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h5,h5 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h5,h5 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

.h4,h4 {
    font-size: 1.1875rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h4,h4 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h4,h4 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

.h3,h3 {
    font-size: 1.3125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h3,h3 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

@media (min-width: 1400px) {
    .h3,h3 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

.h2,h2 {
    font-size: 1.5rem;
    margin-bottom: .75rem
}

@media (min-width: 1084px) {
    .h2,h2 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

@media (min-width: 1400px) {
    .h2,h2 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

.h1,h1 {
    font-size: 1.8125rem;
    margin-bottom: 1rem
}

@media (min-width: 1084px) {
    .h1,h1 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width: 1400px) {
    .h1,h1 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

.display-4 {
    font-size: 2.3125rem;
    margin-bottom: 1.25rem
}

@media (min-width: 1084px) {
    .display-4 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 1400px) {
    .display-4 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

.display-3 {
    font-size: 3.125rem;
    margin-bottom: 1.5rem
}

@media (min-width: 1084px) {
    .display-3 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

@media (min-width: 1400px) {
    .display-3 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

.display-2 {
    font-size: 4.4375rem;
    margin-bottom: 1.75rem
}

@media (min-width: 1084px) {
    .display-2 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 1400px) {
    .display-2 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

.display-1 {
    font-size: 6.5625rem;
    margin-bottom: 2rem
}

@media (min-width: 1084px) {
    .display-1 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 1400px) {
    .display-1 {
        font-size:15.5625rem;
        margin-bottom: 2.5rem
    }
}

.lead {
    font-weight: 400
}

@media (min-width: 1084px) {
    .lead {
        font-size:1.25rem
    }
}

.small,small {
    font-size: .875rem;
    font-weight: inherit
}

.base {
    font-size: 1rem
}

@media (min-width: 1084px) {
    .large {
        font-size:1.125rem
    }
}

.mark,mark {
    background-color: #ffb900;
    box-shadow: 0 0 0 .2em #ffb900;
    color: #000
}

code {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #000;
    background-color: #f2f2f2;
    border-radius: .1rem;
    word-wrap: break-word
}

a>code {
    color: inherit
}

.theme-dark a>code {
    color: inherit
}

.theme-dark code {
    background-color: #171717;
    color: #fff
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #505050;
    border-radius: .1rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%
}

pre code {
    font-size: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.btn {
    display: inline-block;
    font-weight: 600;
    border: .125rem solid transparent;
    position: relative;
    border-radius: .125rem;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    padding: .625rem .75rem;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer
}

.btn.disabled,.btn:disabled {
    cursor: default;
    opacity: .3
}

.btn:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

html:not([dir=rtl]) .btn.glyph-prepend {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn.glyph-prepend {
    padding-right: calc(.75rem + 1.4375em)
}

html:not([dir=rtl]) .btn.glyph-append {
    padding-right: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn.glyph-append {
    padding-left: calc(.75rem + 1.4375em)
}

.btn::after,.btn::before {
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    top: 50%;
    margin-top: -.5em
}

html:not([dir=rtl]) .btn::before {
    left: .75rem
}

html[dir=rtl] .btn::before {
    right: .75rem
}

html:not([dir=rtl]) .btn::after {
    right: .75rem
}

html[dir=rtl] .btn::after {
    left: .75rem
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-brand,.btn-primary,.theme-dark .btn-brand,.theme-dark .btn-primary-alt {
    background-color: #f97141 !important;
    color: #fff!important
}

.btn-brand:hover,.btn-primary:hover,.theme-dark .btn-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-brand,.active.btn-primary,.theme-dark .active.btn-primary-alt {
    background-color: #fff;
    color: #f97141!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-brand:disabled,.btn-primary:disabled,.disabled.btn-brand,.disabled.btn-primary,.theme-dark .btn-primary-alt:disabled,.theme-dark .disabled.btn-primary-alt {
    box-shadow: none;
    background-image: none
}

.btn-inverted-brand,.btn-inverted-primary,.theme-dark .btn-inverted-brand,.theme-dark .btn-inverted-primary-alt {
    background-color: #fff;
    color: #f97141!important
}

.btn-inverted-brand:hover,.btn-inverted-primary:hover,.theme-dark .btn-inverted-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand,.active.btn-inverted-primary,.theme-dark .active.btn-inverted-primary-alt {
    background-color: #f97141;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-brand:disabled,.btn-inverted-primary:disabled,.disabled.btn-inverted-brand,.disabled.btn-inverted-primary,.theme-dark .btn-inverted-primary-alt:disabled,.theme-dark .disabled.btn-inverted-primary-alt {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand,.btn-outline-primary,.theme-dark .btn-outline-brand,.theme-dark .btn-outline-primary-alt {
    background-color: transparent;
    color: #f97141!important;
    border-color: currentColor
}

.btn-outline-brand:hover,.btn-outline-primary:hover,.theme-dark .btn-outline-primary-alt:hover {
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.active.btn-outline-brand,.active.btn-outline-primary,.theme-dark .active.btn-outline-primary-alt {
    background-color: #f97141;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-brand:disabled,.btn-outline-primary:disabled,.disabled.btn-outline-brand,.disabled.btn-outline-primary,.theme-dark .btn-outline-primary-alt:disabled,.theme-dark .disabled.btn-outline-primary-alt {
    background-image: none
}

.btn-faint-brand,.btn-faint-primary,.theme-dark .btn-faint-brand,.theme-dark .btn-faint-primary-alt {
    background-color: transparent;
    color: #f97141!important;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-faint-brand:hover,.btn-faint-primary:hover,.theme-dark .btn-faint-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand,.active.btn-faint-primary,.theme-dark .active.btn-faint-primary-alt {
    color: #fff!important;
    background-color: #f97141
}

.btn-faint-brand:disabled,.btn-faint-primary:disabled,.disabled.btn-faint-brand,.disabled.btn-faint-primary,.theme-dark .btn-faint-primary-alt:disabled,.theme-dark .disabled.btn-faint-primary-alt {
    box-shadow: none;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-inverted-brand-dark,.theme-dark .btn-inverted-brand-dark {
    background-color: #fff;
    color: #243a5e!important
}

.btn-inverted-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand-dark {
    background-color: #243a5e;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-brand-dark:disabled,.disabled.btn-inverted-brand-dark {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand-dark,.theme-dark .btn-outline-brand-dark {
    background-color: transparent;
    color: #243a5e!important;
    border-color: currentColor
}

.btn-outline-brand-dark:hover {
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.active.btn-outline-brand-dark {
    background-color: #243a5e;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-brand-dark:disabled,.disabled.btn-outline-brand-dark {
    background-image: none
}

.btn-faint-brand-dark,.theme-dark .btn-faint-brand-dark {
    background-color: transparent;
    color: #243a5e!important;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-faint-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand-dark {
    color: #fff!important;
    background-color: #243a5e
}

.btn-faint-brand-dark:disabled,.disabled.btn-faint-brand-dark {
    box-shadow: none;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-inverted-brand-light,.theme-dark .btn-inverted-brand-light {
    background-color: #000;
    color: #50e6ff!important
}

.btn-inverted-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand-light {
    background-color: #50e6ff;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-brand-light:disabled,.disabled.btn-inverted-brand-light {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand-light,.theme-dark .btn-outline-brand-light {
    background-color: transparent;
    color: #50e6ff!important;
    border-color: currentColor
}

.btn-outline-brand-light:hover {
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.active.btn-outline-brand-light {
    background-color: #50e6ff;
    color: #000!important;
    border-color: transparent
}

.btn-outline-brand-light:disabled,.disabled.btn-outline-brand-light {
    background-image: none
}

.btn-faint-brand-light,.theme-dark .btn-faint-brand-light {
    background-color: transparent;
    color: #50e6ff!important;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-faint-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand-light {
    color: #000!important;
    background-color: #50e6ff
}

.btn-faint-brand-light:disabled,.disabled.btn-faint-brand-light {
    box-shadow: none;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-primary-alt,.theme-dark .btn-primary {
    background-color: #3aa0fa;
    color: #000!important
}

.btn-primary-alt:hover,.theme-dark .btn-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-primary-alt,.theme-dark .active.btn-primary {
    background-color: #000;
    color: #3aa0fa!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-primary-alt:disabled,.disabled.btn-primary-alt,.theme-dark .btn-primary:disabled,.theme-dark .disabled.btn-primary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-primary-alt,.theme-dark .btn-inverted-primary {
    background-color: #000;
    color: #3aa0fa!important
}

.btn-inverted-primary-alt:hover,.theme-dark .btn-inverted-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-primary-alt,.theme-dark .active.btn-inverted-primary {
    background-color: #3aa0fa;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-primary-alt:disabled,.disabled.btn-inverted-primary-alt,.theme-dark .btn-inverted-primary:disabled,.theme-dark .disabled.btn-inverted-primary {
    box-shadow: none;
    background-image: none
}

.btn-outline-primary-alt,.theme-dark .btn-outline-primary {
    background-color: transparent;
    color: #3aa0fa!important;
    border-color: currentColor
}

.btn-outline-primary-alt:hover,.theme-dark .btn-outline-primary:hover {
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.active.btn-outline-primary-alt,.theme-dark .active.btn-outline-primary {
    background-color: #3aa0fa;
    color: #000!important;
    border-color: transparent
}

.btn-outline-primary-alt:disabled,.disabled.btn-outline-primary-alt,.theme-dark .btn-outline-primary:disabled,.theme-dark .disabled.btn-outline-primary {
    background-image: none
}

.btn-faint-primary-alt,.theme-dark .btn-faint-primary {
    background-color: transparent;
    color: #3aa0fa!important;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-faint-primary-alt:hover,.theme-dark .btn-faint-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-primary-alt,.theme-dark .active.btn-faint-primary {
    color: #000!important;
    background-color: #3aa0fa
}

.btn-faint-primary-alt:disabled,.disabled.btn-faint-primary-alt,.theme-dark .btn-faint-primary:disabled,.theme-dark .disabled.btn-faint-primary {
    box-shadow: none;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-light,.theme-dark .btn-inverse,.theme-dark .btn-light,.theme-dark .btn-secondary {
    background-color: #fff;
    color: #000!important
}

.btn-light:hover,.theme-dark .btn-inverse:hover,.theme-dark .btn-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-light,.theme-dark .active.btn-inverse,.theme-dark .active.btn-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-light:disabled,.disabled.btn-light,.theme-dark .btn-inverse:disabled,.theme-dark .btn-secondary:disabled,.theme-dark .disabled.btn-inverse,.theme-dark .disabled.btn-secondary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-light,.theme-dark .btn-inverted-inverse,.theme-dark .btn-inverted-light,.theme-dark .btn-inverted-secondary {
    background-color: #000;
    color: #fff!important
}

.btn-inverted-light:hover,.theme-dark .btn-inverted-inverse:hover,.theme-dark .btn-inverted-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-light,.theme-dark .active.btn-inverted-inverse,.theme-dark .active.btn-inverted-secondary {
    background-color: #fff;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-light:disabled,.disabled.btn-inverted-light,.theme-dark .btn-inverted-inverse:disabled,.theme-dark .btn-inverted-secondary:disabled,.theme-dark .disabled.btn-inverted-inverse,.theme-dark .disabled.btn-inverted-secondary {
    box-shadow: none;
    background-image: none
}

.btn-outline-light,.theme-dark .btn-outline-inverse,.theme-dark .btn-outline-light,.theme-dark .btn-outline-secondary {
    background-color: transparent;
    color: #fff!important;
    border-color: currentColor
}

.btn-outline-light:hover,.theme-dark .btn-outline-inverse:hover,.theme-dark .btn-outline-secondary:hover {
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.active.btn-outline-light,.theme-dark .active.btn-outline-inverse,.theme-dark .active.btn-outline-secondary {
    background-color: #fff;
    color: #000!important;
    border-color: transparent
}

.btn-outline-light:disabled,.disabled.btn-outline-light,.theme-dark .btn-outline-inverse:disabled,.theme-dark .btn-outline-secondary:disabled,.theme-dark .disabled.btn-outline-inverse,.theme-dark .disabled.btn-outline-secondary {
    background-image: none
}

.btn-faint-light,.theme-dark .btn-faint-inverse,.theme-dark .btn-faint-light,.theme-dark .btn-faint-secondary {
    background-color: transparent;
    color: #fff!important;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-faint-light:hover,.theme-dark .btn-faint-inverse:hover,.theme-dark .btn-faint-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-light,.theme-dark .active.btn-faint-inverse,.theme-dark .active.btn-faint-secondary {
    color: #000!important;
    background-color: #fff
}

.btn-faint-light:disabled,.disabled.btn-faint-light,.theme-dark .btn-faint-inverse:disabled,.theme-dark .btn-faint-secondary:disabled,.theme-dark .disabled.btn-faint-inverse,.theme-dark .disabled.btn-faint-secondary {
    box-shadow: none;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-dark,.btn-inverse,.btn-secondary,.theme-dark .btn-dark {
    color: #fff!important;
    background-color: #f97141;
    border-radius: 8px;
}

.btn-dark:hover,.btn-inverse:hover,.btn-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    
}

.active.btn-dark,.active.btn-inverse,.active.btn-secondary {
    background-color: #f97141;
    border-radius: 8px;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-dark:disabled,.btn-inverse:disabled,.btn-secondary:disabled,.disabled.btn-dark,.disabled.btn-inverse,.disabled.btn-secondary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-dark,.btn-inverted-inverse,.btn-inverted-secondary,.theme-dark .btn-inverted-dark {
    background-color: #fff;
    color: #000!important
}

.btn-inverted-dark:hover,.btn-inverted-inverse:hover,.btn-inverted-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-dark,.active.btn-inverted-inverse,.active.btn-inverted-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-dark:disabled,.btn-inverted-inverse:disabled,.btn-inverted-secondary:disabled,.disabled.btn-inverted-dark,.disabled.btn-inverted-inverse,.disabled.btn-inverted-secondary {
    box-shadow: none;
    background-image: none
}

.btn-outline-dark,.btn-outline-inverse,.btn-outline-secondary,.theme-dark .btn-outline-dark {
    background-color: transparent;
    color: #000!important;
    border-color: currentColor
}

.btn-outline-dark:hover,.btn-outline-inverse:hover,.btn-outline-secondary:hover {
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.active.btn-outline-dark,.active.btn-outline-inverse,.active.btn-outline-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-dark:disabled,.btn-outline-inverse:disabled,.btn-outline-secondary:disabled,.disabled.btn-outline-dark,.disabled.btn-outline-inverse,.disabled.btn-outline-secondary {
    background-image: none
}

.btn-faint-dark,.btn-faint-inverse,.btn-faint-secondary,.theme-dark .btn-faint-dark {
    background-color: transparent;
    color: #000!important;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-faint-dark:hover,.btn-faint-inverse:hover,.btn-faint-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-dark,.active.btn-faint-inverse,.active.btn-faint-secondary {
    color: #fff!important;
    background-color: #000
}

.btn-faint-dark:disabled,.btn-faint-inverse:disabled,.btn-faint-secondary:disabled,.disabled.btn-faint-dark,.disabled.btn-faint-inverse,.disabled.btn-faint-secondary {
    box-shadow: none;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-brand-light {
    background-color: #50e6ff;
    color: #243a5e!important
}

.btn-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.btn-brand-light.active {
    background-color: #243a5e;
    color: #50e6ff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-brand-light.disabled,.btn-brand-light:disabled {
    box-shadow: none;
    background-image: none
}

.btn-brand-dark {
    background-color: #243a5e;
    color: #50e6ff!important
}

.btn-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.btn-brand-dark.active {
    background-color: #50e6ff;
    color: #243a5e!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-brand-dark.disabled,.btn-brand-dark:disabled {
    box-shadow: none;
    background-image: none
}

.btn-link {
    background: 0 0;
    border-radius: 0;
    color: #f97141;
    text-decoration: underline
}

.theme-dark .btn-link {
    color: #3aa0fa
}

.btn-link.inactive {
    opacity: 1;
    text-decoration: none;
    color: #757575;
    cursor: default
}

.theme-dark .btn-link.inactive {
    color: #d2d2d2
}

.btn-group-lg>.btn,.btn-lg {
    padding: .8125rem .75rem;
    font-size: 1.125rem;
    line-height: 1
}

.btn-group-sm>.btn,.btn-sm {
    padding: .5625rem .75rem;
    font-size: .875rem;
    line-height: 1
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.btn-collapse {
    background: 0 0
}

.btn-collapse:hover {
    box-shadow: none
}

.btn-collapse::before {
    font-family: MWF-FLUENT-ICONS;
    content: "";
    font-size: 1em;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .btn-collapse::before {
        transition: none
    }
}

html:not([dir=rtl]) .btn-collapse[aria-expanded=false]::before {
    transform: rotate(-90deg)
}

html[dir=rtl] .btn-collapse[aria-expanded=false]::before {
    transform: rotate(90deg)
}

html:not([dir=rtl]) .btn-collapse {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn-collapse {
    padding-right: calc(.75rem + 1.4375em)
}

.accordion {
    margin-bottom: 0
}

html:not([dir=rtl]) .accordion {
    padding-left: 0
}

html[dir=rtl] .accordion {
    padding-right: 0
}

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

.accordion .accordion-header {
    margin-bottom: 0;
    border-top: .0625rem solid #d2d2d2;
    line-height: 1.5
}

.theme-dark .accordion .accordion-header {
    border-color: #757575
}

.accordion .btn-collapse {
    width: 100%;
    padding: 1.5rem 1.25rem;
    line-height: inherit
}

.accordion .btn-collapse::before {
    line-height: 1.5625rem;
    top: auto;
    margin-top: auto
}

html:not([dir=rtl]) .accordion .btn-collapse {
    text-align: left;
    padding-left: calc((2 * .5rem) + 1.5625rem)
}

html[dir=rtl] .accordion .btn-collapse {
    text-align: right;
    padding-right: calc((2 * .5rem) + 1.5625rem)
}

.accordion .accordion-body {
    padding-bottom: 1.5rem
}

html:not([dir=rtl]) .accordion .accordion-body {
    text-align: left;
    padding-left: calc((2 * .5rem) + 1.5625rem)
}

html[dir=rtl] .accordion .accordion-body {
    text-align: right;
    padding-right: calc((2 * .5rem) + 1.5625rem)
}

.accordion.accordion-backplate .accordion-header {
    border: 0
}

.accordion.accordion-backplate .btn-collapse {
    padding: 1rem .75rem;
    border-radius: .25rem;
    color: rgba(0,0,0,.9)
}

.theme-dark .accordion.accordion-backplate .btn-collapse {
    color: rgba(255,255,255,.9)
}

html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse {
    padding-left: calc((2 * 1rem) + 1.5625rem)
}

html[dir=rtl] .accordion.accordion-backplate .btn-collapse {
    padding-right: calc((2 * 1rem) + 1.5625rem)
}

html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse::before {
    left: calc((calc((2 * 1rem) + 1.5625rem) - 1em)/ 2)
}

html[dir=rtl] .accordion.accordion-backplate .btn-collapse::before {
    right: calc((calc((2 * 1rem) + 1.5625rem) - 1em)/ 2)
}

.accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
    background: rgba(210,210,210,.3)
}

.theme-dark .accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
    background: rgba(117,117,117,.3)
}

.accordion.accordion-backplate .accordion-body {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: rgba(0,0,0,.7)
}

.theme-dark .accordion.accordion-backplate .accordion-body {
    color: rgba(255,255,255,.7)
}

html:not([dir=rtl]) .accordion.accordion-backplate .accordion-body {
    padding-left: calc((2 * 1rem) + 1.5625rem)
}

html[dir=rtl] .accordion.accordion-backplate .accordion-body {
    padding-right: calc((2 * 1rem) + 1.5625rem)
}

.action-trigger {
    border: none;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    display: inline-block;
    font-weight: 600;
    position: relative;
    color: #f97141;
    text-decoration: underline;
    outline-offset: .25rem;
    cursor: pointer
}

.theme-dark .action-trigger {
    color: #3aa0fa
}

.action-trigger.disabled,.action-trigger:disabled {
    cursor: default;
    opacity: .3
}

.action-trigger.inactive {
    cursor: default;
    text-decoration: none;
    color: #757575
}

.theme-dark .action-trigger.inactive {
    color: #d2d2d2
}

html:not([dir=rtl]) .action-trigger.glyph-prepend {
    padding-left: 1.4375em
}

html[dir=rtl] .action-trigger.glyph-prepend {
    padding-right: 1.4375em
}

html:not([dir=rtl]) .action-trigger.glyph-append {
    padding-right: 1.4375em
}

html[dir=rtl] .action-trigger.glyph-append {
    padding-left: 1.4375em
}

.action-trigger.glyph-append,.action-trigger.glyph-prepend {
    text-decoration: none
}

.action-trigger::after,.action-trigger::before {
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    top: 50%;
    margin-top: -.4375em
}

html:not([dir=rtl]) .action-trigger::before {
    left: 0
}

html[dir=rtl] .action-trigger::before {
    right: 0
}

html:not([dir=rtl]) .action-trigger::after {
    right: 0
}

html[dir=rtl] .action-trigger::after {
    left: 0
}

a.action-trigger.disabled,fieldset:disabled a.action-trigger {
    pointer-events: none
}

.alert {
    border: .0625rem solid transparent;
    border-radius: .125rem;
    min-height: 3.625rem;
    position: relative;
    display: flex;
    padding: 1rem 1.5rem;
    background-color: #e6e6e6;
    color: #000
}

.alert a {
    color: #f97141
}

.theme-dark .alert {
    background-color: #505050;
    color: #fff
}

.theme-dark .alert a {
    color: #fff
}

.alert.glyph-prepend::before {
    font-size: 1.25rem;
    margin-top: .125rem
}

html:not([dir=rtl]) .alert.glyph-prepend::before {
    padding-right: .75rem
}

html[dir=rtl] .alert.glyph-prepend::before {
    padding-left: .75rem
}

.alert .glyph-prepend {
    margin-top: .125rem
}

html:not([dir=rtl]) .alert .glyph-prepend {
    padding-right: .75rem
}

html[dir=rtl] .alert .glyph-prepend {
    padding-left: .75rem
}

.alert .glyph-prepend::before {
    font-size: 1.25rem
}

.alert.alert-full-bleed {
    border-radius: 0;
    display: flex;
    justify-content: center
}

.alert.alert-full-bleed .alert-content {
    max-width: 1600px
}

@media (min-width: 540px) {
    .alert .alert-content {
        max-width:39rem
    }
}

@media (min-width: 860px) {
    .alert .alert-content {
        max-width:40rem
    }
}

@media (min-width: 1084px) {
    .alert .alert-content {
        max-width:48rem
    }
}

@media (min-width: 1400px) {
    .alert .alert-content {
        max-width:59rem
    }
}

.alert .alert-content>:last-child {
    margin-bottom: 0!important
}

.alert .close {
    position: absolute;
    padding: .5rem;
    color: inherit;
    top: .75rem
}

html:not([dir=rtl]) .alert .close {
    right: .75rem
}

html[dir=rtl] .alert .close {
    left: .75rem
}

.alert .divider,.alert hr {
    margin: .75rem 0 .5rem
}

html:not([dir=rtl]) .alert-dismissible {
    padding-right: 4rem
}

html[dir=rtl] .alert-dismissible {
    padding-left: 4rem
}

.area-heading>:last-child>:last-child {
    margin-bottom: 0
}

.area-heading>:last-child>:last-child .h1,.area-heading>:last-child>:last-child .h2,.area-heading>:last-child>:last-child .h3,.area-heading>:last-child>:last-child .h4,.area-heading>:last-child>:last-child .h5,.area-heading>:last-child>:last-child .h6,.area-heading>:last-child>:last-child .link-group,.area-heading>:last-child>:last-child h1,.area-heading>:last-child>:last-child h2,.area-heading>:last-child>:last-child h3,.area-heading>:last-child>:last-child h4,.area-heading>:last-child>:last-child h5,.area-heading>:last-child>:last-child h6,.area-heading>:last-child>:last-child p {
    margin-bottom: 0
}

.back-to-top {
    padding: .75rem;
    pointer-events: none
}

@-webkit-keyframes button-hide {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes button-hide {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.back-to-top.hide {
    opacity: 0;
    -webkit-animation: 0s cubic-bezier(.19,1,.22,1) 1s button-hide;
    animation: 0s cubic-bezier(.19,1,.22,1) 1s button-hide
}

.back-to-top.sticky {
    transition: opacity 1s cubic-bezier(.19,1,.22,1);
    flex-direction: row
}

@media (prefers-reduced-motion:reduce) {
    .back-to-top.sticky {
        transition: none
    }
}

@media (max-width: 859.98px) {
    .back-to-top.sticky {
        position:static
    }
}

.back-to-top .btn {
    pointer-events: auto;
    width: 100%;
    text-align: center;
    background-color: #fff;
    color: #000
}

.back-to-top .btn span {
    display: inline-flex
}

html:not([dir=rtl]) .back-to-top .btn .glyph-prepend::before {
    margin-right: .5rem
}

html[dir=rtl] .back-to-top .btn .glyph-prepend::before {
    margin-left: .5rem
}

.theme-dark .back-to-top .btn {
    background-color: #000;
    color: #fff
}

@media (min-width: 540px) {
    .back-to-top .btn {
        width:auto
    }
}

.badge {
    display: inline-block;
    padding: .375em .75em;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    vertical-align: top;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word
}

.badge:empty {
    display: none
}

.badge:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.btn.btn-badge {
    border-width: .0625rem;
    border-radius: 0;
    padding: .3125rem .75rem;
    background-color: transparent;
    color: #000!important;
    border-color: currentColor
}

.btn.btn-badge:hover {
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn.btn-badge.active {
    background-color: #000;
    color: #fff!important;
    border-color: transparent
}

.btn.btn-badge.disabled,.btn.btn-badge:disabled {
    background-image: none
}

.theme-dark .btn.btn-badge {
    background-color: transparent;
    color: #fff!important;
    border-color: currentColor
}

.theme-dark .btn.btn-badge:hover {
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.theme-dark .btn.btn-badge.active {
    background-color: #fff;
    color: #000!important;
    border-color: transparent
}

.theme-dark .btn.btn-badge.disabled,.theme-dark .btn.btn-badge:disabled {
    background-image: none
}

.btn.btn-badge.btn.btn-badge-remove {
    padding: 0 .875rem
}

.btn.btn-badge.btn.btn-badge-remove::before {
    content: ""
}

html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove {
    border-left: none
}

html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove::before {
    left: .4375rem
}

html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove {
    border-right: none
}

html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove::before {
    right: .3125rem
}

.btn.btn-badge .glyph-prepend {
    display: inline-block
}

.btn.btn-badge .glyph-prepend::before {
    vertical-align: bottom
}

html:not([dir=rtl]) .btn.btn-badge .glyph-prepend::before {
    padding: 0 .5rem 0 .25rem
}

html[dir=rtl] .btn.btn-badge .glyph-prepend::before {
    padding: 0 .25rem 0 .5rem
}

.btn.btn-badge .btn-badge-img {
    max-width: 1.5rem;
    padding: 0 .25rem;
    vertical-align: bottom
}

html:not([dir=rtl]) .btn.btn-badge .btn-badge-img {
    margin-right: .25rem
}

html[dir=rtl] .btn.btn-badge .btn-badge-img {
    margin-left: .25rem
}

.btn.btn-badge.text-truncate {
    max-width: 9rem
}

.btn.btn-badge.btn.btn-badge[type=button] {
    border-width: .0625rem
}

.blockquote {
    padding: .75rem 1.5rem;
    border-style: solid;
    background: #f2f2f2;
    border-color: #757575
}

.theme-dark .blockquote {
    background: #171717;
    border-color: #d2d2d2
}

html:not([dir=rtl]) .blockquote {
    border-width: 0 0 0 .125rem
}

html[dir=rtl] .blockquote {
    border-width: 0 .125rem 0 0
}

.blockquote.light-weight {
    background: 0 0;
    color: #757575
}

.theme-dark .blockquote.light-weight {
    color: #d2d2d2
}

html:not([dir=rtl]) .blockquote.text-center {
    border-left: 0
}

html[dir=rtl] .blockquote.text-center {
    border-right: 0
}

html:not([dir=rtl]) .blockquote.text-right {
    border-width: 0 .125rem 0 0
}

html[dir=rtl] .blockquote.text-right {
    border-width: 0 0 0 .125rem
}

.blockquote-content:last-child {
    margin-bottom: 0
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb a {
    font-weight: 600
}

.breadcrumb .active>a {
    font-weight: inherit;
    color: inherit;
    text-decoration: inherit
}

.breadcrumb .active>a[href] {
    font-weight: 600
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding: 0 .5rem;
    content: "/"
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn.focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn.focus,.btn-group>.btn:active,.btn-group>.btn:focus {
    z-index: 1
}

html:not([dir=rtl]) .btn-group>.btn:not(:first-of-type) {
    border-left-width: 0;
    padding-left: .875rem
}

html[dir=rtl] .btn-group>.btn:not(:first-of-type) {
    border-right-width: 0;
    padding-right: .875rem
}

html:not([dir=rtl]) .btn-group>.btn:not(:last-of-type) {
    border-right-width: 0;
    padding-right: .875rem
}

html[dir=rtl] .btn-group>.btn:not(:last-of-type) {
    border-left-width: 0;
    padding-left: .875rem
}

html:not([dir=rtl]) .btn-group .btn-group+.btn-group,html:not([dir=rtl]) .btn-group .btn-group+.btn:first-of-type,html:not([dir=rtl]) .btn-group .btn:last-of-type+.btn-group {
    margin-left: -1px
}

html[dir=rtl] .btn-group .btn-group+.btn-group,html[dir=rtl] .btn-group .btn-group+.btn:first-of-type,html[dir=rtl] .btn-group .btn:last-of-type+.btn-group {
    margin-right: -1px
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:last-child)>.btn,html:not([dir=rtl]) .btn-group>.btn:not(:last-of-type) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn,html[dir=rtl] .btn-group>.btn:not(:last-of-type) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:first-child)>.btn,html:not([dir=rtl]) .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn,html[dir=rtl] .btn-group>.btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -.125rem
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-group-divider-append,.btn-group-divider-prepend {
    position: relative
}

.btn-group-divider-append::after,.btn-group-divider-prepend::before {
    display: block;
    position: absolute;
    width: .125rem;
    border-left-width: 1px;
    border-left-style: solid;
    top: 20%;
    margin-top: 0;
    height: 60%;
    content: ""
}

html:not([dir=rtl]) .btn-group-divider-prepend::before {
    left: 0
}

html[dir=rtl] .btn-group-divider-prepend::before {
    right: 0
}

html:not([dir=rtl]) .btn-group-divider-append::after {
    right: 0
}

html[dir=rtl] .btn-group-divider-append::after {
    left: 0
}



@media (prefers-reduced-motion:reduce) {
    .cta-reverse::before,.cta::after {
        transition: none
    }
}

.cta {
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-weight: 600
}

html:not([dir=rtl]) .cta {
    padding-right: 1.6875em
}

html[dir=rtl] .cta {
    padding-left: 1.6875em
}

html:not([dir=rtl]) .cta::after {
    content: "";
    right: .4375em
}

html[dir=rtl] .cta::after {
    content: "";
    left: .4375em
}

.cta:hover {
    text-decoration: underline
}

html:not([dir=rtl]) .cta:hover::after {
    transform: translate(.25em,0)
}

html[dir=rtl] .cta:hover::after {
    transform: translate(-.25em,0)
}

html:not([dir=rtl]) .cta.cta-reverse::after {
    content: ""
}

html[dir=rtl] .cta.cta-reverse::after {
    content: ""
}

html:not([dir=rtl]) .cta-reverse {
    padding-left: 1.6875em
}

html[dir=rtl] .cta-reverse {
    padding-right: 1.6875em
}

html:not([dir=rtl]) .cta-reverse::before {
    content: "";
    left: .4375em
}

html[dir=rtl] .cta-reverse::before {
    content: "";
    right: .4375em
}

html:not([dir=rtl]) .cta-reverse:hover::before {
    transform: translate(-.25em,0)
}

html[dir=rtl] .cta-reverse:hover::before {
    transform: translate(.25em,0)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    background-clip: border-box
}

.card picture {
    min-height: 1px
}

.card.card-alt-hover>div:first-child picture {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .card.card-alt-hover>div:first-child picture {
        transition: none
    }
}

.card.card-alt-hover>div:first-child picture:last-child {
    visibility: hidden;
    opacity: 0
}

.card.card-alt-hover picture:last-child {
    position: absolute;
    top: 0;
    left: 0
}

.card.card-alt-hover picture:last-child img {
    width: 100%
}

.card.card-alt-hover:hover>div:first-child picture:first-child {
    visibility: hidden;
    opacity: 0
}

.card.card-alt-hover:hover>div:first-child picture:last-child {
    visibility: visible;
    opacity: 1
}

.card-header {
    flex: 0 1 3rem
}

.card-body {
    flex: 1 1 auto;
    position: relative
}

.card-body>:last-child:not(.link-group) {
    margin-bottom: 0!important
}

@media (min-width: 1084px) {
    .card-img-overlay {
        display:flex
    }

    .card-img-overlay>.card-background {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        margin: auto 0;
        width: 100%
    }

    .card-img-overlay>.card-background .card-img {
        position: relative
    }

    .card-img-overlay>.card-foreground {
        width: 100%;
        align-self: center
    }

    html:not([dir=rtl]) .card-img-overlay>.card-foreground {
        margin-left: -100%!important;
        margin-right: 0
    }

    html[dir=rtl] .card-img-overlay>.card-foreground {
        margin-right: -100%!important;
        margin-left: 0
    }
}

@media (min-width: 1400px) {
    .card-img-overlay>.card-background .card-img {
        width:auto
    }
}

.card-img {
    width: 100%;
    flex-shrink: 0
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-deck {
        flex-flow:row wrap;
        margin-right: -.75rem;
        margin-left: -.75rem
    }

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: .75rem;
        margin-bottom: 0;
        margin-left: .75rem
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-group {
        flex-flow:row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-columns {
        -moz-column-count:3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.card-min-width-sm {
    min-width: 8.75rem
}

.card-min-width-lg {
    min-width: 25rem
}

.card-offset {
    display: flex
}

@media (min-width: 860px) {
    .card-offset {
        padding-top:3rem
    }
}

.card-offset .card-body {
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 1.5rem
}

@media (min-width: 860px) {
    .card-offset .card-body {
        padding:3rem
    }
}

.card-offset .card-img {
    padding: 0
}

@media (max-width: 859.98px) {
    html:not([dir=rtl]) .card-offset .card-img {
        padding-left:1.5rem
    }

    html[dir=rtl] .card-offset .card-img {
        padding-right: 1.5rem
    }
}

@media (min-width: 860px) {
    .card-offset .card-img {
        margin-top:-3rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 859.98px) {
    .card-offset:not(.flipped) {
        padding-bottom:1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset:not(.flipped) {
        padding-right:3rem
    }

    html[dir=rtl] .card-offset:not(.flipped) {
        padding-left: 3rem
    }

    html:not([dir=rtl]) .card-offset:not(.flipped) .card-body {
        padding-right: 0
    }

    html[dir=rtl] .card-offset:not(.flipped) .card-body {
        padding-left: 0
    }
}

@media (max-width: 859.98px) {
    .card-offset:not(.flipped) .card-img {
        margin-bottom:-1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset:not(.flipped) .card-img {
        margin-right:-3rem;
        margin-left: 3rem
    }

    html[dir=rtl] .card-offset:not(.flipped) .card-img {
        margin-right: 3rem;
        margin-left: -3rem
    }
}

@media (max-width: 859.98px) {
    .card-offset.flipped {
        padding-top:1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset.flipped {
        padding-left:3rem
    }

    html[dir=rtl] .card-offset.flipped {
        padding-right: 3rem
    }

    html:not([dir=rtl]) .card-offset.flipped .card-body {
        padding-left: 0
    }

    html[dir=rtl] .card-offset.flipped .card-body {
        padding-right: 0
    }
}

@media (max-width: 859.98px) {
    .card-offset.flipped .card-img {
        margin-top:-1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset.flipped .card-img {
        margin-right:3rem;
        margin-left: -3rem
    }

    html[dir=rtl] .card-offset.flipped .card-img {
        margin-right: -3rem;
        margin-left: 3rem
    }
}

.card-offset.card-offset-small .card-body {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 860px) {
    .card-offset.card-offset-small .card-body {
        padding-top:3rem;
        padding-bottom: 3rem
    }
}

@media (min-width: 860px) {
    .card-offset.card-offset-small .card-img {
        margin-top:-1.5rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 860px) {
    .card-offset.card-offset-small {
        padding-top:1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) {
        padding-right: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small:not(.flipped) {
        padding-left: 1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) .card-img {
        margin-right: -1.5rem;
        margin-left: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small:not(.flipped) .card-img {
        margin-right: 1.5rem;
        margin-left: -1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small.flipped {
        padding-left: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small.flipped {
        padding-right: 1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small.flipped .card-img {
        margin-right: 1.5rem;
        margin-left: -1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small.flipped .card-img {
        margin-right: -1.5rem;
        margin-left: 1.5rem
    }
}

.carousel {
    position: relative
}

.carousel .sr-only-focusable {
    z-index: 5;
    background-color: #fff
}

.theme-dark .carousel .sr-only-focusable {
    background-color: #000
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item:focus {
    outline: .1875rem dotted currentColor
}

.carousel-item:focus:not(:focus-visible) {
    outline: 0
}

.carousel-item:focus-visible {
    outline: .1875rem dotted currentColor
}

.carousel-item.get-height {
    display: block;
    visibility: hidden;
    opacity: 0
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-sneak-peek {
    overflow: hidden;
    padding-bottom: 4rem;
    padding-top: .1875rem;
    margin-top: -.1875rem
}

.carousel-sneak-peek>div {
    position: relative
}

.carousel-sneak-peek .carousel-inner {
    overflow: visible
}

.carousel-sneak-peek .carousel-inner {
    perspective: 1000px;
    margin: auto;
    display: flex;
    align-items: stretch
}

html:not([dir=rtl]) .carousel-sneak-peek .carousel-inner {
    flex-direction: row
}

html[dir=rtl] .carousel-sneak-peek .carousel-inner {
    flex-direction: row-reverse
}

.carousel-sneak-peek .carousel-item {
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    background-color: #fff;
    transition: transform .9s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .carousel-sneak-peek .carousel-item {
        transition: none
    }
}

.carousel-sneak-peek .carousel-item.active,.carousel-sneak-peek .carousel-item.carousel-item-next,.carousel-sneak-peek .carousel-item.carousel-item-prev {
    visibility: visible;
    opacity: 1
}

.carousel-sneak-peek .carousel-item.active {
    z-index: 2
}

.carousel-sneak-peek .carousel-item.sliding-in {
    z-index: 3
}

.carousel-sneak-peek .card-img-overlay>.card-foreground .card {
    min-height: auto
}

.carousel-sneak-peek .active.carousel-item-left,.carousel-sneak-peek .active.carousel-item-right,.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    z-index: 1
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(-102%)
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(102%)
}

.carousel-sneak-peek .carousel-controls .carousel-indicators {
    bottom: -3.5rem
}

.carousel-variable-height {
    overflow: hidden;
    padding-bottom: 4rem;
    padding-top: .1875rem;
    margin-top: -.1875rem;
    padding-right: .1875rem;
    padding-left: .1875rem;
    margin-right: -.1875rem;
    margin-left: -.1875rem
}

.carousel-variable-height>div {
    position: relative
}

.carousel-variable-height .carousel-inner {
    overflow: visible
}

@media screen and (min-width: 1084px) {
    .carousel-highlight,.carousel-highlight-backplate {
        align-items:center
    }
}

.carousel-highlight .carousel-item.active .card,.carousel-highlight-backplate .carousel-item.active .card {
    opacity: 1;
    visibility: visible
}

.carousel-highlight .carousel-item:not(.active) .card,.carousel-highlight-backplate .carousel-item:not(.active) .card {
    opacity: 0;
    visibility: hidden
}

.carousel-highlight .carousel-item.sliding-in .card,.carousel-highlight-backplate .carousel-item.sliding-in .card {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {
    .carousel-highlight .carousel-item.sliding-in .card,.carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition: none
    }
}

.carousel-highlight .active.carousel-item-left .card,.carousel-highlight .active.carousel-item-right .card,.carousel-highlight .carousel-item-next:not(.carousel-item-left) .card,.carousel-highlight .carousel-item-prev:not(.carousel-item-right) .card,.carousel-highlight-backplate .active.carousel-item-left .card,.carousel-highlight-backplate .active.carousel-item-right .card,.carousel-highlight-backplate .carousel-item-next:not(.carousel-item-left) .card,.carousel-highlight-backplate .carousel-item-prev:not(.carousel-item-right) .card {
    opacity: 0
}

.carousel-highlight.carousel-sneak-peek .carousel-inner {
    width: 90%
}

@media screen and (min-width: 1084px) {
    .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,.carousel-highlight.carousel-sneak-peek .active.carousel-item-right,.carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),.carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        opacity:.3
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform:translateX(101%)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(-101%)
    }
}

@media screen and (min-width: 1084px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(12%,0)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-12%,0)
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform:translateX(-101%)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(101%)
    }
}

@media screen and (min-width: 1084px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-12%,0)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(12%,0)
    }
}

@media screen and (min-width: 1084px) {
    .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-prev {
        transform:scale(.91);
        transform-style: flat
    }
}

@media screen and (max-width: 1083px) {
    .carousel-highlight.carousel-sneak-peek .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-control-prev,.carousel-highlight.carousel-sneak-peek .carousel-indicators {
        position: static
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next::after,.carousel-highlight.carousel-sneak-peek .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-highlight.carousel-sneak-peek .carousel-indicators {
        margin-bottom: 3px
    }
}

@media screen and (min-width: 860px) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
        transition:transform .8s ease-in-out
    }

    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
        transition: opacity .8s ease-in
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
        transition:none
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
        transition:none
    }
}

.carousel-highlight:not(.carousel-sneak-peek) .card-img-overlay>.card-foreground .card {
    min-height: auto
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev,.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
    position: static
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next::after,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev::after {
    font-size: 1.25rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
    margin-bottom: 3px
}

@media screen and (min-width: 860px) {
    .carousel-highlight-backplate .carousel-item {
        transition:transform .8s ease-in-out
    }

    .carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition: opacity .8s ease-in
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition:none
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight-backplate .carousel-item {
        transition:none
    }
}

@media screen and (min-width: 1084px) {
    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev {
        background:rgba(255,255,255,.8);
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
        height: 44px;
        width: 44px;
        top: calc(50% - (44px / 2));
        margin: 0 .25rem;
        border-radius: 50%
    }

    .theme-dark .carousel-highlight-backplate .carousel-control-next,.theme-dark .carousel-highlight-backplate .carousel-control-prev {
        background: rgba(47,47,47,.8)
    }

    .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,.carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,.carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,.carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
        background: rgba(255,255,255,.9);
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)
    }

    .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,.theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,.theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,.theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
        background: rgba(47,47,47,.9)
    }

    .carousel-highlight-backplate .carousel-control-next::after,.carousel-highlight-backplate .carousel-control-prev::after {
        font-size: 1.5rem
    }

    .carousel-highlight-backplate .carousel-control-next:focus,.carousel-highlight-backplate .carousel-control-prev:focus {
        outline-offset: -.1875rem
    }

    html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
        transform: none
    }

    html[dir=rtl] .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,html[dir=rtl] .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
        transform: none
    }

    .carousel-highlight-backplate .carousel-controls .carousel-indicators {
        bottom: -3.5rem
    }
}

@media screen and (max-width: 1083px) {
    .carousel-highlight-backplate .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev,.carousel-highlight-backplate .carousel-indicators {
        position: static
    }

    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-highlight-backplate .carousel-control-next::after,.carousel-highlight-backplate .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-highlight-backplate .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-sneak-peek.carousel-content-cards .carousel-inner {
    width: 90%
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-inner {
        width:66%
    }
}

@media screen and (min-width: 1400px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-inner {
        width:60%
    }
}

.carousel-sneak-peek.carousel-content-cards .carousel-item {
    display: flex;
    background: 0 0
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-header {
    opacity: 1;
    visibility: visible
}

.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-header {
    opacity: 0;
    visibility: hidden
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {
    .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
        transition: none
    }
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left),.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        opacity:.3
    }
}

.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-body,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-footer,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-header,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-body,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-footer,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-header,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-header,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-header {
    opacity: 0
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(25%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-25%,0)
    }
}

@media screen and (min-width: 1400px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(33%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-33%,0)
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-25%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(25%,0)
    }
}

@media screen and (min-width: 1400px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-33%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(33%,0)
    }
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        transform:scale(.91);
        transform-style: flat;
        width: 18%
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        justify-content: flex-start
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next {
        justify-content: flex-end
    }
}

@media screen and (min-width: 1400px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        width:21%
    }
}

@media screen and (max-width: 859px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev,.carousel-sneak-peek.carousel-content-cards .carousel-indicators {
        position: static
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next::after,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-product-card .container {
    width: 87%;
    height: 100%
}

@media screen and (min-width: 860px) {
    .carousel-product-card .container {
        width:90%
    }
}

.carousel-product-card .row {
    flex-wrap: nowrap;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width: 859px) {
    .carousel-product-card .carousel-control-next,.carousel-product-card .carousel-control-prev {
        width:7%
    }
}

.carousel-product-card .carousel-control-next::after,.carousel-product-card .carousel-control-prev::after {
    font-size: 1.75rem
}

.carousel-lg-side-controls .carousel-item>div {
    height: 100%
}

@media screen and (min-width: 1084px) {
    .carousel-lg-side-controls .carousel-inner {
        width:90%;
        margin: auto
    }
}

.carousel-lg-side-controls .carousel-controls .carousel-indicators {
    bottom: -3.5rem
}

@media screen and (max-width: 1083px) {
    .carousel-lg-side-controls .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-lg-side-controls .carousel-control-next,.carousel-lg-side-controls .carousel-control-prev,.carousel-lg-side-controls .carousel-indicators {
        position: static
    }

    .carousel-lg-side-controls .carousel-control-next,.carousel-lg-side-controls .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-lg-side-controls .carousel-control-next::after,.carousel-lg-side-controls .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-lg-side-controls .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    min-width: 44px;
    min-height: 44px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0;
    padding: 0;
    background: 0 0;
    color: #171717
}

.theme-dark .carousel-control-next,.theme-dark .carousel-control-prev {
    color: #f2f2f2
}

.carousel-control-next:disabled,.carousel-control-prev:disabled {
    opacity: .3;
    cursor: default
}

.carousel-control-next::after,.carousel-control-prev::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: 2.5rem;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next::after,.carousel-control-prev::after {
        transition: none
    }
}

html:not([dir=rtl]) .carousel-control-prev {
    left: 0
}

html:not([dir=rtl]) .carousel-control-prev::after {
    content: ""
}

html:not([dir=rtl]) .carousel-control-prev:not(:disabled):hover::after {
    transform: translate(-.5rem,0)
}

html[dir=rtl] .carousel-control-prev {
    right: 0
}

html[dir=rtl] .carousel-control-prev::after {
    content: ""
}

html[dir=rtl] .carousel-control-prev:not(:disabled):hover::after {
    transform: translate(.5rem,0)
}

html:not([dir=rtl]) .carousel-control-next {
    right: 0
}

html:not([dir=rtl]) .carousel-control-next::after {
    content: ""
}

html:not([dir=rtl]) .carousel-control-next:not(:disabled):hover::after {
    transform: translate(.5rem,0)
}

html[dir=rtl] .carousel-control-next {
    left: 0
}

html[dir=rtl] .carousel-control-next::after {
    content: ""
}

html[dir=rtl] .carousel-control-next:not(:disabled):hover::after {
    transform: translate(-.5rem,0)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    -webkit-padding-start: 0;
    padding-inline-start:0;list-style: none;
    color: #171717
}

.theme-dark .carousel-indicators {
    color: #f2f2f2
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    margin-right: 1rem;
    margin-left: 1rem
}

.carousel-indicators li::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: .625rem;
    content: ""
}

.carousel-indicators .active::after {
    content: ""
}

.close {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

.close::before {
    content: "";
    font-family: MWF-FLUENT-ICONS
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

a.close.disabled {
    pointer-events: none
}

.color-picker {
    padding: 0 .4375em 1.25em;
    position: relative
}

.color-picker input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.color-picker .color-picker-heading-container {
    display: flex;
    margin-bottom: .625em
}

.color-picker .color-picker-heading {
    font-weight: 600
}

.color-picker input+label .color-picker-label {
    display: none
}

html:not([dir=rtl]) .color-picker .color-picker-color-name {
    margin-left: .3125em
}

html[dir=rtl] .color-picker .color-picker-color-name {
    margin-right: .3125em
}

.color-picker .color-picker-dot {
    height: 2em;
    width: 2em;
    display: inline-block;
    border-radius: 50%;
    border: .0625em solid #757575;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;margin-bottom: .25rem;
    will-change: transform;
    position: relative;
    cursor: pointer;
    transition: transform .15s
}

@media (prefers-reduced-motion:reduce) {
    .color-picker .color-picker-dot {
        transition: none
    }
}

.theme-dark .color-picker .color-picker-dot {
    border-color: #d2d2d2
}

.color-picker .color-picker-dot::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1875em #fff;
    width: 100%;
    height: 100%;
    z-index: 1
}

.color-picker .color-picker-dot svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.color-picker .color-picker-dot.color-picker-bg-image {
    background-color: #fff;
    background-size: contain;
    background-position: center;
    border-width: .0625em;
    border-style: solid
}

.color-picker .color-picker-bg-image-square {
    border-radius: .25rem
}

.color-picker input:checked+label .color-picker-label {
    position: absolute;
    bottom: 0;
    display: inline-block
}

html:not([dir=rtl]) .color-picker input:checked+label .color-picker-label {
    left: 0
}

html[dir=rtl] .color-picker input:checked+label .color-picker-label {
    right: 0
}

.color-picker .color-picker-dot:hover,.color-picker input:checked+label .color-picker-dot {
    transform: scale(1.3)
}

.color-picker input:checked+label .color-picker-dot {
    border: .125rem solid
}

.color-picker .color-picker-control:checked+label .color-picker-dot::after {
    font-family: MWF-FLUENT-ICONS;
    content: "";
    color: #fff;
    position: absolute;
    line-height: 1;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -.5em;
    margin-top: -.5em
}

.color-picker .color-picker-control:checked+label .color-picker-bg-image::after {
    content: ""
}

.color-picker input:focus+label .color-picker-dot {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.color-picker.color-picker--dark .color-picker-dot {
    border: .125rem solid #fff
}

.color-picker.color-picker--dark .color-picker-dot:hover {
    border: .125rem solid transparent
}

.color-picker.color-picker--dark .color-picker-dot:hover::before {
    box-shadow: inset 0 0 0 .1875em #fff
}

.color-picker input+.color-picker-dot-light .color-picker-dot:hover::before,.color-picker input:checked+.color-picker-dot-light .color-picker-dot::before {
    box-shadow: inset 0 0 0 .1875em #000
}

.color-picker input:checked+.color-picker-dot-light .color-picker-dot::after {
    color: #000
}

.result-list {
    position: absolute;
    z-index: 3;
    width: 100%;
    padding: 0;
    list-style: none;
    border: .0625rem solid #e6e6e6;
    display: none;
    background-color: #fff;
    color: #000
}

.theme-dark .result-list {
    background-color: #000;
    color: #fff
}

.result-list.active {
    display: block
}

.result-list .result {
    padding-left: 1rem;
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.result-list .result.selected,.result-list .result:focus,.result-list .result:hover {
    outline: .1875rem dotted currentColor!important;
    outline-offset: -.1875rem;
    background-color: #f97141;
    color: #fff
}

.theme-dark .result-list .result.selected,.theme-dark .result-list .result:focus,.theme-dark .result-list .result:hover {
    background-color: #3aa0fa;
    color: #000
}

.search-results-container {
    position: relative
}

.combobox {
    position: relative;
    display: inline-block;
    width: 100%
}

.combobox .combobox-toggle::after {
    display: block;
    font-size: 1em;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

.combobox .combobox-divider {
    height: 0;
    margin: 0 0;
    overflow: hidden;
    border-top: 1px solid currentColor;
    opacity: .15
}

.combobox .combobox-item {
    display: block;
    width: 100%;
    clear: both;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: .5rem .75rem;
    color: #000
}

.theme-dark .combobox .combobox-item {
    color: #fff
}

.combobox .combobox-item:focus,.combobox .combobox-item:hover {
    background-color: #e6e6e6;
    color: #000;
    outline-offset: -.1875rem
}

.theme-dark .combobox .combobox-item:focus,.theme-dark .combobox .combobox-item:hover {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item.active,.combobox .combobox-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .combobox .combobox-item.active,.theme-dark .combobox .combobox-item:active {
    background-color: #fff;
    color: #000
}

.combobox .combobox-item.disabled,.combobox .combobox-item:disabled {
    opacity: .3;
    pointer-events: none;
    background-color: transparent
}

.combobox .combobox-item:disabled {
    opacity: .3
}

html:not([dir=rtl]) .combobox {
    text-align: left
}

html[dir=rtl] .combobox {
    text-align: right
}

.combobox .combobox-toggle {
    width: 100%
}

.combobox .combobox-toggle::after {
    content: ""
}

.combobox .combobox-menu {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000;
    top: 100%;
    width: 100%;
    max-height: 300px;
    overflow-y: auto
}

.theme-dark .combobox .combobox-menu {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .combobox .combobox-menu {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .combobox .combobox-menu {
    text-align: right;
    left: auto;
    right: 0
}

.combobox .combobox-menu.show {
    display: block
}

.combobox .combobox-item {
    position: relative;
    cursor: pointer
}

html:not([dir=rtl]) .combobox .combobox-item {
    padding-left: 2.5rem
}

html[dir=rtl] .combobox .combobox-item {
    padding-right: 2.5rem
}

html:not([dir=rtl]) .combobox .combobox-item:not([role=option]) {
    padding-left: 1rem
}

html[dir=rtl] .combobox .combobox-item:not([role=option]) {
    padding-right: 1rem
}

.combobox .combobox-item:not([role=option]):hover {
    background-color: inherit;
    color: inherit
}

.combobox .combobox-divider {
    border-color: #757575;
    opacity: 1
}

.theme-dark .combobox .combobox-divider {
    border-color: #d2d2d2
}

.combobox .combobox-item.current-item {
    background-color: #e6e6e6;
    outline: .1875rem dotted currentColor;
    outline-offset: -3px
}

.theme-dark .combobox .combobox-item.current-item {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item.current-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .combobox .combobox-item.current-item:active {
    background-color: #fff;
    color: #000
}

.combobox .combobox-item[aria-selected=true] {
    background-color: #e6e6e6
}

.theme-dark .combobox .combobox-item[aria-selected=true] {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item[aria-selected=true]::after {
    content: "";
    display: block;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

html:not([dir=rtl]) .combobox .combobox-item[aria-selected=true]::after {
    left: 1rem
}

html[dir=rtl] .combobox .combobox-item[aria-selected=true]::after {
    right: 1rem
}

.divider,hr {
    border: 0;
    border-top: .0625rem solid #757575;
    margin: 0
}

.theme-dark .divider,.theme-dark hr {
    border-color: #d2d2d2
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative;
    display: inline-block
}

.dropdown .dropdown-toggle::after,.dropleft .dropdown-toggle::after,.dropright .dropdown-toggle::after,.dropup .dropdown-toggle::after {
    display: block;
    font-size: 1em;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

.dropdown .dropdown-divider,.dropleft .dropdown-divider,.dropright .dropdown-divider,.dropup .dropdown-divider {
    height: 0;
    margin: 0 0;
    overflow: hidden;
    border-top: 1px solid currentColor;
    opacity: .15
}

.dropdown .dropdown-item,.dropleft .dropdown-item,.dropright .dropdown-item,.dropup .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: .5rem .75rem;
    color: #000
}

.theme-dark .dropdown .dropdown-item,.theme-dark .dropleft .dropdown-item,.theme-dark .dropright .dropdown-item,.theme-dark .dropup .dropdown-item {
    color: #fff
}

.dropdown .dropdown-item:focus,.dropdown .dropdown-item:hover,.dropleft .dropdown-item:focus,.dropleft .dropdown-item:hover,.dropright .dropdown-item:focus,.dropright .dropdown-item:hover,.dropup .dropdown-item:focus,.dropup .dropdown-item:hover {
    background-color: #e6e6e6;
    color: #000;
    outline-offset: -.1875rem
}

.theme-dark .dropdown .dropdown-item:focus,.theme-dark .dropdown .dropdown-item:hover,.theme-dark .dropleft .dropdown-item:focus,.theme-dark .dropleft .dropdown-item:hover,.theme-dark .dropright .dropdown-item:focus,.theme-dark .dropright .dropdown-item:hover,.theme-dark .dropup .dropdown-item:focus,.theme-dark .dropup .dropdown-item:hover {
    background-color: #505050;
    color: #fff
}

.dropdown .dropdown-item.active,.dropdown .dropdown-item:active,.dropleft .dropdown-item.active,.dropleft .dropdown-item:active,.dropright .dropdown-item.active,.dropright .dropdown-item:active,.dropup .dropdown-item.active,.dropup .dropdown-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .dropdown .dropdown-item.active,.theme-dark .dropdown .dropdown-item:active,.theme-dark .dropleft .dropdown-item.active,.theme-dark .dropleft .dropdown-item:active,.theme-dark .dropright .dropdown-item.active,.theme-dark .dropright .dropdown-item:active,.theme-dark .dropup .dropdown-item.active,.theme-dark .dropup .dropdown-item:active {
    background-color: #fff;
    color: #000
}

.dropdown .dropdown-item.disabled,.dropdown .dropdown-item:disabled,.dropleft .dropdown-item.disabled,.dropleft .dropdown-item:disabled,.dropright .dropdown-item.disabled,.dropright .dropdown-item:disabled,.dropup .dropdown-item.disabled,.dropup .dropdown-item:disabled {
    opacity: .3;
    pointer-events: none;
    background-color: transparent
}

.dropdown .dropdown-item:disabled,.dropleft .dropdown-item:disabled,.dropright .dropdown-item:disabled,.dropup .dropdown-item:disabled {
    opacity: .3
}

.dropdown .dropdown-toggle,.dropleft .dropdown-toggle,.dropright .dropdown-toggle,.dropup .dropdown-toggle {
    position: relative
}

.dropdown.btn-group,.dropdown.btn-group-vertical,.dropleft.btn-group,.dropleft.btn-group-vertical,.dropright.btn-group,.dropright.btn-group-vertical,.dropup.btn-group,.dropup.btn-group-vertical {
    display: inline-flex
}

html:not([dir=rtl]) .dropdown .dropdown-toggle::after,html:not([dir=rtl]) .dropright .dropdown-toggle::after,html:not([dir=rtl]) .dropup .dropdown-toggle::after {
    right: 0
}

html[dir=rtl] .dropdown .dropdown-toggle::after,html[dir=rtl] .dropright .dropdown-toggle::after,html[dir=rtl] .dropup .dropdown-toggle::after {
    left: 0
}

html:not([dir=rtl]) .dropdown .dropdown-toggle,html:not([dir=rtl]) .dropright .dropdown-toggle,html:not([dir=rtl]) .dropup .dropdown-toggle {
    padding-right: 1em
}

html[dir=rtl] .dropdown .dropdown-toggle,html[dir=rtl] .dropright .dropdown-toggle,html[dir=rtl] .dropup .dropdown-toggle {
    padding-left: 1em
}

html:not([dir=rtl]) .dropdown .dropdown-toggle.btn::after,html:not([dir=rtl]) .dropright .dropdown-toggle.btn::after,html:not([dir=rtl]) .dropup .dropdown-toggle.btn::after {
    right: .75rem
}

html[dir=rtl] .dropdown .dropdown-toggle.btn::after,html[dir=rtl] .dropright .dropdown-toggle.btn::after,html[dir=rtl] .dropup .dropdown-toggle.btn::after {
    left: .75rem
}

html:not([dir=rtl]) .dropdown .dropdown-toggle.btn,html:not([dir=rtl]) .dropright .dropdown-toggle.btn,html:not([dir=rtl]) .dropup .dropdown-toggle.btn {
    padding-right: calc(.75rem + 1.4375em)
}

html[dir=rtl] .dropdown .dropdown-toggle.btn,html[dir=rtl] .dropright .dropdown-toggle.btn,html[dir=rtl] .dropup .dropdown-toggle.btn {
    padding-left: calc(.75rem + 1.4375em)
}

.dropup .dropdown-toggle::after {
    content: ""
}

html:not([dir=rtl]) .dropright .dropdown-toggle::after {
    content: ""
}

html[dir=rtl] .dropright .dropdown-toggle::after {
    content: ""
}

.dropdown .dropdown-toggle::after {
    content: ""
}

html:not([dir=rtl]) .dropleft .dropdown-toggle::before {
    content: "";
    left: 0
}

html[dir=rtl] .dropleft .dropdown-toggle::before {
    content: "";
    right: 0
}

html:not([dir=rtl]) .dropleft .dropdown-toggle {
    padding-left: 1em
}

html[dir=rtl] .dropleft .dropdown-toggle {
    padding-right: 1em
}

html:not([dir=rtl]) .dropleft .dropdown-toggle.btn::before {
    left: .75rem
}

html[dir=rtl] .dropleft .dropdown-toggle.btn::before {
    right: .75rem
}

html:not([dir=rtl]) .dropleft .dropdown-toggle.btn {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .dropleft .dropdown-toggle.btn {
    padding-right: calc(.75rem + 1.4375em)
}

.dropdown-toggle-split {
    position: relative;
    min-width: 1em;
    box-sizing: content-box
}

html:not([dir=rtl]) .dropdown-toggle-split.dropdown-toggle.btn {
    padding-right: .75rem;
    padding-left: .75rem
}

html[dir=rtl] .dropdown-toggle-split.dropdown-toggle.btn {
    padding-right: .75rem;
    padding-left: .75rem
}

.dropdown-menu {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000
}

.theme-dark .dropdown-menu {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .dropdown-menu {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .dropdown-menu {
    text-align: right;
    left: auto;
    right: 0
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu,.dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html:not([dir=rtl]) ul .dropdown-menu.flyout-align-end {
    text-align: right
}

html[dir=rtl] ul .dropdown-menu.flyout-align-end {
    text-align: left
}

.dropdown-menu-lg {
    min-width: 18rem
}

.dropdown-header {
    display: block;
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    white-space: nowrap;
    color: #505050
}

.theme-dark .dropdown-header {
    color: #e6e6e6
}

.dropdown-item-text {
    display: block;
    padding: .5rem .75rem;
    color: #000
}

html:not([dir=rtl]) .nav-item .dropdown-menu {
    left: .5rem
}

html[dir=rtl] .nav-item .dropdown-menu {
    right: .5rem
}

.form-control {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: .625rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: .125rem solid #505050;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.theme-dark .form-control {
    color: #fff;
    background-color: #000;
    border: .125rem solid #e6e6e6
}

.form-control:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: .5
}

.form-control::placeholder {
    color: inherit;
    opacity: .5
}

.theme-dark .form-control::-moz-placeholder {
    color: #fff
}

.theme-dark .form-control::placeholder {
    color: #fff
}

.form-control[readonly] {
    opacity: 1;
    border-color: rgba(117,117,117,.3);
    background-color: rgba(210,210,210,.3)
}

.theme-dark .form-control[readonly] {
    border-color: rgba(210,210,210,.3);
    background-color: rgba(117,117,117,.3)
}

.form-control:disabled {
    background-color: #d2d2d2;
    border-color: #757575;
    opacity: .3
}

.theme-dark .form-control:disabled {
    background-color: #757575;
    border-color: #d2d2d2
}

.form-control-plaintext[readonly] {
    display: block;
    width: 100%;
    font-size: 1rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1.5;
    color: inherit;
    background-color: transparent;
    border: 0
}

.form-control-plaintext[readonly].form-control-sm {
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.form-control-plaintext[readonly].form-control-lg {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.theme-dark .form-control-plaintext[readonly] {
    background-color: transparent
}

.form-control-sm {
    height: 2.25rem;
    padding: .5625rem .75rem;
    font-size: .875rem
}

.form-control-lg {
    height: 3rem;
    padding: .8125rem .75rem;
    font-size: 1.125rem
}

textarea.form-control {
    height: auto
}

select.form-control {
    padding: 0;
    text-indent: .25rem
}

select.form-control[multiple],select.form-control[size] {
    height: auto;
    text-indent: 0
}

select.form-control[multiple] option,select.form-control[size] option {
    padding: .625rem .75rem
}

select.form-control[multiple].form-control-sm option,select.form-control[size].form-control-sm option {
    padding: .5625rem .75rem
}

select.form-control[multiple].form-control-lg option,select.form-control[size].form-control-lg option {
    padding: .5625rem .75rem
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

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

.form-star-label {
    pointer-events: none;
    margin: 0
}

html:not([dir=rtl]) .form-star-checked-label {
    margin-left: .75rem
}

html[dir=rtl] .form-star-checked-label {
    margin-right: .75rem
}

.form-star-glyph {
    display: block;
    position: relative;
    width: 2.5625rem;
    height: 2.5625rem
}

html:not([dir=rtl]) .form-star-glyph {
    margin-left: -2.5625rem
}

html[dir=rtl] .form-star-glyph {
    margin-right: -2.5625rem
}

.form-star-glyph::after {
    content: "";
    color: #f97141;
    position: absolute;
    font-family: MWF-FLUENT-ICONS;
    line-height: 1;
    display: block;
    top: .125rem;
    left: .125rem;
    font-size: 2.3125rem;
    height: 2.3125rem;
    width: 2.3125rem
}

.theme-dark .form-star-glyph::after {
    color: #3aa0fa
}

.form-star-input {
    width: 2.5625rem;
    height: 2.5625rem;
    opacity: 0;
    cursor: pointer
}

.form-star-input.disabled,.form-star-input:disabled {
    cursor: auto
}

.form-star-input.disabled+.form-star-label>.form-star-glyph::after,.form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .42;
    color: #000
}

.theme-dark .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    color: #fff
}

.form-star-input.disabled~.form-star-checked-label,.form-star-input:disabled~.form-star-checked-label {
    opacity: .55
}

.form-star-input:checked~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star-input:checked~.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star-input:checked.disabled~.form-star-label>.form-star-glyph::after,.form-star-input:checked:disabled~.form-star-label>.form-star-glyph::after {
    opacity: .3;
    color: #757575
}

.theme-dark .form-star-input:checked.disabled~.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:checked:disabled~.form-star-label>.form-star-glyph::after {
    color: #d2d2d2
}

.form-star-input:checked+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star-input:checked+.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star-input:checked.disabled+.form-star-label>.form-star-glyph::after,.form-star-input:checked:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .42;
    color: #000
}

.theme-dark .form-star-input:checked.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:checked:disabled+.form-star-label>.form-star-glyph::after {
    color: #fff
}

.form-star-input:focus+.form-star-label>.form-star-glyph {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem;
    outline-offset: -.125rem
}

.form-star {
    display: inline-flex;
    align-items: center
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled)~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled)~.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled):hover~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover~.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled):hover+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover+.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star-empty .form-star-input+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star-empty .form-star-input+.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star-empty .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.form-star-empty .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .3;
    color: #757575
}

.theme-dark .form-star-empty .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-empty .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    color: #d2d2d2
}

label,legend {
    font-size: 1rem;
    margin-bottom: .375rem
}

.col-form-label {
    padding-top: .625rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: .6875rem;
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: .5625rem;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5
}

.form-group {
    margin-bottom: 1rem
}

.form-group-inline {
    margin-bottom: .25rem
}

.form-text {
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.invalid-feedback,.invalid-tooltip {
    width: 100%;
    color: #dc3545;
    position: relative
}

html:not([dir=rtl]) .invalid-feedback,html:not([dir=rtl]) .invalid-tooltip {
    padding-left: 1.5rem
}

html[dir=rtl] .invalid-feedback,html[dir=rtl] .invalid-tooltip {
    padding-right: 1.5rem
}

.invalid-feedback::before,.invalid-tooltip::before {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: 1rem;
    position: absolute;
    top: 0
}

html:not([dir=rtl]) .invalid-feedback::before,html:not([dir=rtl]) .invalid-tooltip::before {
    left: 0
}

html[dir=rtl] .invalid-feedback::before,html[dir=rtl] .invalid-tooltip::before {
    right: 0
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .125rem #dc3545
}

.invalid-feedback.is-invalid {
    padding-top: 0
}

.invalid-feedback.is-invalid::before {
    content: ""
}

.custom-select .custom-select-input.is-invalid,.custom-select.is-invalid,.was-validated .custom-select:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .125rem #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545;
    box-shadow: 0 0 0 .0625rem #dc3545,inset 0 0 0 .125rem #fff
}

.theme-dark .custom-control-input.is-invalid~.custom-control-label::before,.theme-dark .was-validated .custom-control-input:invalid~.custom-control-label::before {
    box-shadow: 0 0 0 .0625rem #dc3545,inset 0 0 0 .125rem #000
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .125rem #dc3545
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-checkbox .custom-control-input.is-invalid:checked~.custom-control-label::before,.custom-radio .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-checkbox .custom-control-input:invalid:checked~.custom-control-label::before,.was-validated .custom-radio .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .125rem #dc3545
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

@media (min-width: 540px) {
    .form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-range,.form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input.disabled~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
    opacity: .55
}

.theme-dark .custom-control-input.disabled~.custom-control-label::before,.theme-dark .custom-control-input:disabled~.custom-control-label::before {
    border-color: #d2d2d2
}

.custom-control-input.disabled:checked~.custom-control-label::before,.custom-control-input:disabled:checked~.custom-control-label::before {
    opacity: .76364
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    pointer-events: none;
    border: .125rem solid #505050;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    background-color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before {
        transition: none
    }
}

.theme-dark .custom-control-label::before {
    background-color: #000
}

.custom-control-label .custom-control-glyph::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border: .125rem solid transparent;
    background-clip: content-box;
    font-family: MWF-FLUENT-ICONS;
    line-height: 1
}

.custom-control-label .custom-control-glyph::before,.custom-control-label::before {
    content: "";
    position: absolute;
    display: block;
    top: .125rem;
    width: 1.25rem;
    height: 1.25rem
}

html:not([dir=rtl]) .custom-control-label .custom-control-glyph::before,html:not([dir=rtl]) .custom-control-label::before {
    left: -1.75rem
}

html[dir=rtl] .custom-control-label .custom-control-glyph::before,html[dir=rtl] .custom-control-label::before {
    right: -1.75rem
}

html:not([dir=rtl]) .custom-checkbox,html:not([dir=rtl]) .custom-radio {
    padding-left: 1.75rem
}

html[dir=rtl] .custom-checkbox,html[dir=rtl] .custom-radio {
    padding-right: 1.75rem
}

.form-group .custom-checkbox~.custom-checkbox:not(.custom-control-inline),.form-group .custom-radio~.custom-radio:not(.custom-control-inline) {
    margin-top: .75rem
}

.form-group .custom-checkbox.custom-control-inline,.form-group .custom-radio.custom-control-inline {
    margin-bottom: .75rem
}

.custom-checkbox .custom-control-label::before {
    border-radius: .125rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: transparent;
    background-color: #f97141
}

.theme-dark .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #3aa0fa
}

.custom-checkbox .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    content: "";
    color: #fff
}

.theme-dark .custom-checkbox .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    color: #000
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: transparent;
    background-color: #f97141
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label .custom-control-glyph::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171.16 173.33'%3E%3Cpath fill='%23fff' d='M0 90.93v-10.7h171.16v10.7H0z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input.disabled:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background: #000
}

.theme-dark .custom-checkbox .custom-control-input.disabled:checked~.custom-control-label::before,.theme-dark .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background: #fff
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #f97141
}

.custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    content: "";
    border-width: .3125rem;
    border-style: solid;
    border-radius: 50%;
    border-color: #f97141;
    height: .625rem;
    width: .625rem;
    font-size: .875rem;
    top: .4375rem;
    color: #f97141
}

.theme-dark .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    color: #3aa0fa;
    border-color: #3aa0fa
}

html:not([dir=rtl]) .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    left: -1.4375rem
}

html[dir=rtl] .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    right: -1.4375rem
}

.custom-radio .custom-control-input.disabled:checked~.custom-control-label::before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #000
}

.theme-dark .custom-radio .custom-control-input.disabled:checked~.custom-control-label::before,.theme-dark .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #fff
}

.custom-radio .custom-control-input.disabled:checked~.custom-control-label .custom-control-glyph::before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label .custom-control-glyph::before {
    opacity: .76364;
    border-color: #000
}

.theme-dark .custom-radio .custom-control-input.disabled:checked~.custom-control-label .custom-control-glyph::before,.theme-dark .custom-radio .custom-control-input:disabled:checked~.custom-control-label .custom-control-glyph::before {
    border-color: #fff
}

.custom-radio .custom-control-input:focus~.custom-control-label::before {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select .custom-select-arrow::after {
    pointer-events: none;
    content: "";
    color: #000;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

html:not([dir=rtl]) .custom-select .custom-select-arrow::after {
    right: .875rem
}

html[dir=rtl] .custom-select .custom-select-arrow::after {
    left: .875rem
}

.theme-dark .custom-select .custom-select-arrow::after {
    color: #fff
}

.custom-select .btn+.custom-select-arrow::after {
    font-weight: 600
}

.custom-select .custom-select-input:disabled~.custom-select-arrow::after {
    opacity: .3
}

.custom-select-input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 2.5rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    border: .125rem solid #505050;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html:not([dir=rtl]) .custom-select-input {
    padding-right: calc(.8125em + 1.375rem)
}

html[dir=rtl] .custom-select-input {
    padding-left: calc(.8125em + 1.375rem)
}

.theme-dark .custom-select-input {
    color: #fff;
    background-color: #000;
    border: .125rem solid #e6e6e6
}

.custom-select-input:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.custom-select-input[multiple],.custom-select-input[size]:not([size="1"]) {
    height: auto;
    background-image: none
}

html:not([dir=rtl]) .custom-select-input[multiple],html:not([dir=rtl]) .custom-select-input[size]:not([size="1"]) {
    padding-right: .75rem
}

html[dir=rtl] .custom-select-input[multiple],html[dir=rtl] .custom-select-input[size]:not([size="1"]) {
    padding-left: .75rem
}

.custom-select-input:disabled {
    background-color: #d2d2d2;
    border-color: #d2d2d2;
    opacity: .3
}

.theme-dark .custom-select-input:disabled {
    background-color: #757575;
    border-color: #d2d2d2
}

.custom-select-sm {
    height: 2.25rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: 3rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-range {
    width: 100%
}

.custom-range .custom-range-input {
    width: 100%;
    padding: 1rem 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000
}

.theme-dark .custom-range .custom-range-input {
    color: #fff
}

.custom-range .custom-range-input:not(:disabled) {
    cursor: pointer
}

.custom-range .custom-range-input::-moz-focus-outer {
    border: 0
}

.custom-range .custom-range-input::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.375rem;
    background-color: #fff;
    border: .125rem solid #171717;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
    color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-webkit-slider-thumb {
    background-color: #000;
    border: .125rem solid #f2f2f2;
    color: #fff
}

.custom-range .custom-range-input::-webkit-slider-runnable-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    background-color: #171717;
    border-color: transparent;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-webkit-slider-runnable-track {
        -webkit-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-webkit-slider-runnable-track {
    background-color: #f2f2f2
}

.custom-range .custom-range-input::-moz-range-thumb {
    width: .75rem;
    height: .75rem;
    background-color: #fff;
    border: .125rem solid #171717;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
    color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-moz-range-thumb {
    background-color: #000;
    border: .125rem solid #f2f2f2;
    color: #fff
}

.custom-range .custom-range-input::-moz-range-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    background-color: #171717;
    border-color: transparent;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-moz-range-track {
        -moz-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-moz-range-track {
    background-color: #f2f2f2
}

.custom-range .custom-range-input:active::-webkit-slider-thumb,.custom-range .custom-range-input:focus::-webkit-slider-thumb,.custom-range .custom-range-input:hover::-webkit-slider-thumb {
    border-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-webkit-slider-thumb,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-thumb,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-thumb {
    border-color: #3aa0fa
}

.custom-range .custom-range-input:active::-webkit-slider-runnable-track,.custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
    background-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
    background-color: #3aa0fa
}

.custom-range .custom-range-input:active::-moz-range-thumb,.custom-range .custom-range-input:focus::-moz-range-thumb,.custom-range .custom-range-input:hover::-moz-range-thumb {
    border-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-moz-range-thumb,.theme-dark .custom-range .custom-range-input:focus::-moz-range-thumb,.theme-dark .custom-range .custom-range-input:hover::-moz-range-thumb {
    border-color: #3aa0fa
}

.custom-range .custom-range-input:active::-moz-range-track,.custom-range .custom-range-input:focus::-moz-range-track,.custom-range .custom-range-input:hover::-moz-range-track {
    background-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-moz-range-track,.theme-dark .custom-range .custom-range-input:focus::-moz-range-track,.theme-dark .custom-range .custom-range-input:hover::-moz-range-track {
    background-color: #3aa0fa
}

.custom-range .custom-range-input:focus {
    outline: 0
}

.custom-range .custom-range-input:focus::-webkit-slider-thumb {
    outline: .1875rem dotted currentColor;
    outline-offset: .4rem
}

.custom-range .custom-range-input:focus::-moz-range-thumb {
    outline: .1875rem dotted currentColor;
    outline-offset: .5rem
}

.custom-range .custom-range-input:disabled::-webkit-slider-thumb {
    width: .75rem;
    height: .75rem;
    margin-top: -.25rem;
    border-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-thumb {
    border-color: #757575
}

.custom-range .custom-range-input:disabled::-webkit-slider-runnable-track {
    background-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track {
    background-color: #757575
}

.custom-range .custom-range-input:disabled::-moz-range-thumb {
    width: .5rem;
    height: .5rem;
    border-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-moz-range-thumb {
    border-color: #757575
}

.custom-range .custom-range-input:disabled::-moz-range-track {
    background-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-moz-range-track {
    background-color: #757575
}

@media screen and (-ms-high-contrast:active) {
    .custom-range .custom-range-input {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }

    .custom-range .custom-range-input::-webkit-slider-runnable-track {
        background-color: unset
    }

    .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.custom-range .custom-range-input:disabled::-webkit-slider-runnable-track,.custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
        background-color: unset
    }

    .theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
        background-color: unset
    }

    .custom-range .custom-range-input:focus {
        outline: .1875rem dotted currentColor
    }

    .custom-range .custom-range-input:focus::-webkit-slider-thumb {
        outline: 0
    }
}

.custom-range .custom-range-tooltip {
    position: relative;
    height: 1.5rem
}

.custom-range .custom-range-tooltip span {
    position: absolute
}

.custom-range .custom-range-track-labels {
    display: flex;
    justify-content: space-between;
    margin-top: -.5rem
}

.custom-range.disabled .custom-range-tooltip,.custom-range.disabled .custom-range-track-labels {
    color: #757575
}

.custom-switch {
    display: flex;
    flex-wrap: wrap
}

.custom-switch .custom-switch-input {
    vertical-align: top;
    background-color: transparent;
    border: .063rem solid #000;
    border-radius: 3.125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline-offset: .125rem;
    outline-color: #000;
    cursor: pointer
}

.theme-dark .custom-switch .custom-switch-input {
    border: .063rem solid #fff;
    outline-color: #fff
}

.custom-switch .custom-switch-input::before {
    content: "";
    display: block;
    position: relative;
    top: .125rem;
    border-radius: 50%;
    transition: all .25s ease;
    background-color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-switch-input::before {
        transition: none
    }
}

.theme-dark .custom-switch .custom-switch-input::before {
    background-color: #fff
}

@media (forced-colors:active) {
    .custom-switch .custom-switch-input::before {
        background-color: CanvasText!important
    }
}

html:not([dir=rtl]) .custom-switch .custom-switch-input::before {
    left: .125rem
}

html[dir=rtl] .custom-switch .custom-switch-input::before {
    left: -.125rem
}

.custom-switch .custom-switch-input:disabled {
    pointer-events: none;
    opacity: .25
}

.custom-switch .custom-switch-input:disabled~.custom-switch-label,.custom-switch .custom-switch-input:disabled~.custom-switch-label-container>.custom-switch-label,.custom-switch .custom-switch-input:disabled~.custom-switch-status {
    opacity: .25;
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly] {
    border-color: #858585;
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly]~.custom-switch-label,.custom-switch .custom-switch-input[readonly]~.custom-switch-label-container>.custom-switch-label,.custom-switch .custom-switch-input[readonly]~.custom-switch-status {
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly]::before {
    background-color: #858585
}

.custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover {
    background-color: rgba(0,0,0,.2)
}

.theme-dark .custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover {
    background-color: rgba(255,255,255,.2)
}

.custom-switch .custom-switch-input:checked {
    background-color: #f97141;
    border-color: #f97141
}

.theme-dark .custom-switch .custom-switch-input:checked {
    background-color: #3aa0fa;
    border-color: #3aa0fa
}

.custom-switch .custom-switch-input:checked::before {
    transition: all .25s ease;
    background-color: #fff
}

.theme-dark .custom-switch .custom-switch-input:checked::before {
    background-color: #000
}

.custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover {
    background-color: #004a85;
    border-color: #004a85
}

.theme-dark .custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover {
    background-color: #0888f9;
    border-color: #0888f9
}

.custom-switch .custom-switch-input:checked[readonly] {
    background-color: #858585;
    border-color: #858585
}

.custom-switch .custom-switch-input:checked~.custom-switch-status>.custom-switch-status-on {
    display: block
}

.custom-switch .custom-switch-input:checked~.custom-switch-status>.custom-switch-status-off {
    display: none
}

.custom-switch .custom-switch-input:hover {
    cursor: pointer
}

.custom-switch .custom-switch-label {
    order: -1;
    cursor: pointer
}

html:not([dir=rtl]) .custom-switch .custom-switch-label {
    padding-right: .5rem
}

html[dir=rtl] .custom-switch .custom-switch-label {
    padding-left: .5rem
}

.custom-switch .custom-switch-status [class*=custom-switch-status-] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

html:not([dir=rtl]) .custom-switch .custom-switch-status [class*=custom-switch-status-] {
    padding-left: .5rem
}

html[dir=rtl] .custom-switch .custom-switch-status [class*=custom-switch-status-] {
    padding-right: .5rem
}

.custom-switch .custom-switch-status .custom-switch-status-on {
    display: none
}

.custom-switch .custom-switch-input {
    width: 3rem;
    height: 1.5rem
}

.custom-switch .custom-switch-input::before {
    width: 1.125rem;
    height: 1.125rem
}

.custom-switch .custom-switch-input:checked::before {
    transform: translateX(1.5rem)
}

html[dir=rtl] .custom-switch .custom-switch-input:checked::before {
    transform: translateX(-1.5rem)
}

.custom-switch .custom-switch-label,.custom-switch .custom-switch-status {
    font-size: 1rem
}

.custom-switch.custom-switch-lg .custom-switch-input {
    width: 3.5rem;
    height: 1.75rem
}

.custom-switch.custom-switch-lg .custom-switch-input::before {
    width: 1.375rem;
    height: 1.375rem
}

.custom-switch.custom-switch-lg .custom-switch-input:checked::before {
    transform: translateX(1.75rem)
}

html[dir=rtl] .custom-switch.custom-switch-lg .custom-switch-input:checked::before {
    transform: translateX(-1.75rem)
}

.custom-switch.custom-switch-lg .custom-switch-label,.custom-switch.custom-switch-lg .custom-switch-status {
    font-size: 1.125rem
}

.custom-switch.custom-switch-label-top .custom-switch-label-container {
    flex-basis: 100%;
    order: -1
}

.custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    margin: 0;
    order: unset;
    line-height: 1rem;
    padding-bottom: .5rem
}

html:not([dir=rtl]) .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    padding-right: 0
}

html[dir=rtl] .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    padding-left: 0
}

.custom-control {
    position: relative;
    display: block
}

.custom-control-inline {
    display: inline-flex
}

html:not([dir=rtl]) .custom-control-inline {
    margin-right: 1rem
}

html[dir=rtl] .custom-control-inline {
    margin-left: 1rem
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

html:not([dir=rtl]) .input-group>:not(:first-child) {
    margin-left: -.125rem
}

html[dir=rtl] .input-group>:not(:first-child) {
    margin-right: -.125rem
}

.input-group>.custom-file .custom-file-input:focus-within~.custom-file-label,.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus,.input-group>.custom-file .custom-file-input:focus-within {
    z-index: 4
}

.input-group-append,.input-group-prepend {
    display: flex
}

.input-group-append .btn,.input-group-append .input-group-text,.input-group-prepend .btn,.input-group-prepend .input-group-text {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,.input-group-append .btn:hover,.input-group-prepend .btn:focus,.input-group-prepend .btn:hover {
    z-index: 3
}

html:not([dir=rtl]) .input-group-prepend>.btn:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend>.btn:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-prepend .btn-group:last-child>.btn:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend .btn-group:last-child>.btn:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-append>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append>.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html:not([dir=rtl]) .input-group-append .btn-group:first-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append .btn-group:first-child>.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .625rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #505050;
    text-align: center;
    white-space: nowrap
}

.theme-dark .input-group-text {
    color: #e6e6e6
}

.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    height: 3rem;
    padding: .8125rem .75rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    height: 2.25rem;
    padding: .5625rem .75rem;
    font-size: .875rem;
    line-height: 1.5
}

.hotspot {
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    border: 0 solid #000;
    outline-color: #000;
    outline-offset: .1875rem
}

.hotspot::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 104%;
    height: 104%;
    border: 4px solid #fff;
    top: -2%;
    left: -2%;
    z-index: -1
}

@-webkit-keyframes ripple {
    0% {
        border: 1px solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        box-sizing: content-box;
        box-shadow: none
    }

    50% {
        opacity: 1
    }

    100% {
        border: 1em solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1em;
        left: -1em;
        box-sizing: content-box;
        box-shadow: none
    }
}

@keyframes ripple {
    0% {
        border: 1px solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        box-sizing: content-box;
        box-shadow: none
    }

    50% {
        opacity: 1
    }

    100% {
        border: 1em solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1em;
        left: -1em;
        box-sizing: content-box;
        box-shadow: none
    }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .hotspot.hotspot-hover-ripple:hover::after {
        -webkit-animation: ripple .8s cubic-bezier(.5,0,.5,1);
        animation: ripple .8s cubic-bezier(.5,0,.5,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 100%
    }

    .hotspot.ripple-once::after {
        -webkit-animation: ripple .8s cubic-bezier(.5,0,.5,1);
        animation: ripple .8s cubic-bezier(.5,0,.5,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 860px) {
    .hotspot {
        width:3rem;
        height: 3rem
    }
}

.hotspot .hotspot-img {
    border-radius: 50%;
    border: 4px solid transparent;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hotspot.hotspot-extra-border:not(:focus) {
    border: 1px solid
}

.hotspot.hotspot-extra-border:not(:focus)::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.hotspot.hotspot-extra-border:not(:focus):hover {
    border: none
}

.hotspot.hotspot-large-glyph .glyph-append,.hotspot.hotspot-large-glyph .glyph-prepend {
    font-size: 2rem
}

.hotspot.hotspot-light {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.hotspot.hotspot-light::before {
    border-color: #000
}

.hotspot.hotspot-light:focus::after {
    border-color: #fff
}

.hotspot.hotspot-light.hotspot-active,.hotspot.hotspot-light[aria-expanded=true],.hotspot.hotspot-light[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-primary {
    background-color: #f97141;
    color: #fff;
    border-color: #000
}

.hotspot.hotspot-primary::before {
    border-color: #fff
}

.hotspot.hotspot-primary:focus::after {
    border-color: #000
}

.hotspot.hotspot-primary.hotspot-active,.hotspot.hotspot-primary[aria-expanded=true],.hotspot.hotspot-primary[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-primary-alt {
    background-color: #3aa0fa;
    color: #000;
    border-color: #fff
}

.hotspot.hotspot-primary-alt::before {
    border-color: #000
}

.hotspot.hotspot-primary-alt:focus::after {
    border-color: #fff
}

.hotspot.hotspot-primary-alt.hotspot-active,.hotspot.hotspot-primary-alt[aria-expanded=true],.hotspot.hotspot-primary-alt[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-dark {
    background-color: #000;
    color: #fff;
    border-color: #000
}

.hotspot.hotspot-dark::before {
    border-color: #fff
}

.hotspot.hotspot-dark:focus::after {
    border-color: #000
}

.hotspot.hotspot-dark.hotspot-active,.hotspot.hotspot-dark[aria-expanded=true],.hotspot.hotspot-dark[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-minimalist-light {
    background-color: #fff;
    color: #000;
    border-color: #000
}

.hotspot.hotspot-minimalist-light::before {
    border-color: #fff
}

.hotspot.hotspot-minimalist-light:focus::after {
    border-color: #000
}

.hotspot.hotspot-minimalist-light.hotspot-active,.hotspot.hotspot-minimalist-light[aria-expanded=true],.hotspot.hotspot-minimalist-light[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-minimalist-primary {
    background-color: #f97141;
    color: #fff;
    border-color: #fff
}

.hotspot.hotspot-minimalist-primary::before {
    border-color: #f97141
}

.hotspot.hotspot-minimalist-primary:focus::after {
    border-color: #fff
}

.hotspot.hotspot-minimalist-primary.hotspot-active,.hotspot.hotspot-minimalist-primary[aria-expanded=true],.hotspot.hotspot-minimalist-primary[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-minimalist-primary-alt {
    background-color: #3aa0fa;
    color: #000;
    border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt::before {
    border-color: #3aa0fa
}

.hotspot.hotspot-minimalist-primary-alt:focus::after {
    border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt.hotspot-active,.hotspot.hotspot-minimalist-primary-alt[aria-expanded=true],.hotspot.hotspot-minimalist-primary-alt[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-minimalist-dark {
    background-color: #000;
    color: #fff;
    border-color: #fff
}

.hotspot.hotspot-minimalist-dark::before {
    border-color: #000
}

.hotspot.hotspot-minimalist-dark:focus::after {
    border-color: #fff
}

.hotspot.hotspot-minimalist-dark.hotspot-active,.hotspot.hotspot-minimalist-dark[aria-expanded=true],.hotspot.hotspot-minimalist-dark[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-sm {
    height: 1.5rem;
    width: 1.5rem
}

@media (max-width: 859.98px) {
    .hotspot.hotspot-sm {
        line-height:1
    }
}

@media (min-width: 860px) {
    .hotspot.hotspot-sm {
        width:2.25rem;
        height: 2.25rem
    }
}

.hotspot.hotspot-sm::before {
    border-width: 3px
}

.hotspot.hotspot-lg {
    height: 3rem;
    width: 3rem
}

@media (min-width: 860px) {
    .hotspot.hotspot-lg {
        width:4rem;
        height: 4rem
    }
}

.hotspot .glyph-append,.hotspot .glyph-prepend {
    line-height: 1;
    height: 1em;
    font-size: 1em
}

.hotspot:focus {
    outline: 0
}

.hotspot:focus::after {
    border-style: dashed;
    border-width: .1875rem;
    border-color: #000;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    width: 102%;
    height: 102%;
    top: -1%;
    left: -1%
}

.hotspot:focus:hover::after {
    box-sizing: border-box
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: .0625rem solid #d2d2d2;
    border-radius: .125rem;
    max-width: 100%;
    height: auto
}

.img-object-cover {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #505050
}

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

.link-group {
    min-height: 2.5rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

html:not([dir=rtl]) .link-group .action-trigger,html:not([dir=rtl]) .link-group .btn,html:not([dir=rtl]) .link-group a {
    margin-right: 1.5rem
}

html[dir=rtl] .link-group .action-trigger,html[dir=rtl] .link-group .btn,html[dir=rtl] .link-group a {
    margin-left: 1.5rem
}

.link-group a {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.link-group a~a:not(.btn) {
    margin-top: 0
}

.link-group .action-trigger,.link-group .btn {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.link-group .btn~a:not(.btn) {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

html:not([dir=rtl]) .link-group>:last-child {
    margin-right: 0
}

html[dir=rtl] .link-group>:last-child {
    margin-left: 0
}

ol.full li,ul.full li {
    margin-bottom: 1rem
}

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

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

.list-inline-item {
    display: inline-block
}

html:not([dir=rtl]) .list-inline-item:not(:last-child) {
    margin-right: 1rem
}

html[dir=rtl] .list-inline-item:not(:last-child) {
    margin-left: 1rem
}

.media-control {
    background-color: #fff;
    color: #000;
    position: relative;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    font-size: 2.8125rem;
    line-height: 1;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
    border: 0
}

.media-control::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 104%;
    height: 104%;
    border: .25rem solid #fff;
    top: -2%;
    left: -2%
}

.media-control:focus {
    outline: 0
}

.media-control:focus::after {
    border-style: dashed;
    border-width: .1875rem;
    border-color: #000;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    width: 102%;
    height: 102%;
    top: -1%;
    left: -1%
}

.media-control .glyph-append,.media-control .glyph-prepend {
    position: absolute;
    left: .1875rem;
    top: .1875rem
}

.media-control.media-control-light {
    background-color: #000;
    color: #fff
}

.media-control.media-control-light::before {
    border-color: #000
}

.media-control.media-control-light:focus::after {
    border-color: #fff
}

@media (forced-colors:active) {
    .media-control {
        border-radius: 0
    }

    .media-control::before {
        content: none
    }
}

@media (min-width: 540px) {
    .media-control-lg {
        height:4.5rem;
        width: 4.5rem;
        font-size: 4.4375rem
    }
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 0 .75rem;
    box-sizing: content-box;
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    height: 100%
}

.modal-dialog-scrollable .modal-content {
    overflow: hidden;
    max-height: 100%
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid transparent;
    border-radius: 0
}

.theme-dark .modal-content {
    background-color: #2f2f2f
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .8
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-header .close {
    padding: .5rem
}

html:not([dir=rtl]) .modal-header .close {
    margin-left: auto
}

html[dir=rtl] .modal-header .close {
    margin-right: auto
}

.modal-header .close::before {
    display: block
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

html:not([dir=rtl]) .modal-title {
    margin-right: 1rem
}

html[dir=rtl] .modal-title {
    margin-left: 1rem
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: .1875rem 1rem 4rem
}

.modal-body:not(:last-child) {
    padding-bottom: 0
}

.modal-body>:last-child {
    margin-bottom: 0
}

.modal-body>[tabindex="0"]:focus {
    outline: .1875rem dotted currentColor
}

.modal-body>[tabindex="0"]:focus:not(:focus-visible) {
    outline: 0
}

.modal-body>[tabindex="0"]:focus-visible {
    outline: .1875rem dotted currentColor
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 540px) {
    .modal-dialog {
        max-width:640px
    }

    .modal-sm {
        max-width: 300px
    }

    .modal-xl {
        max-width: 1600px
    }
}

@media (min-width: 1084px) {
    .modal-dialog {
        padding:0 5%
    }

    .modal-lg {
        max-width: 800px
    }

    .modal-header {
        padding: 1rem 4rem
    }

    html:not([dir=rtl]) .modal-header .close {
        margin-right: -3rem
    }

    html[dir=rtl] .modal-header .close {
        margin-left: -3rem
    }

    .modal-body {
        padding: .1875rem 4rem 4rem
    }

    .modal-footer {
        padding: 1rem 4rem
    }
}

.multi-feature {
    position: relative;
    width: 100%
}

@media screen and (min-width: 1084px) {
    .multi-feature .accordion {
        position:static;
        width: 33.33333%
    }

    html:not([dir=rtl]) .multi-feature .accordion {
        padding-right: .75rem
    }

    html[dir=rtl] .multi-feature .accordion {
        padding-left: .75rem
    }
}

@media screen and (min-width: 1084px) {
    .multi-feature-body>:last-child:not(.link-group) {
        margin-bottom:0!important
    }
}

@media screen and (min-width: 1084px) {
    .multi-feature-feature {
        position:absolute;
        width: 66.66667%;
        top: 0
    }

    html:not([dir=rtl]) .multi-feature-feature {
        padding-left: .75rem;
        right: 0
    }

    html[dir=rtl] .multi-feature-feature {
        padding-right: .75rem;
        left: 0
    }
}

.nav-container {
    overflow-x: hidden;
    padding: 4px
}

.nav-container .nav {
    margin-left: -1rem;
    margin-right: -1rem
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.nav .nav-item {
    margin: 0 1rem
}

.nav-item,.nav-link {
    position: relative
}

.nav-item::before,.nav-link::before {
    content: "";
    display: none;
    position: absolute;
    bottom: .25rem;
    left: 0;
    width: 100%;
    height: .125rem;
    padding: 0 0;
    background-color: #f97141;
    background-clip: content-box
}

.nav-link {
    display: inline-block;
    padding: .5rem 0;
    color: #f97141;
    font-weight: 600;
    text-decoration: none
}

.nav-link:hover::before {
    display: block
}

.nav-link.disabled {
    color: #757575;
    pointer-events: none;
    cursor: default
}

.nav-link.active {
    color: #000
}

.nav-link.active::before {
    display: none
}

html:not([dir=rtl]) .nav-link.dropdown-toggle {
    padding-right: 1.5em
}

html[dir=rtl] .nav-link.dropdown-toggle {
    padding-left: 1.5em
}

.nav-link.dropdown-toggle::before {
    width: calc(100% - 1.5em)
}

html:not([dir=rtl]) .nav-link.dropdown-toggle::after {
    right: 0
}

html[dir=rtl] .nav-link.dropdown-toggle::after {
    left: 0
}

.nav-link .glyph-prepend {
    display: flex;
    align-items: center
}

html:not([dir=rtl]) .nav-link .glyph-prepend::before {
    padding-right: .375em
}

html[dir=rtl] .nav-link .glyph-prepend::before {
    padding-left: .375em
}

.nav-item.active {
    color: inherit
}

.nav-item.active .nav-link {
    color: inherit
}

.nav-item.active::before {
    display: block
}

.nav-in-page-bar.nav-in-page-horizontal {
    align-items: baseline
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-container {
    display: flex
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-container {
    display: inline-block
}

.nav-in-page-bar .combobox+.sticky-show-stuck,.nav-in-page-bar .sticky-show-stuck+.combobox {
    margin-top: .25rem
}

.nav-in-page-container label {
    font-size: 1.0625rem;
    margin-bottom: .75rem;
    color: #171717
}

.theme-dark .nav-in-page-container label {
    color: #f2f2f2
}

.nav-in-page-container .combobox-divider,.nav-in-page-container .combobox-item:not(.nav-in-page-item) {
    display: none
}

.sticky.stuck .nav-in-page-bar {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.sticky.stuck .nav-in-page-bar:not(.nav-in-page-horizontal):not(.nav-in-page-vertical) {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.sticky.stuck .nav-in-page-container label {
    display: none
}

.sticky.stuck .nav-in-page-container .combobox-divider,.sticky.stuck .nav-in-page-container .combobox-item:not(.nav-in-page-item) {
    display: block
}

.nav-in-page {
    position: relative;
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.nav-in-page::before {
    content: "";
    position: absolute;
    border-radius: .125rem;
    background-color: #d2d2d2
}

.theme-dark .nav-in-page::before {
    background-color: #757575
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page {
    display: flex;
    margin-bottom: .5rem
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    width: calc(100% - 2 * 1.5rem);
    height: .25rem;
    bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    left: 1.5rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    right: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page {
    margin-top: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    width: .25rem;
    height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    right: 0
}

.nav-in-page-item {
    position: relative
}

.nav-in-page-item .nav-in-page-link {
    color: #505050;
    text-decoration: none
}

.theme-dark .nav-in-page-item .nav-in-page-link {
    color: #a2a2a2
}

.nav-in-page-item .nav-in-page-link.active {
    color: #171717
}

.theme-dark .nav-in-page-item .nav-in-page-link.active {
    color: #f2f2f2
}

.nav-in-page-item .nav-in-page-link.active::before {
    content: "";
    position: absolute;
    border-radius: .125rem;
    background-color: #f97141
}

.theme-dark .nav-in-page-item .nav-in-page-link.active::before {
    background-color: #3aa0fa
}

@media (forced-colors:active) {
    .nav-in-page-item .nav-in-page-link.active::before {
        background-color: linktext
    }
}

.nav-in-page-item .nav-in-page-link:focus,.nav-in-page-item .nav-in-page-link:hover {
    text-decoration: underline;
    color: #f97141
}

.nav-in-page-item.combobox-item:active .nav-in-page-link {
    color: #fff
}

.theme-dark .nav-in-page-item.combobox-item:active .nav-in-page-link {
    color: #000
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item {
    display: flex;
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
    margin-left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
    margin-right: 0
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item .nav-in-page-link.active::before {
    width: 100%;
    height: .25rem;
    bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
    margin-left: 1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
    margin-right: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item+.nav-in-page-item {
    margin-top: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    width: .25rem;
    height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    left: -1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    right: -1rem
}

.nav-in-page-label {
    display: flex;
    font-size: 1.1875rem;
    margin-bottom: 0;
    color: #171717
}

.theme-dark .nav-in-page-label {
    color: #f2f2f2
}

.pagination {
    display: flex;
    padding: 0;
    list-style: none;
    font-weight: 600;
    margin-bottom: 0;
    border-color: #f97141
}

.theme-dark .pagination {
    border-color: #3aa0fa
}

.page-link {
    position: relative;
    display: block;
    padding: .625rem .75rem;
    line-height: 1;
    text-decoration: none;
    border: .125rem solid transparent
}

.page-item {
    white-space: nowrap;
    border-color: inherit
}

.page-item:first-child,.page-item:last-child {
    display: inline-block
}

.page-item:first-child .page-link::after,.page-item:first-child .page-link::before,.page-item:last-child .page-link::after,.page-item:last-child .page-link::before {
    font-family: MWF-FLUENT-ICONS;
    display: inline-block;
    font-size: 1rem;
    position: absolute;
    top: calc(50% + .0625em);
    margin-top: -.5em;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .page-item:first-child .page-link::after,.page-item:first-child .page-link::before,.page-item:last-child .page-link::after,.page-item:last-child .page-link::before {
        transition: none
    }
}

.page-item:first-child .page-link:hover,.page-item:last-child .page-link:hover {
    text-decoration: underline
}

html:not([dir=rtl]) .page-item:first-child .page-link {
    padding-left: 1.4375em
}

html[dir=rtl] .page-item:first-child .page-link {
    padding-right: 1.4375em
}

html:not([dir=rtl]) .page-item:first-child .page-link::before {
    content: "";
    left: 0
}

html[dir=rtl] .page-item:first-child .page-link::before {
    content: "";
    right: 0
}

html:not([dir=rtl]) .page-item:first-child .page-link:hover::before {
    transform: translate(-.25em,0)
}

html[dir=rtl] .page-item:first-child .page-link:hover::before {
    transform: translate(.25em,0)
}

html:not([dir=rtl]) .page-item:last-child .page-link {
    padding-right: 1.4375em
}

html[dir=rtl] .page-item:last-child .page-link {
    padding-left: 1.4375em
}

html:not([dir=rtl]) .page-item:last-child .page-link::after {
    content: "";
    right: 0
}

html[dir=rtl] .page-item:last-child .page-link::after {
    content: "";
    left: 0
}

html:not([dir=rtl]) .page-item:last-child .page-link:hover::after {
    transform: translate(.25em,0)
}

html[dir=rtl] .page-item:last-child .page-link:hover::after {
    transform: translate(-.25em,0)
}

.page-item.active {
    display: inline-block;
    position: relative
}

.page-item.active::after {
    content: "";
    display: block;
    width: 1.5em;
    border-top-width: 2px;
    border-top-style: solid;
    border-color: inherit;
    margin: -.375rem auto
}

.page-item.active .page-link {
    color: inherit;
    cursor: default
}

.page-item.disabled .page-link {
    color: #757575;
    pointer-events: none
}

.theme-dark .page-item.disabled .page-link {
    color: #d2d2d2
}

@media screen and (min-width: 860px) {
    .pagination-segment-start.pagination-edge .ellipsis {
        display:none
    }
}

@media screen and (min-width: 540px) and (max-width:860px) {
    .pagination-segment-start .page-item:nth-child(5),.pagination-segment-start .page-item:nth-child(6),.pagination-segment-start .page-item:nth-last-child(3):not(.ellipsis) {
        display:none
    }

    .pagination-segment-end .page-item:nth-last-child(5),.pagination-segment-end .page-item:nth-last-child(6) {
        display: none
    }

    .pagination-segment-middle .page-item.ellipsis-after,.pagination-segment-middle .page-item.ellipsis-before {
        display: none
    }
}

@media screen and (max-width: 540px) {
    .page-item:not(.active):not(:first-child):not(:last-child) {
        display:none
    }
}

.popover-wrapper {
    position: relative
}

.popover {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000;
    max-width: 336px;
    word-wrap: break-word
}

.theme-dark .popover {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .popover {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .popover {
    text-align: right;
    left: auto;
    right: 0
}

.popover.show {
    display: block
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.popover.show.fade {
    -webkit-animation: .15s linear fade-in;
    animation: .15s linear fade-in
}

.popover.fading-out {
    display: block;
    -webkit-animation: .15s linear fade-out;
    animation: .15s linear fade-out
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #757575;
    direction: ltr;
    transform-origin: center
}

.popover .arrow::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    margin: .0625rem;
    background-color: #fff
}

.theme-dark .popover .arrow {
    background-color: #d2d2d2
}

.theme-dark .popover .arrow::after {
    background-color: #000
}

.popover .close {
    z-index: 1;
    position: absolute;
    padding: .625rem;
    outline-offset: -.375rem
}

html:not([dir=rtl]) .popover .close {
    right: 0
}

html[dir=rtl] .popover .close {
    left: 0
}

.popover.flyout-top .arrow {
    bottom: -.5625rem;
    transform: rotate(-135deg)
}

.popover.flyout-bottom .arrow {
    top: -.5625rem;
    transform: rotate(45deg)
}

.popover.flyout-right .arrow {
    left: -.5625rem;
    transform: rotate(-45deg)
}

.popover.flyout-left .arrow {
    right: -.5625rem;
    transform: rotate(135deg)
}

.popover-content {
    overflow: auto
}

.popover-header {
    padding: 1.5rem 2.5rem 0 2.5rem;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0
}

.popover-header:empty {
    display: none
}

.popover-header:not(:empty)+.popover-body {
    padding-top: .125rem
}

.popover-body {
    padding: 1.5rem 2.5rem
}

.popover-body :last-child {
    margin-bottom: 0
}

.progress {
    display: flex;
    min-height: .875rem;
    overflow: hidden;
    border-radius: .125rem;
    border-style: solid;
    border-width: .125rem;
    padding: .0625rem;
    background-color: #fff;
    border-color: #757575
}

.theme-dark .progress {
    background-color: #000;
    border-color: #d2d2d2
}

.progress-bar {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    outline: .125rem solid transparent;
    outline-offset: -.1875rem;
    transition: width .6s ease;
    background-color: #f97141;
    color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.theme-dark .progress-bar {
    background-color: #3aa0fa;
    color: #000
}

html:not([dir=rtl]) .progress-bar {
    margin-left: .0625rem
}

html[dir=rtl] .progress-bar {
    margin-right: .0625rem
}

html:not([dir=rtl]) .progress-bar:first-of-type {
    margin-left: 0
}

html[dir=rtl] .progress-bar:first-of-type {
    margin-right: 0
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: .5rem .5rem
}

.show-more-show-less .show-more-show-less-toggleable-content:focus {
    outline: 0
}

.show-more-show-less .action-trigger[aria-expanded=true]::before {
    content: ""
}

.show-more-show-less .action-trigger[aria-expanded=false]::before {
    content: ""
}

.spinner {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    padding: .35625rem
}

.spinner .spinner-dot {
    position: absolute;
    transform: rotate(225deg);
    -webkit-animation: orbit 5.5s infinite;
    animation: orbit 5.5s infinite;
    width: 1.6625rem;
    height: 1.6625rem
}

.spinner .spinner-dot::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: .1875rem;
    height: .1875rem;
    border: #f97141 .09375rem solid;
    background: #f97141
}

.theme-dark .spinner .spinner-dot::after {
    background: #3aa0fa
}

.spinner .spinner-dot.spinner-dot-2 {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms
}

.spinner .spinner-dot.spinner-dot-3 {
    -webkit-animation-delay: 480ms;
    animation-delay: 480ms
}

.spinner .spinner-dot.spinner-dot-4 {
    -webkit-animation-delay: 720ms;
    animation-delay: 720ms
}

.spinner .spinner-dot.spinner-dot-5 {
    -webkit-animation-delay: 960ms;
    animation-delay: 960ms
}

.spinner.spinner-lg {
    width: 5.625rem;
    height: 5.625rem;
    padding: .84375rem
}

.spinner.spinner-lg .spinner-dot {
    width: 3.99375rem;
    height: 3.99375rem
}

.spinner.spinner-lg .spinner-dot::after {
    width: .375rem;
    height: .375rem;
    border-width: .1875rem
}

@media screen and (prefers-reduced-motion:reduce),(update:slow) {
    .spinner-dot,.spinner-dot::after {
        display: none
    }

    .spinner>.sr-only {
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        white-space: inherit
    }
}

@-webkit-keyframes orbit {
    0% {
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    7% {
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    30% {
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    39% {
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    70% {
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    76% {
        transform: rotate(945deg);
        opacity: 0
    }

    100% {
        transform: rotate(945deg);
        opacity: 0
    }
}

@keyframes orbit {
    0% {
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    7% {
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    30% {
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    39% {
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    70% {
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    76% {
        transform: rotate(945deg);
        opacity: 0
    }

    100% {
        transform: rotate(945deg);
        opacity: 0
    }
}

.sticky {
    --vw: 100vw;
    --container-padding: 1.5rem;
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-start;
    z-index: 1020;
    pointer-events: none
}

@media (min-width: 1084px) {
    .sticky {
        --container-padding:calc(var(--vw) * 0.1)
    }
}

@media (min-width: 1777.77778px) {
    .sticky {
        --container-padding:calc(var(--vw) - 1600px)
    }
}

.sticky>* {
    pointer-events: auto
}

.sticky.sticky-direction-top {
    top: 0
}

.sticky.sticky-direction-bottom {
    bottom: 0
}

.sticky:not(.stuck)[class*=bg-],.sticky:not(.stuck)[class*=material-] {
    background-color: transparent!important
}

.sticky:not(.stuck) .sticky-show-stuck {
    display: none
}

.sticky.get-height .sticky-show-stuck {
    visibility: hidden;
    opacity: 0
}

.sticky.stuck {
    pointer-events: auto
}

.sticky.stuck .sticky-hide-stuck {
    display: none
}

@media (max-width: 539.98px) {
    .sticky.stuck.stuck-full-width-xs {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-xs {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-xs {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-xs {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-xs {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 859.98px) {
    .sticky.stuck.stuck-full-width-sm {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-sm {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-sm {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-sm {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-sm {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 1083.98px) {
    .sticky.stuck.stuck-full-width-md {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-md {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-md {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-md {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-md {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 1399.98px) {
    .sticky.stuck.stuck-full-width-lg {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-lg {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-lg {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-lg {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-lg {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

.sticky.stuck.stuck-full-width {
    width: var(--vw);
    padding-right: calc(var(--container-padding)/ 2);
    padding-left: calc(var(--container-padding)/ 2)
}

html:not([dir=rtl]) .sticky.stuck.stuck-full-width {
    margin-left: calc(var(--container-padding)/ -2)
}

html[dir=rtl] .sticky.stuck.stuck-full-width {
    margin-right: calc(var(--container-padding)/ -2)
}

.sticky.stuck.sticky-direction-top.stuck-depth {
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
}

.sticky.stuck.sticky-direction-bottom.stuck-depth {
    box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
}

.tab-arrows [tabindex]:focus,.tab-group [tabindex]:focus {
    outline: .1875rem dotted currentColor!important;
    z-index: 2
}

.tab-content,.tab-panel-group {
    margin-top: 3rem
}

.tab-content>.tab-pane,.tab-content>.tab-panel,.tab-panel-group>.tab-pane,.tab-panel-group>.tab-panel {
    display: none
}

.tab-content>.tab-pane:focus,.tab-content>.tab-panel:focus,.tab-panel-group>.tab-pane:focus,.tab-panel-group>.tab-panel:focus {
    outline: .1875rem dotted currentColor
}

.tab-content>.tab-pane:focus:not(:focus-visible),.tab-content>.tab-panel:focus:not(:focus-visible),.tab-panel-group>.tab-pane:focus:not(:focus-visible),.tab-panel-group>.tab-panel:focus:not(:focus-visible) {
    outline: 0
}

.tab-content>.tab-pane:focus-visible,.tab-content>.tab-panel:focus-visible,.tab-panel-group>.tab-pane:focus-visible,.tab-panel-group>.tab-panel:focus-visible {
    outline: .1875rem dotted currentColor
}

.tab-content>.active,.tab-panel-group>.active {
    display: block
}

.tab-overflow {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

.tab-overflow::-webkit-scrollbar {
    display: none
}

.tab-group {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 0
}

.tab-standard .tab-group {
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-color: #505050
}

.theme-dark .tab-standard .tab-group {
    border-color: #e6e6e6
}

.tab-underline .tab-group {
    border-bottom: .0625rem solid #858585
}

.theme-dark .tab-underline .tab-group {
    border-bottom: .0625rem solid #757575
}

.tab-group a,.tab-group button {
    flex: 0 0 auto
}

.tab-outline .tab-group a span,.tab-outline .tab-group button span {
    max-width: 12rem;
    line-height: 1.25
}

.tab-group a:not(.tab-image),.tab-group button:not(.tab-image) {
    color: #505050;
    border-style: solid;
    border-width: .125rem;
    font-weight: 600;
    text-decoration: none
}

.theme-dark .tab-group a:not(.tab-image),.theme-dark .tab-group button:not(.tab-image) {
    color: #e6e6e6
}

.tab-standard .tab-group a:not(.tab-image),.tab-standard .tab-group button:not(.tab-image) {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: none;
    padding: .5rem .75rem
}

html:not([dir=rtl]) .tab-standard .tab-group a:not(.tab-image):not(:first-child),html:not([dir=rtl]) .tab-standard .tab-group button:not(.tab-image):not(:first-child) {
    margin-left: -.125rem
}

html[dir=rtl] .tab-standard .tab-group a:not(.tab-image):not(:last-child),html[dir=rtl] .tab-standard .tab-group button:not(.tab-image):not(:last-child) {
    margin-left: -.125rem
}

.tab-underline .tab-group a:not(.tab-image),.tab-underline .tab-group button:not(.tab-image) {
    border: transparent;
    border-bottom: .0625rem transparent solid;
    border-radius: .375rem .375rem 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .375rem .75rem;
    margin: 0 .0625rem
}

.tab-underline .tab-group a:not(.tab-image) span,.tab-underline .tab-group button:not(.tab-image) span {
    max-width: 12rem
}

html:not([dir=rtl]) .tab-underline .tab-group a:not(.tab-image)::before,html:not([dir=rtl]) .tab-underline .tab-group button:not(.tab-image)::before {
    margin-right: .5rem
}

html[dir=rtl] .tab-underline .tab-group a:not(.tab-image)::before,html[dir=rtl] .tab-underline .tab-group button:not(.tab-image)::before {
    margin-left: .5rem
}

.tab-outline .tab-group a:not(.tab-image),.tab-outline .tab-group button:not(.tab-image) {
    display: flex;
    align-items: center;
    position: relative;
    padding: .25rem .75rem;
    border-radius: .625rem
}

.tab-outline .tab-group a:not(.tab-image)::after,.tab-outline .tab-group button:not(.tab-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + .125rem * 2);
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    background: #e6e6e6
}

.theme-dark .tab-outline .tab-group a:not(.tab-image)::after,.theme-dark .tab-outline .tab-group button:not(.tab-image)::after {
    background: #505050
}

html:not([dir=rtl]) .tab-outline .tab-group a:not(.tab-image)::after,html:not([dir=rtl]) .tab-outline .tab-group button:not(.tab-image)::after {
    right: calc((.625rem / 2 + .35rem) * -1)
}

html[dir=rtl] .tab-outline .tab-group a:not(.tab-image)::after,html[dir=rtl] .tab-outline .tab-group button:not(.tab-image)::after {
    left: calc((.625rem / 2 + .35rem) * -1)
}

.tab-outline .tab-group a:not(.tab-image):last-child::after,.tab-outline .tab-group button:not(.tab-image):last-child::after {
    content: none
}

.tab-group a:not(.tab-image):not(.active),.tab-group button:not(.tab-image):not(.active) {
    transition: all 125ms ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .tab-group a:not(.tab-image):not(.active),.tab-group button:not(.tab-image):not(.active) {
        transition: none
    }
}

.tab-standard .tab-group a:not(.tab-image):not(.active),.tab-standard .tab-group button:not(.tab-image):not(.active) {
    background: #f2f2f2;
    border-color: #d2d2d2;
    margin-top: .25rem
}

.theme-dark .tab-standard .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-standard .tab-group button:not(.tab-image):not(.active) {
    background: rgba(242,242,242,.15);
    border-color: #757575
}

.tab-underline .tab-group a:not(.tab-image):not(.active),.tab-underline .tab-group button:not(.tab-image):not(.active) {
    color: #505050
}

.theme-dark .tab-underline .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-underline .tab-group button:not(.tab-image):not(.active) {
    color: #a2a2a2
}

.tab-outline .tab-group a:not(.tab-image):not(.active),.tab-outline .tab-group button:not(.tab-image):not(.active) {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.theme-dark .tab-outline .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-outline .tab-group button:not(.tab-image):not(.active) {
    background: #505050;
    border-color: #505050
}

.tab-group a:not(.tab-image):not(.active):focus,.tab-group a:not(.tab-image):not(.active):hover,.tab-group button:not(.tab-image):not(.active):focus,.tab-group button:not(.tab-image):not(.active):hover {
    color: #000
}

.theme-dark .tab-group a:not(.tab-image):not(.active):focus,.theme-dark .tab-group a:not(.tab-image):not(.active):hover,.theme-dark .tab-group button:not(.tab-image):not(.active):focus,.theme-dark .tab-group button:not(.tab-image):not(.active):hover {
    color: #fff
}

.tab-standard .tab-group a:not(.tab-image):not(.active):focus,.tab-standard .tab-group a:not(.tab-image):not(.active):hover,.tab-standard .tab-group button:not(.tab-image):not(.active):focus,.tab-standard .tab-group button:not(.tab-image):not(.active):hover {
    margin-top: 0;
    padding-top: .75rem
}

.tab-underline .tab-group a:not(.tab-image):focus,.tab-underline .tab-group a:not(.tab-image):hover,.tab-underline .tab-group button:not(.tab-image):focus,.tab-underline .tab-group button:not(.tab-image):hover {
    background: #e6e6e6;
    color: #171717
}

.theme-dark .tab-underline .tab-group a:not(.tab-image):focus,.theme-dark .tab-underline .tab-group a:not(.tab-image):hover,.theme-dark .tab-underline .tab-group button:not(.tab-image):focus,.theme-dark .tab-underline .tab-group button:not(.tab-image):hover {
    background: #505050;
    color: #f2f2f2
}

.tab-outline .tab-group a:not(.tab-image):focus,.tab-outline .tab-group a:not(.tab-image):hover,.tab-outline .tab-group button:not(.tab-image):focus,.tab-outline .tab-group button:not(.tab-image):hover {
    z-index: auto
}

.tab-group a:not(.tab-image):focus,.tab-group button:not(.tab-image):focus {
    outline-offset: -.375rem
}

.tab-underline .tab-group a:not(.tab-image):focus,.tab-underline .tab-group button:not(.tab-image):focus {
    outline-offset: -.1875rem
}

.tab-group .glyph-prepend::before {
    vertical-align: text-bottom
}

.tab-outline .tab-group .glyph-prepend::before {
    padding-top: .125rem
}

html:not([dir=rtl]) .tab-outline .tab-group .glyph-prepend::before {
    padding-right: .5rem
}

html[dir=rtl] .tab-outline .tab-group .glyph-prepend::before {
    padding-left: .5rem
}

.tab-group .active:not(.tab-image) {
    border-color: #505050;
    color: #000;
    z-index: 1
}

.theme-dark .tab-group .active:not(.tab-image) {
    border-color: #e6e6e6;
    color: #fff
}

.tab-standard .tab-group .active:not(.tab-image) {
    background: #fff;
    padding-top: .75rem;
    margin-bottom: -.125rem
}

.theme-dark .tab-standard .tab-group .active:not(.tab-image) {
    background: #000
}

.tab-underline .tab-group .active:not(.tab-image) {
    color: #171717
}

.theme-dark .tab-underline .tab-group .active:not(.tab-image) {
    color: #f2f2f2
}

.tab-underline .tab-group .active:not(.tab-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    bottom: -.125rem;
    left: 0;
    right: 0;
    border-radius: .125rem .125rem 0 0;
    background: #f97141
}

.theme-dark .tab-underline .tab-group .active:not(.tab-image)::after {
    background: #3aa0fa
}

.tab-outline .tab-group .active:not(.tab-image) {
    padding: .25rem .75rem;
    z-index: auto;
    background-color: #fff;
    border-color: #f97141
}

.theme-dark .tab-outline .tab-group .active:not(.tab-image) {
    background-color: #000;
    border-color: #3aa0fa
}

@media screen and (-ms-high-contrast:black-on-white) {
    .tab-group .active:not(.tab-image) {
        background: #000;
        border-color: #fff;
        color: #fff
    }
}

@media screen and (-ms-high-contrast:white-on-black) {
    .tab-group .active:not(.tab-image) {
        background: #fff;
        border-color: #000;
        color: #000
    }
}

.sticky.stuck .tab-group {
    border-bottom: none
}

.sticky.stuck .tab-group a:active,.sticky.stuck .tab-group a:focus,.sticky.stuck .tab-group button:active,.sticky.stuck .tab-group button:focus {
    margin-bottom: 0
}

.tab-primary .tab-group {
    border-color: #f97141
}

.theme-dark .tab-primary .tab-group {
    border-color: #3aa0fa
}

.tab-primary .tab-group a:not(.tab-image),.tab-primary .tab-group button:not(.tab-image) {
    color: #f97141
}

.theme-dark .tab-primary .tab-group a:not(.tab-image),.theme-dark .tab-primary .tab-group button:not(.tab-image) {
    color: #3aa0fa
}

.tab-primary .tab-group a:not(.tab-image):not(.active),.tab-primary .tab-group button:not(.tab-image):not(.active) {
    border-color: rgba(0,103,184,.1);
    background: rgba(0,103,184,.1)
}

.theme-dark .tab-primary .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-primary .tab-group button:not(.tab-image):not(.active) {
    border-color: rgba(0,103,184,.1);
    background: rgba(0,103,184,.3)
}

.tab-primary .tab-group .active {
    border-color: #f97141
}

.theme-dark .tab-primary .tab-group .active {
    border-color: #3aa0fa
}

.tab-arrows {
    display: none
}

.tab-arrows .arrow-next,.tab-arrows .arrow-prev {
    color: #000;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0 .65rem;
    border: none;
    transition: all 125ms ease-in-out;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .tab-arrows .arrow-next,.tab-arrows .arrow-prev {
        transition: none
    }
}

.theme-dark .tab-arrows .arrow-next,.theme-dark .tab-arrows .arrow-prev {
    color: #fff
}

.tab-standard .tab-arrows .arrow-next,.tab-standard .tab-arrows .arrow-prev {
    height: calc(100% - .125rem);
    padding: .75rem .65rem .5rem .65rem
}

.tab-arrows .arrow-next::after,.tab-arrows .arrow-prev::after {
    font-family: MWF-FLUENT-ICONS;
    font-size: 1.25rem;
    transition: transform .6s cubic-bezier(.19,1,.22,1);
    color: inherit
}

@media (prefers-reduced-motion:reduce) {
    .tab-arrows .arrow-next::after,.tab-arrows .arrow-prev::after {
        transition: none
    }
}

.tab-arrows .arrow-prev {
    left: .75rem;
    background: linear-gradient(to right,#fff 75%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows .arrow-prev {
    background: linear-gradient(to right,#000 75%,rgba(0,0,0,0))
}

.tab-arrows .arrow-prev::after {
    content: ""
}

.tab-arrows .arrow-prev:focus,.tab-arrows .arrow-prev:hover {
    transform: translate(-.25rem,0)
}

.tab-arrows .arrow-next {
    background: linear-gradient(to left,#fff 75%,rgba(255,255,255,0));
    right: .75rem
}

.theme-dark .tab-arrows .arrow-next {
    background: linear-gradient(to left,#000 75%,rgba(0,0,0,0))
}

.tab-arrows .arrow-next::after {
    content: ""
}

.tab-arrows .arrow-next:focus,.tab-arrows .arrow-next:hover {
    transform: translate(.25rem,0)
}

.tab-arrows.mobile-arrows .arrow-prev {
    background: linear-gradient(to right,#fff 5%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows.mobile-arrows .arrow-prev {
    background: linear-gradient(to right,#000 5%,rgba(0,0,0,0))
}

.tab-arrows.mobile-arrows .arrow-next {
    background: linear-gradient(to left,#fff 5%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows.mobile-arrows .arrow-next {
    background: linear-gradient(to left,#000 5%,rgba(0,0,0,0))
}

.tab-arrows.mobile-arrows .arrow-next,.tab-arrows.mobile-arrows .arrow-prev {
    pointer-events: none
}

.tab-arrows.mobile-arrows .arrow-next::after,.tab-arrows.mobile-arrows .arrow-prev::after {
    color: transparent
}

.tab-arrows-lg .arrow-next,.tab-arrows-lg .arrow-prev {
    padding: .5rem
}

.tab-arrows-lg .arrow-next::after,.tab-arrows-lg .arrow-prev::after {
    font-size: 1.5rem
}

.tab-image {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: 600;
    padding-top: .1875rem
}

.theme-dark .tab-image {
    color: #fff
}

html:not([dir=rtl]) .tab-image:first-child {
    margin-left: .1875rem
}

html[dir=rtl] .tab-image:first-child {
    margin-right: .1875rem
}

html:not([dir=rtl]) .tab-image:not(:last-child) {
    margin-right: 1.5rem
}

html[dir=rtl] .tab-image:not(:last-child) {
    margin-left: 1.5rem
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .tab-image:not(:last-child) {
        margin-right:3rem
    }

    html[dir=rtl] .tab-image:not(:last-child) {
        margin-left: 3rem
    }
}

.tab-image.tab-image-xs {
    width: 4rem
}

.tab-image.tab-image-sm {
    width: 4rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-sm {
        width:8rem
    }
}

.tab-image.tab-image-md {
    width: 8rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-md {
        width:10rem
    }
}

.tab-image.tab-image-lg {
    width: 10rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-lg {
        width:12rem
    }
}

.tab-image.tab-image-xl {
    width: 12rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-xl {
        width:25rem
    }
}

.tab-image .tab-image-img {
    border-radius: .3125rem
}

.tab-image:not(.active) .tab-image-img {
    filter: grayscale(100%)
}

.tab-image .tab-image-border {
    border: .1875rem solid transparent;
    border-radius: .625rem;
    padding: .1875rem
}

.tab-image.active .tab-image-border {
    border-color: #f97141
}

.theme-dark .tab-image.active .tab-image-border {
    border-color: #3aa0fa
}

.tab-image[href]:focus {
    outline: 0!important
}

.tab-image:focus .tab-image-border {
    outline: .1875rem dotted #000
}

.theme-dark .tab-image:focus .tab-image-border {
    outline-color: #fff
}

.tab-image .tab-image-label {
    display: block;
    padding-top: .5rem;
    text-align: center
}

.tab-image:not(.active):not(:hover):not(:focus) .tab-image-label {
    opacity: 0
}

.tab-image:focus:not(.active),.tab-image:hover:not(.active) {
    color: #757575
}

.theme-dark .tab-image:focus:not(.active),.theme-dark .tab-image:hover:not(.active) {
    color: #d2d2d2
}

.tab-image:focus:not(.active) .tab-image-border,.tab-image:hover:not(.active) .tab-image-border {
    border-color: #a2a2a2
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-top: 0 solid #757575;
    border-bottom: .0625rem solid #757575
}

.table caption {
    caption-side: bottom
}

.table th {
    font-weight: 600
}

.table td,.table th {
    padding: 1.5rem .75rem;
    vertical-align: top;
    border-bottom: .0625rem solid #d2d2d2;
    overflow-wrap: break-word
}

.table thead th {
    vertical-align: bottom;
    border-bottom-color: #757575
}

.table tbody+tbody {
    border-top: .125rem solid #d2d2d2
}

.table .table {
    background-color: #fff
}

.table tr>:first-child {
    padding-left: 1.5rem
}

.table tr>:last-child {
    padding-right: 1.5rem
}

.table td p:first-child,.table td ul:first-child,.table th p:first-child,.table th ul:first-child {
    margin-top: 0;
    padding-top: 0
}

.table td p:last-child,.table td ul:last-child,.table th p:last-child,.table th ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.table tr:last-child td,.table tr:last-child th {
    border-bottom-color: #757575
}

@media (max-width: 539.98px) {
    .table td,.table th {
        padding:.75rem
    }
}

.table-fixed {
    table-layout: fixed
}

.table-sm td,.table-sm th {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.table-lg-headers th {
    font-size: 1.125rem;
    line-height: 1.2
}

@media (min-width: 1084px) {
    .table-lg-headers th {
        font-size:1.1875rem
    }
}

@media (min-width: 1400px) {
    .table-lg-headers th {
        font-size:1.3125rem
    }
}

.table-bordered {
    border: .0625rem solid #757575
}

.table-bordered td,.table-bordered th {
    border-left: .0625rem solid #d2d2d2;
    border-right: .0625rem solid #d2d2d2
}

.table-bordered td:first-child,.table-bordered th:first-child {
    border-left: none
}

.table-bordered td:last-child,.table-bordered th:last-child {
    border-right: none
}

.table-borderless {
    border: 0
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(230,230,230,.5)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #e6f0f8
}

.table-hover .table-primary:hover {
    background-color: #d2e4f2
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #d2e4f2
}

.table-primary-alt,.table-primary-alt>td,.table-primary-alt>th {
    background-color: #ebf6ff
}

.table-hover .table-primary-alt:hover {
    background-color: #d2ebff
}

.table-hover .table-primary-alt:hover>td,.table-hover .table-primary-alt:hover>th {
    background-color: #d2ebff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #e6e6e6
}

.table-hover .table-secondary:hover {
    background-color: #d9d9d9
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #d9d9d9
}

.table-inverse,.table-inverse>td,.table-inverse>th {
    background-color: #e6e6e6
}

.table-hover .table-inverse:hover {
    background-color: #d9d9d9
}

.table-hover .table-inverse:hover>td,.table-hover .table-inverse:hover>th {
    background-color: #d9d9d9
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fff
}

.table-hover .table-light:hover {
    background-color: #f2f2f2
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #f2f2f2
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #e6e6e6
}

.table-hover .table-dark:hover {
    background-color: #d9d9d9
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #d9d9d9
}

.table-brand,.table-brand>td,.table-brand>th {
    background-color: #e6f0f8
}

.table-hover .table-brand:hover {
    background-color: #d2e4f2
}

.table-hover .table-brand:hover>td,.table-hover .table-brand:hover>th {
    background-color: #d2e4f2
}

.table-brand-light,.table-brand-light>td,.table-brand-light>th {
    background-color: #eefdff
}

.table-hover .table-brand-light:hover {
    background-color: #d5faff
}

.table-hover .table-brand-light:hover>td,.table-hover .table-brand-light:hover>th {
    background-color: #d5faff
}

.table-brand-dark,.table-brand-dark>td,.table-brand-dark>th {
    background-color: #e9ebef
}

.table-hover .table-brand-dark:hover {
    background-color: #dadee4
}

.table-hover .table-brand-dark:hover>td,.table-hover .table-brand-dark:hover>th {
    background-color: #dadee4
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(230,230,230,.5)
}

.table-hover .table-active:hover {
    background-color: rgba(217,217,217,.5)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(217,217,217,.5)
}

.table .thead-highlight th {
    color: #000;
    background-color: rgba(230,230,230,.5);
    border-color: #d2d2d2
}

.table-first-col-highlight :not(thead)>tr>th {
    background-color: rgba(230,230,230,.5)
}

.table-caption-top caption {
    caption-side: top
}

.table[role=presentation] {
    border-width: .0625rem
}

@media (max-width: 539.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 859.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 1083.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.theme-dark {
    background-color: #000;
    color: #fff
}

.theme-dark a {
    color: #3aa0fa
}

.material-surface {
    background-color: #f2f2f2;
    color: #000
}

.material-surface a {
    color: #F9F9F9 !important;
}

.theme-dark .material-surface {
    background-color: #171717;
    color: #fff
}

.theme-dark .material-surface a {
    color: #3aa0fa
}

.material-card {
    background-color: #fff;
    color: #000;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
}

.material-card a {
    color: #f97141
}

.theme-dark .material-card {
    background-color: #2f2f2f;
    color: #fff
}

.theme-dark .material-card a {
    color: #3aa0fa
}

.material-backdrop {
    background-color: #fff;
    color: #000
}

.material-backdrop a {
    color: #f97141
}

.theme-dark .material-backdrop {
    background-color: #000;
    color: #fff
}

.theme-dark .material-backdrop a {
    color: #3aa0fa
}

@media (min-width: 540px) {
    .material-sm-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-sm-surface a {
        color: #f97141
    }

    .theme-dark .material-sm-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-sm-surface a {
        color: #3aa0fa
    }

    .material-sm-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-sm-card a {
        color: #f97141
    }

    .theme-dark .material-sm-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-sm-card a {
        color: #3aa0fa
    }

    .material-sm-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-sm-backdrop a {
        color: #f97141
    }

    .theme-dark .material-sm-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-sm-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 860px) {
    .material-md-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-md-surface a {
        color: #f97141
    }

    .theme-dark .material-md-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-md-surface a {
        color: #3aa0fa
    }

    .material-md-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-md-card a {
        color: #f97141
    }

    .theme-dark .material-md-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-md-card a {
        color: #3aa0fa
    }

    .material-md-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-md-backdrop a {
        color: #f97141
    }

    .theme-dark .material-md-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-md-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 1084px) {
    .material-lg-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-lg-surface a {
        color: #f97141
    }

    .theme-dark .material-lg-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-lg-surface a {
        color: #3aa0fa
    }

    .material-lg-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-lg-card a {
        color: #f97141
    }

    .theme-dark .material-lg-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-lg-card a {
        color: #3aa0fa
    }

    .material-lg-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-lg-backdrop a {
        color: #f97141
    }

    .theme-dark .material-lg-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-lg-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 1400px) {
    .material-xl-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-xl-surface a {
        color: #f97141
    }

    .theme-dark .material-xl-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-xl-surface a {
        color: #3aa0fa
    }

    .material-xl-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-xl-card a {
        color: #f97141
    }

    .theme-dark .material-xl-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-xl-card a {
        color: #3aa0fa
    }

    .material-xl-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-xl-backdrop a {
        color: #f97141
    }

    .theme-dark .material-xl-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-xl-backdrop a {
        color: #3aa0fa
    }
}

.material-color-brand,.material-color-primary,.theme-dark .material-color-brand,.theme-dark .material-color-primary-alt {
    background-color: #f97141;
    color: #fff
}

.material-color-brand a,.material-color-primary a,.theme-dark .material-color-brand a,.theme-dark .material-color-primary-alt a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-brand,.material-sm-color-primary,.theme-dark .material-sm-color-brand,.theme-dark .material-sm-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-sm-color-brand a,.material-sm-color-primary a,.theme-dark .material-sm-color-brand a,.theme-dark .material-sm-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-brand,.material-md-color-primary,.theme-dark .material-md-color-brand,.theme-dark .material-md-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-md-color-brand a,.material-md-color-primary a,.theme-dark .material-md-color-brand a,.theme-dark .material-md-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand,.material-lg-color-primary,.theme-dark .material-lg-color-brand,.theme-dark .material-lg-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-lg-color-brand a,.material-lg-color-primary a,.theme-dark .material-lg-color-brand a,.theme-dark .material-lg-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand,.material-xl-color-primary,.theme-dark .material-xl-color-brand,.theme-dark .material-xl-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-xl-color-brand a,.material-xl-color-primary a,.theme-dark .material-xl-color-brand a,.theme-dark .material-xl-color-primary-alt a {
        color: #fff
    }
}

.material-color-primary-alt,.theme-dark .material-color-primary {
    background-color: #3aa0fa;
    color: #000
}

.material-color-primary-alt a,.theme-dark .material-color-primary a {
    color: #000
}

@media (min-width: 540px) {
    .material-sm-color-primary-alt,.theme-dark .material-sm-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-sm-color-primary-alt a,.theme-dark .material-sm-color-primary a {
        color: #000
    }
}

@media (min-width: 860px) {
    .material-md-color-primary-alt,.theme-dark .material-md-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-md-color-primary-alt a,.theme-dark .material-md-color-primary a {
        color: #000
    }
}

@media (min-width: 1084px) {
    .material-lg-color-primary-alt,.theme-dark .material-lg-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-lg-color-primary-alt a,.theme-dark .material-lg-color-primary a {
        color: #000
    }
}

@media (min-width: 1400px) {
    .material-xl-color-primary-alt,.theme-dark .material-xl-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-xl-color-primary-alt a,.theme-dark .material-xl-color-primary a {
        color: #000
    }
}

.material-color-light,.theme-dark .material-color-inverse,.theme-dark .material-color-light,.theme-dark .material-color-secondary {
    background-color: #fff;
    color: #000
}

.material-color-light a,.theme-dark .material-color-inverse a,.theme-dark .material-color-light a,.theme-dark .material-color-secondary a {
    color: #f97141
}

@media (min-width: 540px) {
    .material-sm-color-light,.theme-dark .material-sm-color-inverse,.theme-dark .material-sm-color-light,.theme-dark .material-sm-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-sm-color-light a,.theme-dark .material-sm-color-inverse a,.theme-dark .material-sm-color-light a,.theme-dark .material-sm-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 860px) {
    .material-md-color-light,.theme-dark .material-md-color-inverse,.theme-dark .material-md-color-light,.theme-dark .material-md-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-md-color-light a,.theme-dark .material-md-color-inverse a,.theme-dark .material-md-color-light a,.theme-dark .material-md-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 1084px) {
    .material-lg-color-light,.theme-dark .material-lg-color-inverse,.theme-dark .material-lg-color-light,.theme-dark .material-lg-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-lg-color-light a,.theme-dark .material-lg-color-inverse a,.theme-dark .material-lg-color-light a,.theme-dark .material-lg-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 1400px) {
    .material-xl-color-light,.theme-dark .material-xl-color-inverse,.theme-dark .material-xl-color-light,.theme-dark .material-xl-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-xl-color-light a,.theme-dark .material-xl-color-inverse a,.theme-dark .material-xl-color-light a,.theme-dark .material-xl-color-secondary a {
        color: #f97141
    }
}

.material-color-dark,.material-color-inverse,.material-color-secondary,.theme-dark .material-color-dark {
    background-color: #000;
    color: #fff
}

.material-color-dark a,.material-color-inverse a,.material-color-secondary a,.theme-dark .material-color-dark a {
    color: #3aa0fa
}

@media (min-width: 540px) {
    .material-sm-color-dark,.material-sm-color-inverse,.material-sm-color-secondary,.theme-dark .material-sm-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-sm-color-dark a,.material-sm-color-inverse a,.material-sm-color-secondary a,.theme-dark .material-sm-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 860px) {
    .material-md-color-dark,.material-md-color-inverse,.material-md-color-secondary,.theme-dark .material-md-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-md-color-dark a,.material-md-color-inverse a,.material-md-color-secondary a,.theme-dark .material-md-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 1084px) {
    .material-lg-color-dark,.material-lg-color-inverse,.material-lg-color-secondary,.theme-dark .material-lg-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-lg-color-dark a,.material-lg-color-inverse a,.material-lg-color-secondary a,.theme-dark .material-lg-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 1400px) {
    .material-xl-color-dark,.material-xl-color-inverse,.material-xl-color-secondary,.theme-dark .material-xl-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-xl-color-dark a,.material-xl-color-inverse a,.material-xl-color-secondary a,.theme-dark .material-xl-color-dark a {
        color: #3aa0fa
    }
}

.material-color-neutral-100,.theme-dark .material-color-neutral-400 {
    background-color: #e6e6e6;
    color: #000
}

.material-color-neutral-100 a,.theme-dark .material-color-neutral-400 a {
    color: #f97141
}

@media (min-width: 540px) {
    .material-sm-color-neutral-100,.theme-dark .material-sm-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-sm-color-neutral-100 a,.theme-dark .material-sm-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-100,.theme-dark .material-md-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-md-color-neutral-100 a,.theme-dark .material-md-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-100,.theme-dark .material-lg-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-lg-color-neutral-100 a,.theme-dark .material-lg-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-100,.theme-dark .material-xl-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-xl-color-neutral-100 a,.theme-dark .material-xl-color-neutral-400 a {
        color: #f97141
    }
}

.material-color-neutral-200,.theme-dark .material-color-neutral-300 {
    background-color: #d2d2d2;
    color: #000
}

.material-color-neutral-200 a,.theme-dark .material-color-neutral-300 a {
    color: #000
}

@media (min-width: 540px) {
    .material-sm-color-neutral-200,.theme-dark .material-sm-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-sm-color-neutral-200 a,.theme-dark .material-sm-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-200,.theme-dark .material-md-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-md-color-neutral-200 a,.theme-dark .material-md-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-200,.theme-dark .material-lg-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-lg-color-neutral-200 a,.theme-dark .material-lg-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-200,.theme-dark .material-xl-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-xl-color-neutral-200 a,.theme-dark .material-xl-color-neutral-300 a {
        color: #000
    }
}

.material-color-neutral-300,.theme-dark .material-color-neutral-200 {
    background-color: #757575;
    color: #fff
}

.material-color-neutral-300 a,.theme-dark .material-color-neutral-200 a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-neutral-300,.theme-dark .material-sm-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-sm-color-neutral-300 a,.theme-dark .material-sm-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-300,.theme-dark .material-md-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-md-color-neutral-300 a,.theme-dark .material-md-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-300,.theme-dark .material-lg-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-lg-color-neutral-300 a,.theme-dark .material-lg-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-300,.theme-dark .material-xl-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-xl-color-neutral-300 a,.theme-dark .material-xl-color-neutral-200 a {
        color: #fff
    }
}

.material-color-neutral-400,.theme-dark .material-color-neutral-100 {
    background-color: #505050;
    color: #fff
}

.material-color-neutral-400 a,.theme-dark .material-color-neutral-100 a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-neutral-400,.theme-dark .material-sm-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-sm-color-neutral-400 a,.theme-dark .material-sm-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-400,.theme-dark .material-md-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-md-color-neutral-400 a,.theme-dark .material-md-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-400,.theme-dark .material-lg-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-lg-color-neutral-400 a,.theme-dark .material-lg-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-400,.theme-dark .material-xl-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-xl-color-neutral-400 a,.theme-dark .material-xl-color-neutral-100 a {
        color: #fff
    }
}

.material-color-brand-light {
    background-color: #50e6ff;
    color: #000
}

.material-color-brand-light a {
    color: #243a5e
}

@media (min-width: 540px) {
    .material-sm-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-sm-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 860px) {
    .material-md-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-md-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-lg-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-xl-color-brand-light a {
        color: #243a5e
    }
}

.material-color-brand-dark {
    background-color: #243a5e;
    color: #fff
}

.material-color-brand-dark a {
    color: #50e6ff
}

@media (min-width: 540px) {
    .material-sm-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-sm-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 860px) {
    .material-md-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-md-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-lg-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-xl-color-brand-dark a {
        color: #50e6ff
    }
}

.bg-center-contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.bg-center-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.border {
    border-width: .0625rem!important;
    border-style: solid;
    border-color: #d2d2d2
}

.theme-dark .border {
    border-color: #757575
}

.border-top {
    border-top-width: .0625rem!important;
    border-top-style: solid;
    border-top-color: #d2d2d2
}

.theme-dark .border-top {
    border-top-color: #757575
}

html:not([dir=rtl]) .border-right {
    border-right-width: .0625rem!important;
    border-right-style: solid;
    border-right-color: #d2d2d2
}

html[dir=rtl] .border-right {
    border-left-width: .0625rem!important;
    border-left-style: solid;
    border-left-color: #d2d2d2
}

html:not([dir=rtl]) .theme-dark .border-right {
    border-right-color: #757575
}

html[dir=rtl] .theme-dark .border-right {
    border-left-color: #757575
}

.border-bottom {
    border-bottom-width: .0625rem!important;
    border-bottom-style: solid;
    border-bottom-color: #d2d2d2
}

.theme-dark .border-bottom {
    border-bottom-color: #757575
}

html:not([dir=rtl]) .border-left {
    border-left-width: .0625rem!important;
    border-left-style: solid;
    border-left-color: #d2d2d2
}

html[dir=rtl] .border-left {
    border-right-width: .0625rem!important;
    border-right-style: solid;
    border-right-color: #d2d2d2
}

html:not([dir=rtl]) .theme-dark .border-left {
    border-left-color: #757575
}

html[dir=rtl] .theme-dark .border-left {
    border-right-color: #757575
}

html:not([dir=rtl]) .border-width-2 {
    border-width: .125rem!important
}

html:not([dir=rtl]) .border-width-3 {
    border-width: .1875rem!important
}

html:not([dir=rtl]) .border-width-4 {
    border-width: .25rem!important
}

html[dir=rtl] .border-width-2 {
    border-width: .125rem!important
}

html[dir=rtl] .border-width-3 {
    border-width: .1875rem!important
}

html[dir=rtl] .border-width-4 {
    border-width: .25rem!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

html:not([dir=rtl]) .border-right-0 {
    border-right: 0!important
}

html[dir=rtl] .border-right-0 {
    border-left: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

html:not([dir=rtl]) .border-left-0 {
    border-left: 0!important
}

html[dir=rtl] .border-left-0 {
    border-right: 0!important
}

.border-gray-100 {
    border-color: #f2f2f2!important
}

.border-gray-200,.border-neutral-100,.theme-dark .border-neutral-400 {
    border-color: #e6e6e6!important
}

.border-gray-300,.border-neutral-200,.theme-dark .border-neutral-300 {
    border-color: #d2d2d2!important
}

.border-gray-400 {
    border-color: #a2a2a2!important
}

.border-gray-475 {
    border-color: #858585!important
}

.border-gray-500,.border-neutral-300,.theme-dark .border-neutral-200 {
    border-color: #757575!important
}

.border-gray-600,.border-neutral-400,.theme-dark .border-neutral-100 {
    border-color: #505050!important
}

.border-gray-700 {
    border-color: #404040!important
}

.border-gray-800 {
    border-color: #2f2f2f!important
}

.border-gray-900 {
    border-color: #171717!important
}

.border-blue,.border-brand,.border-primary,.theme-dark .border-primary-alt {
    border-color: #f97141!important
}

.border-orange {
    border-color: #d83b01!important
}

.border-green {
    border-color: #107c10!important
}

.border-purple {
    border-color: #8661c5!important
}

.border-yellow {
    border-color: #ffb900!important
}

.border-teal {
    border-color: #008575!important
}

.border-brand-dark,.border-dark-blue {
    border-color: #243a5e!important
}

.border-dark-orange {
    border-color: #6b2929!important
}

.border-dark-green {
    border-color: #054b16!important
}

.border-dark-purple {
    border-color: #3b2e58!important
}

.border-dark-yellow {
    border-color: #6a4b16!important
}

.border-dark-teal {
    border-color: #274b47!important
}

.border-brand-light,.border-light-blue {
    border-color: #50e6ff!important
}

.border-light-orange {
    border-color: #ff9349!important
}

.border-light-green {
    border-color: #9bf00b!important
}

.border-light-purple {
    border-color: #d59dff!important
}

.border-light-yellow {
    border-color: #fef000!important
}

.border-light-teal {
    border-color: #30e5d0!important
}

.border-alt-blue,.border-primary-alt,.theme-dark .border-primary {
    border-color: #3aa0fa!important
}

.border-alt-orange {
    border-color: #f7894a!important
}

.border-alt-green {
    border-color: #5dc21e!important
}

.border-light,.border-white,.theme-dark .border-inverse,.theme-dark .border-secondary {
    border-color: #fff!important
}

.border-black,.border-dark,.border-inverse,.border-secondary {
    border-color: #000!important
}

.border-transparent {
    border-color: transparent!important
}

.border-current-color {
    border-color: currentColor!important
}

.rounded-sm {
    border-radius: .1rem!important
}

.rounded {
    border-radius: .125rem!important
}

.rounded-top {
    border-top-left-radius: .125rem!important;
    border-top-right-radius: .125rem!important
}

html:not([dir=rtl]) .rounded-right {
    border-top-right-radius: .125rem!important;
    border-bottom-right-radius: .125rem!important
}

html[dir=rtl] .rounded-right {
    border-top-left-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

html:not([dir=rtl]) .rounded-left {
    border-top-left-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

html[dir=rtl] .rounded-left {
    border-top-right-radius: .125rem!important;
    border-bottom-right-radius: .125rem!important
}

.rounded-lg {
    border-radius: .2rem!important
}

.rounded-xl {
    border-radius: .5rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.bg-gray-100 {
    background-color: #f2f2f2!important;
    color: #000
}

.bg-gray-200,.bg-neutral-100,.theme-dark .bg-neutral-400 {
    background-color: #e6e6e6!important;
    color: #000
}

.bg-gray-300,.bg-neutral-200,.theme-dark .bg-neutral-300 {
    background-color: #d2d2d2!important;
    color: #000
}

.bg-gray-400 {
    background-color: #a2a2a2!important;
    color: #000
}

.bg-gray-475 {
    background-color: #858585!important;
    color: #000
}

.bg-gray-500,.bg-neutral-300,.theme-dark .bg-neutral-200 {
    background-color: #757575!important;
    color: #fff
}

.bg-gray-600,.bg-neutral-400,.theme-dark .bg-neutral-100 {
    background-color: #505050!important;
    color: #fff
}

.bg-gray-700 {
    background-color: #404040!important;
    color: #fff
}

.bg-gray-800 {
    background-color: #2f2f2f!important;
    color: #fff
}

.bg-gray-900 {
    background-color: #171717!important;
    color: #fff
}

.bg-blue,.bg-brand,.bg-primary,.theme-dark .bg-primary-alt {
    background-color: #f97141!important;
    color: #fff
}

.bg-orange {
    background-color: #d83b01!important;
    color: #fff
}

.bg-green {
    background-color: #107c10!important;
    color: #fff
}

.bg-purple {
    background-color: #8661c5!important;
    color: #fff
}

.bg-yellow {
    background-color: #ffb900!important;
    color: #000
}

.bg-teal {
    background-color: #008575!important;
    color: #fff
}

.bg-brand-dark,.bg-dark-blue {
    background-color: #243a5e!important;
    color: #fff
}

.bg-dark-orange {
    background-color: #6b2929!important;
    color: #fff
}

.bg-dark-green {
    background-color: #054b16!important;
    color: #fff
}

.bg-dark-purple {
    background-color: #3b2e58!important;
    color: #fff
}

.bg-dark-yellow {
    background-color: #6a4b16!important;
    color: #fff
}

.bg-dark-teal {
    background-color: #274b47!important;
    color: #fff
}

.bg-brand-light,.bg-light-blue {
    background-color: #50e6ff!important;
    color: #000
}

.bg-light-orange {
    background-color: #ff9349!important;
    color: #000
}

.bg-light-green {
    background-color: #9bf00b!important;
    color: #000
}

.bg-light-purple {
    background-color: #d59dff!important;
    color: #000
}

.bg-light-yellow {
    background-color: #fef000!important;
    color: #000
}

.bg-light-teal {
    background-color: #30e5d0!important;
    color: #000
}

.bg-alt-blue,.bg-primary-alt,.theme-dark .bg-primary {
    background-color: #3aa0fa!important;
    color: #000
}

.bg-alt-orange {
    background-color: #f7894a!important;
    color: #000
}

.bg-alt-green {
    background-color: #5dc21e!important;
    color: #000
}

.bg-light,.bg-white,.theme-dark .bg-inverse,.theme-dark .bg-secondary {
    background-color: #fff!important;
    color: #000
}

.bg-black,.bg-dark,.bg-inverse,.bg-secondary {
    background-color: #000!important;
    color: #fff
}

.bg-body {
    background-color: #fff!important;
    color: #000
}

.theme-dark .bg-body {
    background-color: #000!important;
    color: #fff
}

.bg-transparent,.bg-transparent-text-dark,.bg-transparent-text-light {
    background-color: transparent!important
}

.bg-transparent-text-dark {
    color: #000!important
}

.bg-transparent-text-light {
    color: #fff!important
}

.bg-transparent-text-dark a:not(.btn),.bg-transparent-text-light a:not(.btn) {
    color: inherit
}

@media screen and (-ms-high-contrast:active) {
    .bg-transparent,.bg-transparent-text-dark,.bg-transparent-text-light {
        background-color: window!important;
        color: windowText!important
    }
}

@media (min-width: 540px) {
    .bg-sm-transparent,.bg-sm-transparent-text-dark,.bg-sm-transparent-text-light {
        background-color:transparent!important
    }

    .bg-sm-transparent-text-dark {
        color: #000!important
    }

    .bg-sm-transparent-text-light {
        color: #fff!important
    }

    .bg-sm-transparent-text-dark a:not(.btn),.bg-sm-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 540px) and (-ms-high-contrast:active) {
    .bg-sm-transparent,.bg-sm-transparent-text-dark,.bg-sm-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 860px) {
    .bg-md-transparent,.bg-md-transparent-text-dark,.bg-md-transparent-text-light {
        background-color:transparent!important
    }

    .bg-md-transparent-text-dark {
        color: #000!important
    }

    .bg-md-transparent-text-light {
        color: #fff!important
    }

    .bg-md-transparent-text-dark a:not(.btn),.bg-md-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 860px) and (-ms-high-contrast:active) {
    .bg-md-transparent,.bg-md-transparent-text-dark,.bg-md-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 1084px) {
    .bg-lg-transparent,.bg-lg-transparent-text-dark,.bg-lg-transparent-text-light {
        background-color:transparent!important
    }

    .bg-lg-transparent-text-dark {
        color: #000!important
    }

    .bg-lg-transparent-text-light {
        color: #fff!important
    }

    .bg-lg-transparent-text-dark a:not(.btn),.bg-lg-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 1084px) and (-ms-high-contrast:active) {
    .bg-lg-transparent,.bg-lg-transparent-text-dark,.bg-lg-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 1400px) {
    .bg-xl-transparent,.bg-xl-transparent-text-dark,.bg-xl-transparent-text-light {
        background-color:transparent!important
    }

    .bg-xl-transparent-text-dark {
        color: #000!important
    }

    .bg-xl-transparent-text-light {
        color: #fff!important
    }

    .bg-xl-transparent-text-dark a:not(.btn),.bg-xl-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 1400px) and (-ms-high-contrast:active) {
    .bg-xl-transparent,.bg-xl-transparent-text-dark,.bg-xl-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

.depth-none {
    box-shadow: none!important
}

.depth-4 {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
}

.depth-8 {
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
}

.depth-16 {
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
}

.depth-8-dark {
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
}

@media (min-width: 540px) {
    .depth-sm-none {
        box-shadow:none!important
    }

    .depth-sm-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 860px) {
    .depth-md-none {
        box-shadow:none!important
    }

    .depth-md-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 1084px) {
    .depth-lg-none {
        box-shadow:none!important
    }

    .depth-lg-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 1400px) {
    .depth-xl-none {
        box-shadow:none!important
    }

    .depth-xl-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

.depth-none-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: none!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-none-hover::before {
        transition: none
    }
}

.depth-none-hover:focus::before,.depth-none-hover:hover::before {
    opacity: 1
}

.depth-4-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-4-hover::before {
        transition: none
    }
}

.depth-4-hover:focus::before,.depth-4-hover:hover::before {
    opacity: 1
}

.depth-8-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-8-hover::before {
        transition: none
    }
}

.depth-8-hover:focus::before,.depth-8-hover:hover::before {
    opacity: 1
}

.depth-16-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-16-hover::before {
        transition: none
    }
}

.depth-16-hover:focus::before,.depth-16-hover:hover::before {
    opacity: 1
}

.depth-8-dark-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-8-dark-hover::before {
        transition: none
    }
}

.depth-8-dark-hover:focus::before,.depth-8-dark-hover:hover::before {
    opacity: 1
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 540px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 860px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1084px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1400px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

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

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

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

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

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

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

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

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

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

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

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

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 540px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

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

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 860px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

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

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1084px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

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

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1400px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

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

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

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

html:not([dir=rtl]) .float-left {
    float: left!important
}

html[dir=rtl] .float-left {
    float: right!important
}

html:not([dir=rtl]) .float-right {
    float: right!important
}

html[dir=rtl] .float-right {
    float: left!important
}

.float-none {
    float: none!important
}

@media (min-width: 540px) {
    html:not([dir=rtl]) .float-sm-left {
        float:left!important
    }

    html[dir=rtl] .float-sm-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-sm-right {
        float: right!important
    }

    html[dir=rtl] .float-sm-right {
        float: left!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .float-md-left {
        float:left!important
    }

    html[dir=rtl] .float-md-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-md-right {
        float: right!important
    }

    html[dir=rtl] .float-md-right {
        float: left!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 1084px) {
    html:not([dir=rtl]) .float-lg-left {
        float:left!important
    }

    html[dir=rtl] .float-lg-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-lg-right {
        float: right!important
    }

    html[dir=rtl] .float-lg-right {
        float: left!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1400px) {
    html:not([dir=rtl]) .float-xl-left {
        float:left!important
    }

    html[dir=rtl] .float-xl-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-xl-right {
        float: right!important
    }

    html[dir=rtl] .float-xl-right {
        float: left!important
    }

    .float-xl-none {
        float: none!important
    }
}

.glyph-prepend::before {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    line-height: 1
}

.glyph-append::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    line-height: 1
}

.glyph-append-xsmall::after {
    font-size: .8125rem
}

.glyph-prepend-xsmall::before {
    font-size: .8125rem
}

.glyph-append-small::after {
    font-size: 1rem
}

.glyph-prepend-small::before {
    font-size: 1rem
}

.glyph-append-medium::after {
    font-size: 1.25rem
}

.glyph-prepend-medium::before {
    font-size: 1.25rem
}

.glyph-append-large::after {
    font-size: 1.5rem
}

.glyph-prepend-large::before {
    font-size: 1.5rem
}

.glyph-prepend-accept::before {
    content: ""
}

.glyph-append-accept::after {
    content: ""
}

.glyph-prepend-add::before {
    content: ""
}

.glyph-append-add::after {
    content: ""
}

.glyph-prepend-add-friend::before {
    content: ""
}

.glyph-append-add-friend::after {
    content: ""
}

.glyph-prepend-airplane-solid::before {
    content: ""
}

.glyph-append-airplane-solid::after {
    content: ""
}

.glyph-prepend-app-icon-default::before {
    content: ""
}

.glyph-append-app-icon-default::after {
    content: ""
}

.glyph-prepend-azure-logo::before {
    content: ""
}

.glyph-append-azure-logo::after {
    content: ""
}

.glyph-prepend-back::before {
    content: ""
}

.glyph-append-back::after {
    content: ""
}

.glyph-prepend-back-to-window::before {
    content: ""
}

.glyph-append-back-to-window::after {
    content: ""
}

.glyph-prepend-balloons::before {
    content: ""
}

.glyph-append-balloons::after {
    content: ""
}

.glyph-prepend-bulleted-list::before {
    content: ""
}

.glyph-append-bulleted-list::after {
    content: ""
}

.glyph-prepend-bulleted-list-mirrored::before {
    content: ""
}

.glyph-append-bulleted-list-mirrored::after {
    content: ""
}

.glyph-prepend-button-a::before {
    content: ""
}

.glyph-append-button-a::after {
    content: ""
}

.glyph-prepend-button-b::before {
    content: ""
}

.glyph-append-button-b::after {
    content: ""
}

.glyph-prepend-button-menu::before {
    content: ""
}

.glyph-append-button-menu::after {
    content: ""
}

.glyph-prepend-button-x::before {
    content: ""
}

.glyph-append-button-x::after {
    content: ""
}

.glyph-prepend-button-y::before {
    content: ""
}

.glyph-append-button-y::after {
    content: ""
}

.glyph-prepend-calendar::before {
    content: ""
}

.glyph-append-calendar::after {
    content: ""
}

.glyph-prepend-calendar-day::before {
    content: ""
}

.glyph-append-calendar-day::after {
    content: ""
}

.glyph-prepend-calendar-mirrored::before {
    content: ""
}

.glyph-append-calendar-mirrored::after {
    content: ""
}

.glyph-prepend-calendar-week::before {
    content: ""
}

.glyph-append-calendar-week::after {
    content: ""
}

.glyph-prepend-camera::before {
    content: ""
}

.glyph-append-camera::after {
    content: ""
}

.glyph-prepend-camera-main::before {
    content: ""
}

.glyph-append-camera-main::after {
    content: ""
}

.glyph-prepend-cancel::before {
    content: ""
}

.glyph-append-cancel::after {
    content: ""
}

.glyph-prepend-cell-phone::before {
    content: ""
}

.glyph-append-cell-phone::after {
    content: ""
}

.glyph-prepend-chat-bubbles::before {
    content: ""
}

.glyph-append-chat-bubbles::after {
    content: ""
}

.glyph-prepend-checkbox::before {
    content: ""
}

.glyph-append-checkbox::after {
    content: ""
}

.glyph-prepend-checkbox-composite::before {
    content: ""
}

.glyph-append-checkbox-composite::after {
    content: ""
}

.glyph-prepend-checkbox-indeterminate::before {
    content: ""
}

.glyph-append-checkbox-indeterminate::after {
    content: ""
}

.glyph-prepend-check-list::before {
    content: ""
}

.glyph-append-check-list::after {
    content: ""
}

.glyph-prepend-check-mark::before {
    content: ""
}

.glyph-append-check-mark::after {
    content: ""
}

.glyph-prepend-chevron-down::before {
    content: ""
}

.glyph-append-chevron-down::after {
    content: ""
}

.glyph-prepend-chevron-down-6::before {
    content: ""
}

.glyph-append-chevron-down-6::after {
    content: ""
}

.glyph-prepend-chevron-left::before {
    content: ""
}

.glyph-append-chevron-left::after {
    content: ""
}

.glyph-prepend-chevron-left-6::before {
    content: ""
}

.glyph-append-chevron-left-6::after {
    content: ""
}

.glyph-prepend-chevron-right::before {
    content: ""
}

.glyph-append-chevron-right::after {
    content: ""
}

.glyph-prepend-chevron-right-6::before {
    content: ""
}

.glyph-append-chevron-right-6::after {
    content: ""
}

.glyph-prepend-chevron-up::before {
    content: ""
}

.glyph-append-chevron-up::after {
    content: ""
}

.glyph-prepend-chevron-up-6::before {
    content: ""
}

.glyph-append-chevron-up-6::after {
    content: ""
}

.glyph-prepend-circle-fill::before {
    content: ""
}

.glyph-append-circle-fill::after {
    content: ""
}

.glyph-prepend-circle-pause::before {
    content: ""
}

.glyph-append-circle-pause::after {
    content: ""
}

.glyph-prepend-circle-pause-solid::before {
    content: ""
}

.glyph-append-circle-pause-solid::after {
    content: ""
}

.glyph-prepend-circle-play::before {
    content: ""
}

.glyph-append-circle-play::after {
    content: ""
}

.glyph-prepend-circle-play-solid::before {
    content: ""
}

.glyph-append-circle-play-solid::after {
    content: ""
}

.glyph-prepend-circle-plus::before {
    content: ""
}

.glyph-append-circle-plus::after {
    content: ""
}

.glyph-prepend-clear::before {
    content: ""
}

.glyph-append-clear::after {
    content: ""
}

.glyph-prepend-color::before {
    content: ""
}

.glyph-append-color::after {
    content: ""
}

.glyph-prepend-completed::before {
    content: ""
}

.glyph-append-completed::after {
    content: ""
}

.glyph-prepend-contact::before {
    content: ""
}

.glyph-append-contact::after {
    content: ""
}

.glyph-prepend-contact-info::before {
    content: ""
}

.glyph-append-contact-info::after {
    content: ""
}

.glyph-prepend-copy::before {
    content: ""
}

.glyph-append-copy::after {
    content: ""
}

.glyph-prepend-credit-card-bill::before {
    content: ""
}

.glyph-append-credit-card-bill::after {
    content: ""
}

.glyph-prepend-delete::before {
    content: ""
}

.glyph-append-delete::after {
    content: ""
}

.glyph-prepend-delivery-truck::before {
    content: ""
}

.glyph-append-delivery-truck::after {
    content: ""
}

.glyph-prepend-detachable-pc::before {
    content: ""
}

.glyph-append-detachable-pc::after {
    content: ""
}

.glyph-prepend-devices-laptop-tablet::before {
    content: ""
}

.glyph-append-devices-laptop-tablet::after {
    content: ""
}

.glyph-prepend-devices-monitor-phone::before {
    content: ""
}

.glyph-append-devices-monitor-phone::after {
    content: ""
}

.glyph-prepend-diploma::before {
    content: ""
}

.glyph-append-diploma::after {
    content: ""
}

.glyph-prepend-down::before {
    content: ""
}

.glyph-append-down::after {
    content: ""
}

.glyph-prepend-download::before {
    content: ""
}

.glyph-append-download::after {
    content: ""
}

.glyph-prepend-dynamics-365-logo::before {
    content: ""
}

.glyph-append-dynamics-365-logo::after {
    content: ""
}

.glyph-prepend-edge-logo-32::before {
    content: ""
}

.glyph-append-edge-logo-32::after {
    content: ""
}

.glyph-prepend-edge-logo::before {
    content: ""
}

.glyph-append-edge-logo::after {
    content: ""
}

.glyph-prepend-edge-old-logo-32::before {
    content: ""
}

.glyph-append-edge-old-logo-32::after {
    content: ""
}

.glyph-prepend-edge-old-logo::before {
    content: ""
}

.glyph-append-edge-old-logo::after {
    content: ""
}

.glyph-prepend-edit::before {
    content: ""
}

.glyph-append-edit::after {
    content: ""
}

.glyph-prepend-edit-mirrored::before {
    content: ""
}

.glyph-append-edit-mirrored::after {
    content: ""
}

.glyph-prepend-education::before {
    content: ""
}

.glyph-append-education::after {
    content: ""
}

.glyph-prepend-emoji-smile::before {
    content: ""
}

.glyph-append-emoji-smile::after {
    content: ""
}

.glyph-prepend-emoji-disappointed::before {
    content: ""
}

.glyph-append-emoji-disappointed::after {
    content: ""
}

.glyph-prepend-emoji-neutral::before {
    content: ""
}

.glyph-append-emoji-neutral::after {
    content: ""
}

.glyph-prepend-enchance-pop::before {
    content: ""
}

.glyph-append-enchance-pop::after {
    content: ""
}

.glyph-prepend-excel-logo-32::before {
    content: ""
}

.glyph-append-excel-logo-32::after {
    content: ""
}

.glyph-prepend-excel-logo::before {
    content: ""
}

.glyph-append-excel-logo::after {
    content: ""
}

.glyph-prepend-expense-report::before {
    content: ""
}

.glyph-append-expense-report::after {
    content: ""
}

.glyph-prepend-favorite-star::before {
    content: ""
}

.glyph-append-favorite-star::after {
    content: ""
}

.glyph-prepend-favorite-star-fill::before {
    content: ""
}

.glyph-append-favorite-star-fill::after {
    content: ""
}

.glyph-prepend-feedback::before {
    content: ""
}

.glyph-append-feedback::after {
    content: ""
}

.glyph-prepend-filter::before {
    content: ""
}

.glyph-append-filter::after {
    content: ""
}

.glyph-prepend-filters::before {
    content: ""
}

.glyph-append-filters::after {
    content: ""
}

.glyph-prepend-flag::before {
    content: ""
}

.glyph-append-flag::after {
    content: ""
}

.glyph-prepend-folder::before {
    content: ""
}

.glyph-append-folder::after {
    content: ""
}

.glyph-prepend-folder-open::before {
    content: ""
}

.glyph-append-folder-open::after {
    content: ""
}

.glyph-prepend-font-decrease::before {
    content: ""
}

.glyph-append-font-decrease::after {
    content: ""
}

.glyph-prepend-font-increase::before {
    content: ""
}

.glyph-append-font-increase::after {
    content: ""
}

.glyph-prepend-forward::before {
    content: ""
}

.glyph-append-forward::after {
    content: ""
}

.glyph-prepend-full-screen::before {
    content: ""
}

.glyph-append-full-screen::after {
    content: ""
}

.glyph-prepend-game-clubs::before {
    content: ""
}

.glyph-append-game-clubs::after {
    content: ""
}

.glyph-prepend-game-hub::before {
    content: ""
}

.glyph-append-game-hub::after {
    content: ""
}

.glyph-prepend-game-pass-ultimate-inline::before {
    content: ""
}

.glyph-append-game-pass-ultimate-inline::after {
    content: ""
}

.glyph-prepend-gift-box::before {
    content: ""
}

.glyph-append-gift-box::after {
    content: ""
}

.glyph-prepend-gift-card::before {
    content: ""
}

.glyph-append-gift-card::after {
    content: ""
}

.glyph-prepend-glasses::before {
    content: ""
}

.glyph-append-glasses::after {
    content: ""
}

.glyph-prepend-global-nav-button::before {
    content: ""
}

.glyph-append-global-nav-button::after {
    content: ""
}

.glyph-prepend-globe::before {
    content: ""
}

.glyph-append-globe::after {
    content: ""
}

.glyph-prepend-go::before {
    content: ""
}

.glyph-append-go::after {
    content: ""
}

.glyph-prepend-go-mirrored::before {
    content: ""
}

.glyph-append-go-mirrored::after {
    content: ""
}

.glyph-prepend-group::before {
    content: ""
}

.glyph-append-group::after {
    content: ""
}

.glyph-prepend-half-star-left::before {
    content: ""
}

.glyph-append-half-star-left::after {
    content: ""
}

.glyph-prepend-half-star-right::before {
    content: ""
}

.glyph-append-half-star-right::after {
    content: ""
}

.glyph-prepend-headphone::before {
    content: ""
}

.glyph-append-headphone::after {
    content: ""
}

.glyph-prepend-health::before {
    content: ""
}

.glyph-append-health::after {
    content: ""
}

.glyph-prepend-heart::before {
    content: ""
}

.glyph-append-heart::after {
    content: ""
}

.glyph-prepend-heart-add::before {
    content: ""
}

.glyph-append-heart-add::after {
    content: ""
}

.glyph-prepend-heart-fill::before {
    content: ""
}

.glyph-append-heart-fill::after {
    content: ""
}

.glyph-prepend-hololens::before {
    content: ""
}

.glyph-append-hololens::after {
    content: ""
}

.glyph-prepend-hololens-head::before {
    content: ""
}

.glyph-append-hololens-head::after {
    content: ""
}

.glyph-prepend-home::before {
    content: ""
}

.glyph-append-home::after {
    content: ""
}

.glyph-prepend-important::before {
    content: ""
}

.glyph-append-important::after {
    content: ""
}

.glyph-prepend-incident-triangle::before {
    content: ""
}

.glyph-append-incident-triangle::after {
    content: ""
}

.glyph-prepend-incoming-call::before {
    content: ""
}

.glyph-append-incoming-call::after {
    content: ""
}

.glyph-prepend-indicator-dot-filled::before {
    content: ""
}

.glyph-append-indicator-dot-filled::after {
    content: ""
}

.glyph-prepend-indicator-dot-outline::before {
    content: ""
}

.glyph-append-indicator-dot-outline::after {
    content: ""
}

.glyph-prepend-info::before {
    content: ""
}

.glyph-append-info::after {
    content: ""
}

.glyph-prepend-issue-tracking::before {
    content: ""
}

.glyph-append-issue-tracking::after {
    content: ""
}

.glyph-prepend-leaf::before {
    content: ""
}

.glyph-append-leaf::after {
    content: ""
}

.glyph-prepend-left-double-quote::before {
    content: ""
}

.glyph-append-left-double-quote::after {
    content: ""
}

.glyph-prepend-library::before {
    content: ""
}

.glyph-append-library::after {
    content: ""
}

.glyph-prepend-link::before {
    content: ""
}

.glyph-append-link::after {
    content: ""
}

.glyph-prepend-list::before {
    content: ""
}

.glyph-append-list::after {
    content: ""
}

.glyph-prepend-list-mirrored::before {
    content: ""
}

.glyph-append-list-mirrored::after {
    content: ""
}

.glyph-prepend-lock::before {
    content: ""
}

.glyph-append-lock::after {
    content: ""
}

.glyph-prepend-mail::before {
    content: ""
}

.glyph-append-mail::after {
    content: ""
}

.glyph-prepend-map-pin::before {
    content: ""
}

.glyph-append-map-pin::after {
    content: ""
}

.glyph-prepend-megaphone::before {
    content: ""
}

.glyph-append-megaphone::after {
    content: ""
}

.glyph-prepend-microphone::before {
    content: ""
}

.glyph-append-microphone::after {
    content: ""
}

.glyph-prepend-mobile-tablet::before {
    content: ""
}

.glyph-append-mobile-tablet::after {
    content: ""
}

.glyph-prepend-money::before {
    content: ""
}

.glyph-append-money::after {
    content: ""
}

.glyph-prepend-more::before {
    content: ""
}

.glyph-append-more::after {
    content: ""
}

.glyph-prepend-movies::before {
    content: ""
}

.glyph-append-movies::after {
    content: ""
}

.glyph-prepend-music-album::before {
    content: ""
}

.glyph-append-music-album::after {
    content: ""
}

.glyph-prepend-music-in-collection::before {
    content: ""
}

.glyph-append-music-in-collection::after {
    content: ""
}

.glyph-prepend-mute::before {
    content: ""
}

.glyph-append-mute::after {
    content: ""
}

.glyph-prepend-my-movies-tv::before {
    content: ""
}

.glyph-append-my-movies-tv::after {
    content: ""
}

.glyph-prepend-next::before {
    content: ""
}

.glyph-append-next::after {
    content: ""
}

.glyph-prepend-office-logo::before {
    content: ""
}

.glyph-append-office-logo::after {
    content: ""
}

.glyph-prepend-onedrive-logo::before {
    content: ""
}

.glyph-append-onedrive-logo::after {
    content: ""
}

.glyph-prepend-open-in-new-tab::before {
    content: ""
}

.glyph-append-open-in-new-tab::after {
    content: ""
}

.glyph-prepend-outgoing-call::before {
    content: ""
}

.glyph-append-outgoing-call::after {
    content: ""
}

.glyph-prepend-outline-half-star-left::before {
    content: ""
}

.glyph-append-outline-half-star-left::after {
    content: ""
}

.glyph-prepend-page::before {
    content: ""
}

.glyph-append-page::after {
    content: ""
}

.glyph-prepend-pause::before {
    content: ""
}

.glyph-append-pause::after {
    content: ""
}

.glyph-prepend-pause-solid::before {
    content: ""
}

.glyph-append-pause-solid::after {
    content: ""
}

.glyph-prepend-payment-card::before {
    content: ""
}

.glyph-append-payment-card::after {
    content: ""
}

.glyph-prepend-pc::before {
    content: ""
}

.glyph-append-pc::after {
    content: ""
}

.glyph-prepend-people::before {
    content: ""
}

.glyph-append-people::after {
    content: ""
}

.glyph-prepend-phone::before {
    content: ""
}

.glyph-append-phone::after {
    content: ""
}

.glyph-prepend-photo::before {
    content: ""
}

.glyph-append-photo::after {
    content: ""
}

.glyph-prepend-photo-collection::before {
    content: ""
}

.glyph-append-photo-collection::after {
    content: ""
}

.glyph-prepend-pinned::before {
    content: ""
}

.glyph-append-pinned::after {
    content: ""
}

.glyph-prepend-play::before {
    content: ""
}

.glyph-append-play::after {
    content: ""
}

.glyph-prepend-play-button::before {
    content: ""
}

.glyph-append-play-button::after {
    content: ""
}

.glyph-prepend-play-button-72::before {
    content: ""
}

.glyph-append-play-button-72::after {
    content: ""
}

.glyph-prepend-play-solid::before {
    content: ""
}

.glyph-append-play-solid::after {
    content: ""
}

.glyph-prepend-podium::before {
    content: ""
}

.glyph-append-podium::after {
    content: ""
}

.glyph-prepend-previous::before {
    content: ""
}

.glyph-append-previous::after {
    content: ""
}

.glyph-prepend-print::before {
    content: ""
}

.glyph-append-print::after {
    content: ""
}

.glyph-prepend-product::before {
    content: ""
}

.glyph-append-product::after {
    content: ""
}

.glyph-prepend-pro-football::before {
    content: ""
}

.glyph-append-pro-football::after {
    content: ""
}

.glyph-prepend-qr-code::before {
    content: ""
}

.glyph-append-qr-code::after {
    content: ""
}

.glyph-prepend-reading-mode::before {
    content: ""
}

.glyph-append-reading-mode::after {
    content: ""
}

.glyph-prepend-reading-mode-solid::before {
    content: ""
}

.glyph-append-reading-mode-solid::after {
    content: ""
}

.glyph-prepend-recent::before {
    content: ""
}

.glyph-append-recent::after {
    content: ""
}

.glyph-prepend-refresh::before {
    content: ""
}

.glyph-append-refresh::after {
    content: ""
}

.glyph-prepend-remove::before {
    content: ""
}

.glyph-append-remove::after {
    content: ""
}

.glyph-prepend-remove-from::before {
    content: ""
}

.glyph-append-remove-from::after {
    content: ""
}

.glyph-prepend-repair::before {
    content: ""
}

.glyph-append-repair::after {
    content: ""
}

.glyph-prepend-right-double-quote::before {
    content: ""
}

.glyph-append-right-double-quote::after {
    content: ""
}

.glyph-prepend-rotate::before {
    content: ""
}

.glyph-append-rotate::after {
    content: ""
}

.glyph-prepend-save::before {
    content: ""
}

.glyph-append-save::after {
    content: ""
}

.glyph-prepend-savings::before {
    content: ""
}

.glyph-append-savings::after {
    content: ""
}

.glyph-prepend-search::before {
    content: ""
}

.glyph-append-search::after {
    content: ""
}

.glyph-prepend-settings::before {
    content: ""
}

.glyph-append-settings::after {
    content: ""
}

.glyph-prepend-share::before {
    content: ""
}

.glyph-append-share::after {
    content: ""
}

.glyph-prepend-shop::before {
    content: ""
}

.glyph-append-shop::after {
    content: ""
}

.glyph-prepend-shop-brand::before {
    content: ""
}

.glyph-append-shop-brand::after {
    content: ""
}

.glyph-prepend-shopping-cart::before {
    content: ""
}

.glyph-append-shopping-cart::after {
    content: ""
}

.glyph-prepend-show-results::before {
    content: ""
}

.glyph-append-show-results::after {
    content: ""
}

.glyph-prepend-show-results-mirrored::before {
    content: ""
}

.glyph-append-show-results-mirrored::after {
    content: ""
}

.glyph-prepend-shuffle::before {
    content: ""
}

.glyph-append-shuffle::after {
    content: ""
}

.glyph-prepend-slideshow::before {
    content: ""
}

.glyph-append-slideshow::after {
    content: ""
}

.glyph-prepend-sort::before {
    content: ""
}

.glyph-append-sort::after {
    content: ""
}

.glyph-prepend-starbust-info::before {
    content: ""
}

.glyph-append-starbust-info::after {
    content: ""
}

.glyph-prepend-subscriptions::before {
    content: ""
}

.glyph-append-subscriptions::after {
    content: ""
}

.glyph-prepend-subscriptions-mirrored::before {
    content: ""
}

.glyph-append-subscriptions-mirrored::after {
    content: ""
}

.glyph-prepend-subtitles::before {
    content: ""
}

.glyph-append-subtitles::after {
    content: ""
}

.glyph-prepend-surface-hub::before {
    content: ""
}

.glyph-append-surface-hub::after {
    content: ""
}

.glyph-prepend-sustainable::before {
    content: ""
}

.glyph-append-sustainable::after {
    content: ""
}

.glyph-prepend-sync::before {
    content: ""
}

.glyph-append-sync::after {
    content: ""
}

.glyph-prepend-system::before {
    content: ""
}

.glyph-append-system::after {
    content: ""
}

.glyph-prepend-tag::before {
    content: ""
}

.glyph-append-tag::after {
    content: ""
}

.glyph-prepend-telemarketer::before {
    content: ""
}

.glyph-append-telemarketer::after {
    content: ""
}

.glyph-prepend-this-pc::before {
    content: ""
}

.glyph-append-this-pc::after {
    content: ""
}

.glyph-prepend-ticket::before {
    content: ""
}

.glyph-append-ticket::after {
    content: ""
}

.glyph-prepend-torch::before {
    content: ""
}

.glyph-append-torch::after {
    content: ""
}

.glyph-prepend-trophy::before {
    content: ""
}

.glyph-append-trophy::after {
    content: ""
}

.glyph-prepend-tv-monitor::before {
    content: ""
}

.glyph-append-tv-monitor::after {
    content: ""
}

.glyph-prepend-unknown::before {
    content: ""
}

.glyph-append-unknown::after {
    content: ""
}

.glyph-prepend-up::before {
    content: ""
}

.glyph-append-up::after {
    content: ""
}

.glyph-prepend-upload::before {
    content: ""
}

.glyph-append-upload::after {
    content: ""
}

.glyph-prepend-video::before {
    content: ""
}

.glyph-append-video::after {
    content: ""
}

.glyph-prepend-view::before {
    content: ""
}

.glyph-append-view::after {
    content: ""
}

.glyph-prepend-volume::before {
    content: ""
}

.glyph-append-volume::after {
    content: ""
}

.glyph-prepend-waffle::before {
    content: ""
}

.glyph-append-waffle::after {
    content: ""
}

.glyph-prepend-warning::before {
    content: ""
}

.glyph-append-warning::after {
    content: ""
}

.glyph-prepend-wifi-full::before {
    content: ""
}

.glyph-append-wifi-full::after {
    content: ""
}

.glyph-prepend-windows-logo-inline::before {
    content: ""
}

.glyph-append-windows-logo-inline::after {
    content: ""
}

.glyph-prepend-windows-logo::before {
    content: ""
}

.glyph-append-windows-logo::after {
    content: ""
}

.glyph-prepend-work::before {
    content: ""
}

.glyph-append-work::after {
    content: ""
}

.glyph-prepend-work-solid::before {
    content: ""
}

.glyph-append-work-solid::after {
    content: ""
}

.glyph-prepend-world::before {
    content: ""
}

.glyph-append-world::after {
    content: ""
}

.glyph-prepend-xbox360::before {
    content: ""
}

.glyph-append-xbox360::after {
    content: ""
}

.glyph-prepend-xbox-controller::before {
    content: ""
}

.glyph-append-xbox-controller::after {
    content: ""
}

.glyph-prepend-xbox-game-pass-inline::before {
    content: ""
}

.glyph-append-xbox-game-pass-inline::after {
    content: ""
}

.glyph-prepend-xbox-gold-inline::before {
    content: ""
}

.glyph-append-xbox-gold-inline::after {
    content: ""
}

.glyph-prepend-xbox-logo::before {
    content: ""
}

.glyph-append-xbox-logo::after {
    content: ""
}

.glyph-prepend-xbox-one-console::before {
    content: ""
}

.glyph-append-xbox-one-console::after {
    content: ""
}

.glyph-prepend-zoom::before {
    content: ""
}

.glyph-append-zoom::after {
    content: ""
}

.glyph-prepend-zoom-out::before {
    content: ""
}

.glyph-append-zoom-out::after {
    content: ""
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.absolute-center,.position-absolute {
    position: absolute!important
}

.fixed-bottom,.fixed-top,.position-fixed {
    position: fixed!important;
    z-index: 1030
}

.position-sticky {
    position: sticky!important;
    z-index: 1020
}

.fixed-top {
    top: 0;
    right: 0;
    left: 0
}

.fixed-bottom {
    bottom: 0;
    right: 0;
    left: 0
}

.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.top-0 {
    top: 0!important
}

.bottom-0 {
    bottom: 0!important
}

html:not([dir=rtl]) .left-0 {
    left: 0!important
}

html[dir=rtl] .left-0 {
    right: 0!important
}

html:not([dir=rtl]) .right-0 {
    right: 0!important
}

html[dir=rtl] .right-0 {
    left: 0!important
}

.top-1 {
    top: .25rem!important
}

.bottom-1 {
    bottom: .25rem!important
}

html:not([dir=rtl]) .left-1 {
    left: .25rem!important
}

html[dir=rtl] .left-1 {
    right: .25rem!important
}

html:not([dir=rtl]) .right-1 {
    right: .25rem!important
}

html[dir=rtl] .right-1 {
    left: .25rem!important
}

.top-2 {
    top: .5rem!important
}

.bottom-2 {
    bottom: .5rem!important
}

html:not([dir=rtl]) .left-2 {
    left: .5rem!important
}

html[dir=rtl] .left-2 {
    right: .5rem!important
}

html:not([dir=rtl]) .right-2 {
    right: .5rem!important
}

html[dir=rtl] .right-2 {
    left: .5rem!important
}

.top-3 {
    top: 1rem!important
}

.bottom-3 {
    bottom: 1rem!important
}

html:not([dir=rtl]) .left-3 {
    left: 1rem!important
}

html[dir=rtl] .left-3 {
    right: 1rem!important
}

html:not([dir=rtl]) .right-3 {
    right: 1rem!important
}

html[dir=rtl] .right-3 {
    left: 1rem!important
}

.top-4 {
    top: 1.5rem!important
}

.bottom-4 {
    bottom: 1.5rem!important
}

html:not([dir=rtl]) .left-4 {
    left: 1.5rem!important
}

html[dir=rtl] .left-4 {
    right: 1.5rem!important
}

html:not([dir=rtl]) .right-4 {
    right: 1.5rem!important
}

html[dir=rtl] .right-4 {
    left: 1.5rem!important
}

.top-5 {
    top: 3rem!important
}

.bottom-5 {
    bottom: 3rem!important
}

html:not([dir=rtl]) .left-5 {
    left: 3rem!important
}

html[dir=rtl] .left-5 {
    right: 3rem!important
}

html:not([dir=rtl]) .right-5 {
    right: 3rem!important
}

html[dir=rtl] .right-5 {
    left: 3rem!important
}

.top-g {
    top: .75rem!important
}

.bottom-g {
    bottom: .75rem!important
}

html:not([dir=rtl]) .left-g {
    left: .75rem!important
}

html[dir=rtl] .left-g {
    right: .75rem!important
}

html:not([dir=rtl]) .right-g {
    right: .75rem!important
}

html[dir=rtl] .right-g {
    left: .75rem!important
}

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

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

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.w-col-1 {
    width: 8.33333%!important
}

.w-col-2 {
    width: 16.66667%!important
}

.w-25,.w-col-3 {
    width: 25%!important
}

.w-col-4 {
    width: 33.33333%!important
}

.w-col-5 {
    width: 41.66667%!important
}

.w-50,.w-col-6 {
    width: 50%!important
}

.w-col-7 {
    width: 58.33333%!important
}

.w-col-8 {
    width: 66.66667%!important
}

.w-75,.w-col-9 {
    width: 75%!important
}

.w-col-10 {
    width: 83.33333%!important
}

.w-col-11 {
    width: 91.66667%!important
}

.w-100,.w-col-12 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

@media (min-width: 540px) {
    .w-sm-col-1 {
        width:8.33333%!important
    }

    .w-sm-col-2 {
        width: 16.66667%!important
    }

    .w-sm-25,.w-sm-col-3 {
        width: 25%!important
    }

    .w-sm-col-4 {
        width: 33.33333%!important
    }

    .w-sm-col-5 {
        width: 41.66667%!important
    }

    .w-sm-50,.w-sm-col-6 {
        width: 50%!important
    }

    .w-sm-col-7 {
        width: 58.33333%!important
    }

    .w-sm-col-8 {
        width: 66.66667%!important
    }

    .w-sm-75,.w-sm-col-9 {
        width: 75%!important
    }

    .w-sm-col-10 {
        width: 83.33333%!important
    }

    .w-sm-col-11 {
        width: 91.66667%!important
    }

    .w-sm-100,.w-sm-col-12 {
        width: 100%!important
    }

    .w-sm-auto {
        width: auto!important
    }
}

@media (min-width: 860px) {
    .w-md-col-1 {
        width:8.33333%!important
    }

    .w-md-col-2 {
        width: 16.66667%!important
    }

    .w-md-25,.w-md-col-3 {
        width: 25%!important
    }

    .w-md-col-4 {
        width: 33.33333%!important
    }

    .w-md-col-5 {
        width: 41.66667%!important
    }

    .w-md-50,.w-md-col-6 {
        width: 50%!important
    }

    .w-md-col-7 {
        width: 58.33333%!important
    }

    .w-md-col-8 {
        width: 66.66667%!important
    }

    .w-md-75,.w-md-col-9 {
        width: 75%!important
    }

    .w-md-col-10 {
        width: 83.33333%!important
    }

    .w-md-col-11 {
        width: 91.66667%!important
    }

    .w-md-100,.w-md-col-12 {
        width: 100%!important
    }

    .w-md-auto {
        width: auto!important
    }
}

@media (min-width: 1084px) {
    .w-lg-col-1 {
        width:8.33333%!important
    }

    .w-lg-col-2 {
        width: 16.66667%!important
    }

    .w-lg-25,.w-lg-col-3 {
        width: 25%!important
    }

    .w-lg-col-4 {
        width: 33.33333%!important
    }

    .w-lg-col-5 {
        width: 41.66667%!important
    }

    .w-lg-50,.w-lg-col-6 {
        width: 50%!important
    }

    .w-lg-col-7 {
        width: 58.33333%!important
    }

    .w-lg-col-8 {
        width: 66.66667%!important
    }

    .w-lg-75,.w-lg-col-9 {
        width: 75%!important
    }

    .w-lg-col-10 {
        width: 83.33333%!important
    }

    .w-lg-col-11 {
        width: 91.66667%!important
    }

    .w-lg-100,.w-lg-col-12 {
        width: 100%!important
    }

    .w-lg-auto {
        width: auto!important
    }
}

@media (min-width: 1400px) {
    .w-xl-col-1 {
        width:8.33333%!important
    }

    .w-xl-col-2 {
        width: 16.66667%!important
    }

    .w-xl-25,.w-xl-col-3 {
        width: 25%!important
    }

    .w-xl-col-4 {
        width: 33.33333%!important
    }

    .w-xl-col-5 {
        width: 41.66667%!important
    }

    .w-xl-50,.w-xl-col-6 {
        width: 50%!important
    }

    .w-xl-col-7 {
        width: 58.33333%!important
    }

    .w-xl-col-8 {
        width: 66.66667%!important
    }

    .w-xl-75,.w-xl-col-9 {
        width: 75%!important
    }

    .w-xl-col-10 {
        width: 83.33333%!important
    }

    .w-xl-col-11 {
        width: 91.66667%!important
    }

    .w-xl-100,.w-xl-col-12 {
        width: 100%!important
    }

    .w-xl-auto {
        width: auto!important
    }
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.mw-fit-content {
    max-width: -webkit-fit-content!important;
    max-width: -moz-fit-content!important;
    max-width: fit-content!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

html:not([dir=rtl]) .mr-0,html:not([dir=rtl]) .mx-0 {
    margin-right: 0!important
}

html[dir=rtl] .mr-0,html[dir=rtl] .mx-0 {
    margin-left: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

html:not([dir=rtl]) .ml-0,html:not([dir=rtl]) .mx-0 {
    margin-left: 0!important
}

html[dir=rtl] .ml-0,html[dir=rtl] .mx-0 {
    margin-right: 0!important
}

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

.mt-1,.my-1 {
    margin-top: .25rem!important
}

html:not([dir=rtl]) .mr-1,html:not([dir=rtl]) .mx-1 {
    margin-right: .25rem!important
}

html[dir=rtl] .mr-1,html[dir=rtl] .mx-1 {
    margin-left: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

html:not([dir=rtl]) .ml-1,html:not([dir=rtl]) .mx-1 {
    margin-left: .25rem!important
}

html[dir=rtl] .ml-1,html[dir=rtl] .mx-1 {
    margin-right: .25rem!important
}

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

.mt-2,.my-2 {
    margin-top: .5rem!important
}

html:not([dir=rtl]) .mr-2,html:not([dir=rtl]) .mx-2 {
    margin-right: .5rem!important
}

html[dir=rtl] .mr-2,html[dir=rtl] .mx-2 {
    margin-left: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

html:not([dir=rtl]) .ml-2,html:not([dir=rtl]) .mx-2 {
    margin-left: .5rem!important
}

html[dir=rtl] .ml-2,html[dir=rtl] .mx-2 {
    margin-right: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

html:not([dir=rtl]) .mr-3,html:not([dir=rtl]) .mx-3 {
    margin-right: 1rem!important
}

html[dir=rtl] .mr-3,html[dir=rtl] .mx-3 {
    margin-left: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

html:not([dir=rtl]) .ml-3,html:not([dir=rtl]) .mx-3 {
    margin-left: 1rem!important
}

html[dir=rtl] .ml-3,html[dir=rtl] .mx-3 {
    margin-right: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

html:not([dir=rtl]) .mr-4,html:not([dir=rtl]) .mx-4 {
    margin-right: 1.5rem!important
}

html[dir=rtl] .mr-4,html[dir=rtl] .mx-4 {
    margin-left: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

html:not([dir=rtl]) .ml-4,html:not([dir=rtl]) .mx-4 {
    margin-left: 1.5rem!important
}

html[dir=rtl] .ml-4,html[dir=rtl] .mx-4 {
    margin-right: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

html:not([dir=rtl]) .mr-5,html:not([dir=rtl]) .mx-5 {
    margin-right: 3rem!important
}

html[dir=rtl] .mr-5,html[dir=rtl] .mx-5 {
    margin-left: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

html:not([dir=rtl]) .ml-5,html:not([dir=rtl]) .mx-5 {
    margin-left: 3rem!important
}

html[dir=rtl] .ml-5,html[dir=rtl] .mx-5 {
    margin-right: 3rem!important
}

.m-g {
    margin: .75rem!important
}

.mt-g,.my-g {
    margin-top: .75rem!important
}

html:not([dir=rtl]) .mr-g,html:not([dir=rtl]) .mx-g {
    margin-right: .75rem!important
}

html[dir=rtl] .mr-g,html[dir=rtl] .mx-g {
    margin-left: .75rem!important
}

.mb-g,.my-g {
    margin-bottom: .75rem!important
}

html:not([dir=rtl]) .ml-g,html:not([dir=rtl]) .mx-g {
    margin-left: .75rem!important
}

html[dir=rtl] .ml-g,html[dir=rtl] .mx-g {
    margin-right: .75rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

html:not([dir=rtl]) .pr-0,html:not([dir=rtl]) .px-0 {
    padding-right: 0!important
}

html[dir=rtl] .pr-0,html[dir=rtl] .px-0 {
    padding-left: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

html:not([dir=rtl]) .pl-0,html:not([dir=rtl]) .px-0 {
    padding-left: 0!important
}

html[dir=rtl] .pl-0,html[dir=rtl] .px-0 {
    padding-right: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

html:not([dir=rtl]) .pr-1,html:not([dir=rtl]) .px-1 {
    padding-right: .25rem!important
}

html[dir=rtl] .pr-1,html[dir=rtl] .px-1 {
    padding-left: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

html:not([dir=rtl]) .pl-1,html:not([dir=rtl]) .px-1 {
    padding-left: .25rem!important
}

html[dir=rtl] .pl-1,html[dir=rtl] .px-1 {
    padding-right: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

html:not([dir=rtl]) .pr-2,html:not([dir=rtl]) .px-2 {
    padding-right: .5rem!important
}

html[dir=rtl] .pr-2,html[dir=rtl] .px-2 {
    padding-left: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

html:not([dir=rtl]) .pl-2,html:not([dir=rtl]) .px-2 {
    padding-left: .5rem!important
}

html[dir=rtl] .pl-2,html[dir=rtl] .px-2 {
    padding-right: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

html:not([dir=rtl]) .pr-3,html:not([dir=rtl]) .px-3 {
    padding-right: 1rem!important
}

html[dir=rtl] .pr-3,html[dir=rtl] .px-3 {
    padding-left: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

html:not([dir=rtl]) .pl-3,html:not([dir=rtl]) .px-3 {
    padding-left: 1rem!important
}

html[dir=rtl] .pl-3,html[dir=rtl] .px-3 {
    padding-right: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

html:not([dir=rtl]) .pr-4,html:not([dir=rtl]) .px-4 {
    padding-right: 1.5rem!important
}

html[dir=rtl] .pr-4,html[dir=rtl] .px-4 {
    padding-left: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

html:not([dir=rtl]) .pl-4,html:not([dir=rtl]) .px-4 {
    padding-left: 1.5rem!important
}

html[dir=rtl] .pl-4,html[dir=rtl] .px-4 {
    padding-right: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

html:not([dir=rtl]) .pr-5,html:not([dir=rtl]) .px-5 {
    padding-right: 3rem!important
}

html[dir=rtl] .pr-5,html[dir=rtl] .px-5 {
    padding-left: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

html:not([dir=rtl]) .pl-5,html:not([dir=rtl]) .px-5 {
    padding-left: 3rem!important
}

html[dir=rtl] .pl-5,html[dir=rtl] .px-5 {
    padding-right: 3rem!important
}

.p-g {
    padding: .75rem!important
}

.pt-g,.py-g {
    padding-top: .75rem!important
}

html:not([dir=rtl]) .pr-g,html:not([dir=rtl]) .px-g {
    padding-right: .75rem!important
}

html[dir=rtl] .pr-g,html[dir=rtl] .px-g {
    padding-left: .75rem!important
}

.pb-g,.py-g {
    padding-bottom: .75rem!important
}

html:not([dir=rtl]) .pl-g,html:not([dir=rtl]) .px-g {
    padding-left: .75rem!important
}

html[dir=rtl] .pl-g,html[dir=rtl] .px-g {
    padding-right: .75rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

html:not([dir=rtl]) .mr-n1,html:not([dir=rtl]) .mx-n1 {
    margin-right: -.25rem!important
}

html[dir=rtl] .mr-n1,html[dir=rtl] .mx-n1 {
    margin-left: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

html:not([dir=rtl]) .ml-n1,html:not([dir=rtl]) .mx-n1 {
    margin-left: -.25rem!important
}

html[dir=rtl] .ml-n1,html[dir=rtl] .mx-n1 {
    margin-right: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

html:not([dir=rtl]) .mr-n2,html:not([dir=rtl]) .mx-n2 {
    margin-right: -.5rem!important
}

html[dir=rtl] .mr-n2,html[dir=rtl] .mx-n2 {
    margin-left: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

html:not([dir=rtl]) .ml-n2,html:not([dir=rtl]) .mx-n2 {
    margin-left: -.5rem!important
}

html[dir=rtl] .ml-n2,html[dir=rtl] .mx-n2 {
    margin-right: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

html:not([dir=rtl]) .mr-n3,html:not([dir=rtl]) .mx-n3 {
    margin-right: -1rem!important
}

html[dir=rtl] .mr-n3,html[dir=rtl] .mx-n3 {
    margin-left: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

html:not([dir=rtl]) .ml-n3,html:not([dir=rtl]) .mx-n3 {
    margin-left: -1rem!important
}

html[dir=rtl] .ml-n3,html[dir=rtl] .mx-n3 {
    margin-right: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

html:not([dir=rtl]) .mr-n4,html:not([dir=rtl]) .mx-n4 {
    margin-right: -1.5rem!important
}

html[dir=rtl] .mr-n4,html[dir=rtl] .mx-n4 {
    margin-left: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

html:not([dir=rtl]) .ml-n4,html:not([dir=rtl]) .mx-n4 {
    margin-left: -1.5rem!important
}

html[dir=rtl] .ml-n4,html[dir=rtl] .mx-n4 {
    margin-right: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

html:not([dir=rtl]) .mr-n5,html:not([dir=rtl]) .mx-n5 {
    margin-right: -3rem!important
}

html[dir=rtl] .mr-n5,html[dir=rtl] .mx-n5 {
    margin-left: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

html:not([dir=rtl]) .ml-n5,html:not([dir=rtl]) .mx-n5 {
    margin-left: -3rem!important
}

html[dir=rtl] .ml-n5,html[dir=rtl] .mx-n5 {
    margin-right: -3rem!important
}

.m-ng {
    margin: -.75rem!important
}

.mt-ng,.my-ng {
    margin-top: -.75rem!important
}

html:not([dir=rtl]) .mr-ng,html:not([dir=rtl]) .mx-ng {
    margin-right: -.75rem!important
}

html[dir=rtl] .mr-ng,html[dir=rtl] .mx-ng {
    margin-left: -.75rem!important
}

.mb-ng,.my-ng {
    margin-bottom: -.75rem!important
}

html:not([dir=rtl]) .ml-ng,html:not([dir=rtl]) .mx-ng {
    margin-left: -.75rem!important
}

html[dir=rtl] .ml-ng,html[dir=rtl] .mx-ng {
    margin-right: -.75rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

html:not([dir=rtl]) .mr-auto,html:not([dir=rtl]) .mx-auto {
    margin-right: auto!important
}

html[dir=rtl] .mr-auto,html[dir=rtl] .mx-auto {
    margin-left: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

html:not([dir=rtl]) .ml-auto,html:not([dir=rtl]) .mx-auto {
    margin-left: auto!important
}

html[dir=rtl] .ml-auto,html[dir=rtl] .mx-auto {
    margin-right: auto!important
}

.mb-0-last-child>:last-child {
    margin-bottom: 0!important
}

@media (min-width: 540px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-sm-0,html:not([dir=rtl]) .mx-sm-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-sm-0,html[dir=rtl] .mx-sm-0 {
        margin-left: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-sm-0,html:not([dir=rtl]) .mx-sm-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-sm-0,html[dir=rtl] .mx-sm-0 {
        margin-right: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-sm-1,html:not([dir=rtl]) .mx-sm-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-sm-1,html[dir=rtl] .mx-sm-1 {
        margin-left: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-sm-1,html:not([dir=rtl]) .mx-sm-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-sm-1,html[dir=rtl] .mx-sm-1 {
        margin-right: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-sm-2,html:not([dir=rtl]) .mx-sm-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-sm-2,html[dir=rtl] .mx-sm-2 {
        margin-left: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-sm-2,html:not([dir=rtl]) .mx-sm-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-sm-2,html[dir=rtl] .mx-sm-2 {
        margin-right: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-sm-3,html:not([dir=rtl]) .mx-sm-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-sm-3,html[dir=rtl] .mx-sm-3 {
        margin-left: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-sm-3,html:not([dir=rtl]) .mx-sm-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-sm-3,html[dir=rtl] .mx-sm-3 {
        margin-right: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-4,html:not([dir=rtl]) .mx-sm-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-sm-4,html[dir=rtl] .mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-4,html:not([dir=rtl]) .mx-sm-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-sm-4,html[dir=rtl] .mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-sm-5,html:not([dir=rtl]) .mx-sm-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-sm-5,html[dir=rtl] .mx-sm-5 {
        margin-left: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-sm-5,html:not([dir=rtl]) .mx-sm-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-sm-5,html[dir=rtl] .mx-sm-5 {
        margin-right: 3rem!important
    }

    .m-sm-g {
        margin: .75rem!important
    }

    .mt-sm-g,.my-sm-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-sm-g,html:not([dir=rtl]) .mx-sm-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-sm-g,html[dir=rtl] .mx-sm-g {
        margin-left: .75rem!important
    }

    .mb-sm-g,.my-sm-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-sm-g,html:not([dir=rtl]) .mx-sm-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-sm-g,html[dir=rtl] .mx-sm-g {
        margin-right: .75rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-sm-0,html:not([dir=rtl]) .px-sm-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-sm-0,html[dir=rtl] .px-sm-0 {
        padding-left: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-sm-0,html:not([dir=rtl]) .px-sm-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-sm-0,html[dir=rtl] .px-sm-0 {
        padding-right: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-sm-1,html:not([dir=rtl]) .px-sm-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-sm-1,html[dir=rtl] .px-sm-1 {
        padding-left: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-sm-1,html:not([dir=rtl]) .px-sm-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-sm-1,html[dir=rtl] .px-sm-1 {
        padding-right: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-sm-2,html:not([dir=rtl]) .px-sm-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-sm-2,html[dir=rtl] .px-sm-2 {
        padding-left: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-sm-2,html:not([dir=rtl]) .px-sm-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-sm-2,html[dir=rtl] .px-sm-2 {
        padding-right: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-sm-3,html:not([dir=rtl]) .px-sm-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-sm-3,html[dir=rtl] .px-sm-3 {
        padding-left: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-sm-3,html:not([dir=rtl]) .px-sm-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-sm-3,html[dir=rtl] .px-sm-3 {
        padding-right: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-sm-4,html:not([dir=rtl]) .px-sm-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-sm-4,html[dir=rtl] .px-sm-4 {
        padding-left: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-sm-4,html:not([dir=rtl]) .px-sm-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-sm-4,html[dir=rtl] .px-sm-4 {
        padding-right: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-sm-5,html:not([dir=rtl]) .px-sm-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-sm-5,html[dir=rtl] .px-sm-5 {
        padding-left: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-sm-5,html:not([dir=rtl]) .px-sm-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-sm-5,html[dir=rtl] .px-sm-5 {
        padding-right: 3rem!important
    }

    .p-sm-g {
        padding: .75rem!important
    }

    .pt-sm-g,.py-sm-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-sm-g,html:not([dir=rtl]) .px-sm-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-sm-g,html[dir=rtl] .px-sm-g {
        padding-left: .75rem!important
    }

    .pb-sm-g,.py-sm-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-sm-g,html:not([dir=rtl]) .px-sm-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-sm-g,html[dir=rtl] .px-sm-g {
        padding-right: .75rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-sm-n1,html:not([dir=rtl]) .mx-sm-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-sm-n1,html[dir=rtl] .mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-sm-n1,html:not([dir=rtl]) .mx-sm-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-sm-n1,html[dir=rtl] .mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-n2,html:not([dir=rtl]) .mx-sm-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-sm-n2,html[dir=rtl] .mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-n2,html:not([dir=rtl]) .mx-sm-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-sm-n2,html[dir=rtl] .mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-sm-n3,html:not([dir=rtl]) .mx-sm-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-sm-n3,html[dir=rtl] .mx-sm-n3 {
        margin-left: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-sm-n3,html:not([dir=rtl]) .mx-sm-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-sm-n3,html[dir=rtl] .mx-sm-n3 {
        margin-right: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-n4,html:not([dir=rtl]) .mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-sm-n4,html[dir=rtl] .mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-n4,html:not([dir=rtl]) .mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-sm-n4,html[dir=rtl] .mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-sm-n5,html:not([dir=rtl]) .mx-sm-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-sm-n5,html[dir=rtl] .mx-sm-n5 {
        margin-left: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-sm-n5,html:not([dir=rtl]) .mx-sm-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-sm-n5,html[dir=rtl] .mx-sm-n5 {
        margin-right: -3rem!important
    }

    .m-sm-ng {
        margin: -.75rem!important
    }

    .mt-sm-ng,.my-sm-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-sm-ng,html:not([dir=rtl]) .mx-sm-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-sm-ng,html[dir=rtl] .mx-sm-ng {
        margin-left: -.75rem!important
    }

    .mb-sm-ng,.my-sm-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-sm-ng,html:not([dir=rtl]) .mx-sm-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-sm-ng,html[dir=rtl] .mx-sm-ng {
        margin-right: -.75rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-sm-auto,html:not([dir=rtl]) .mx-sm-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-sm-auto,html[dir=rtl] .mx-sm-auto {
        margin-left: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-sm-auto,html:not([dir=rtl]) .mx-sm-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-sm-auto,html[dir=rtl] .mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 860px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-md-0,html:not([dir=rtl]) .mx-md-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-md-0,html[dir=rtl] .mx-md-0 {
        margin-left: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-md-0,html:not([dir=rtl]) .mx-md-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-md-0,html[dir=rtl] .mx-md-0 {
        margin-right: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-md-1,html:not([dir=rtl]) .mx-md-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-md-1,html[dir=rtl] .mx-md-1 {
        margin-left: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-md-1,html:not([dir=rtl]) .mx-md-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-md-1,html[dir=rtl] .mx-md-1 {
        margin-right: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-md-2,html:not([dir=rtl]) .mx-md-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-md-2,html[dir=rtl] .mx-md-2 {
        margin-left: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-md-2,html:not([dir=rtl]) .mx-md-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-md-2,html[dir=rtl] .mx-md-2 {
        margin-right: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-md-3,html:not([dir=rtl]) .mx-md-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-md-3,html[dir=rtl] .mx-md-3 {
        margin-left: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-md-3,html:not([dir=rtl]) .mx-md-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-md-3,html[dir=rtl] .mx-md-3 {
        margin-right: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-md-4,html:not([dir=rtl]) .mx-md-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-md-4,html[dir=rtl] .mx-md-4 {
        margin-left: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-md-4,html:not([dir=rtl]) .mx-md-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-md-4,html[dir=rtl] .mx-md-4 {
        margin-right: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-md-5,html:not([dir=rtl]) .mx-md-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-md-5,html[dir=rtl] .mx-md-5 {
        margin-left: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-md-5,html:not([dir=rtl]) .mx-md-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-md-5,html[dir=rtl] .mx-md-5 {
        margin-right: 3rem!important
    }

    .m-md-g {
        margin: .75rem!important
    }

    .mt-md-g,.my-md-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-md-g,html:not([dir=rtl]) .mx-md-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-md-g,html[dir=rtl] .mx-md-g {
        margin-left: .75rem!important
    }

    .mb-md-g,.my-md-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-md-g,html:not([dir=rtl]) .mx-md-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-md-g,html[dir=rtl] .mx-md-g {
        margin-right: .75rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-md-0,html:not([dir=rtl]) .px-md-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-md-0,html[dir=rtl] .px-md-0 {
        padding-left: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-md-0,html:not([dir=rtl]) .px-md-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-md-0,html[dir=rtl] .px-md-0 {
        padding-right: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-md-1,html:not([dir=rtl]) .px-md-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-md-1,html[dir=rtl] .px-md-1 {
        padding-left: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-md-1,html:not([dir=rtl]) .px-md-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-md-1,html[dir=rtl] .px-md-1 {
        padding-right: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-md-2,html:not([dir=rtl]) .px-md-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-md-2,html[dir=rtl] .px-md-2 {
        padding-left: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-md-2,html:not([dir=rtl]) .px-md-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-md-2,html[dir=rtl] .px-md-2 {
        padding-right: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-md-3,html:not([dir=rtl]) .px-md-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-md-3,html[dir=rtl] .px-md-3 {
        padding-left: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-md-3,html:not([dir=rtl]) .px-md-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-md-3,html[dir=rtl] .px-md-3 {
        padding-right: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-md-4,html:not([dir=rtl]) .px-md-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-md-4,html[dir=rtl] .px-md-4 {
        padding-left: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-md-4,html:not([dir=rtl]) .px-md-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-md-4,html[dir=rtl] .px-md-4 {
        padding-right: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-md-5,html:not([dir=rtl]) .px-md-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-md-5,html[dir=rtl] .px-md-5 {
        padding-left: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-md-5,html:not([dir=rtl]) .px-md-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-md-5,html[dir=rtl] .px-md-5 {
        padding-right: 3rem!important
    }

    .p-md-g {
        padding: .75rem!important
    }

    .pt-md-g,.py-md-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-md-g,html:not([dir=rtl]) .px-md-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-md-g,html[dir=rtl] .px-md-g {
        padding-left: .75rem!important
    }

    .pb-md-g,.py-md-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-md-g,html:not([dir=rtl]) .px-md-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-md-g,html[dir=rtl] .px-md-g {
        padding-right: .75rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-md-n1,html:not([dir=rtl]) .mx-md-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-md-n1,html[dir=rtl] .mx-md-n1 {
        margin-left: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-md-n1,html:not([dir=rtl]) .mx-md-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-md-n1,html[dir=rtl] .mx-md-n1 {
        margin-right: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-md-n2,html:not([dir=rtl]) .mx-md-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-md-n2,html[dir=rtl] .mx-md-n2 {
        margin-left: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-md-n2,html:not([dir=rtl]) .mx-md-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-md-n2,html[dir=rtl] .mx-md-n2 {
        margin-right: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-md-n3,html:not([dir=rtl]) .mx-md-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-md-n3,html[dir=rtl] .mx-md-n3 {
        margin-left: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-md-n3,html:not([dir=rtl]) .mx-md-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-md-n3,html[dir=rtl] .mx-md-n3 {
        margin-right: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-md-n4,html:not([dir=rtl]) .mx-md-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-md-n4,html[dir=rtl] .mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-md-n4,html:not([dir=rtl]) .mx-md-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-md-n4,html[dir=rtl] .mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-md-n5,html:not([dir=rtl]) .mx-md-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-md-n5,html[dir=rtl] .mx-md-n5 {
        margin-left: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-md-n5,html:not([dir=rtl]) .mx-md-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-md-n5,html[dir=rtl] .mx-md-n5 {
        margin-right: -3rem!important
    }

    .m-md-ng {
        margin: -.75rem!important
    }

    .mt-md-ng,.my-md-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-md-ng,html:not([dir=rtl]) .mx-md-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-md-ng,html[dir=rtl] .mx-md-ng {
        margin-left: -.75rem!important
    }

    .mb-md-ng,.my-md-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-md-ng,html:not([dir=rtl]) .mx-md-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-md-ng,html[dir=rtl] .mx-md-ng {
        margin-right: -.75rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-md-auto,html:not([dir=rtl]) .mx-md-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-md-auto,html[dir=rtl] .mx-md-auto {
        margin-left: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-md-auto,html:not([dir=rtl]) .mx-md-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-md-auto,html[dir=rtl] .mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 1084px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-lg-0,html:not([dir=rtl]) .mx-lg-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-lg-0,html[dir=rtl] .mx-lg-0 {
        margin-left: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-lg-0,html:not([dir=rtl]) .mx-lg-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-lg-0,html[dir=rtl] .mx-lg-0 {
        margin-right: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-lg-1,html:not([dir=rtl]) .mx-lg-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-lg-1,html[dir=rtl] .mx-lg-1 {
        margin-left: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-lg-1,html:not([dir=rtl]) .mx-lg-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-lg-1,html[dir=rtl] .mx-lg-1 {
        margin-right: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-lg-2,html:not([dir=rtl]) .mx-lg-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-lg-2,html[dir=rtl] .mx-lg-2 {
        margin-left: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-lg-2,html:not([dir=rtl]) .mx-lg-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-lg-2,html[dir=rtl] .mx-lg-2 {
        margin-right: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-lg-3,html:not([dir=rtl]) .mx-lg-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-lg-3,html[dir=rtl] .mx-lg-3 {
        margin-left: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-lg-3,html:not([dir=rtl]) .mx-lg-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-lg-3,html[dir=rtl] .mx-lg-3 {
        margin-right: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-4,html:not([dir=rtl]) .mx-lg-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-lg-4,html[dir=rtl] .mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-4,html:not([dir=rtl]) .mx-lg-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-lg-4,html[dir=rtl] .mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-lg-5,html:not([dir=rtl]) .mx-lg-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-lg-5,html[dir=rtl] .mx-lg-5 {
        margin-left: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-lg-5,html:not([dir=rtl]) .mx-lg-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-lg-5,html[dir=rtl] .mx-lg-5 {
        margin-right: 3rem!important
    }

    .m-lg-g {
        margin: .75rem!important
    }

    .mt-lg-g,.my-lg-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-lg-g,html:not([dir=rtl]) .mx-lg-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-lg-g,html[dir=rtl] .mx-lg-g {
        margin-left: .75rem!important
    }

    .mb-lg-g,.my-lg-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-lg-g,html:not([dir=rtl]) .mx-lg-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-lg-g,html[dir=rtl] .mx-lg-g {
        margin-right: .75rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-lg-0,html:not([dir=rtl]) .px-lg-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-lg-0,html[dir=rtl] .px-lg-0 {
        padding-left: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-lg-0,html:not([dir=rtl]) .px-lg-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-lg-0,html[dir=rtl] .px-lg-0 {
        padding-right: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-lg-1,html:not([dir=rtl]) .px-lg-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-lg-1,html[dir=rtl] .px-lg-1 {
        padding-left: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-lg-1,html:not([dir=rtl]) .px-lg-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-lg-1,html[dir=rtl] .px-lg-1 {
        padding-right: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-lg-2,html:not([dir=rtl]) .px-lg-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-lg-2,html[dir=rtl] .px-lg-2 {
        padding-left: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-lg-2,html:not([dir=rtl]) .px-lg-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-lg-2,html[dir=rtl] .px-lg-2 {
        padding-right: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-lg-3,html:not([dir=rtl]) .px-lg-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-lg-3,html[dir=rtl] .px-lg-3 {
        padding-left: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-lg-3,html:not([dir=rtl]) .px-lg-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-lg-3,html[dir=rtl] .px-lg-3 {
        padding-right: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-lg-4,html:not([dir=rtl]) .px-lg-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-lg-4,html[dir=rtl] .px-lg-4 {
        padding-left: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-lg-4,html:not([dir=rtl]) .px-lg-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-lg-4,html[dir=rtl] .px-lg-4 {
        padding-right: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-lg-5,html:not([dir=rtl]) .px-lg-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-lg-5,html[dir=rtl] .px-lg-5 {
        padding-left: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-lg-5,html:not([dir=rtl]) .px-lg-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-lg-5,html[dir=rtl] .px-lg-5 {
        padding-right: 3rem!important
    }

    .p-lg-g {
        padding: .75rem!important
    }

    .pt-lg-g,.py-lg-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-lg-g,html:not([dir=rtl]) .px-lg-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-lg-g,html[dir=rtl] .px-lg-g {
        padding-left: .75rem!important
    }

    .pb-lg-g,.py-lg-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-lg-g,html:not([dir=rtl]) .px-lg-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-lg-g,html[dir=rtl] .px-lg-g {
        padding-right: .75rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-lg-n1,html:not([dir=rtl]) .mx-lg-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-lg-n1,html[dir=rtl] .mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-lg-n1,html:not([dir=rtl]) .mx-lg-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-lg-n1,html[dir=rtl] .mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-n2,html:not([dir=rtl]) .mx-lg-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-lg-n2,html[dir=rtl] .mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-n2,html:not([dir=rtl]) .mx-lg-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-lg-n2,html[dir=rtl] .mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-lg-n3,html:not([dir=rtl]) .mx-lg-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-lg-n3,html[dir=rtl] .mx-lg-n3 {
        margin-left: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-lg-n3,html:not([dir=rtl]) .mx-lg-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-lg-n3,html[dir=rtl] .mx-lg-n3 {
        margin-right: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-n4,html:not([dir=rtl]) .mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-lg-n4,html[dir=rtl] .mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-n4,html:not([dir=rtl]) .mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-lg-n4,html[dir=rtl] .mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-lg-n5,html:not([dir=rtl]) .mx-lg-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-lg-n5,html[dir=rtl] .mx-lg-n5 {
        margin-left: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-lg-n5,html:not([dir=rtl]) .mx-lg-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-lg-n5,html[dir=rtl] .mx-lg-n5 {
        margin-right: -3rem!important
    }

    .m-lg-ng {
        margin: -.75rem!important
    }

    .mt-lg-ng,.my-lg-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-lg-ng,html:not([dir=rtl]) .mx-lg-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-lg-ng,html[dir=rtl] .mx-lg-ng {
        margin-left: -.75rem!important
    }

    .mb-lg-ng,.my-lg-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-lg-ng,html:not([dir=rtl]) .mx-lg-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-lg-ng,html[dir=rtl] .mx-lg-ng {
        margin-right: -.75rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-lg-auto,html:not([dir=rtl]) .mx-lg-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-lg-auto,html[dir=rtl] .mx-lg-auto {
        margin-left: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-lg-auto,html:not([dir=rtl]) .mx-lg-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-lg-auto,html[dir=rtl] .mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 1400px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-xl-0,html:not([dir=rtl]) .mx-xl-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-xl-0,html[dir=rtl] .mx-xl-0 {
        margin-left: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-xl-0,html:not([dir=rtl]) .mx-xl-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-xl-0,html[dir=rtl] .mx-xl-0 {
        margin-right: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-xl-1,html:not([dir=rtl]) .mx-xl-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-xl-1,html[dir=rtl] .mx-xl-1 {
        margin-left: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-xl-1,html:not([dir=rtl]) .mx-xl-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-xl-1,html[dir=rtl] .mx-xl-1 {
        margin-right: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-xl-2,html:not([dir=rtl]) .mx-xl-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-xl-2,html[dir=rtl] .mx-xl-2 {
        margin-left: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-xl-2,html:not([dir=rtl]) .mx-xl-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-xl-2,html[dir=rtl] .mx-xl-2 {
        margin-right: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-xl-3,html:not([dir=rtl]) .mx-xl-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-xl-3,html[dir=rtl] .mx-xl-3 {
        margin-left: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-xl-3,html:not([dir=rtl]) .mx-xl-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-xl-3,html[dir=rtl] .mx-xl-3 {
        margin-right: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-4,html:not([dir=rtl]) .mx-xl-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-xl-4,html[dir=rtl] .mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-4,html:not([dir=rtl]) .mx-xl-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-xl-4,html[dir=rtl] .mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-xl-5,html:not([dir=rtl]) .mx-xl-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-xl-5,html[dir=rtl] .mx-xl-5 {
        margin-left: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-xl-5,html:not([dir=rtl]) .mx-xl-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-xl-5,html[dir=rtl] .mx-xl-5 {
        margin-right: 3rem!important
    }

    .m-xl-g {
        margin: .75rem!important
    }

    .mt-xl-g,.my-xl-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-xl-g,html:not([dir=rtl]) .mx-xl-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-xl-g,html[dir=rtl] .mx-xl-g {
        margin-left: .75rem!important
    }

    .mb-xl-g,.my-xl-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-xl-g,html:not([dir=rtl]) .mx-xl-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-xl-g,html[dir=rtl] .mx-xl-g {
        margin-right: .75rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-xl-0,html:not([dir=rtl]) .px-xl-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-xl-0,html[dir=rtl] .px-xl-0 {
        padding-left: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-xl-0,html:not([dir=rtl]) .px-xl-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-xl-0,html[dir=rtl] .px-xl-0 {
        padding-right: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-xl-1,html:not([dir=rtl]) .px-xl-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-xl-1,html[dir=rtl] .px-xl-1 {
        padding-left: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-xl-1,html:not([dir=rtl]) .px-xl-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-xl-1,html[dir=rtl] .px-xl-1 {
        padding-right: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-xl-2,html:not([dir=rtl]) .px-xl-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-xl-2,html[dir=rtl] .px-xl-2 {
        padding-left: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-xl-2,html:not([dir=rtl]) .px-xl-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-xl-2,html[dir=rtl] .px-xl-2 {
        padding-right: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-xl-3,html:not([dir=rtl]) .px-xl-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-xl-3,html[dir=rtl] .px-xl-3 {
        padding-left: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-xl-3,html:not([dir=rtl]) .px-xl-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-xl-3,html[dir=rtl] .px-xl-3 {
        padding-right: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-xl-4,html:not([dir=rtl]) .px-xl-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-xl-4,html[dir=rtl] .px-xl-4 {
        padding-left: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-xl-4,html:not([dir=rtl]) .px-xl-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-xl-4,html[dir=rtl] .px-xl-4 {
        padding-right: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-xl-5,html:not([dir=rtl]) .px-xl-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-xl-5,html[dir=rtl] .px-xl-5 {
        padding-left: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-xl-5,html:not([dir=rtl]) .px-xl-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-xl-5,html[dir=rtl] .px-xl-5 {
        padding-right: 3rem!important
    }

    .p-xl-g {
        padding: .75rem!important
    }

    .pt-xl-g,.py-xl-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-xl-g,html:not([dir=rtl]) .px-xl-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-xl-g,html[dir=rtl] .px-xl-g {
        padding-left: .75rem!important
    }

    .pb-xl-g,.py-xl-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-xl-g,html:not([dir=rtl]) .px-xl-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-xl-g,html[dir=rtl] .px-xl-g {
        padding-right: .75rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-xl-n1,html:not([dir=rtl]) .mx-xl-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-xl-n1,html[dir=rtl] .mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-xl-n1,html:not([dir=rtl]) .mx-xl-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-xl-n1,html[dir=rtl] .mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-n2,html:not([dir=rtl]) .mx-xl-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-xl-n2,html[dir=rtl] .mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-n2,html:not([dir=rtl]) .mx-xl-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-xl-n2,html[dir=rtl] .mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-xl-n3,html:not([dir=rtl]) .mx-xl-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-xl-n3,html[dir=rtl] .mx-xl-n3 {
        margin-left: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-xl-n3,html:not([dir=rtl]) .mx-xl-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-xl-n3,html[dir=rtl] .mx-xl-n3 {
        margin-right: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-n4,html:not([dir=rtl]) .mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-xl-n4,html[dir=rtl] .mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-n4,html:not([dir=rtl]) .mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-xl-n4,html[dir=rtl] .mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-xl-n5,html:not([dir=rtl]) .mx-xl-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-xl-n5,html[dir=rtl] .mx-xl-n5 {
        margin-left: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-xl-n5,html:not([dir=rtl]) .mx-xl-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-xl-n5,html[dir=rtl] .mx-xl-n5 {
        margin-right: -3rem!important
    }

    .m-xl-ng {
        margin: -.75rem!important
    }

    .mt-xl-ng,.my-xl-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-xl-ng,html:not([dir=rtl]) .mx-xl-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-xl-ng,html[dir=rtl] .mx-xl-ng {
        margin-left: -.75rem!important
    }

    .mb-xl-ng,.my-xl-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-xl-ng,html:not([dir=rtl]) .mx-xl-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-xl-ng,html[dir=rtl] .mx-xl-ng {
        margin-right: -.75rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-xl-auto,html:not([dir=rtl]) .mx-xl-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-xl-auto,html[dir=rtl] .mx-xl-auto {
        margin-left: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-xl-auto,html:not([dir=rtl]) .mx-xl-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-xl-auto,html[dir=rtl] .mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

.text-gray-100 {
    color: #f2f2f2!important
}

.text-gray-200,.text-neutral-100,.theme-dark .text-neutral-400 {
    color: #e6e6e6!important
}

.text-gray-300,.text-neutral-200,.theme-dark .text-neutral-300 {
    color: #d2d2d2!important
}

.text-gray-400 {
    color: #a2a2a2!important
}

.text-gray-475 {
    color: #858585!important
}

.text-gray-500,.text-neutral-300,.theme-dark .text-neutral-200 {
    color: #757575!important
}

.text-gray-600,.text-neutral-400,.theme-dark .text-neutral-100 {
    color: #505050!important
}

.text-gray-700 {
    color: #404040!important
}

.text-gray-800 {
    color: #2f2f2f!important
}

.text-gray-900 {
    color: #171717!important
}

.text-blue,.text-brand,.text-primary,.theme-dark .text-primary-alt {
    color: #f97141!important
}

.text-orange {
    color: #d83b01!important
}

.text-green {
    color: #107c10!important
}

.text-purple {
    color: #8661c5!important
}

.text-yellow {
    color: #ffb900!important
}

.text-teal {
    color: #008575!important
}

.text-brand-dark,.text-dark-blue {
    color: #243a5e!important
}

.text-dark-orange {
    color: #6b2929!important
}

.text-dark-green {
    color: #054b16!important
}

.text-dark-purple {
    color: #3b2e58!important
}

.text-dark-yellow {
    color: #6a4b16!important
}

.text-dark-teal {
    color: #274b47!important
}

.text-brand-light,.text-light-blue {
    color: #50e6ff!important
}

.text-light-orange {
    color: #ff9349!important
}

.text-light-green {
    color: #9bf00b!important
}

.text-light-purple {
    color: #d59dff!important
}

.text-light-yellow {
    color: #fef000!important
}

.text-light-teal {
    color: #30e5d0!important
}

.text-alt-blue,.text-primary-alt,.theme-dark .text-primary {
    color: #3aa0fa!important
}

.text-alt-orange {
    color: #f7894a!important
}

.text-alt-green {
    color: #5dc21e!important
}

.text-light,.text-white,.theme-dark .text-inverse,.theme-dark .text-secondary {
    color: #fff!important
}

.text-black,.text-dark,.text-inverse,.text-secondary {
    color: #000!important
}

.text-body {
    color: #000!important
}

.theme-dark .text-body {
    color: #fff!important
}

.text-muted {
    color: #505050!important
}

.theme-dark .text-muted {
    color: #a2a2a2!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    color: inherit!important
}

.column-count-auto {
    -moz-column-count: auto;
    column-count: auto
}

.column-count-1 {
    -moz-column-count: 1;
    column-count: 1
}

.column-count-2 {
    -moz-column-count: 2;
    column-count: 2
}

.column-count-3 {
    -moz-column-count: 3;
    column-count: 3
}

.column-count-4 {
    -moz-column-count: 4;
    column-count: 4
}

.column-count-auto {
    -moz-column-count: auto;
    column-count: auto
}

.column-count-1 {
    -moz-column-count: 1;
    column-count: 1
}

.column-count-2 {
    -moz-column-count: 2;
    column-count: 2
}

.column-count-3 {
    -moz-column-count: 3;
    column-count: 3
}

.column-count-4 {
    -moz-column-count: 4;
    column-count: 4
}

@media (min-width: 540px) {
    .column-count-sm-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-sm-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-sm-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-sm-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-sm-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 860px) {
    .column-count-md-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-md-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-md-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-md-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-md-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 1084px) {
    .column-count-lg-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-lg-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-lg-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-lg-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-lg-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 1400px) {
    .column-count-xl-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-xl-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-xl-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-xl-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-xl-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

.text-serif {
    font-family: TimesNewRoman,"Times New Roman",Times,serif
}

.text-glyph {
    font-family: MWF-FLUENT-ICONS
}

.text-monospace {
    font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace!important
}

html:not([dir=rtl]) .text-left {
    text-align: left!important
}

html[dir=rtl] .text-left {
    text-align: right!important
}

html:not([dir=rtl]) .text-right {
    text-align: right!important
}

html[dir=rtl] .text-right {
    text-align: left!important
}

.text-center {
    text-align: center!important
}

@media (min-width: 540px) {
    html:not([dir=rtl]) .text-sm-left {
        text-align:left!important
    }

    html[dir=rtl] .text-sm-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-sm-right {
        text-align: right!important
    }

    html[dir=rtl] .text-sm-right {
        text-align: left!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .text-md-left {
        text-align:left!important
    }

    html[dir=rtl] .text-md-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-md-right {
        text-align: right!important
    }

    html[dir=rtl] .text-md-right {
        text-align: left!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 1084px) {
    html:not([dir=rtl]) .text-lg-left {
        text-align:left!important
    }

    html[dir=rtl] .text-lg-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-lg-right {
        text-align: right!important
    }

    html[dir=rtl] .text-lg-right {
        text-align: left!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    html:not([dir=rtl]) .text-xl-left {
        text-align:left!important
    }

    html[dir=rtl] .text-xl-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-xl-right {
        text-align: right!important
    }

    html[dir=rtl] .text-xl-right {
        text-align: left!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

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

.text-break {
    overflow-wrap: break-word!important
}

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

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 100!important
}

.font-weight-semilight {
    font-weight: 200!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-semibold {
    font-weight: 600!important;
    text-decoration: none !important;
}

.font-weight-bold {
    font-weight: 700!important
}
.fas{
    font-size: 12px !important;
}
.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-line-through {
    text-decoration: line-through
}

.text-letter-space {
    letter-spacing: .0625em
}

.text-line-height-reset {
    line-height: 1
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: .0625rem solid #757575;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 1084px!important
    }

    .container {
        min-width: 1084px!important
    }

    .navbar {
        display: none
    }

    .badge {
        border: .0625rem solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #d2d2d2!important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
        border-color: #d2d2d2
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #d2d2d2
    }
}

@media (min-width: 1084px) {
    .rounded-card {
        border-radius: 1.5rem;
    }
}

/* mainlight */

@font-face {
    font-family: MWF-FLUENT-ICONS;
    src: url(resources/fonts/MWFFluentIcons.woff2) format("woff2"),url(resources/fonts/MWFFluentIcons.woff) format("woff"),url(resources/fonts/MWFFluentIcons.ttf) format("truetype")
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("ttf");
    font-weight: 400
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("ttf");
    font-weight: 100
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("ttf");
    font-weight: 200
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("ttf");
    font-weight: 600
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("ttf");
    font-weight: 700
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}




[contentEditable=true]:focus,[tabindex]:focus,a[href]:focus,area[href]:focus,button:focus,iframe:focus,input:focus,select:focus,textarea:focus {
    outline: .1875rem dotted currentColor
}

[tabindex="-1"]:focus {
    outline: 0!important
}

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

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem
}

html:not([dir=rtl]) dd {
    margin-left: 0
}

html[dir=rtl] dd {
    margin-right: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #f97141
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #000;
    caption-side: bottom
}

html:not([dir=rtl]) caption {
    text-align: left
}

html[dir=rtl] caption {
    text-align: right
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

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

@media (min-width: 1084px) {
    .container {
        padding-right:5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

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

.container-fluid,.container-xl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: .75rem;
    padding-left: .75rem
}

@media (min-width: 1084px) {
    .container-fluid,.container-xl {
        padding-right:5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1600px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

html:not([dir=rtl]) .offset-1 {
    margin-left: 8.33333%
}

html[dir=rtl] .offset-1 {
    margin-right: 8.33333%
}

html:not([dir=rtl]) .offset-2 {
    margin-left: 16.66667%
}

html[dir=rtl] .offset-2 {
    margin-right: 16.66667%
}

html:not([dir=rtl]) .offset-3 {
    margin-left: 25%
}

html[dir=rtl] .offset-3 {
    margin-right: 25%
}

html:not([dir=rtl]) .offset-4 {
    margin-left: 33.33333%
}

html[dir=rtl] .offset-4 {
    margin-right: 33.33333%
}

html:not([dir=rtl]) .offset-5 {
    margin-left: 41.66667%
}

html[dir=rtl] .offset-5 {
    margin-right: 41.66667%
}

html:not([dir=rtl]) .offset-6 {
    margin-left: 50%
}

html[dir=rtl] .offset-6 {
    margin-right: 50%
}

html:not([dir=rtl]) .offset-7 {
    margin-left: 58.33333%
}

html[dir=rtl] .offset-7 {
    margin-right: 58.33333%
}

html:not([dir=rtl]) .offset-8 {
    margin-left: 66.66667%
}

html[dir=rtl] .offset-8 {
    margin-right: 66.66667%
}

html:not([dir=rtl]) .offset-9 {
    margin-left: 75%
}

html[dir=rtl] .offset-9 {
    margin-right: 75%
}

html:not([dir=rtl]) .offset-10 {
    margin-left: 83.33333%
}

html[dir=rtl] .offset-10 {
    margin-right: 83.33333%
}

html:not([dir=rtl]) .offset-11 {
    margin-left: 91.66667%
}

html[dir=rtl] .offset-11 {
    margin-right: 91.66667%
}

@media (min-width: 540px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-sm-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-sm-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-sm-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-sm-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-sm-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-sm-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-sm-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-sm-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-sm-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-sm-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-sm-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-sm-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-sm-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-sm-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-sm-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-sm-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-sm-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-sm-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-sm-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-sm-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-sm-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-sm-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-sm-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-sm-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 860px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-md-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-md-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-md-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-md-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-md-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-md-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-md-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-md-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-md-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-md-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-md-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-md-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-md-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-md-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-md-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-md-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-md-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-md-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-md-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-md-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-md-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-md-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-md-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-md-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 1084px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-lg-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-lg-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-lg-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-lg-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-lg-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-lg-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-lg-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-lg-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-lg-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-lg-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-lg-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-lg-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-lg-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-lg-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-lg-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-lg-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-lg-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-lg-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-lg-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-lg-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-lg-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-lg-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-lg-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-lg-11 {
        margin-right: 91.66667%
    }
}

@media (min-width: 1400px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-xl-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-xl-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-xl-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-xl-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-xl-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-xl-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-xl-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-xl-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-xl-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-xl-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-xl-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-xl-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-xl-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-xl-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-xl-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-xl-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-xl-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-xl-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-xl-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-xl-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-xl-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-xl-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-xl-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-xl-11 {
        margin-right: 91.66667%
    }
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2
}

.h6,h6 {
    font-size: 1.0625rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h6,h6 {
        font-size:1.125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h6,h6 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

.h5,h5 {
    font-size: 1.125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h5,h5 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h5,h5 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

.h4,h4 {
    font-size: 1.1875rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h4,h4 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .h4,h4 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

.h3,h3 {
    font-size: 1.3125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .h3,h3 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

@media (min-width: 1400px) {
    .h3,h3 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

.h2,h2 {
    font-size: 1.5rem;
    margin-bottom: .75rem
}

@media (min-width: 1084px) {
    .h2,h2 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

@media (min-width: 1400px) {
    .h2,h2 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

.h1,h1 {
    font-size: 1.8125rem;
    margin-bottom: 1rem
}

@media (min-width: 1084px) {
    .h1,h1 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width: 1400px) {
    .h1,h1 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

.display-4 {
    font-size: 2.3125rem;
    margin-bottom: 1.25rem
}

@media (min-width: 1084px) {
    .display-4 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 1400px) {
    .display-4 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

.display-3 {
    font-size: 3.125rem;
    margin-bottom: 1.5rem
}

@media (min-width: 1084px) {
    .display-3 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

@media (min-width: 1400px) {
    .display-3 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

.display-2 {
    font-size: 4.4375rem;
    margin-bottom: 1.75rem
}

@media (min-width: 1084px) {
    .display-2 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 1400px) {
    .display-2 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

.display-1 {
    font-size: 6.5625rem;
    margin-bottom: 2rem
}

@media (min-width: 1084px) {
    .display-1 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 1400px) {
    .display-1 {
        font-size:15.5625rem;
        margin-bottom: 2.5rem
    }
}

.lead {
    font-weight: 400
}

@media (min-width: 1084px) {
    .lead {
        font-size:1.25rem
    }
}

.small,small {
    font-size: .875rem;
    font-weight: inherit
}

.base {
    font-size: 1rem
}

@media (min-width: 1084px) {
    .large {
        font-size:1.125rem
    }
}

.mark,mark {
    background-color: #ffb900;
    box-shadow: 0 0 0 .2em #ffb900;
    color: #000
}

code {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #000;
    background-color: #f2f2f2;
    border-radius: .1rem;
    word-wrap: break-word
}

a>code {
    color: inherit
}

.theme-dark a>code {
    color: inherit
}

.theme-dark code {
    background-color: #171717;
    color: #fff
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #505050;
    border-radius: .1rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%
}

pre code {
    font-size: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.btn {
    display: inline-block;
    font-weight: 600;
    border: .125rem solid transparent;
    position: relative;
    border-radius: .125rem;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    padding: .625rem .75rem;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer
}

.btn.disabled,.btn:disabled {
    cursor: default;
    opacity: .3
}

.btn:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

html:not([dir=rtl]) .btn.glyph-prepend {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn.glyph-prepend {
    padding-right: calc(.75rem + 1.4375em)
}

html:not([dir=rtl]) .btn.glyph-append {
    padding-right: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn.glyph-append {
    padding-left: calc(.75rem + 1.4375em)
}

.btn::after,.btn::before {
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    top: 50%;
    margin-top: -.5em
}

html:not([dir=rtl]) .btn::before {
    left: .75rem
}

html[dir=rtl] .btn::before {
    right: .75rem
}

html:not([dir=rtl]) .btn::after {
    right: .75rem
}

html[dir=rtl] .btn::after {
    left: .75rem
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-brand,.btn-primary,.theme-dark .btn-brand,.theme-dark .btn-primary-alt {
    background-color: #f97141;
    color: #fff!important
}

.btn-brand:hover,.btn-primary:hover,.theme-dark .btn-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-brand,.active.btn-primary,.theme-dark .active.btn-primary-alt {
    background-color: #fff;
    color: #f97141!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-brand:disabled,.btn-primary:disabled,.disabled.btn-brand,.disabled.btn-primary,.theme-dark .btn-primary-alt:disabled,.theme-dark .disabled.btn-primary-alt {
    box-shadow: none;
    background-image: none
}

.btn-inverted-brand,.btn-inverted-primary,.theme-dark .btn-inverted-brand,.theme-dark .btn-inverted-primary-alt {
    background-color: #fff;
    color: #f97141!important
}

.btn-inverted-brand:hover,.btn-inverted-primary:hover,.theme-dark .btn-inverted-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand,.active.btn-inverted-primary,.theme-dark .active.btn-inverted-primary-alt {
    background-color: #f97141;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-brand:disabled,.btn-inverted-primary:disabled,.disabled.btn-inverted-brand,.disabled.btn-inverted-primary,.theme-dark .btn-inverted-primary-alt:disabled,.theme-dark .disabled.btn-inverted-primary-alt {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand,.btn-outline-primary,.theme-dark .btn-outline-brand,.theme-dark .btn-outline-primary-alt {
    background-color: transparent;
    color: #f97141!important;
    border-color: currentColor
}

.btn-outline-brand:hover,.btn-outline-primary:hover,.theme-dark .btn-outline-primary-alt:hover {
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.active.btn-outline-brand,.active.btn-outline-primary,.theme-dark .active.btn-outline-primary-alt {
    background-color: #f97141;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-brand:disabled,.btn-outline-primary:disabled,.disabled.btn-outline-brand,.disabled.btn-outline-primary,.theme-dark .btn-outline-primary-alt:disabled,.theme-dark .disabled.btn-outline-primary-alt {
    background-image: none
}

.btn-faint-brand,.btn-faint-primary,.theme-dark .btn-faint-brand,.theme-dark .btn-faint-primary-alt {
    background-color: transparent;
    color: #f97141!important;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-faint-brand:hover,.btn-faint-primary:hover,.theme-dark .btn-faint-primary-alt:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand,.active.btn-faint-primary,.theme-dark .active.btn-faint-primary-alt {
    color: #fff!important;
    background-color: #f97141
}

.btn-faint-brand:disabled,.btn-faint-primary:disabled,.disabled.btn-faint-brand,.disabled.btn-faint-primary,.theme-dark .btn-faint-primary-alt:disabled,.theme-dark .disabled.btn-faint-primary-alt {
    box-shadow: none;
    background-image: linear-gradient(rgba(0,103,184,.15),rgba(0,103,184,.15))
}

.btn-inverted-brand-dark,.theme-dark .btn-inverted-brand-dark {
    background-color: #fff;
    color: #243a5e!important
}

.btn-inverted-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand-dark {
    background-color: #243a5e;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-brand-dark:disabled,.disabled.btn-inverted-brand-dark {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand-dark,.theme-dark .btn-outline-brand-dark {
    background-color: transparent;
    color: #243a5e!important;
    border-color: currentColor
}

.btn-outline-brand-dark:hover {
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.active.btn-outline-brand-dark {
    background-color: #243a5e;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-brand-dark:disabled,.disabled.btn-outline-brand-dark {
    background-image: none
}

.btn-faint-brand-dark,.theme-dark .btn-faint-brand-dark {
    background-color: transparent;
    color: #243a5e!important;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-faint-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand-dark {
    color: #fff!important;
    background-color: #243a5e
}

.btn-faint-brand-dark:disabled,.disabled.btn-faint-brand-dark {
    box-shadow: none;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-inverted-brand-light,.theme-dark .btn-inverted-brand-light {
    background-color: #000;
    color: #50e6ff!important
}

.btn-inverted-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-brand-light {
    background-color: #50e6ff;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-brand-light:disabled,.disabled.btn-inverted-brand-light {
    box-shadow: none;
    background-image: none
}

.btn-outline-brand-light,.theme-dark .btn-outline-brand-light {
    background-color: transparent;
    color: #50e6ff!important;
    border-color: currentColor
}

.btn-outline-brand-light:hover {
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.active.btn-outline-brand-light {
    background-color: #50e6ff;
    color: #000!important;
    border-color: transparent
}

.btn-outline-brand-light:disabled,.disabled.btn-outline-brand-light {
    background-image: none
}

.btn-faint-brand-light,.theme-dark .btn-faint-brand-light {
    background-color: transparent;
    color: #50e6ff!important;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-faint-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-brand-light {
    color: #000!important;
    background-color: #50e6ff
}

.btn-faint-brand-light:disabled,.disabled.btn-faint-brand-light {
    box-shadow: none;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-primary-alt,.theme-dark .btn-primary {
    background-color: #3aa0fa;
    color: #000!important
}

.btn-primary-alt:hover,.theme-dark .btn-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-primary-alt,.theme-dark .active.btn-primary {
    background-color: #000;
    color: #3aa0fa!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-primary-alt:disabled,.disabled.btn-primary-alt,.theme-dark .btn-primary:disabled,.theme-dark .disabled.btn-primary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-primary-alt,.theme-dark .btn-inverted-primary {
    background-color: #000;
    color: #3aa0fa!important
}

.btn-inverted-primary-alt:hover,.theme-dark .btn-inverted-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-primary-alt,.theme-dark .active.btn-inverted-primary {
    background-color: #3aa0fa;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-primary-alt:disabled,.disabled.btn-inverted-primary-alt,.theme-dark .btn-inverted-primary:disabled,.theme-dark .disabled.btn-inverted-primary {
    box-shadow: none;
    background-image: none
}

.btn-outline-primary-alt,.theme-dark .btn-outline-primary {
    background-color: transparent;
    color: #3aa0fa!important;
    border-color: currentColor
}

.btn-outline-primary-alt:hover,.theme-dark .btn-outline-primary:hover {
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.active.btn-outline-primary-alt,.theme-dark .active.btn-outline-primary {
    background-color: #3aa0fa;
    color: #000!important;
    border-color: transparent
}

.btn-outline-primary-alt:disabled,.disabled.btn-outline-primary-alt,.theme-dark .btn-outline-primary:disabled,.theme-dark .disabled.btn-outline-primary {
    background-image: none
}

.btn-faint-primary-alt,.theme-dark .btn-faint-primary {
    background-color: transparent;
    color: #3aa0fa!important;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-faint-primary-alt:hover,.theme-dark .btn-faint-primary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-primary-alt,.theme-dark .active.btn-faint-primary {
    color: #000!important;
    background-color: #3aa0fa
}

.btn-faint-primary-alt:disabled,.disabled.btn-faint-primary-alt,.theme-dark .btn-faint-primary:disabled,.theme-dark .disabled.btn-faint-primary {
    box-shadow: none;
    background-image: linear-gradient(rgba(58,160,250,.15),rgba(58,160,250,.15))
}

.btn-light,.theme-dark .btn-inverse,.theme-dark .btn-light,.theme-dark .btn-secondary {
    background-color: #fff;
    color: #000!important
}

.btn-light:hover,.theme-dark .btn-inverse:hover,.theme-dark .btn-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-light,.theme-dark .active.btn-inverse,.theme-dark .active.btn-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-light:disabled,.disabled.btn-light,.theme-dark .btn-inverse:disabled,.theme-dark .btn-secondary:disabled,.theme-dark .disabled.btn-inverse,.theme-dark .disabled.btn-secondary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-light,.theme-dark .btn-inverted-inverse,.theme-dark .btn-inverted-light,.theme-dark .btn-inverted-secondary {
    background-color: #000;
    color: #fff!important
}

.btn-inverted-light:hover,.theme-dark .btn-inverted-inverse:hover,.theme-dark .btn-inverted-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-light,.theme-dark .active.btn-inverted-inverse,.theme-dark .active.btn-inverted-secondary {
    background-color: #fff;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-inverted-light:disabled,.disabled.btn-inverted-light,.theme-dark .btn-inverted-inverse:disabled,.theme-dark .btn-inverted-secondary:disabled,.theme-dark .disabled.btn-inverted-inverse,.theme-dark .disabled.btn-inverted-secondary {
    box-shadow: none;
    background-image: none
}

.btn-outline-light,.theme-dark .btn-outline-inverse,.theme-dark .btn-outline-light,.theme-dark .btn-outline-secondary {
    background-color: transparent;
    color: #fff!important;
    border-color: currentColor
}

.btn-outline-light:hover,.theme-dark .btn-outline-inverse:hover,.theme-dark .btn-outline-secondary:hover {
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.active.btn-outline-light,.theme-dark .active.btn-outline-inverse,.theme-dark .active.btn-outline-secondary {
    background-color: #fff;
    color: #000!important;
    border-color: transparent
}

.btn-outline-light:disabled,.disabled.btn-outline-light,.theme-dark .btn-outline-inverse:disabled,.theme-dark .btn-outline-secondary:disabled,.theme-dark .disabled.btn-outline-inverse,.theme-dark .disabled.btn-outline-secondary {
    background-image: none
}

.btn-faint-light,.theme-dark .btn-faint-inverse,.theme-dark .btn-faint-light,.theme-dark .btn-faint-secondary {
    background-color: transparent;
    color: #fff!important;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-faint-light:hover,.theme-dark .btn-faint-inverse:hover,.theme-dark .btn-faint-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-light,.theme-dark .active.btn-faint-inverse,.theme-dark .active.btn-faint-secondary {
    color: #000!important;
    background-color: #fff
}

.btn-faint-light:disabled,.disabled.btn-faint-light,.theme-dark .btn-faint-inverse:disabled,.theme-dark .btn-faint-secondary:disabled,.theme-dark .disabled.btn-faint-inverse,.theme-dark .disabled.btn-faint-secondary {
    box-shadow: none;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-dark,.btn-inverse,.btn-secondary,.theme-dark .btn-dark {
    color: #fff!important;
    background-color: #f97141;
    border-radius: 8px;
}

.btn-dark:hover,.btn-inverse:hover,.btn-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
background-color: #f97141;
    border-radius: 8px;
}

.active.btn-dark,.active.btn-inverse,.active.btn-secondary {
    background-color: #fff;
    color: #000!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-dark:disabled,.btn-inverse:disabled,.btn-secondary:disabled,.disabled.btn-dark,.disabled.btn-inverse,.disabled.btn-secondary {
    box-shadow: none;
    background-image: none
}

.btn-inverted-dark,.btn-inverted-inverse,.btn-inverted-secondary,.theme-dark .btn-inverted-dark {
    background-color: #fff;
    color: #000!important
}

.btn-inverted-dark:hover,.btn-inverted-inverse:hover,.btn-inverted-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active.btn-inverted-dark,.active.btn-inverted-inverse,.active.btn-inverted-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.btn-inverted-dark:disabled,.btn-inverted-inverse:disabled,.btn-inverted-secondary:disabled,.disabled.btn-inverted-dark,.disabled.btn-inverted-inverse,.disabled.btn-inverted-secondary {
    box-shadow: none;
    background-image: none
}

.btn-outline-dark,.btn-outline-inverse,.btn-outline-secondary,.theme-dark .btn-outline-dark {
    background-color: transparent;
    color: #000!important;
    border-color: currentColor
}

.btn-outline-dark:hover,.btn-outline-inverse:hover,.btn-outline-secondary:hover {
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.active.btn-outline-dark,.active.btn-outline-inverse,.active.btn-outline-secondary {
    background-color: #000;
    color: #fff!important;
    border-color: transparent
}

.btn-outline-dark:disabled,.btn-outline-inverse:disabled,.btn-outline-secondary:disabled,.disabled.btn-outline-dark,.disabled.btn-outline-inverse,.disabled.btn-outline-secondary {
    background-image: none
}

.btn-faint-dark,.btn-faint-inverse,.btn-faint-secondary,.theme-dark .btn-faint-dark {
    background-color: transparent;
    color: #000!important;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-faint-dark:hover,.btn-faint-inverse:hover,.btn-faint-secondary:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: none
}

.active.btn-faint-dark,.active.btn-faint-inverse,.active.btn-faint-secondary {
    color: #fff!important;
    background-color: #000
}

.btn-faint-dark:disabled,.btn-faint-inverse:disabled,.btn-faint-secondary:disabled,.disabled.btn-faint-dark,.disabled.btn-faint-inverse,.disabled.btn-faint-secondary {
    box-shadow: none;
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn-brand-light {
    background-color: #50e6ff;
    color: #243a5e!important
}

.btn-brand-light:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.btn-brand-light.active {
    background-color: #243a5e;
    color: #50e6ff!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(80,230,255,.15),rgba(80,230,255,.15))
}

.btn-brand-light.disabled,.btn-brand-light:disabled {
    box-shadow: none;
    background-image: none
}

.btn-brand-dark {
    background-color: #243a5e;
    color: #50e6ff!important
}

.btn-brand-dark:hover {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.btn-brand-dark.active {
    background-color: #50e6ff;
    color: #243a5e!important;
    border-color: currentColor;
    background-image: linear-gradient(rgba(36,58,94,.15),rgba(36,58,94,.15))
}

.btn-brand-dark.disabled,.btn-brand-dark:disabled {
    box-shadow: none;
    background-image: none
}

.btn-link {
    background: 0 0;
    border-radius: 0;
    color: #f97141;
    text-decoration: underline
}

.theme-dark .btn-link {
    color: #3aa0fa
}

.btn-link.inactive {
    opacity: 1;
    text-decoration: none;
    color: #757575;
    cursor: default
}

.theme-dark .btn-link.inactive {
    color: #d2d2d2
}

.btn-group-lg>.btn,.btn-lg {
    padding: .8125rem .75rem;
    font-size: 1.125rem;
    line-height: 1
}

.btn-group-sm>.btn,.btn-sm {
    padding: .5625rem .75rem;
    font-size: .875rem;
    line-height: 1
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.btn-collapse {
    background: 0 0
}

.btn-collapse:hover {
    box-shadow: none
}

.btn-collapse::before {
    font-family: MWF-FLUENT-ICONS;
    content: "";
    font-size: 1em;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .btn-collapse::before {
        transition: none
    }
}

html:not([dir=rtl]) .btn-collapse[aria-expanded=false]::before {
    transform: rotate(-90deg)
}

html[dir=rtl] .btn-collapse[aria-expanded=false]::before {
    transform: rotate(90deg)
}

html:not([dir=rtl]) .btn-collapse {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .btn-collapse {
    padding-right: calc(.75rem + 1.4375em)
}

.accordion {
    margin-bottom: 0
}

html:not([dir=rtl]) .accordion {
    padding-left: 0
}

html[dir=rtl] .accordion {
    padding-right: 0
}

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

.accordion .accordion-header {
    margin-bottom: 0;
    border-top: .0625rem solid #d2d2d2;
    line-height: 1.5
}

.theme-dark .accordion .accordion-header {
    border-color: #757575
}

.accordion .btn-collapse {
    width: 100%;
    padding: 1.5rem 1.25rem;
    line-height: inherit
}

.accordion .btn-collapse::before {
    line-height: 1.5625rem;
    top: auto;
    margin-top: auto
}

html:not([dir=rtl]) .accordion .btn-collapse {
    text-align: left;
    padding-left: calc((2 * .5rem) + 1.5625rem)
}

html[dir=rtl] .accordion .btn-collapse {
    text-align: right;
    padding-right: calc((2 * .5rem) + 1.5625rem)
}

.accordion .accordion-body {
    padding-bottom: 1.5rem
}

html:not([dir=rtl]) .accordion .accordion-body {
    text-align: left;
    padding-left: calc((2 * .5rem) + 1.5625rem)
}

html[dir=rtl] .accordion .accordion-body {
    text-align: right;
    padding-right: calc((2 * .5rem) + 1.5625rem)
}

.accordion.accordion-backplate .accordion-header {
    border: 0
}

.accordion.accordion-backplate .btn-collapse {
    padding: 1rem .75rem;
    border-radius: .25rem;
    color: rgba(0,0,0,.9)
}

.theme-dark .accordion.accordion-backplate .btn-collapse {
    color: rgba(255,255,255,.9)
}

html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse {
    padding-left: calc((2 * 1rem) + 1.5625rem)
}

html[dir=rtl] .accordion.accordion-backplate .btn-collapse {
    padding-right: calc((2 * 1rem) + 1.5625rem)
}

html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse::before {
    left: calc((calc((2 * 1rem) + 1.5625rem) - 1em)/ 2)
}

html[dir=rtl] .accordion.accordion-backplate .btn-collapse::before {
    right: calc((calc((2 * 1rem) + 1.5625rem) - 1em)/ 2)
}

.accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
    background: rgba(210,210,210,.3)
}

.theme-dark .accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
    background: rgba(117,117,117,.3)
}

.accordion.accordion-backplate .accordion-body {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: rgba(0,0,0,.7)
}

.theme-dark .accordion.accordion-backplate .accordion-body {
    color: rgba(255,255,255,.7)
}

html:not([dir=rtl]) .accordion.accordion-backplate .accordion-body {
    padding-left: calc((2 * 1rem) + 1.5625rem)
}

html[dir=rtl] .accordion.accordion-backplate .accordion-body {
    padding-right: calc((2 * 1rem) + 1.5625rem)
}

.action-trigger {
    border: none;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    display: inline-block;
    font-weight: 600;
    position: relative;
    color: #f97141;
    text-decoration: underline;
    outline-offset: .25rem;
    cursor: pointer
}

.theme-dark .action-trigger {
    color: #3aa0fa
}

.action-trigger.disabled,.action-trigger:disabled {
    cursor: default;
    opacity: .3
}

.action-trigger.inactive {
    cursor: default;
    text-decoration: none;
    color: #757575
}

.theme-dark .action-trigger.inactive {
    color: #d2d2d2
}

html:not([dir=rtl]) .action-trigger.glyph-prepend {
    padding-left: 1.4375em
}

html[dir=rtl] .action-trigger.glyph-prepend {
    padding-right: 1.4375em
}

html:not([dir=rtl]) .action-trigger.glyph-append {
    padding-right: 1.4375em
}

html[dir=rtl] .action-trigger.glyph-append {
    padding-left: 1.4375em
}

.action-trigger.glyph-append,.action-trigger.glyph-prepend {
    text-decoration: none
}

.action-trigger::after,.action-trigger::before {
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    top: 50%;
    margin-top: -.4375em
}

html:not([dir=rtl]) .action-trigger::before {
    left: 0
}

html[dir=rtl] .action-trigger::before {
    right: 0
}

html:not([dir=rtl]) .action-trigger::after {
    right: 0
}

html[dir=rtl] .action-trigger::after {
    left: 0
}

a.action-trigger.disabled,fieldset:disabled a.action-trigger {
    pointer-events: none
}

.alert {
    border: .0625rem solid transparent;
    border-radius: .125rem;
    min-height: 3.625rem;
    position: relative;
    display: flex;
    padding: 1rem 1.5rem;
    background-color: #e6e6e6;
    color: #000
}

.alert a {
    color: #f97141
}

.theme-dark .alert {
    background-color: #505050;
    color: #fff
}

.theme-dark .alert a {
    color: #fff
}

.alert.glyph-prepend::before {
    font-size: 1.25rem;
    margin-top: .125rem
}

html:not([dir=rtl]) .alert.glyph-prepend::before {
    padding-right: .75rem
}

html[dir=rtl] .alert.glyph-prepend::before {
    padding-left: .75rem
}

.alert .glyph-prepend {
    margin-top: .125rem
}

html:not([dir=rtl]) .alert .glyph-prepend {
    padding-right: .75rem
}

html[dir=rtl] .alert .glyph-prepend {
    padding-left: .75rem
}

.alert .glyph-prepend::before {
    font-size: 1.25rem
}

.alert.alert-full-bleed {
    border-radius: 0;
    display: flex;
    justify-content: center
}

.alert.alert-full-bleed .alert-content {
    max-width: 1600px
}

@media (min-width: 540px) {
    .alert .alert-content {
        max-width:39rem
    }
}

@media (min-width: 860px) {
    .alert .alert-content {
        max-width:40rem
    }
}

@media (min-width: 1084px) {
    .alert .alert-content {
        max-width:48rem
    }
}

@media (min-width: 1400px) {
    .alert .alert-content {
        max-width:59rem
    }
}

.alert .alert-content>:last-child {
    margin-bottom: 0!important
}

.alert .close {
    position: absolute;
    padding: .5rem;
    color: inherit;
    top: .75rem
}

html:not([dir=rtl]) .alert .close {
    right: .75rem
}

html[dir=rtl] .alert .close {
    left: .75rem
}

.alert .divider,.alert hr {
    margin: .75rem 0 .5rem
}

html:not([dir=rtl]) .alert-dismissible {
    padding-right: 4rem
}

html[dir=rtl] .alert-dismissible {
    padding-left: 4rem
}

.area-heading>:last-child>:last-child {
    margin-bottom: 0
}

.area-heading>:last-child>:last-child .h1,.area-heading>:last-child>:last-child .h2,.area-heading>:last-child>:last-child .h3,.area-heading>:last-child>:last-child .h4,.area-heading>:last-child>:last-child .h5,.area-heading>:last-child>:last-child .h6,.area-heading>:last-child>:last-child .link-group,.area-heading>:last-child>:last-child h1,.area-heading>:last-child>:last-child h2,.area-heading>:last-child>:last-child h3,.area-heading>:last-child>:last-child h4,.area-heading>:last-child>:last-child h5,.area-heading>:last-child>:last-child h6,.area-heading>:last-child>:last-child p {
    margin-bottom: 0
}

.back-to-top {
    padding: .75rem;
    pointer-events: none
}

@-webkit-keyframes button-hide {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes button-hide {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.back-to-top.hide {
    opacity: 0;
    -webkit-animation: 0s cubic-bezier(.19,1,.22,1) 1s button-hide;
    animation: 0s cubic-bezier(.19,1,.22,1) 1s button-hide
}

.back-to-top.sticky {
    transition: opacity 1s cubic-bezier(.19,1,.22,1);
    flex-direction: row
}

@media (prefers-reduced-motion:reduce) {
    .back-to-top.sticky {
        transition: none
    }
}

@media (max-width: 859.98px) {
    .back-to-top.sticky {
        position:static
    }
}

.back-to-top .btn {
    pointer-events: auto;
    width: 100%;
    text-align: center;
    background-color: #fff;
    color: #000
}

.back-to-top .btn span {
    display: inline-flex
}

html:not([dir=rtl]) .back-to-top .btn .glyph-prepend::before {
    margin-right: .5rem
}

html[dir=rtl] .back-to-top .btn .glyph-prepend::before {
    margin-left: .5rem
}

.theme-dark .back-to-top .btn {
    background-color: #000;
    color: #fff
}

@media (min-width: 540px) {
    .back-to-top .btn {
        width:auto
    }
}

.badge {
    display: inline-block;
    padding: .375em .75em;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    vertical-align: top;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word
}

.badge:empty {
    display: none
}

.badge:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.btn.btn-badge {
    border-width: .0625rem;
    border-radius: 0;
    padding: .3125rem .75rem;
    background-color: transparent;
    color: #000!important;
    border-color: currentColor
}

.btn.btn-badge:hover {
    background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15))
}

.btn.btn-badge.active {
    background-color: #000;
    color: #fff!important;
    border-color: transparent
}

.btn.btn-badge.disabled,.btn.btn-badge:disabled {
    background-image: none
}

.theme-dark .btn.btn-badge {
    background-color: transparent;
    color: #fff!important;
    border-color: currentColor
}

.theme-dark .btn.btn-badge:hover {
    background-image: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15))
}

.theme-dark .btn.btn-badge.active {
    background-color: #fff;
    color: #000!important;
    border-color: transparent
}

.theme-dark .btn.btn-badge.disabled,.theme-dark .btn.btn-badge:disabled {
    background-image: none
}

.btn.btn-badge.btn.btn-badge-remove {
    padding: 0 .875rem
}

.btn.btn-badge.btn.btn-badge-remove::before {
    content: ""
}

html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove {
    border-left: none
}

html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove::before {
    left: .4375rem
}

html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove {
    border-right: none
}

html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove::before {
    right: .3125rem
}

.btn.btn-badge .glyph-prepend {
    display: inline-block
}

.btn.btn-badge .glyph-prepend::before {
    vertical-align: bottom
}

html:not([dir=rtl]) .btn.btn-badge .glyph-prepend::before {
    padding: 0 .5rem 0 .25rem
}

html[dir=rtl] .btn.btn-badge .glyph-prepend::before {
    padding: 0 .25rem 0 .5rem
}

.btn.btn-badge .btn-badge-img {
    max-width: 1.5rem;
    padding: 0 .25rem;
    vertical-align: bottom
}

html:not([dir=rtl]) .btn.btn-badge .btn-badge-img {
    margin-right: .25rem
}

html[dir=rtl] .btn.btn-badge .btn-badge-img {
    margin-left: .25rem
}

.btn.btn-badge.text-truncate {
    max-width: 9rem
}

.btn.btn-badge.btn.btn-badge[type=button] {
    border-width: .0625rem
}

.blockquote {
    padding: .75rem 1.5rem;
    border-style: solid;
    background: #f2f2f2;
    border-color: #757575
}

.theme-dark .blockquote {
    background: #171717;
    border-color: #d2d2d2
}

html:not([dir=rtl]) .blockquote {
    border-width: 0 0 0 .125rem
}

html[dir=rtl] .blockquote {
    border-width: 0 .125rem 0 0
}

.blockquote.light-weight {
    background: 0 0;
    color: #757575
}

.theme-dark .blockquote.light-weight {
    color: #d2d2d2
}

html:not([dir=rtl]) .blockquote.text-center {
    border-left: 0
}

html[dir=rtl] .blockquote.text-center {
    border-right: 0
}

html:not([dir=rtl]) .blockquote.text-right {
    border-width: 0 .125rem 0 0
}

html[dir=rtl] .blockquote.text-right {
    border-width: 0 0 0 .125rem
}

.blockquote-content:last-child {
    margin-bottom: 0
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb a {
    font-weight: 600
}

.breadcrumb .active>a {
    font-weight: inherit;
    color: inherit;
    text-decoration: inherit
}

.breadcrumb .active>a[href] {
    font-weight: 600
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding: 0 .5rem;
    content: "/"
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn.focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn.focus,.btn-group>.btn:active,.btn-group>.btn:focus {
    z-index: 1
}

html:not([dir=rtl]) .btn-group>.btn:not(:first-of-type) {
    border-left-width: 0;
    padding-left: .875rem
}

html[dir=rtl] .btn-group>.btn:not(:first-of-type) {
    border-right-width: 0;
    padding-right: .875rem
}

html:not([dir=rtl]) .btn-group>.btn:not(:last-of-type) {
    border-right-width: 0;
    padding-right: .875rem
}

html[dir=rtl] .btn-group>.btn:not(:last-of-type) {
    border-left-width: 0;
    padding-left: .875rem
}

html:not([dir=rtl]) .btn-group .btn-group+.btn-group,html:not([dir=rtl]) .btn-group .btn-group+.btn:first-of-type,html:not([dir=rtl]) .btn-group .btn:last-of-type+.btn-group {
    margin-left: -1px
}

html[dir=rtl] .btn-group .btn-group+.btn-group,html[dir=rtl] .btn-group .btn-group+.btn:first-of-type,html[dir=rtl] .btn-group .btn:last-of-type+.btn-group {
    margin-right: -1px
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:last-child)>.btn,html:not([dir=rtl]) .btn-group>.btn:not(:last-of-type) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn,html[dir=rtl] .btn-group>.btn:not(:last-of-type) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:first-child)>.btn,html:not([dir=rtl]) .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn,html[dir=rtl] .btn-group>.btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -.125rem
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-group-divider-append,.btn-group-divider-prepend {
    position: relative
}

.btn-group-divider-append::after,.btn-group-divider-prepend::before {
    display: block;
    position: absolute;
    width: .125rem;
    border-left-width: 1px;
    border-left-style: solid;
    top: 20%;
    margin-top: 0;
    height: 60%;
    content: ""
}

html:not([dir=rtl]) .btn-group-divider-prepend::before {
    left: 0
}

html[dir=rtl] .btn-group-divider-prepend::before {
    right: 0
}

html:not([dir=rtl]) .btn-group-divider-append::after {
    right: 0
}

html[dir=rtl] .btn-group-divider-append::after {
    left: 0
}



@media (prefers-reduced-motion:reduce) {
    .cta-reverse::before,.cta::after {
        transition: none
    }
}

.cta {
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-weight: 600
}

html:not([dir=rtl]) .cta {
    padding-right: 1.6875em
}

html[dir=rtl] .cta {
    padding-left: 1.6875em
}

html:not([dir=rtl]) .cta::after {
    content: "";
    right: .4375em
}

html[dir=rtl] .cta::after {
    content: "";
    left: .4375em
}

.cta:hover {
    text-decoration: underline
}

html:not([dir=rtl]) .cta:hover::after {
    transform: translate(.25em,0)
}

html[dir=rtl] .cta:hover::after {
    transform: translate(-.25em,0)
}

html:not([dir=rtl]) .cta.cta-reverse::after {
    content: ""
}

html[dir=rtl] .cta.cta-reverse::after {
    content: ""
}

html:not([dir=rtl]) .cta-reverse {
    padding-left: 1.6875em
}

html[dir=rtl] .cta-reverse {
    padding-right: 1.6875em
}

html:not([dir=rtl]) .cta-reverse::before {
    content: "";
    left: .4375em
}

html[dir=rtl] .cta-reverse::before {
    content: "";
    right: .4375em
}

html:not([dir=rtl]) .cta-reverse:hover::before {
    transform: translate(-.25em,0)
}

html[dir=rtl] .cta-reverse:hover::before {
    transform: translate(.25em,0)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    background-clip: border-box
}

.card picture {
    min-height: 1px
}

.card.card-alt-hover>div:first-child picture {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .card.card-alt-hover>div:first-child picture {
        transition: none
    }
}

.card.card-alt-hover>div:first-child picture:last-child {
    visibility: hidden;
    opacity: 0
}

.card.card-alt-hover picture:last-child {
    position: absolute;
    top: 0;
    left: 0
}

.card.card-alt-hover picture:last-child img {
    width: 100%
}

.card.card-alt-hover:hover>div:first-child picture:first-child {
    visibility: hidden;
    opacity: 0
}

.card.card-alt-hover:hover>div:first-child picture:last-child {
    visibility: visible;
    opacity: 1
}

.card-header {
    flex: 0 1 3rem
}

.card-body {
    flex: 1 1 auto;
    position: relative
}

.card-body>:last-child:not(.link-group) {
    margin-bottom: 0!important
}

@media (min-width: 1084px) {
    .card-img-overlay {
        display:flex
    }

    .card-img-overlay>.card-background {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        margin: auto 0;
        width: 100%
    }

    .card-img-overlay>.card-background .card-img {
        position: relative
    }

    .card-img-overlay>.card-foreground {
        width: 100%;
        align-self: center
    }

    html:not([dir=rtl]) .card-img-overlay>.card-foreground {
        margin-left: -100%!important;
        margin-right: 0
    }

    html[dir=rtl] .card-img-overlay>.card-foreground {
        margin-right: -100%!important;
        margin-left: 0
    }
}

@media (min-width: 1400px) {
    .card-img-overlay>.card-background .card-img {
        width:auto
    }
}

.card-img {
    width: 100%;
    flex-shrink: 0
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-deck {
        flex-flow:row wrap;
        margin-right: -.75rem;
        margin-left: -.75rem
    }

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: .75rem;
        margin-bottom: 0;
        margin-left: .75rem
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-group {
        flex-flow:row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 540px) {
    .card-columns {
        -moz-column-count:3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.card-min-width-sm {
    min-width: 8.75rem
}

.card-min-width-lg {
    min-width: 25rem
}

.card-offset {
    display: flex
}

@media (min-width: 860px) {
    .card-offset {
        padding-top:3rem
    }
}

.card-offset .card-body {
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 1.5rem
}

@media (min-width: 860px) {
    .card-offset .card-body {
        padding:3rem
    }
}

.card-offset .card-img {
    padding: 0
}

@media (max-width: 859.98px) {
    html:not([dir=rtl]) .card-offset .card-img {
        padding-left:1.5rem
    }

    html[dir=rtl] .card-offset .card-img {
        padding-right: 1.5rem
    }
}

@media (min-width: 860px) {
    .card-offset .card-img {
        margin-top:-3rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 859.98px) {
    .card-offset:not(.flipped) {
        padding-bottom:1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset:not(.flipped) {
        padding-right:3rem
    }

    html[dir=rtl] .card-offset:not(.flipped) {
        padding-left: 3rem
    }

    html:not([dir=rtl]) .card-offset:not(.flipped) .card-body {
        padding-right: 0
    }

    html[dir=rtl] .card-offset:not(.flipped) .card-body {
        padding-left: 0
    }
}

@media (max-width: 859.98px) {
    .card-offset:not(.flipped) .card-img {
        margin-bottom:-1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset:not(.flipped) .card-img {
        margin-right:-3rem;
        margin-left: 3rem
    }

    html[dir=rtl] .card-offset:not(.flipped) .card-img {
        margin-right: 3rem;
        margin-left: -3rem
    }
}

@media (max-width: 859.98px) {
    .card-offset.flipped {
        padding-top:1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset.flipped {
        padding-left:3rem
    }

    html[dir=rtl] .card-offset.flipped {
        padding-right: 3rem
    }

    html:not([dir=rtl]) .card-offset.flipped .card-body {
        padding-left: 0
    }

    html[dir=rtl] .card-offset.flipped .card-body {
        padding-right: 0
    }
}

@media (max-width: 859.98px) {
    .card-offset.flipped .card-img {
        margin-top:-1.5rem
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .card-offset.flipped .card-img {
        margin-right:3rem;
        margin-left: -3rem
    }

    html[dir=rtl] .card-offset.flipped .card-img {
        margin-right: -3rem;
        margin-left: 3rem
    }
}

.card-offset.card-offset-small .card-body {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 860px) {
    .card-offset.card-offset-small .card-body {
        padding-top:3rem;
        padding-bottom: 3rem
    }
}

@media (min-width: 860px) {
    .card-offset.card-offset-small .card-img {
        margin-top:-1.5rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 860px) {
    .card-offset.card-offset-small {
        padding-top:1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) {
        padding-right: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small:not(.flipped) {
        padding-left: 1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) .card-img {
        margin-right: -1.5rem;
        margin-left: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small:not(.flipped) .card-img {
        margin-right: 1.5rem;
        margin-left: -1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small.flipped {
        padding-left: 1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small.flipped {
        padding-right: 1.5rem
    }

    html:not([dir=rtl]) .card-offset.card-offset-small.flipped .card-img {
        margin-right: 1.5rem;
        margin-left: -1.5rem
    }

    html[dir=rtl] .card-offset.card-offset-small.flipped .card-img {
        margin-right: -1.5rem;
        margin-left: 1.5rem
    }
}

.carousel {
    position: relative
}

.carousel .sr-only-focusable {
    z-index: 5;
    background-color: #fff
}

.theme-dark .carousel .sr-only-focusable {
    background-color: #000
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item:focus {
    outline: .1875rem dotted currentColor
}

.carousel-item:focus:not(:focus-visible) {
    outline: 0
}

.carousel-item:focus-visible {
    outline: .1875rem dotted currentColor
}

.carousel-item.get-height {
    display: block;
    visibility: hidden;
    opacity: 0
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-sneak-peek {
    overflow: hidden;
    padding-bottom: 4rem;
    padding-top: .1875rem;
    margin-top: -.1875rem
}

.carousel-sneak-peek>div {
    position: relative
}

.carousel-sneak-peek .carousel-inner {
    overflow: visible
}

.carousel-sneak-peek .carousel-inner {
    perspective: 1000px;
    margin: auto;
    display: flex;
    align-items: stretch
}

html:not([dir=rtl]) .carousel-sneak-peek .carousel-inner {
    flex-direction: row
}

html[dir=rtl] .carousel-sneak-peek .carousel-inner {
    flex-direction: row-reverse
}

.carousel-sneak-peek .carousel-item {
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    background-color: #fff;
    transition: transform .9s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .carousel-sneak-peek .carousel-item {
        transition: none
    }
}

.carousel-sneak-peek .carousel-item.active,.carousel-sneak-peek .carousel-item.carousel-item-next,.carousel-sneak-peek .carousel-item.carousel-item-prev {
    visibility: visible;
    opacity: 1
}

.carousel-sneak-peek .carousel-item.active {
    z-index: 2
}

.carousel-sneak-peek .carousel-item.sliding-in {
    z-index: 3
}

.carousel-sneak-peek .card-img-overlay>.card-foreground .card {
    min-height: auto
}

.carousel-sneak-peek .active.carousel-item-left,.carousel-sneak-peek .active.carousel-item-right,.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    z-index: 1
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(-102%)
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(102%)
}

.carousel-sneak-peek .carousel-controls .carousel-indicators {
    bottom: -3.5rem
}

.carousel-variable-height {
    overflow: hidden;
    padding-bottom: 4rem;
    padding-top: .1875rem;
    margin-top: -.1875rem;
    padding-right: .1875rem;
    padding-left: .1875rem;
    margin-right: -.1875rem;
    margin-left: -.1875rem
}

.carousel-variable-height>div {
    position: relative
}

.carousel-variable-height .carousel-inner {
    overflow: visible
}

@media screen and (min-width: 1084px) {
    .carousel-highlight,.carousel-highlight-backplate {
        align-items:center
    }
}

.carousel-highlight .carousel-item.active .card,.carousel-highlight-backplate .carousel-item.active .card {
    opacity: 1;
    visibility: visible
}

.carousel-highlight .carousel-item:not(.active) .card,.carousel-highlight-backplate .carousel-item:not(.active) .card {
    opacity: 0;
    visibility: hidden
}

.carousel-highlight .carousel-item.sliding-in .card,.carousel-highlight-backplate .carousel-item.sliding-in .card {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {
    .carousel-highlight .carousel-item.sliding-in .card,.carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition: none
    }
}

.carousel-highlight .active.carousel-item-left .card,.carousel-highlight .active.carousel-item-right .card,.carousel-highlight .carousel-item-next:not(.carousel-item-left) .card,.carousel-highlight .carousel-item-prev:not(.carousel-item-right) .card,.carousel-highlight-backplate .active.carousel-item-left .card,.carousel-highlight-backplate .active.carousel-item-right .card,.carousel-highlight-backplate .carousel-item-next:not(.carousel-item-left) .card,.carousel-highlight-backplate .carousel-item-prev:not(.carousel-item-right) .card {
    opacity: 0
}

.carousel-highlight.carousel-sneak-peek .carousel-inner {
    width: 90%
}

@media screen and (min-width: 1084px) {
    .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,.carousel-highlight.carousel-sneak-peek .active.carousel-item-right,.carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),.carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        opacity:.3
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform:translateX(101%)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(-101%)
    }
}

@media screen and (min-width: 1084px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(12%,0)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-12%,0)
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform:translateX(-101%)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(101%)
    }
}

@media screen and (min-width: 1084px) {
    html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-12%,0)
    }

    html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(12%,0)
    }
}

@media screen and (min-width: 1084px) {
    .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-prev {
        transform:scale(.91);
        transform-style: flat
    }
}

@media screen and (max-width: 1083px) {
    .carousel-highlight.carousel-sneak-peek .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-control-prev,.carousel-highlight.carousel-sneak-peek .carousel-indicators {
        position: static
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next,.carousel-highlight.carousel-sneak-peek .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-highlight.carousel-sneak-peek .carousel-control-next::after,.carousel-highlight.carousel-sneak-peek .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-highlight.carousel-sneak-peek .carousel-indicators {
        margin-bottom: 3px
    }
}

@media screen and (min-width: 860px) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
        transition:transform .8s ease-in-out
    }

    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
        transition: opacity .8s ease-in
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
        transition:none
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
        transition:none
    }
}

.carousel-highlight:not(.carousel-sneak-peek) .card-img-overlay>.card-foreground .card {
    min-height: auto
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev,.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
    position: static
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next::after,.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev::after {
    font-size: 1.25rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
    margin-bottom: 3px
}

@media screen and (min-width: 860px) {
    .carousel-highlight-backplate .carousel-item {
        transition:transform .8s ease-in-out
    }

    .carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition: opacity .8s ease-in
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight-backplate .carousel-item.sliding-in .card {
        transition:none
    }
}

@media screen and (min-width: 860px) and (prefers-reduced-motion:reduce) {
    .carousel-highlight-backplate .carousel-item {
        transition:none
    }
}

@media screen and (min-width: 1084px) {
    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev {
        background:rgba(255,255,255,.8);
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
        height: 44px;
        width: 44px;
        top: calc(50% - (44px / 2));
        margin: 0 .25rem;
        border-radius: 50%
    }

    .theme-dark .carousel-highlight-backplate .carousel-control-next,.theme-dark .carousel-highlight-backplate .carousel-control-prev {
        background: rgba(47,47,47,.8)
    }

    .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,.carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,.carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,.carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
        background: rgba(255,255,255,.9);
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)
    }

    .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,.theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,.theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,.theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
        background: rgba(47,47,47,.9)
    }

    .carousel-highlight-backplate .carousel-control-next::after,.carousel-highlight-backplate .carousel-control-prev::after {
        font-size: 1.5rem
    }

    .carousel-highlight-backplate .carousel-control-next:focus,.carousel-highlight-backplate .carousel-control-prev:focus {
        outline-offset: -.1875rem
    }

    html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
        transform: none
    }

    html[dir=rtl] .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,html[dir=rtl] .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
        transform: none
    }

    .carousel-highlight-backplate .carousel-controls .carousel-indicators {
        bottom: -3.5rem
    }
}

@media screen and (max-width: 1083px) {
    .carousel-highlight-backplate .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev,.carousel-highlight-backplate .carousel-indicators {
        position: static
    }

    .carousel-highlight-backplate .carousel-control-next,.carousel-highlight-backplate .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-highlight-backplate .carousel-control-next::after,.carousel-highlight-backplate .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-highlight-backplate .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-sneak-peek.carousel-content-cards .carousel-inner {
    width: 90%
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-inner {
        width:66%
    }
}

@media screen and (min-width: 1400px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-inner {
        width:60%
    }
}

.carousel-sneak-peek.carousel-content-cards .carousel-item {
    display: flex;
    background: 0 0
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-header {
    opacity: 1;
    visibility: visible
}

.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-header {
    opacity: 0;
    visibility: hidden
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {
    .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
        transition: none
    }
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left),.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        opacity:.3
    }
}

.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-body,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-footer,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-header,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-body,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-footer,.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-header,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-header,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-body,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-footer,.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-header {
    opacity: 0
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(25%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-25%,0)
    }
}

@media screen and (min-width: 1400px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform:scale(.91) translate(33%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
        transform: scale(.91) translate(-33%,0)
    }
}

@media screen and (min-width: 860px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-25%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(25%,0)
    }
}

@media screen and (min-width: 1400px) {
    html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform:scale(.91) translate(-33%,0)
    }

    html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
        transform: scale(.91) translate(33%,0)
    }
}

@media screen and (min-width: 860px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        transform:scale(.91);
        transform-style: flat;
        width: 18%
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        justify-content: flex-start
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next {
        justify-content: flex-end
    }
}

@media screen and (min-width: 1400px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
        width:21%
    }
}

@media screen and (max-width: 859px) {
    .carousel-sneak-peek.carousel-content-cards .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev,.carousel-sneak-peek.carousel-content-cards .carousel-indicators {
        position: static
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-control-next::after,.carousel-sneak-peek.carousel-content-cards .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-sneak-peek.carousel-content-cards .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-product-card .container {
    width: 87%;
    height: 100%
}

@media screen and (min-width: 860px) {
    .carousel-product-card .container {
        width:90%
    }
}

.carousel-product-card .row {
    flex-wrap: nowrap;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width: 859px) {
    .carousel-product-card .carousel-control-next,.carousel-product-card .carousel-control-prev {
        width:7%
    }
}

.carousel-product-card .carousel-control-next::after,.carousel-product-card .carousel-control-prev::after {
    font-size: 1.75rem
}

.carousel-lg-side-controls .carousel-item>div {
    height: 100%
}

@media screen and (min-width: 1084px) {
    .carousel-lg-side-controls .carousel-inner {
        width:90%;
        margin: auto
    }
}

.carousel-lg-side-controls .carousel-controls .carousel-indicators {
    bottom: -3.5rem
}

@media screen and (max-width: 1083px) {
    .carousel-lg-side-controls .carousel-controls {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -3.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .carousel-lg-side-controls .carousel-control-next,.carousel-lg-side-controls .carousel-control-prev,.carousel-lg-side-controls .carousel-indicators {
        position: static
    }

    .carousel-lg-side-controls .carousel-control-next,.carousel-lg-side-controls .carousel-control-prev {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .carousel-lg-side-controls .carousel-control-next::after,.carousel-lg-side-controls .carousel-control-prev::after {
        font-size: 1.25rem
    }

    .carousel-lg-side-controls .carousel-indicators {
        margin-bottom: 3px
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    min-width: 44px;
    min-height: 44px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0;
    padding: 0;
    background: 0 0;
    color: #171717
}

.theme-dark .carousel-control-next,.theme-dark .carousel-control-prev {
    color: #f2f2f2
}

.carousel-control-next:disabled,.carousel-control-prev:disabled {
    opacity: .3;
    cursor: default
}

.carousel-control-next::after,.carousel-control-prev::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: 2.5rem;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next::after,.carousel-control-prev::after {
        transition: none
    }
}

html:not([dir=rtl]) .carousel-control-prev {
    left: 0
}

html:not([dir=rtl]) .carousel-control-prev::after {
    content: ""
}

html:not([dir=rtl]) .carousel-control-prev:not(:disabled):hover::after {
    transform: translate(-.5rem,0)
}

html[dir=rtl] .carousel-control-prev {
    right: 0
}

html[dir=rtl] .carousel-control-prev::after {
    content: ""
}

html[dir=rtl] .carousel-control-prev:not(:disabled):hover::after {
    transform: translate(.5rem,0)
}

html:not([dir=rtl]) .carousel-control-next {
    right: 0
}

html:not([dir=rtl]) .carousel-control-next::after {
    content: ""
}

html:not([dir=rtl]) .carousel-control-next:not(:disabled):hover::after {
    transform: translate(.5rem,0)
}

html[dir=rtl] .carousel-control-next {
    left: 0
}

html[dir=rtl] .carousel-control-next::after {
    content: ""
}

html[dir=rtl] .carousel-control-next:not(:disabled):hover::after {
    transform: translate(-.5rem,0)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    -webkit-padding-start: 0;
    padding-inline-start:0;list-style: none;
    color: #171717
}

.theme-dark .carousel-indicators {
    color: #f2f2f2
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    margin-right: 1rem;
    margin-left: 1rem
}

.carousel-indicators li::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: .625rem;
    content: ""
}

.carousel-indicators .active::after {
    content: ""
}

.close {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

.close::before {
    content: "";
    font-family: MWF-FLUENT-ICONS
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

a.close.disabled {
    pointer-events: none
}

.color-picker {
    padding: 0 .4375em 1.25em;
    position: relative
}

.color-picker input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.color-picker .color-picker-heading-container {
    display: flex;
    margin-bottom: .625em
}

.color-picker .color-picker-heading {
    font-weight: 600
}

.color-picker input+label .color-picker-label {
    display: none
}

html:not([dir=rtl]) .color-picker .color-picker-color-name {
    margin-left: .3125em
}

html[dir=rtl] .color-picker .color-picker-color-name {
    margin-right: .3125em
}

.color-picker .color-picker-dot {
    height: 2em;
    width: 2em;
    display: inline-block;
    border-radius: 50%;
    border: .0625em solid #757575;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;margin-bottom: .25rem;
    will-change: transform;
    position: relative;
    cursor: pointer;
    transition: transform .15s
}

@media (prefers-reduced-motion:reduce) {
    .color-picker .color-picker-dot {
        transition: none
    }
}

.theme-dark .color-picker .color-picker-dot {
    border-color: #d2d2d2
}

.color-picker .color-picker-dot::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1875em #fff;
    width: 100%;
    height: 100%;
    z-index: 1
}

.color-picker .color-picker-dot svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.color-picker .color-picker-dot.color-picker-bg-image {
    background-color: #fff;
    background-size: contain;
    background-position: center;
    border-width: .0625em;
    border-style: solid
}

.color-picker .color-picker-bg-image-square {
    border-radius: .25rem
}

.color-picker input:checked+label .color-picker-label {
    position: absolute;
    bottom: 0;
    display: inline-block
}

html:not([dir=rtl]) .color-picker input:checked+label .color-picker-label {
    left: 0
}

html[dir=rtl] .color-picker input:checked+label .color-picker-label {
    right: 0
}

.color-picker .color-picker-dot:hover,.color-picker input:checked+label .color-picker-dot {
    transform: scale(1.3)
}

.color-picker input:checked+label .color-picker-dot {
    border: .125rem solid
}

.color-picker .color-picker-control:checked+label .color-picker-dot::after {
    font-family: MWF-FLUENT-ICONS;
    content: "";
    color: #fff;
    position: absolute;
    line-height: 1;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -.5em;
    margin-top: -.5em
}

.color-picker .color-picker-control:checked+label .color-picker-bg-image::after {
    content: ""
}

.color-picker input:focus+label .color-picker-dot {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.color-picker.color-picker--dark .color-picker-dot {
    border: .125rem solid #fff
}

.color-picker.color-picker--dark .color-picker-dot:hover {
    border: .125rem solid transparent
}

.color-picker.color-picker--dark .color-picker-dot:hover::before {
    box-shadow: inset 0 0 0 .1875em #fff
}

.color-picker input+.color-picker-dot-light .color-picker-dot:hover::before,.color-picker input:checked+.color-picker-dot-light .color-picker-dot::before {
    box-shadow: inset 0 0 0 .1875em #000
}

.color-picker input:checked+.color-picker-dot-light .color-picker-dot::after {
    color: #000
}

.result-list {
    position: absolute;
    z-index: 3;
    width: 100%;
    padding: 0;
    list-style: none;
    border: .0625rem solid #e6e6e6;
    display: none;
    background-color: #fff;
    color: #000
}

.theme-dark .result-list {
    background-color: #000;
    color: #fff
}

.result-list.active {
    display: block
}

.result-list .result {
    padding-left: 1rem;
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.result-list .result.selected,.result-list .result:focus,.result-list .result:hover {
    outline: .1875rem dotted currentColor!important;
    outline-offset: -.1875rem;
    background-color: #f97141;
    color: #fff
}

.theme-dark .result-list .result.selected,.theme-dark .result-list .result:focus,.theme-dark .result-list .result:hover {
    background-color: #3aa0fa;
    color: #000
}

.search-results-container {
    position: relative
}

.combobox {
    position: relative;
    display: inline-block;
    width: 100%
}

.combobox .combobox-toggle::after {
    display: block;
    font-size: 1em;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

.combobox .combobox-divider {
    height: 0;
    margin: 0 0;
    overflow: hidden;
    border-top: 1px solid currentColor;
    opacity: .15
}

.combobox .combobox-item {
    display: block;
    width: 100%;
    clear: both;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: .5rem .75rem;
    color: #000
}

.theme-dark .combobox .combobox-item {
    color: #fff
}

.combobox .combobox-item:focus,.combobox .combobox-item:hover {
    background-color: #e6e6e6;
    color: #000;
    outline-offset: -.1875rem
}

.theme-dark .combobox .combobox-item:focus,.theme-dark .combobox .combobox-item:hover {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item.active,.combobox .combobox-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .combobox .combobox-item.active,.theme-dark .combobox .combobox-item:active {
    background-color: #fff;
    color: #000
}

.combobox .combobox-item.disabled,.combobox .combobox-item:disabled {
    opacity: .3;
    pointer-events: none;
    background-color: transparent
}

.combobox .combobox-item:disabled {
    opacity: .3
}

html:not([dir=rtl]) .combobox {
    text-align: left
}

html[dir=rtl] .combobox {
    text-align: right
}

.combobox .combobox-toggle {
    width: 100%
}

.combobox .combobox-toggle::after {
    content: ""
}

.combobox .combobox-menu {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000;
    top: 100%;
    width: 100%;
    max-height: 300px;
    overflow-y: auto
}

.theme-dark .combobox .combobox-menu {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .combobox .combobox-menu {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .combobox .combobox-menu {
    text-align: right;
    left: auto;
    right: 0
}

.combobox .combobox-menu.show {
    display: block
}

.combobox .combobox-item {
    position: relative;
    cursor: pointer
}

html:not([dir=rtl]) .combobox .combobox-item {
    padding-left: 2.5rem
}

html[dir=rtl] .combobox .combobox-item {
    padding-right: 2.5rem
}

html:not([dir=rtl]) .combobox .combobox-item:not([role=option]) {
    padding-left: 1rem
}

html[dir=rtl] .combobox .combobox-item:not([role=option]) {
    padding-right: 1rem
}

.combobox .combobox-item:not([role=option]):hover {
    background-color: inherit;
    color: inherit
}

.combobox .combobox-divider {
    border-color: #757575;
    opacity: 1
}

.theme-dark .combobox .combobox-divider {
    border-color: #d2d2d2
}

.combobox .combobox-item.current-item {
    background-color: #e6e6e6;
    outline: .1875rem dotted currentColor;
    outline-offset: -3px
}

.theme-dark .combobox .combobox-item.current-item {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item.current-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .combobox .combobox-item.current-item:active {
    background-color: #fff;
    color: #000
}

.combobox .combobox-item[aria-selected=true] {
    background-color: #e6e6e6
}

.theme-dark .combobox .combobox-item[aria-selected=true] {
    background-color: #505050;
    color: #fff
}

.combobox .combobox-item[aria-selected=true]::after {
    content: "";
    display: block;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

html:not([dir=rtl]) .combobox .combobox-item[aria-selected=true]::after {
    left: 1rem
}

html[dir=rtl] .combobox .combobox-item[aria-selected=true]::after {
    right: 1rem
}

.divider,hr {
    border: 0;
    border-top: .0625rem solid #757575;
    margin: 0
}

.theme-dark .divider,.theme-dark hr {
    border-color: #d2d2d2
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative;
    display: inline-block
}

.dropdown .dropdown-toggle::after,.dropleft .dropdown-toggle::after,.dropright .dropdown-toggle::after,.dropup .dropdown-toggle::after {
    display: block;
    font-size: 1em;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

.dropdown .dropdown-divider,.dropleft .dropdown-divider,.dropright .dropdown-divider,.dropup .dropdown-divider {
    height: 0;
    margin: 0 0;
    overflow: hidden;
    border-top: 1px solid currentColor;
    opacity: .15
}

.dropdown .dropdown-item,.dropleft .dropdown-item,.dropright .dropdown-item,.dropup .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: .5rem .75rem;
    color: #000
}

.theme-dark .dropdown .dropdown-item,.theme-dark .dropleft .dropdown-item,.theme-dark .dropright .dropdown-item,.theme-dark .dropup .dropdown-item {
    color: #fff
}

.dropdown .dropdown-item:focus,.dropdown .dropdown-item:hover,.dropleft .dropdown-item:focus,.dropleft .dropdown-item:hover,.dropright .dropdown-item:focus,.dropright .dropdown-item:hover,.dropup .dropdown-item:focus,.dropup .dropdown-item:hover {
    background-color: #e6e6e6;
    color: #000;
    outline-offset: -.1875rem
}

.theme-dark .dropdown .dropdown-item:focus,.theme-dark .dropdown .dropdown-item:hover,.theme-dark .dropleft .dropdown-item:focus,.theme-dark .dropleft .dropdown-item:hover,.theme-dark .dropright .dropdown-item:focus,.theme-dark .dropright .dropdown-item:hover,.theme-dark .dropup .dropdown-item:focus,.theme-dark .dropup .dropdown-item:hover {
    background-color: #505050;
    color: #fff
}

.dropdown .dropdown-item.active,.dropdown .dropdown-item:active,.dropleft .dropdown-item.active,.dropleft .dropdown-item:active,.dropright .dropdown-item.active,.dropright .dropdown-item:active,.dropup .dropdown-item.active,.dropup .dropdown-item:active {
    background-color: #000;
    color: #fff
}

.theme-dark .dropdown .dropdown-item.active,.theme-dark .dropdown .dropdown-item:active,.theme-dark .dropleft .dropdown-item.active,.theme-dark .dropleft .dropdown-item:active,.theme-dark .dropright .dropdown-item.active,.theme-dark .dropright .dropdown-item:active,.theme-dark .dropup .dropdown-item.active,.theme-dark .dropup .dropdown-item:active {
    background-color: #fff;
    color: #000
}

.dropdown .dropdown-item.disabled,.dropdown .dropdown-item:disabled,.dropleft .dropdown-item.disabled,.dropleft .dropdown-item:disabled,.dropright .dropdown-item.disabled,.dropright .dropdown-item:disabled,.dropup .dropdown-item.disabled,.dropup .dropdown-item:disabled {
    opacity: .3;
    pointer-events: none;
    background-color: transparent
}

.dropdown .dropdown-item:disabled,.dropleft .dropdown-item:disabled,.dropright .dropdown-item:disabled,.dropup .dropdown-item:disabled {
    opacity: .3
}

.dropdown .dropdown-toggle,.dropleft .dropdown-toggle,.dropright .dropdown-toggle,.dropup .dropdown-toggle {
    position: relative
}

.dropdown.btn-group,.dropdown.btn-group-vertical,.dropleft.btn-group,.dropleft.btn-group-vertical,.dropright.btn-group,.dropright.btn-group-vertical,.dropup.btn-group,.dropup.btn-group-vertical {
    display: inline-flex
}

html:not([dir=rtl]) .dropdown .dropdown-toggle::after,html:not([dir=rtl]) .dropright .dropdown-toggle::after,html:not([dir=rtl]) .dropup .dropdown-toggle::after {
    right: 0
}

html[dir=rtl] .dropdown .dropdown-toggle::after,html[dir=rtl] .dropright .dropdown-toggle::after,html[dir=rtl] .dropup .dropdown-toggle::after {
    left: 0
}

html:not([dir=rtl]) .dropdown .dropdown-toggle,html:not([dir=rtl]) .dropright .dropdown-toggle,html:not([dir=rtl]) .dropup .dropdown-toggle {
    padding-right: 1em
}

html[dir=rtl] .dropdown .dropdown-toggle,html[dir=rtl] .dropright .dropdown-toggle,html[dir=rtl] .dropup .dropdown-toggle {
    padding-left: 1em
}

html:not([dir=rtl]) .dropdown .dropdown-toggle.btn::after,html:not([dir=rtl]) .dropright .dropdown-toggle.btn::after,html:not([dir=rtl]) .dropup .dropdown-toggle.btn::after {
    right: .75rem
}

html[dir=rtl] .dropdown .dropdown-toggle.btn::after,html[dir=rtl] .dropright .dropdown-toggle.btn::after,html[dir=rtl] .dropup .dropdown-toggle.btn::after {
    left: .75rem
}

html:not([dir=rtl]) .dropdown .dropdown-toggle.btn,html:not([dir=rtl]) .dropright .dropdown-toggle.btn,html:not([dir=rtl]) .dropup .dropdown-toggle.btn {
    padding-right: calc(.75rem + 1.4375em)
}

html[dir=rtl] .dropdown .dropdown-toggle.btn,html[dir=rtl] .dropright .dropdown-toggle.btn,html[dir=rtl] .dropup .dropdown-toggle.btn {
    padding-left: calc(.75rem + 1.4375em)
}

.dropup .dropdown-toggle::after {
    content: ""
}

html:not([dir=rtl]) .dropright .dropdown-toggle::after {
    content: ""
}

html[dir=rtl] .dropright .dropdown-toggle::after {
    content: ""
}

.dropdown .dropdown-toggle::after {
    content: ""
}

html:not([dir=rtl]) .dropleft .dropdown-toggle::before {
    content: "";
    left: 0
}

html[dir=rtl] .dropleft .dropdown-toggle::before {
    content: "";
    right: 0
}

html:not([dir=rtl]) .dropleft .dropdown-toggle {
    padding-left: 1em
}

html[dir=rtl] .dropleft .dropdown-toggle {
    padding-right: 1em
}

html:not([dir=rtl]) .dropleft .dropdown-toggle.btn::before {
    left: .75rem
}

html[dir=rtl] .dropleft .dropdown-toggle.btn::before {
    right: .75rem
}

html:not([dir=rtl]) .dropleft .dropdown-toggle.btn {
    padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .dropleft .dropdown-toggle.btn {
    padding-right: calc(.75rem + 1.4375em)
}

.dropdown-toggle-split {
    position: relative;
    min-width: 1em;
    box-sizing: content-box
}

html:not([dir=rtl]) .dropdown-toggle-split.dropdown-toggle.btn {
    padding-right: .75rem;
    padding-left: .75rem
}

html[dir=rtl] .dropdown-toggle-split.dropdown-toggle.btn {
    padding-right: .75rem;
    padding-left: .75rem
}

.dropdown-menu {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000
}

.theme-dark .dropdown-menu {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .dropdown-menu {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .dropdown-menu {
    text-align: right;
    left: auto;
    right: 0
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu,.dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html:not([dir=rtl]) ul .dropdown-menu.flyout-align-end {
    text-align: right
}

html[dir=rtl] ul .dropdown-menu.flyout-align-end {
    text-align: left
}

.dropdown-menu-lg {
    min-width: 18rem
}

.dropdown-header {
    display: block;
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    white-space: nowrap;
    color: #505050
}

.theme-dark .dropdown-header {
    color: #e6e6e6
}

.dropdown-item-text {
    display: block;
    padding: .5rem .75rem;
    color: #000
}

html:not([dir=rtl]) .nav-item .dropdown-menu {
    left: .5rem
}

html[dir=rtl] .nav-item .dropdown-menu {
    right: .5rem
}

.form-control {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: .625rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: .125rem solid #505050;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.theme-dark .form-control {
    color: #fff;
    background-color: #000;
    border: .125rem solid #e6e6e6
}

.form-control:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: .5
}

.form-control::placeholder {
    color: inherit;
    opacity: .5
}

.theme-dark .form-control::-moz-placeholder {
    color: #fff
}

.theme-dark .form-control::placeholder {
    color: #fff
}

.form-control[readonly] {
    opacity: 1;
    border-color: rgba(117,117,117,.3);
    background-color: rgba(210,210,210,.3)
}

.theme-dark .form-control[readonly] {
    border-color: rgba(210,210,210,.3);
    background-color: rgba(117,117,117,.3)
}

.form-control:disabled {
    background-color: #d2d2d2;
    border-color: #757575;
    opacity: .3
}

.theme-dark .form-control:disabled {
    background-color: #757575;
    border-color: #d2d2d2
}

.form-control-plaintext[readonly] {
    display: block;
    width: 100%;
    font-size: 1rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1.5;
    color: inherit;
    background-color: transparent;
    border: 0
}

.form-control-plaintext[readonly].form-control-sm {
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.form-control-plaintext[readonly].form-control-lg {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.theme-dark .form-control-plaintext[readonly] {
    background-color: transparent
}

.form-control-sm {
    height: 2.25rem;
    padding: .5625rem .75rem;
    font-size: .875rem
}

.form-control-lg {
    height: 3rem;
    padding: .8125rem .75rem;
    font-size: 1.125rem
}

textarea.form-control {
    height: auto
}

select.form-control {
    padding: 0;
    text-indent: .25rem
}

select.form-control[multiple],select.form-control[size] {
    height: auto;
    text-indent: 0
}

select.form-control[multiple] option,select.form-control[size] option {
    padding: .625rem .75rem
}

select.form-control[multiple].form-control-sm option,select.form-control[size].form-control-sm option {
    padding: .5625rem .75rem
}

select.form-control[multiple].form-control-lg option,select.form-control[size].form-control-lg option {
    padding: .5625rem .75rem
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

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

.form-star-label {
    pointer-events: none;
    margin: 0
}

html:not([dir=rtl]) .form-star-checked-label {
    margin-left: .75rem
}

html[dir=rtl] .form-star-checked-label {
    margin-right: .75rem
}

.form-star-glyph {
    display: block;
    position: relative;
    width: 2.5625rem;
    height: 2.5625rem
}

html:not([dir=rtl]) .form-star-glyph {
    margin-left: -2.5625rem
}

html[dir=rtl] .form-star-glyph {
    margin-right: -2.5625rem
}

.form-star-glyph::after {
    content: "";
    color: #f97141;
    position: absolute;
    font-family: MWF-FLUENT-ICONS;
    line-height: 1;
    display: block;
    top: .125rem;
    left: .125rem;
    font-size: 2.3125rem;
    height: 2.3125rem;
    width: 2.3125rem
}

.theme-dark .form-star-glyph::after {
    color: #3aa0fa
}

.form-star-input {
    width: 2.5625rem;
    height: 2.5625rem;
    opacity: 0;
    cursor: pointer
}

.form-star-input.disabled,.form-star-input:disabled {
    cursor: auto
}

.form-star-input.disabled+.form-star-label>.form-star-glyph::after,.form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .42;
    color: #000
}

.theme-dark .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    color: #fff
}

.form-star-input.disabled~.form-star-checked-label,.form-star-input:disabled~.form-star-checked-label {
    opacity: .55
}

.form-star-input:checked~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star-input:checked~.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star-input:checked.disabled~.form-star-label>.form-star-glyph::after,.form-star-input:checked:disabled~.form-star-label>.form-star-glyph::after {
    opacity: .3;
    color: #757575
}

.theme-dark .form-star-input:checked.disabled~.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:checked:disabled~.form-star-label>.form-star-glyph::after {
    color: #d2d2d2
}

.form-star-input:checked+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star-input:checked+.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star-input:checked.disabled+.form-star-label>.form-star-glyph::after,.form-star-input:checked:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .42;
    color: #000
}

.theme-dark .form-star-input:checked.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-input:checked:disabled+.form-star-label>.form-star-glyph::after {
    color: #fff
}

.form-star-input:focus+.form-star-label>.form-star-glyph {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem;
    outline-offset: -.125rem
}

.form-star {
    display: inline-flex;
    align-items: center
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled)~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled)~.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled):hover~.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover~.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star:hover .form-star-input:not(:disabled):not(.disabled):hover+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #f97141
}

.theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover+.form-star-label>.form-star-glyph::after {
    color: #3aa0fa
}

.form-star-empty .form-star-input+.form-star-label>.form-star-glyph::after {
    content: "";
    color: #505050
}

.theme-dark .form-star-empty .form-star-input+.form-star-label>.form-star-glyph::after {
    color: #e6e6e6
}

.form-star-empty .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.form-star-empty .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    opacity: .3;
    color: #757575
}

.theme-dark .form-star-empty .form-star-input.disabled+.form-star-label>.form-star-glyph::after,.theme-dark .form-star-empty .form-star-input:disabled+.form-star-label>.form-star-glyph::after {
    color: #d2d2d2
}

label,legend {
    font-size: 1rem;
    margin-bottom: .375rem
}

.col-form-label {
    padding-top: .625rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: .6875rem;
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: .5625rem;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5
}

.form-group {
    margin-bottom: 1rem
}

.form-group-inline {
    margin-bottom: .25rem
}

.form-text {
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.invalid-feedback,.invalid-tooltip {
    width: 100%;
    color: #dc3545;
    position: relative
}

html:not([dir=rtl]) .invalid-feedback,html:not([dir=rtl]) .invalid-tooltip {
    padding-left: 1.5rem
}

html[dir=rtl] .invalid-feedback,html[dir=rtl] .invalid-tooltip {
    padding-right: 1.5rem
}

.invalid-feedback::before,.invalid-tooltip::before {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    font-size: 1rem;
    position: absolute;
    top: 0
}

html:not([dir=rtl]) .invalid-feedback::before,html:not([dir=rtl]) .invalid-tooltip::before {
    left: 0
}

html[dir=rtl] .invalid-feedback::before,html[dir=rtl] .invalid-tooltip::before {
    right: 0
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .125rem #dc3545
}

.invalid-feedback.is-invalid {
    padding-top: 0
}

.invalid-feedback.is-invalid::before {
    content: ""
}

.custom-select .custom-select-input.is-invalid,.custom-select.is-invalid,.was-validated .custom-select:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .125rem #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545;
    box-shadow: 0 0 0 .0625rem #dc3545,inset 0 0 0 .125rem #fff
}

.theme-dark .custom-control-input.is-invalid~.custom-control-label::before,.theme-dark .was-validated .custom-control-input:invalid~.custom-control-label::before {
    box-shadow: 0 0 0 .0625rem #dc3545,inset 0 0 0 .125rem #000
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .125rem #dc3545
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-checkbox .custom-control-input.is-invalid:checked~.custom-control-label::before,.custom-radio .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-checkbox .custom-control-input:invalid:checked~.custom-control-label::before,.was-validated .custom-radio .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .125rem #dc3545
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

@media (min-width: 540px) {
    .form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-range,.form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input.disabled~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
    opacity: .55
}

.theme-dark .custom-control-input.disabled~.custom-control-label::before,.theme-dark .custom-control-input:disabled~.custom-control-label::before {
    border-color: #d2d2d2
}

.custom-control-input.disabled:checked~.custom-control-label::before,.custom-control-input:disabled:checked~.custom-control-label::before {
    opacity: .76364
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    pointer-events: none;
    border: .125rem solid #505050;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    background-color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before {
        transition: none
    }
}

.theme-dark .custom-control-label::before {
    background-color: #000
}

.custom-control-label .custom-control-glyph::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border: .125rem solid transparent;
    background-clip: content-box;
    font-family: MWF-FLUENT-ICONS;
    line-height: 1
}

.custom-control-label .custom-control-glyph::before,.custom-control-label::before {
    content: "";
    position: absolute;
    display: block;
    top: .125rem;
    width: 1.25rem;
    height: 1.25rem
}

html:not([dir=rtl]) .custom-control-label .custom-control-glyph::before,html:not([dir=rtl]) .custom-control-label::before {
    left: -1.75rem
}

html[dir=rtl] .custom-control-label .custom-control-glyph::before,html[dir=rtl] .custom-control-label::before {
    right: -1.75rem
}

html:not([dir=rtl]) .custom-checkbox,html:not([dir=rtl]) .custom-radio {
    padding-left: 1.75rem
}

html[dir=rtl] .custom-checkbox,html[dir=rtl] .custom-radio {
    padding-right: 1.75rem
}

.form-group .custom-checkbox~.custom-checkbox:not(.custom-control-inline),.form-group .custom-radio~.custom-radio:not(.custom-control-inline) {
    margin-top: .75rem
}

.form-group .custom-checkbox.custom-control-inline,.form-group .custom-radio.custom-control-inline {
    margin-bottom: .75rem
}

.custom-checkbox .custom-control-label::before {
    border-radius: .125rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: transparent;
    background-color: #f97141
}

.theme-dark .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #3aa0fa
}

.custom-checkbox .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    content: "";
    color: #fff
}

.theme-dark .custom-checkbox .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    color: #000
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: transparent;
    background-color: #f97141
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label .custom-control-glyph::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171.16 173.33'%3E%3Cpath fill='%23fff' d='M0 90.93v-10.7h171.16v10.7H0z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input.disabled:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background: #000
}

.theme-dark .custom-checkbox .custom-control-input.disabled:checked~.custom-control-label::before,.theme-dark .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background: #fff
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #f97141
}

.custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    content: "";
    border-width: .3125rem;
    border-style: solid;
    border-radius: 50%;
    border-color: #f97141;
    height: .625rem;
    width: .625rem;
    font-size: .875rem;
    top: .4375rem;
    color: #f97141
}

.theme-dark .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    color: #3aa0fa;
    border-color: #3aa0fa
}

html:not([dir=rtl]) .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    left: -1.4375rem
}

html[dir=rtl] .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before {
    right: -1.4375rem
}

.custom-radio .custom-control-input.disabled:checked~.custom-control-label::before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #000
}

.theme-dark .custom-radio .custom-control-input.disabled:checked~.custom-control-label::before,.theme-dark .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #fff
}

.custom-radio .custom-control-input.disabled:checked~.custom-control-label .custom-control-glyph::before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label .custom-control-glyph::before {
    opacity: .76364;
    border-color: #000
}

.theme-dark .custom-radio .custom-control-input.disabled:checked~.custom-control-label .custom-control-glyph::before,.theme-dark .custom-radio .custom-control-input:disabled:checked~.custom-control-label .custom-control-glyph::before {
    border-color: #fff
}

.custom-radio .custom-control-input:focus~.custom-control-label::before {
    outline: .1875rem dotted currentColor;
    outline-offset: .125rem
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select .custom-select-arrow::after {
    pointer-events: none;
    content: "";
    color: #000;
    font-family: MWF-FLUENT-ICONS;
    position: absolute;
    line-height: 1;
    top: calc(50% + .0625em);
    margin-top: -.5em
}

html:not([dir=rtl]) .custom-select .custom-select-arrow::after {
    right: .875rem
}

html[dir=rtl] .custom-select .custom-select-arrow::after {
    left: .875rem
}

.theme-dark .custom-select .custom-select-arrow::after {
    color: #fff
}

.custom-select .btn+.custom-select-arrow::after {
    font-weight: 600
}

.custom-select .custom-select-input:disabled~.custom-select-arrow::after {
    opacity: .3
}

.custom-select-input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 2.5rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    border: .125rem solid #505050;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html:not([dir=rtl]) .custom-select-input {
    padding-right: calc(.8125em + 1.375rem)
}

html[dir=rtl] .custom-select-input {
    padding-left: calc(.8125em + 1.375rem)
}

.theme-dark .custom-select-input {
    color: #fff;
    background-color: #000;
    border: .125rem solid #e6e6e6
}

.custom-select-input:focus {
    outline: .1875rem dotted currentColor;
    outline-offset: -.375rem
}

.custom-select-input[multiple],.custom-select-input[size]:not([size="1"]) {
    height: auto;
    background-image: none
}

html:not([dir=rtl]) .custom-select-input[multiple],html:not([dir=rtl]) .custom-select-input[size]:not([size="1"]) {
    padding-right: .75rem
}

html[dir=rtl] .custom-select-input[multiple],html[dir=rtl] .custom-select-input[size]:not([size="1"]) {
    padding-left: .75rem
}

.custom-select-input:disabled {
    background-color: #d2d2d2;
    border-color: #d2d2d2;
    opacity: .3
}

.theme-dark .custom-select-input:disabled {
    background-color: #757575;
    border-color: #d2d2d2
}

.custom-select-sm {
    height: 2.25rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: 3rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-range {
    width: 100%
}

.custom-range .custom-range-input {
    width: 100%;
    padding: 1rem 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000
}

.theme-dark .custom-range .custom-range-input {
    color: #fff
}

.custom-range .custom-range-input:not(:disabled) {
    cursor: pointer
}

.custom-range .custom-range-input::-moz-focus-outer {
    border: 0
}

.custom-range .custom-range-input::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.375rem;
    background-color: #fff;
    border: .125rem solid #171717;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
    color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-webkit-slider-thumb {
    background-color: #000;
    border: .125rem solid #f2f2f2;
    color: #fff
}

.custom-range .custom-range-input::-webkit-slider-runnable-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    background-color: #171717;
    border-color: transparent;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-webkit-slider-runnable-track {
        -webkit-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-webkit-slider-runnable-track {
    background-color: #f2f2f2
}

.custom-range .custom-range-input::-moz-range-thumb {
    width: .75rem;
    height: .75rem;
    background-color: #fff;
    border: .125rem solid #171717;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
    color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-moz-range-thumb {
    background-color: #000;
    border: .125rem solid #f2f2f2;
    color: #fff
}

.custom-range .custom-range-input::-moz-range-track {
    width: 100%;
    height: .25rem;
    color: transparent;
    background-color: #171717;
    border-color: transparent;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-range .custom-range-input::-moz-range-track {
        -moz-transition: none;
        transition: none
    }
}

.theme-dark .custom-range .custom-range-input::-moz-range-track {
    background-color: #f2f2f2
}

.custom-range .custom-range-input:active::-webkit-slider-thumb,.custom-range .custom-range-input:focus::-webkit-slider-thumb,.custom-range .custom-range-input:hover::-webkit-slider-thumb {
    border-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-webkit-slider-thumb,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-thumb,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-thumb {
    border-color: #3aa0fa
}

.custom-range .custom-range-input:active::-webkit-slider-runnable-track,.custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
    background-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
    background-color: #3aa0fa
}

.custom-range .custom-range-input:active::-moz-range-thumb,.custom-range .custom-range-input:focus::-moz-range-thumb,.custom-range .custom-range-input:hover::-moz-range-thumb {
    border-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-moz-range-thumb,.theme-dark .custom-range .custom-range-input:focus::-moz-range-thumb,.theme-dark .custom-range .custom-range-input:hover::-moz-range-thumb {
    border-color: #3aa0fa
}

.custom-range .custom-range-input:active::-moz-range-track,.custom-range .custom-range-input:focus::-moz-range-track,.custom-range .custom-range-input:hover::-moz-range-track {
    background-color: #f97141
}

.theme-dark .custom-range .custom-range-input:active::-moz-range-track,.theme-dark .custom-range .custom-range-input:focus::-moz-range-track,.theme-dark .custom-range .custom-range-input:hover::-moz-range-track {
    background-color: #3aa0fa
}

.custom-range .custom-range-input:focus {
    outline: 0
}

.custom-range .custom-range-input:focus::-webkit-slider-thumb {
    outline: .1875rem dotted currentColor;
    outline-offset: .4rem
}

.custom-range .custom-range-input:focus::-moz-range-thumb {
    outline: .1875rem dotted currentColor;
    outline-offset: .5rem
}

.custom-range .custom-range-input:disabled::-webkit-slider-thumb {
    width: .75rem;
    height: .75rem;
    margin-top: -.25rem;
    border-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-thumb {
    border-color: #757575
}

.custom-range .custom-range-input:disabled::-webkit-slider-runnable-track {
    background-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track {
    background-color: #757575
}

.custom-range .custom-range-input:disabled::-moz-range-thumb {
    width: .5rem;
    height: .5rem;
    border-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-moz-range-thumb {
    border-color: #757575
}

.custom-range .custom-range-input:disabled::-moz-range-track {
    background-color: #858585
}

.theme-dark .custom-range .custom-range-input:disabled::-moz-range-track {
    background-color: #757575
}

@media screen and (-ms-high-contrast:active) {
    .custom-range .custom-range-input {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }

    .custom-range .custom-range-input::-webkit-slider-runnable-track {
        background-color: unset
    }

    .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.custom-range .custom-range-input:disabled::-webkit-slider-runnable-track,.custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
        background-color: unset
    }

    .theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track,.theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track {
        background-color: unset
    }

    .custom-range .custom-range-input:focus {
        outline: .1875rem dotted currentColor
    }

    .custom-range .custom-range-input:focus::-webkit-slider-thumb {
        outline: 0
    }
}

.custom-range .custom-range-tooltip {
    position: relative;
    height: 1.5rem
}

.custom-range .custom-range-tooltip span {
    position: absolute
}

.custom-range .custom-range-track-labels {
    display: flex;
    justify-content: space-between;
    margin-top: -.5rem
}

.custom-range.disabled .custom-range-tooltip,.custom-range.disabled .custom-range-track-labels {
    color: #757575
}

.custom-switch {
    display: flex;
    flex-wrap: wrap
}

.custom-switch .custom-switch-input {
    vertical-align: top;
    background-color: transparent;
    border: .063rem solid #000;
    border-radius: 3.125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline-offset: .125rem;
    outline-color: #000;
    cursor: pointer
}

.theme-dark .custom-switch .custom-switch-input {
    border: .063rem solid #fff;
    outline-color: #fff
}

.custom-switch .custom-switch-input::before {
    content: "";
    display: block;
    position: relative;
    top: .125rem;
    border-radius: 50%;
    transition: all .25s ease;
    background-color: #000
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-switch-input::before {
        transition: none
    }
}

.theme-dark .custom-switch .custom-switch-input::before {
    background-color: #fff
}

@media (forced-colors:active) {
    .custom-switch .custom-switch-input::before {
        background-color: CanvasText!important
    }
}

html:not([dir=rtl]) .custom-switch .custom-switch-input::before {
    left: .125rem
}

html[dir=rtl] .custom-switch .custom-switch-input::before {
    left: -.125rem
}

.custom-switch .custom-switch-input:disabled {
    pointer-events: none;
    opacity: .25
}

.custom-switch .custom-switch-input:disabled~.custom-switch-label,.custom-switch .custom-switch-input:disabled~.custom-switch-label-container>.custom-switch-label,.custom-switch .custom-switch-input:disabled~.custom-switch-status {
    opacity: .25;
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly] {
    border-color: #858585;
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly]~.custom-switch-label,.custom-switch .custom-switch-input[readonly]~.custom-switch-label-container>.custom-switch-label,.custom-switch .custom-switch-input[readonly]~.custom-switch-status {
    pointer-events: none
}

.custom-switch .custom-switch-input[readonly]::before {
    background-color: #858585
}

.custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover {
    background-color: rgba(0,0,0,.2)
}

.theme-dark .custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover {
    background-color: rgba(255,255,255,.2)
}

.custom-switch .custom-switch-input:checked {
    background-color: #f97141;
    border-color: #f97141
}

.theme-dark .custom-switch .custom-switch-input:checked {
    background-color: #3aa0fa;
    border-color: #3aa0fa
}

.custom-switch .custom-switch-input:checked::before {
    transition: all .25s ease;
    background-color: #fff
}

.theme-dark .custom-switch .custom-switch-input:checked::before {
    background-color: #000
}

.custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover {
    background-color: #004a85;
    border-color: #004a85
}

.theme-dark .custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover {
    background-color: #0888f9;
    border-color: #0888f9
}

.custom-switch .custom-switch-input:checked[readonly] {
    background-color: #858585;
    border-color: #858585
}

.custom-switch .custom-switch-input:checked~.custom-switch-status>.custom-switch-status-on {
    display: block
}

.custom-switch .custom-switch-input:checked~.custom-switch-status>.custom-switch-status-off {
    display: none
}

.custom-switch .custom-switch-input:hover {
    cursor: pointer
}

.custom-switch .custom-switch-label {
    order: -1;
    cursor: pointer
}

html:not([dir=rtl]) .custom-switch .custom-switch-label {
    padding-right: .5rem
}

html[dir=rtl] .custom-switch .custom-switch-label {
    padding-left: .5rem
}

.custom-switch .custom-switch-status [class*=custom-switch-status-] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

html:not([dir=rtl]) .custom-switch .custom-switch-status [class*=custom-switch-status-] {
    padding-left: .5rem
}

html[dir=rtl] .custom-switch .custom-switch-status [class*=custom-switch-status-] {
    padding-right: .5rem
}

.custom-switch .custom-switch-status .custom-switch-status-on {
    display: none
}

.custom-switch .custom-switch-input {
    width: 3rem;
    height: 1.5rem
}

.custom-switch .custom-switch-input::before {
    width: 1.125rem;
    height: 1.125rem
}

.custom-switch .custom-switch-input:checked::before {
    transform: translateX(1.5rem)
}

html[dir=rtl] .custom-switch .custom-switch-input:checked::before {
    transform: translateX(-1.5rem)
}

.custom-switch .custom-switch-label,.custom-switch .custom-switch-status {
    font-size: 1rem
}

.custom-switch.custom-switch-lg .custom-switch-input {
    width: 3.5rem;
    height: 1.75rem
}

.custom-switch.custom-switch-lg .custom-switch-input::before {
    width: 1.375rem;
    height: 1.375rem
}

.custom-switch.custom-switch-lg .custom-switch-input:checked::before {
    transform: translateX(1.75rem)
}

html[dir=rtl] .custom-switch.custom-switch-lg .custom-switch-input:checked::before {
    transform: translateX(-1.75rem)
}

.custom-switch.custom-switch-lg .custom-switch-label,.custom-switch.custom-switch-lg .custom-switch-status {
    font-size: 1.125rem
}

.custom-switch.custom-switch-label-top .custom-switch-label-container {
    flex-basis: 100%;
    order: -1
}

.custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    margin: 0;
    order: unset;
    line-height: 1rem;
    padding-bottom: .5rem
}

html:not([dir=rtl]) .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    padding-right: 0
}

html[dir=rtl] .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
    padding-left: 0
}

.custom-control {
    position: relative;
    display: block
}

.custom-control-inline {
    display: inline-flex
}

html:not([dir=rtl]) .custom-control-inline {
    margin-right: 1rem
}

html[dir=rtl] .custom-control-inline {
    margin-left: 1rem
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

html:not([dir=rtl]) .input-group>:not(:first-child) {
    margin-left: -.125rem
}

html[dir=rtl] .input-group>:not(:first-child) {
    margin-right: -.125rem
}

.input-group>.custom-file .custom-file-input:focus-within~.custom-file-label,.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus,.input-group>.custom-file .custom-file-input:focus-within {
    z-index: 4
}

.input-group-append,.input-group-prepend {
    display: flex
}

.input-group-append .btn,.input-group-append .input-group-text,.input-group-prepend .btn,.input-group-prepend .input-group-text {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,.input-group-append .btn:hover,.input-group-prepend .btn:focus,.input-group-prepend .btn:hover {
    z-index: 3
}

html:not([dir=rtl]) .input-group-prepend>.btn:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend>.btn:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-prepend .btn-group:last-child>.btn:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend .btn-group:last-child>.btn:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-append>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append>.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html:not([dir=rtl]) .input-group-append .btn-group:first-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append .btn-group:first-child>.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .625rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #505050;
    text-align: center;
    white-space: nowrap
}

.theme-dark .input-group-text {
    color: #e6e6e6
}

.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    height: 3rem;
    padding: .8125rem .75rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    height: 2.25rem;
    padding: .5625rem .75rem;
    font-size: .875rem;
    line-height: 1.5
}

.hotspot {
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
    border: 0 solid #000;
    outline-color: #000;
    outline-offset: .1875rem
}

.hotspot::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 104%;
    height: 104%;
    border: 4px solid #fff;
    top: -2%;
    left: -2%;
    z-index: -1
}

@-webkit-keyframes ripple {
    0% {
        border: 1px solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        box-sizing: content-box;
        box-shadow: none
    }

    50% {
        opacity: 1
    }

    100% {
        border: 1em solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1em;
        left: -1em;
        box-sizing: content-box;
        box-shadow: none
    }
}

@keyframes ripple {
    0% {
        border: 1px solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        box-sizing: content-box;
        box-shadow: none
    }

    50% {
        opacity: 1
    }

    100% {
        border: 1em solid #fff;
        opacity: 0;
        border-radius: 50%;
        top: -1em;
        left: -1em;
        box-sizing: content-box;
        box-shadow: none
    }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .hotspot.hotspot-hover-ripple:hover::after {
        -webkit-animation: ripple .8s cubic-bezier(.5,0,.5,1);
        animation: ripple .8s cubic-bezier(.5,0,.5,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 100%
    }

    .hotspot.ripple-once::after {
        -webkit-animation: ripple .8s cubic-bezier(.5,0,.5,1);
        animation: ripple .8s cubic-bezier(.5,0,.5,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 860px) {
    .hotspot {
        width:3rem;
        height: 3rem
    }
}

.hotspot .hotspot-img {
    border-radius: 50%;
    border: 4px solid transparent;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hotspot.hotspot-extra-border:not(:focus) {
    border: 1px solid
}

.hotspot.hotspot-extra-border:not(:focus)::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.hotspot.hotspot-extra-border:not(:focus):hover {
    border: none
}

.hotspot.hotspot-large-glyph .glyph-append,.hotspot.hotspot-large-glyph .glyph-prepend {
    font-size: 2rem
}

.hotspot.hotspot-light {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.hotspot.hotspot-light::before {
    border-color: #000
}

.hotspot.hotspot-light:focus::after {
    border-color: #fff
}

.hotspot.hotspot-light.hotspot-active,.hotspot.hotspot-light[aria-expanded=true],.hotspot.hotspot-light[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-primary {
    background-color: #f97141;
    color: #fff;
    border-color: #000
}

.hotspot.hotspot-primary::before {
    border-color: #fff
}

.hotspot.hotspot-primary:focus::after {
    border-color: #000
}

.hotspot.hotspot-primary.hotspot-active,.hotspot.hotspot-primary[aria-expanded=true],.hotspot.hotspot-primary[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-primary-alt {
    background-color: #3aa0fa;
    color: #000;
    border-color: #fff
}

.hotspot.hotspot-primary-alt::before {
    border-color: #000
}

.hotspot.hotspot-primary-alt:focus::after {
    border-color: #fff
}

.hotspot.hotspot-primary-alt.hotspot-active,.hotspot.hotspot-primary-alt[aria-expanded=true],.hotspot.hotspot-primary-alt[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-dark {
    background-color: #000;
    color: #fff;
    border-color: #000
}

.hotspot.hotspot-dark::before {
    border-color: #fff
}

.hotspot.hotspot-dark:focus::after {
    border-color: #000
}

.hotspot.hotspot-dark.hotspot-active,.hotspot.hotspot-dark[aria-expanded=true],.hotspot.hotspot-dark[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-minimalist-light {
    background-color: #fff;
    color: #000;
    border-color: #000
}

.hotspot.hotspot-minimalist-light::before {
    border-color: #fff
}

.hotspot.hotspot-minimalist-light:focus::after {
    border-color: #000
}

.hotspot.hotspot-minimalist-light.hotspot-active,.hotspot.hotspot-minimalist-light[aria-expanded=true],.hotspot.hotspot-minimalist-light[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-minimalist-primary {
    background-color: #f97141;
    color: #fff;
    border-color: #fff
}

.hotspot.hotspot-minimalist-primary::before {
    border-color: #f97141
}

.hotspot.hotspot-minimalist-primary:focus::after {
    border-color: #fff
}

.hotspot.hotspot-minimalist-primary.hotspot-active,.hotspot.hotspot-minimalist-primary[aria-expanded=true],.hotspot.hotspot-minimalist-primary[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-minimalist-primary-alt {
    background-color: #3aa0fa;
    color: #000;
    border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt::before {
    border-color: #3aa0fa
}

.hotspot.hotspot-minimalist-primary-alt:focus::after {
    border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt.hotspot-active,.hotspot.hotspot-minimalist-primary-alt[aria-expanded=true],.hotspot.hotspot-minimalist-primary-alt[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(0,0,0,.6)
}

.hotspot.hotspot-minimalist-dark {
    background-color: #000;
    color: #fff;
    border-color: #fff
}

.hotspot.hotspot-minimalist-dark::before {
    border-color: #000
}

.hotspot.hotspot-minimalist-dark:focus::after {
    border-color: #fff
}

.hotspot.hotspot-minimalist-dark.hotspot-active,.hotspot.hotspot-minimalist-dark[aria-expanded=true],.hotspot.hotspot-minimalist-dark[aria-pressed=true] {
    box-shadow: 0 0 0 1em rgba(255,255,255,.6)
}

.hotspot.hotspot-sm {
    height: 1.5rem;
    width: 1.5rem
}

@media (max-width: 859.98px) {
    .hotspot.hotspot-sm {
        line-height:1
    }
}

@media (min-width: 860px) {
    .hotspot.hotspot-sm {
        width:2.25rem;
        height: 2.25rem
    }
}

.hotspot.hotspot-sm::before {
    border-width: 3px
}

.hotspot.hotspot-lg {
    height: 3rem;
    width: 3rem
}

@media (min-width: 860px) {
    .hotspot.hotspot-lg {
        width:4rem;
        height: 4rem
    }
}

.hotspot .glyph-append,.hotspot .glyph-prepend {
    line-height: 1;
    height: 1em;
    font-size: 1em
}

.hotspot:focus {
    outline: 0
}

.hotspot:focus::after {
    border-style: dashed;
    border-width: .1875rem;
    border-color: #000;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    width: 102%;
    height: 102%;
    top: -1%;
    left: -1%
}

.hotspot:focus:hover::after {
    box-sizing: border-box
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: .0625rem solid #d2d2d2;
    border-radius: .125rem;
    max-width: 100%;
    height: auto
}

.img-object-cover {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #505050
}

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

.link-group {
    min-height: 2.5rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

html:not([dir=rtl]) .link-group .action-trigger,html:not([dir=rtl]) .link-group .btn,html:not([dir=rtl]) .link-group a {
    margin-right: 1.5rem
}

html[dir=rtl] .link-group .action-trigger,html[dir=rtl] .link-group .btn,html[dir=rtl] .link-group a {
    margin-left: 1.5rem
}

.link-group a {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.link-group a~a:not(.btn) {
    margin-top: 0
}

.link-group .action-trigger,.link-group .btn {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.link-group .btn~a:not(.btn) {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

html:not([dir=rtl]) .link-group>:last-child {
    margin-right: 0
}

html[dir=rtl] .link-group>:last-child {
    margin-left: 0
}

ol.full li,ul.full li {
    margin-bottom: 1rem
}

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

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

.list-inline-item {
    display: inline-block
}

html:not([dir=rtl]) .list-inline-item:not(:last-child) {
    margin-right: 1rem
}

html[dir=rtl] .list-inline-item:not(:last-child) {
    margin-left: 1rem
}

.media-control {
    background-color: #fff;
    color: #000;
    position: relative;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    font-size: 2.8125rem;
    line-height: 1;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
    border: 0
}

.media-control::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 104%;
    height: 104%;
    border: .25rem solid #fff;
    top: -2%;
    left: -2%
}

.media-control:focus {
    outline: 0
}

.media-control:focus::after {
    border-style: dashed;
    border-width: .1875rem;
    border-color: #000;
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    width: 102%;
    height: 102%;
    top: -1%;
    left: -1%
}

.media-control .glyph-append,.media-control .glyph-prepend {
    position: absolute;
    left: .1875rem;
    top: .1875rem
}

.media-control.media-control-light {
    background-color: #000;
    color: #fff
}

.media-control.media-control-light::before {
    border-color: #000
}

.media-control.media-control-light:focus::after {
    border-color: #fff
}

@media (forced-colors:active) {
    .media-control {
        border-radius: 0
    }

    .media-control::before {
        content: none
    }
}

@media (min-width: 540px) {
    .media-control-lg {
        height:4.5rem;
        width: 4.5rem;
        font-size: 4.4375rem
    }
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 0 .75rem;
    box-sizing: content-box;
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    height: 100%
}

.modal-dialog-scrollable .modal-content {
    overflow: hidden;
    max-height: 100%
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid transparent;
    border-radius: 0
}

.theme-dark .modal-content {
    background-color: #2f2f2f
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .8
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-header .close {
    padding: .5rem
}

html:not([dir=rtl]) .modal-header .close {
    margin-left: auto
}

html[dir=rtl] .modal-header .close {
    margin-right: auto
}

.modal-header .close::before {
    display: block
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

html:not([dir=rtl]) .modal-title {
    margin-right: 1rem
}

html[dir=rtl] .modal-title {
    margin-left: 1rem
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: .1875rem 1rem 4rem
}

.modal-body:not(:last-child) {
    padding-bottom: 0
}

.modal-body>:last-child {
    margin-bottom: 0
}

.modal-body>[tabindex="0"]:focus {
    outline: .1875rem dotted currentColor
}

.modal-body>[tabindex="0"]:focus:not(:focus-visible) {
    outline: 0
}

.modal-body>[tabindex="0"]:focus-visible {
    outline: .1875rem dotted currentColor
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 540px) {
    .modal-dialog {
        max-width:640px
    }

    .modal-sm {
        max-width: 300px
    }

    .modal-xl {
        max-width: 1600px
    }
}

@media (min-width: 1084px) {
    .modal-dialog {
        padding:0 5%
    }

    .modal-lg {
        max-width: 800px
    }

    .modal-header {
        padding: 1rem 4rem
    }

    html:not([dir=rtl]) .modal-header .close {
        margin-right: -3rem
    }

    html[dir=rtl] .modal-header .close {
        margin-left: -3rem
    }

    .modal-body {
        padding: .1875rem 4rem 4rem
    }

    .modal-footer {
        padding: 1rem 4rem
    }
}

.multi-feature {
    position: relative;
    width: 100%
}

@media screen and (min-width: 1084px) {
    .multi-feature .accordion {
        position:static;
        width: 33.33333%
    }

    html:not([dir=rtl]) .multi-feature .accordion {
        padding-right: .75rem
    }

    html[dir=rtl] .multi-feature .accordion {
        padding-left: .75rem
    }
}

@media screen and (min-width: 1084px) {
    .multi-feature-body>:last-child:not(.link-group) {
        margin-bottom:0!important
    }
}

@media screen and (min-width: 1084px) {
    .multi-feature-feature {
        position:absolute;
        width: 66.66667%;
        top: 0
    }

    html:not([dir=rtl]) .multi-feature-feature {
        padding-left: .75rem;
        right: 0
    }

    html[dir=rtl] .multi-feature-feature {
        padding-right: .75rem;
        left: 0
    }
}

.nav-container {
    overflow-x: hidden;
    padding: 4px
}

.nav-container .nav {
    margin-left: -1rem;
    margin-right: -1rem
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.nav .nav-item {
    margin: 0 1rem
}

.nav-item,.nav-link {
    position: relative
}

.nav-item::before,.nav-link::before {
    content: "";
    display: none;
    position: absolute;
    bottom: .25rem;
    left: 0;
    width: 100%;
    height: .125rem;
    padding: 0 0;
    background-color: #f97141;
    background-clip: content-box
}

.nav-link {
    display: inline-block;
    padding: .5rem 0;
    color: #f97141;
    font-weight: 600;
    text-decoration: none
}

.nav-link:hover::before {
    display: block
}

.nav-link.disabled {
    color: #757575;
    pointer-events: none;
    cursor: default
}

.nav-link.active {
    color: #000
}

.nav-link.active::before {
    display: none
}

html:not([dir=rtl]) .nav-link.dropdown-toggle {
    padding-right: 1.5em
}

html[dir=rtl] .nav-link.dropdown-toggle {
    padding-left: 1.5em
}

.nav-link.dropdown-toggle::before {
    width: calc(100% - 1.5em)
}

html:not([dir=rtl]) .nav-link.dropdown-toggle::after {
    right: 0
}

html[dir=rtl] .nav-link.dropdown-toggle::after {
    left: 0
}

.nav-link .glyph-prepend {
    display: flex;
    align-items: center
}

html:not([dir=rtl]) .nav-link .glyph-prepend::before {
    padding-right: .375em
}

html[dir=rtl] .nav-link .glyph-prepend::before {
    padding-left: .375em
}

.nav-item.active {
    color: inherit
}

.nav-item.active .nav-link {
    color: inherit
}

.nav-item.active::before {
    display: block
}

.nav-in-page-bar.nav-in-page-horizontal {
    align-items: baseline
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-container {
    display: flex
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-container {
    display: inline-block
}

.nav-in-page-bar .combobox+.sticky-show-stuck,.nav-in-page-bar .sticky-show-stuck+.combobox {
    margin-top: .25rem
}

.nav-in-page-container label {
    font-size: 1.0625rem;
    margin-bottom: .75rem;
    color: #171717
}

.theme-dark .nav-in-page-container label {
    color: #f2f2f2
}

.nav-in-page-container .combobox-divider,.nav-in-page-container .combobox-item:not(.nav-in-page-item) {
    display: none
}

.sticky.stuck .nav-in-page-bar {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.sticky.stuck .nav-in-page-bar:not(.nav-in-page-horizontal):not(.nav-in-page-vertical) {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.sticky.stuck .nav-in-page-container label {
    display: none
}

.sticky.stuck .nav-in-page-container .combobox-divider,.sticky.stuck .nav-in-page-container .combobox-item:not(.nav-in-page-item) {
    display: block
}

.nav-in-page {
    position: relative;
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.nav-in-page::before {
    content: "";
    position: absolute;
    border-radius: .125rem;
    background-color: #d2d2d2
}

.theme-dark .nav-in-page::before {
    background-color: #757575
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page {
    display: flex;
    margin-bottom: .5rem
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    width: calc(100% - 2 * 1.5rem);
    height: .25rem;
    bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    left: 1.5rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
    right: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page {
    margin-top: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    width: .25rem;
    height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
    right: 0
}

.nav-in-page-item {
    position: relative
}

.nav-in-page-item .nav-in-page-link {
    color: #505050;
    text-decoration: none
}

.theme-dark .nav-in-page-item .nav-in-page-link {
    color: #a2a2a2
}

.nav-in-page-item .nav-in-page-link.active {
    color: #171717
}

.theme-dark .nav-in-page-item .nav-in-page-link.active {
    color: #f2f2f2
}

.nav-in-page-item .nav-in-page-link.active::before {
    content: "";
    position: absolute;
    border-radius: .125rem;
    background-color: #f97141
}

.theme-dark .nav-in-page-item .nav-in-page-link.active::before {
    background-color: #3aa0fa
}

@media (forced-colors:active) {
    .nav-in-page-item .nav-in-page-link.active::before {
        background-color: linktext
    }
}

.nav-in-page-item .nav-in-page-link:focus,.nav-in-page-item .nav-in-page-link:hover {
    text-decoration: underline;
    color: #f97141
}

.nav-in-page-item.combobox-item:active .nav-in-page-link {
    color: #fff
}

.theme-dark .nav-in-page-item.combobox-item:active .nav-in-page-link {
    color: #000
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item {
    display: flex;
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
    margin-left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
    margin-right: 0
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item .nav-in-page-link.active::before {
    width: 100%;
    height: .25rem;
    bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
    margin-left: 1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
    margin-right: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item+.nav-in-page-item {
    margin-top: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    width: .25rem;
    height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    left: -1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
    right: -1rem
}

.nav-in-page-label {
    display: flex;
    font-size: 1.1875rem;
    margin-bottom: 0;
    color: #171717
}

.theme-dark .nav-in-page-label {
    color: #f2f2f2
}

.pagination {
    display: flex;
    padding: 0;
    list-style: none;
    font-weight: 600;
    margin-bottom: 0;
    border-color: #f97141
}

.theme-dark .pagination {
    border-color: #3aa0fa
}

.page-link {
    position: relative;
    display: block;
    padding: .625rem .75rem;
    line-height: 1;
    text-decoration: none;
    border: .125rem solid transparent
}

.page-item {
    white-space: nowrap;
    border-color: inherit
}

.page-item:first-child,.page-item:last-child {
    display: inline-block
}

.page-item:first-child .page-link::after,.page-item:first-child .page-link::before,.page-item:last-child .page-link::after,.page-item:last-child .page-link::before {
    font-family: MWF-FLUENT-ICONS;
    display: inline-block;
    font-size: 1rem;
    position: absolute;
    top: calc(50% + .0625em);
    margin-top: -.5em;
    transition: transform .6s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .page-item:first-child .page-link::after,.page-item:first-child .page-link::before,.page-item:last-child .page-link::after,.page-item:last-child .page-link::before {
        transition: none
    }
}

.page-item:first-child .page-link:hover,.page-item:last-child .page-link:hover {
    text-decoration: underline
}

html:not([dir=rtl]) .page-item:first-child .page-link {
    padding-left: 1.4375em
}

html[dir=rtl] .page-item:first-child .page-link {
    padding-right: 1.4375em
}

html:not([dir=rtl]) .page-item:first-child .page-link::before {
    content: "";
    left: 0
}

html[dir=rtl] .page-item:first-child .page-link::before {
    content: "";
    right: 0
}

html:not([dir=rtl]) .page-item:first-child .page-link:hover::before {
    transform: translate(-.25em,0)
}

html[dir=rtl] .page-item:first-child .page-link:hover::before {
    transform: translate(.25em,0)
}

html:not([dir=rtl]) .page-item:last-child .page-link {
    padding-right: 1.4375em
}

html[dir=rtl] .page-item:last-child .page-link {
    padding-left: 1.4375em
}

html:not([dir=rtl]) .page-item:last-child .page-link::after {
    content: "";
    right: 0
}

html[dir=rtl] .page-item:last-child .page-link::after {
    content: "";
    left: 0
}

html:not([dir=rtl]) .page-item:last-child .page-link:hover::after {
    transform: translate(.25em,0)
}

html[dir=rtl] .page-item:last-child .page-link:hover::after {
    transform: translate(-.25em,0)
}

.page-item.active {
    display: inline-block;
    position: relative
}

.page-item.active::after {
    content: "";
    display: block;
    width: 1.5em;
    border-top-width: 2px;
    border-top-style: solid;
    border-color: inherit;
    margin: -.375rem auto
}

.page-item.active .page-link {
    color: inherit;
    cursor: default
}

.page-item.disabled .page-link {
    color: #757575;
    pointer-events: none
}

.theme-dark .page-item.disabled .page-link {
    color: #d2d2d2
}

@media screen and (min-width: 860px) {
    .pagination-segment-start.pagination-edge .ellipsis {
        display:none
    }
}

@media screen and (min-width: 540px) and (max-width:860px) {
    .pagination-segment-start .page-item:nth-child(5),.pagination-segment-start .page-item:nth-child(6),.pagination-segment-start .page-item:nth-last-child(3):not(.ellipsis) {
        display:none
    }

    .pagination-segment-end .page-item:nth-last-child(5),.pagination-segment-end .page-item:nth-last-child(6) {
        display: none
    }

    .pagination-segment-middle .page-item.ellipsis-after,.pagination-segment-middle .page-item.ellipsis-before {
        display: none
    }
}

@media screen and (max-width: 540px) {
    .page-item:not(.active):not(:first-child):not(:last-child) {
        display:none
    }
}

.popover-wrapper {
    position: relative
}

.popover {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    font-size: 1rem;
    border: .0625rem solid #757575;
    border-radius: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
    background-clip: padding-box;
    background-color: #fff;
    color: #000;
    max-width: 336px;
    word-wrap: break-word
}

.theme-dark .popover {
    border-color: #d2d2d2;
    background-color: #000;
    color: #fff
}

html:not([dir=rtl]) .popover {
    text-align: left;
    left: 0;
    right: auto
}

html[dir=rtl] .popover {
    text-align: right;
    left: auto;
    right: 0
}

.popover.show {
    display: block
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.popover.show.fade {
    -webkit-animation: .15s linear fade-in;
    animation: .15s linear fade-in
}

.popover.fading-out {
    display: block;
    -webkit-animation: .15s linear fade-out;
    animation: .15s linear fade-out
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #757575;
    direction: ltr;
    transform-origin: center
}

.popover .arrow::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    margin: .0625rem;
    background-color: #fff
}

.theme-dark .popover .arrow {
    background-color: #d2d2d2
}

.theme-dark .popover .arrow::after {
    background-color: #000
}

.popover .close {
    z-index: 1;
    position: absolute;
    padding: .625rem;
    outline-offset: -.375rem
}

html:not([dir=rtl]) .popover .close {
    right: 0
}

html[dir=rtl] .popover .close {
    left: 0
}

.popover.flyout-top .arrow {
    bottom: -.5625rem;
    transform: rotate(-135deg)
}

.popover.flyout-bottom .arrow {
    top: -.5625rem;
    transform: rotate(45deg)
}

.popover.flyout-right .arrow {
    left: -.5625rem;
    transform: rotate(-45deg)
}

.popover.flyout-left .arrow {
    right: -.5625rem;
    transform: rotate(135deg)
}

.popover-content {
    overflow: auto
}

.popover-header {
    padding: 1.5rem 2.5rem 0 2.5rem;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0
}

.popover-header:empty {
    display: none
}

.popover-header:not(:empty)+.popover-body {
    padding-top: .125rem
}

.popover-body {
    padding: 1.5rem 2.5rem
}

.popover-body :last-child {
    margin-bottom: 0
}

.progress {
    display: flex;
    min-height: .875rem;
    overflow: hidden;
    border-radius: .125rem;
    border-style: solid;
    border-width: .125rem;
    padding: .0625rem;
    background-color: #fff;
    border-color: #757575
}

.theme-dark .progress {
    background-color: #000;
    border-color: #d2d2d2
}

.progress-bar {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    outline: .125rem solid transparent;
    outline-offset: -.1875rem;
    transition: width .6s ease;
    background-color: #f97141;
    color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.theme-dark .progress-bar {
    background-color: #3aa0fa;
    color: #000
}

html:not([dir=rtl]) .progress-bar {
    margin-left: .0625rem
}

html[dir=rtl] .progress-bar {
    margin-right: .0625rem
}

html:not([dir=rtl]) .progress-bar:first-of-type {
    margin-left: 0
}

html[dir=rtl] .progress-bar:first-of-type {
    margin-right: 0
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: .5rem .5rem
}

.show-more-show-less .show-more-show-less-toggleable-content:focus {
    outline: 0
}

.show-more-show-less .action-trigger[aria-expanded=true]::before {
    content: ""
}

.show-more-show-less .action-trigger[aria-expanded=false]::before {
    content: ""
}

.spinner {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    padding: .35625rem
}

.spinner .spinner-dot {
    position: absolute;
    transform: rotate(225deg);
    -webkit-animation: orbit 5.5s infinite;
    animation: orbit 5.5s infinite;
    width: 1.6625rem;
    height: 1.6625rem
}

.spinner .spinner-dot::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: .1875rem;
    height: .1875rem;
    border: #f97141 .09375rem solid;
    background: #f97141
}

.theme-dark .spinner .spinner-dot::after {
    background: #3aa0fa
}

.spinner .spinner-dot.spinner-dot-2 {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms
}

.spinner .spinner-dot.spinner-dot-3 {
    -webkit-animation-delay: 480ms;
    animation-delay: 480ms
}

.spinner .spinner-dot.spinner-dot-4 {
    -webkit-animation-delay: 720ms;
    animation-delay: 720ms
}

.spinner .spinner-dot.spinner-dot-5 {
    -webkit-animation-delay: 960ms;
    animation-delay: 960ms
}

.spinner.spinner-lg {
    width: 5.625rem;
    height: 5.625rem;
    padding: .84375rem
}

.spinner.spinner-lg .spinner-dot {
    width: 3.99375rem;
    height: 3.99375rem
}

.spinner.spinner-lg .spinner-dot::after {
    width: .375rem;
    height: .375rem;
    border-width: .1875rem
}

@media screen and (prefers-reduced-motion:reduce),(update:slow) {
    .spinner-dot,.spinner-dot::after {
        display: none
    }

    .spinner>.sr-only {
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        white-space: inherit
    }
}

@-webkit-keyframes orbit {
    0% {
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    7% {
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    30% {
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    39% {
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    70% {
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    76% {
        transform: rotate(945deg);
        opacity: 0
    }

    100% {
        transform: rotate(945deg);
        opacity: 0
    }
}

@keyframes orbit {
    0% {
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    7% {
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    30% {
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    39% {
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    70% {
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    76% {
        transform: rotate(945deg);
        opacity: 0
    }

    100% {
        transform: rotate(945deg);
        opacity: 0
    }
}

.sticky {
    --vw: 100vw;
    --container-padding: 1.5rem;
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-start;
    z-index: 1020;
    pointer-events: none
}

@media (min-width: 1084px) {
    .sticky {
        --container-padding:calc(var(--vw) * 0.1)
    }
}

@media (min-width: 1777.77778px) {
    .sticky {
        --container-padding:calc(var(--vw) - 1600px)
    }
}

.sticky>* {
    pointer-events: auto
}

.sticky.sticky-direction-top {
    top: 0
}

.sticky.sticky-direction-bottom {
    bottom: 0
}

.sticky:not(.stuck)[class*=bg-],.sticky:not(.stuck)[class*=material-] {
    background-color: transparent!important
}

.sticky:not(.stuck) .sticky-show-stuck {
    display: none
}

.sticky.get-height .sticky-show-stuck {
    visibility: hidden;
    opacity: 0
}

.sticky.stuck {
    pointer-events: auto
}

.sticky.stuck .sticky-hide-stuck {
    display: none
}

@media (max-width: 539.98px) {
    .sticky.stuck.stuck-full-width-xs {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-xs {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-xs {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-xs {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-xs {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 859.98px) {
    .sticky.stuck.stuck-full-width-sm {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-sm {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-sm {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-sm {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-sm {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 1083.98px) {
    .sticky.stuck.stuck-full-width-md {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-md {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-md {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-md {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-md {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

@media (max-width: 1399.98px) {
    .sticky.stuck.stuck-full-width-lg {
        width:var(--vw);
        padding-right: calc(var(--container-padding)/ 2);
        padding-left: calc(var(--container-padding)/ 2)
    }

    html:not([dir=rtl]) .sticky.stuck.stuck-full-width-lg {
        margin-left: calc(var(--container-padding)/ -2)
    }

    html[dir=rtl] .sticky.stuck.stuck-full-width-lg {
        margin-right: calc(var(--container-padding)/ -2)
    }

    .sticky.stuck.sticky-direction-top.stuck-depth-lg {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
    }

    .sticky.stuck.sticky-direction-bottom.stuck-depth-lg {
        box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
    }
}

.sticky.stuck.stuck-full-width {
    width: var(--vw);
    padding-right: calc(var(--container-padding)/ 2);
    padding-left: calc(var(--container-padding)/ 2)
}

html:not([dir=rtl]) .sticky.stuck.stuck-full-width {
    margin-left: calc(var(--container-padding)/ -2)
}

html[dir=rtl] .sticky.stuck.stuck-full-width {
    margin-right: calc(var(--container-padding)/ -2)
}

.sticky.stuck.sticky-direction-top.stuck-depth {
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)
}

.sticky.stuck.sticky-direction-bottom.stuck-depth {
    box-shadow: 0 -.0625rem .125rem rgba(0,0,0,.45),0 -.1875rem .4375rem rgba(0,0,0,.3)
}

.tab-arrows [tabindex]:focus,.tab-group [tabindex]:focus {
    outline: .1875rem dotted currentColor!important;
    z-index: 2
}

.tab-content,.tab-panel-group {
    margin-top: 3rem
}

.tab-content>.tab-pane,.tab-content>.tab-panel,.tab-panel-group>.tab-pane,.tab-panel-group>.tab-panel {
    display: none
}

.tab-content>.tab-pane:focus,.tab-content>.tab-panel:focus,.tab-panel-group>.tab-pane:focus,.tab-panel-group>.tab-panel:focus {
    outline: .1875rem dotted currentColor
}

.tab-content>.tab-pane:focus:not(:focus-visible),.tab-content>.tab-panel:focus:not(:focus-visible),.tab-panel-group>.tab-pane:focus:not(:focus-visible),.tab-panel-group>.tab-panel:focus:not(:focus-visible) {
    outline: 0
}

.tab-content>.tab-pane:focus-visible,.tab-content>.tab-panel:focus-visible,.tab-panel-group>.tab-pane:focus-visible,.tab-panel-group>.tab-panel:focus-visible {
    outline: .1875rem dotted currentColor
}

.tab-content>.active,.tab-panel-group>.active {
    display: block
}

.tab-overflow {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

.tab-overflow::-webkit-scrollbar {
    display: none
}

.tab-group {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 0
}

.tab-standard .tab-group {
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-color: #505050
}

.theme-dark .tab-standard .tab-group {
    border-color: #e6e6e6
}

.tab-underline .tab-group {
    border-bottom: .0625rem solid #858585
}

.theme-dark .tab-underline .tab-group {
    border-bottom: .0625rem solid #757575
}

.tab-group a,.tab-group button {
    flex: 0 0 auto
}

.tab-outline .tab-group a span,.tab-outline .tab-group button span {
    max-width: 12rem;
    line-height: 1.25
}

.tab-group a:not(.tab-image),.tab-group button:not(.tab-image) {
    color: #505050;
    border-style: solid;
    border-width: .125rem;
    font-weight: 600;
    text-decoration: none
}

.theme-dark .tab-group a:not(.tab-image),.theme-dark .tab-group button:not(.tab-image) {
    color: #e6e6e6
}

.tab-standard .tab-group a:not(.tab-image),.tab-standard .tab-group button:not(.tab-image) {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: none;
    padding: .5rem .75rem
}

html:not([dir=rtl]) .tab-standard .tab-group a:not(.tab-image):not(:first-child),html:not([dir=rtl]) .tab-standard .tab-group button:not(.tab-image):not(:first-child) {
    margin-left: -.125rem
}

html[dir=rtl] .tab-standard .tab-group a:not(.tab-image):not(:last-child),html[dir=rtl] .tab-standard .tab-group button:not(.tab-image):not(:last-child) {
    margin-left: -.125rem
}

.tab-underline .tab-group a:not(.tab-image),.tab-underline .tab-group button:not(.tab-image) {
    border: transparent;
    border-bottom: .0625rem transparent solid;
    border-radius: .375rem .375rem 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .375rem .75rem;
    margin: 0 .0625rem
}

.tab-underline .tab-group a:not(.tab-image) span,.tab-underline .tab-group button:not(.tab-image) span {
    max-width: 12rem
}

html:not([dir=rtl]) .tab-underline .tab-group a:not(.tab-image)::before,html:not([dir=rtl]) .tab-underline .tab-group button:not(.tab-image)::before {
    margin-right: .5rem
}

html[dir=rtl] .tab-underline .tab-group a:not(.tab-image)::before,html[dir=rtl] .tab-underline .tab-group button:not(.tab-image)::before {
    margin-left: .5rem
}

.tab-outline .tab-group a:not(.tab-image),.tab-outline .tab-group button:not(.tab-image) {
    display: flex;
    align-items: center;
    position: relative;
    padding: .25rem .75rem;
    border-radius: .625rem
}

.tab-outline .tab-group a:not(.tab-image)::after,.tab-outline .tab-group button:not(.tab-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + .125rem * 2);
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    background: #e6e6e6
}

.theme-dark .tab-outline .tab-group a:not(.tab-image)::after,.theme-dark .tab-outline .tab-group button:not(.tab-image)::after {
    background: #505050
}

html:not([dir=rtl]) .tab-outline .tab-group a:not(.tab-image)::after,html:not([dir=rtl]) .tab-outline .tab-group button:not(.tab-image)::after {
    right: calc((.625rem / 2 + .35rem) * -1)
}

html[dir=rtl] .tab-outline .tab-group a:not(.tab-image)::after,html[dir=rtl] .tab-outline .tab-group button:not(.tab-image)::after {
    left: calc((.625rem / 2 + .35rem) * -1)
}

.tab-outline .tab-group a:not(.tab-image):last-child::after,.tab-outline .tab-group button:not(.tab-image):last-child::after {
    content: none
}

.tab-group a:not(.tab-image):not(.active),.tab-group button:not(.tab-image):not(.active) {
    transition: all 125ms ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .tab-group a:not(.tab-image):not(.active),.tab-group button:not(.tab-image):not(.active) {
        transition: none
    }
}

.tab-standard .tab-group a:not(.tab-image):not(.active),.tab-standard .tab-group button:not(.tab-image):not(.active) {
    background: #f2f2f2;
    border-color: #d2d2d2;
    margin-top: .25rem
}

.theme-dark .tab-standard .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-standard .tab-group button:not(.tab-image):not(.active) {
    background: rgba(242,242,242,.15);
    border-color: #757575
}

.tab-underline .tab-group a:not(.tab-image):not(.active),.tab-underline .tab-group button:not(.tab-image):not(.active) {
    color: #505050
}

.theme-dark .tab-underline .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-underline .tab-group button:not(.tab-image):not(.active) {
    color: #a2a2a2
}

.tab-outline .tab-group a:not(.tab-image):not(.active),.tab-outline .tab-group button:not(.tab-image):not(.active) {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.theme-dark .tab-outline .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-outline .tab-group button:not(.tab-image):not(.active) {
    background: #505050;
    border-color: #505050
}

.tab-group a:not(.tab-image):not(.active):focus,.tab-group a:not(.tab-image):not(.active):hover,.tab-group button:not(.tab-image):not(.active):focus,.tab-group button:not(.tab-image):not(.active):hover {
    color: #000
}

.theme-dark .tab-group a:not(.tab-image):not(.active):focus,.theme-dark .tab-group a:not(.tab-image):not(.active):hover,.theme-dark .tab-group button:not(.tab-image):not(.active):focus,.theme-dark .tab-group button:not(.tab-image):not(.active):hover {
    color: #fff
}

.tab-standard .tab-group a:not(.tab-image):not(.active):focus,.tab-standard .tab-group a:not(.tab-image):not(.active):hover,.tab-standard .tab-group button:not(.tab-image):not(.active):focus,.tab-standard .tab-group button:not(.tab-image):not(.active):hover {
    margin-top: 0;
    padding-top: .75rem
}

.tab-underline .tab-group a:not(.tab-image):focus,.tab-underline .tab-group a:not(.tab-image):hover,.tab-underline .tab-group button:not(.tab-image):focus,.tab-underline .tab-group button:not(.tab-image):hover {
    background: #e6e6e6;
    color: #171717
}

.theme-dark .tab-underline .tab-group a:not(.tab-image):focus,.theme-dark .tab-underline .tab-group a:not(.tab-image):hover,.theme-dark .tab-underline .tab-group button:not(.tab-image):focus,.theme-dark .tab-underline .tab-group button:not(.tab-image):hover {
    background: #505050;
    color: #f2f2f2
}

.tab-outline .tab-group a:not(.tab-image):focus,.tab-outline .tab-group a:not(.tab-image):hover,.tab-outline .tab-group button:not(.tab-image):focus,.tab-outline .tab-group button:not(.tab-image):hover {
    z-index: auto
}

.tab-group a:not(.tab-image):focus,.tab-group button:not(.tab-image):focus {
    outline-offset: -.375rem
}

.tab-underline .tab-group a:not(.tab-image):focus,.tab-underline .tab-group button:not(.tab-image):focus {
    outline-offset: -.1875rem
}

.tab-group .glyph-prepend::before {
    vertical-align: text-bottom
}

.tab-outline .tab-group .glyph-prepend::before {
    padding-top: .125rem
}

html:not([dir=rtl]) .tab-outline .tab-group .glyph-prepend::before {
    padding-right: .5rem
}

html[dir=rtl] .tab-outline .tab-group .glyph-prepend::before {
    padding-left: .5rem
}

.tab-group .active:not(.tab-image) {
    border-color: #505050;
    color: #000;
    z-index: 1
}

.theme-dark .tab-group .active:not(.tab-image) {
    border-color: #e6e6e6;
    color: #fff
}

.tab-standard .tab-group .active:not(.tab-image) {
    background: #fff;
    padding-top: .75rem;
    margin-bottom: -.125rem
}

.theme-dark .tab-standard .tab-group .active:not(.tab-image) {
    background: #000
}

.tab-underline .tab-group .active:not(.tab-image) {
    color: #171717
}

.theme-dark .tab-underline .tab-group .active:not(.tab-image) {
    color: #f2f2f2
}

.tab-underline .tab-group .active:not(.tab-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    bottom: -.125rem;
    left: 0;
    right: 0;
    border-radius: .125rem .125rem 0 0;
    background: #f97141
}

.theme-dark .tab-underline .tab-group .active:not(.tab-image)::after {
    background: #3aa0fa
}

.tab-outline .tab-group .active:not(.tab-image) {
    padding: .25rem .75rem;
    z-index: auto;
    background-color: #fff;
    border-color: #f97141
}

.theme-dark .tab-outline .tab-group .active:not(.tab-image) {
    background-color: #000;
    border-color: #3aa0fa
}

@media screen and (-ms-high-contrast:black-on-white) {
    .tab-group .active:not(.tab-image) {
        background: #000;
        border-color: #fff;
        color: #fff
    }
}

@media screen and (-ms-high-contrast:white-on-black) {
    .tab-group .active:not(.tab-image) {
        background: #fff;
        border-color: #000;
        color: #000
    }
}

.sticky.stuck .tab-group {
    border-bottom: none
}

.sticky.stuck .tab-group a:active,.sticky.stuck .tab-group a:focus,.sticky.stuck .tab-group button:active,.sticky.stuck .tab-group button:focus {
    margin-bottom: 0
}

.tab-primary .tab-group {
    border-color: #f97141
}

.theme-dark .tab-primary .tab-group {
    border-color: #3aa0fa
}

.tab-primary .tab-group a:not(.tab-image),.tab-primary .tab-group button:not(.tab-image) {
    color: #f97141
}

.theme-dark .tab-primary .tab-group a:not(.tab-image),.theme-dark .tab-primary .tab-group button:not(.tab-image) {
    color: #3aa0fa
}

.tab-primary .tab-group a:not(.tab-image):not(.active),.tab-primary .tab-group button:not(.tab-image):not(.active) {
    border-color: rgba(0,103,184,.1);
    background: rgba(0,103,184,.1)
}

.theme-dark .tab-primary .tab-group a:not(.tab-image):not(.active),.theme-dark .tab-primary .tab-group button:not(.tab-image):not(.active) {
    border-color: rgba(0,103,184,.1);
    background: rgba(0,103,184,.3)
}

.tab-primary .tab-group .active {
    border-color: #f97141
}

.theme-dark .tab-primary .tab-group .active {
    border-color: #3aa0fa
}

.tab-arrows {
    display: none
}

.tab-arrows .arrow-next,.tab-arrows .arrow-prev {
    color: #000;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0 .65rem;
    border: none;
    transition: all 125ms ease-in-out;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .tab-arrows .arrow-next,.tab-arrows .arrow-prev {
        transition: none
    }
}

.theme-dark .tab-arrows .arrow-next,.theme-dark .tab-arrows .arrow-prev {
    color: #fff
}

.tab-standard .tab-arrows .arrow-next,.tab-standard .tab-arrows .arrow-prev {
    height: calc(100% - .125rem);
    padding: .75rem .65rem .5rem .65rem
}

.tab-arrows .arrow-next::after,.tab-arrows .arrow-prev::after {
    font-family: MWF-FLUENT-ICONS;
    font-size: 1.25rem;
    transition: transform .6s cubic-bezier(.19,1,.22,1);
    color: inherit
}

@media (prefers-reduced-motion:reduce) {
    .tab-arrows .arrow-next::after,.tab-arrows .arrow-prev::after {
        transition: none
    }
}

.tab-arrows .arrow-prev {
    left: .75rem;
    background: linear-gradient(to right,#fff 75%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows .arrow-prev {
    background: linear-gradient(to right,#000 75%,rgba(0,0,0,0))
}

.tab-arrows .arrow-prev::after {
    content: ""
}

.tab-arrows .arrow-prev:focus,.tab-arrows .arrow-prev:hover {
    transform: translate(-.25rem,0)
}

.tab-arrows .arrow-next {
    background: linear-gradient(to left,#fff 75%,rgba(255,255,255,0));
    right: .75rem
}

.theme-dark .tab-arrows .arrow-next {
    background: linear-gradient(to left,#000 75%,rgba(0,0,0,0))
}

.tab-arrows .arrow-next::after {
    content: ""
}

.tab-arrows .arrow-next:focus,.tab-arrows .arrow-next:hover {
    transform: translate(.25rem,0)
}

.tab-arrows.mobile-arrows .arrow-prev {
    background: linear-gradient(to right,#fff 5%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows.mobile-arrows .arrow-prev {
    background: linear-gradient(to right,#000 5%,rgba(0,0,0,0))
}

.tab-arrows.mobile-arrows .arrow-next {
    background: linear-gradient(to left,#fff 5%,rgba(255,255,255,0))
}

.theme-dark .tab-arrows.mobile-arrows .arrow-next {
    background: linear-gradient(to left,#000 5%,rgba(0,0,0,0))
}

.tab-arrows.mobile-arrows .arrow-next,.tab-arrows.mobile-arrows .arrow-prev {
    pointer-events: none
}

.tab-arrows.mobile-arrows .arrow-next::after,.tab-arrows.mobile-arrows .arrow-prev::after {
    color: transparent
}

.tab-arrows-lg .arrow-next,.tab-arrows-lg .arrow-prev {
    padding: .5rem
}

.tab-arrows-lg .arrow-next::after,.tab-arrows-lg .arrow-prev::after {
    font-size: 1.5rem
}

.tab-image {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: 600;
    padding-top: .1875rem
}

.theme-dark .tab-image {
    color: #fff
}

html:not([dir=rtl]) .tab-image:first-child {
    margin-left: .1875rem
}

html[dir=rtl] .tab-image:first-child {
    margin-right: .1875rem
}

html:not([dir=rtl]) .tab-image:not(:last-child) {
    margin-right: 1.5rem
}

html[dir=rtl] .tab-image:not(:last-child) {
    margin-left: 1.5rem
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .tab-image:not(:last-child) {
        margin-right:3rem
    }

    html[dir=rtl] .tab-image:not(:last-child) {
        margin-left: 3rem
    }
}

.tab-image.tab-image-xs {
    width: 4rem
}

.tab-image.tab-image-sm {
    width: 4rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-sm {
        width:8rem
    }
}

.tab-image.tab-image-md {
    width: 8rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-md {
        width:10rem
    }
}

.tab-image.tab-image-lg {
    width: 10rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-lg {
        width:12rem
    }
}

.tab-image.tab-image-xl {
    width: 12rem
}

@media (min-width: 860px) {
    .tab-image.tab-image-xl {
        width:25rem
    }
}

.tab-image .tab-image-img {
    border-radius: .3125rem
}

.tab-image:not(.active) .tab-image-img {
    filter: grayscale(100%)
}

.tab-image .tab-image-border {
    border: .1875rem solid transparent;
    border-radius: .625rem;
    padding: .1875rem
}

.tab-image.active .tab-image-border {
    border-color: #f97141
}

.theme-dark .tab-image.active .tab-image-border {
    border-color: #3aa0fa
}

.tab-image[href]:focus {
    outline: 0!important
}

.tab-image:focus .tab-image-border {
    outline: .1875rem dotted #000
}

.theme-dark .tab-image:focus .tab-image-border {
    outline-color: #fff
}

.tab-image .tab-image-label {
    display: block;
    padding-top: .5rem;
    text-align: center
}

.tab-image:not(.active):not(:hover):not(:focus) .tab-image-label {
    opacity: 0
}

.tab-image:focus:not(.active),.tab-image:hover:not(.active) {
    color: #757575
}

.theme-dark .tab-image:focus:not(.active),.theme-dark .tab-image:hover:not(.active) {
    color: #d2d2d2
}

.tab-image:focus:not(.active) .tab-image-border,.tab-image:hover:not(.active) .tab-image-border {
    border-color: #a2a2a2
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-top: 0 solid #757575;
    border-bottom: .0625rem solid #757575
}

.table caption {
    caption-side: bottom
}

.table th {
    font-weight: 600
}

.table td,.table th {
    padding: 1.5rem .75rem;
    vertical-align: top;
    border-bottom: .0625rem solid #d2d2d2;
    overflow-wrap: break-word
}

.table thead th {
    vertical-align: bottom;
    border-bottom-color: #757575
}

.table tbody+tbody {
    border-top: .125rem solid #d2d2d2
}

.table .table {
    background-color: #fff
}

.table tr>:first-child {
    padding-left: 1.5rem
}

.table tr>:last-child {
    padding-right: 1.5rem
}

.table td p:first-child,.table td ul:first-child,.table th p:first-child,.table th ul:first-child {
    margin-top: 0;
    padding-top: 0
}

.table td p:last-child,.table td ul:last-child,.table th p:last-child,.table th ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.table tr:last-child td,.table tr:last-child th {
    border-bottom-color: #757575
}

@media (max-width: 539.98px) {
    .table td,.table th {
        padding:.75rem
    }
}

.table-fixed {
    table-layout: fixed
}

.table-sm td,.table-sm th {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.table-lg-headers th {
    font-size: 1.125rem;
    line-height: 1.2
}

@media (min-width: 1084px) {
    .table-lg-headers th {
        font-size:1.1875rem
    }
}

@media (min-width: 1400px) {
    .table-lg-headers th {
        font-size:1.3125rem
    }
}

.table-bordered {
    border: .0625rem solid #757575
}

.table-bordered td,.table-bordered th {
    border-left: .0625rem solid #d2d2d2;
    border-right: .0625rem solid #d2d2d2
}

.table-bordered td:first-child,.table-bordered th:first-child {
    border-left: none
}

.table-bordered td:last-child,.table-bordered th:last-child {
    border-right: none
}

.table-borderless {
    border: 0
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(230,230,230,.5)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #e6f0f8
}

.table-hover .table-primary:hover {
    background-color: #d2e4f2
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #d2e4f2
}

.table-primary-alt,.table-primary-alt>td,.table-primary-alt>th {
    background-color: #ebf6ff
}

.table-hover .table-primary-alt:hover {
    background-color: #d2ebff
}

.table-hover .table-primary-alt:hover>td,.table-hover .table-primary-alt:hover>th {
    background-color: #d2ebff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #e6e6e6
}

.table-hover .table-secondary:hover {
    background-color: #d9d9d9
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #d9d9d9
}

.table-inverse,.table-inverse>td,.table-inverse>th {
    background-color: #e6e6e6
}

.table-hover .table-inverse:hover {
    background-color: #d9d9d9
}

.table-hover .table-inverse:hover>td,.table-hover .table-inverse:hover>th {
    background-color: #d9d9d9
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fff
}

.table-hover .table-light:hover {
    background-color: #f2f2f2
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #f2f2f2
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #e6e6e6
}

.table-hover .table-dark:hover {
    background-color: #d9d9d9
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #d9d9d9
}

.table-brand,.table-brand>td,.table-brand>th {
    background-color: #e6f0f8
}

.table-hover .table-brand:hover {
    background-color: #d2e4f2
}

.table-hover .table-brand:hover>td,.table-hover .table-brand:hover>th {
    background-color: #d2e4f2
}

.table-brand-light,.table-brand-light>td,.table-brand-light>th {
    background-color: #eefdff
}

.table-hover .table-brand-light:hover {
    background-color: #d5faff
}

.table-hover .table-brand-light:hover>td,.table-hover .table-brand-light:hover>th {
    background-color: #d5faff
}

.table-brand-dark,.table-brand-dark>td,.table-brand-dark>th {
    background-color: #e9ebef
}

.table-hover .table-brand-dark:hover {
    background-color: #dadee4
}

.table-hover .table-brand-dark:hover>td,.table-hover .table-brand-dark:hover>th {
    background-color: #dadee4
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(230,230,230,.5)
}

.table-hover .table-active:hover {
    background-color: rgba(217,217,217,.5)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(217,217,217,.5)
}

.table .thead-highlight th {
    color: #000;
    background-color: rgba(230,230,230,.5);
    border-color: #d2d2d2
}

.table-first-col-highlight :not(thead)>tr>th {
    background-color: rgba(230,230,230,.5)
}

.table-caption-top caption {
    caption-side: top
}

.table[role=presentation] {
    border-width: .0625rem
}

@media (max-width: 539.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 859.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 1083.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.theme-dark {
    background-color: #000;
    color: #fff
}

.theme-dark a {
    color: #3aa0fa
}

.material-surface {
    background-color: #f2f2f2;
    color: #000
}

.material-surface a {
    color: #f97141
}

.theme-dark .material-surface {
    background-color: #171717;
    color: #fff
}

.theme-dark .material-surface a {
    color: #3aa0fa
}

.material-card {
    background-color: #fff;
    color: #000;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
}

.material-card a {
    color: #f97141
}

.theme-dark .material-card {
    background-color: #2f2f2f;
    color: #fff
}

.theme-dark .material-card a {
    color: #3aa0fa
}

.material-backdrop {
    background-color: #fff;
    color: #000
}

.material-backdrop a {
    color: #f97141
}

.theme-dark .material-backdrop {
    background-color: #000;
    color: #fff
}

.theme-dark .material-backdrop a {
    color: #3aa0fa
}

@media (min-width: 540px) {
    .material-sm-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-sm-surface a {
        color: #f97141
    }

    .theme-dark .material-sm-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-sm-surface a {
        color: #3aa0fa
    }

    .material-sm-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-sm-card a {
        color: #f97141
    }

    .theme-dark .material-sm-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-sm-card a {
        color: #3aa0fa
    }

    .material-sm-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-sm-backdrop a {
        color: #f97141
    }

    .theme-dark .material-sm-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-sm-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 860px) {
    .material-md-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-md-surface a {
        color: #f97141
    }

    .theme-dark .material-md-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-md-surface a {
        color: #3aa0fa
    }

    .material-md-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-md-card a {
        color: #f97141
    }

    .theme-dark .material-md-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-md-card a {
        color: #3aa0fa
    }

    .material-md-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-md-backdrop a {
        color: #f97141
    }

    .theme-dark .material-md-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-md-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 1084px) {
    .material-lg-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-lg-surface a {
        color: #f97141
    }

    .theme-dark .material-lg-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-lg-surface a {
        color: #3aa0fa
    }

    .material-lg-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-lg-card a {
        color: #f97141
    }

    .theme-dark .material-lg-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-lg-card a {
        color: #3aa0fa
    }

    .material-lg-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-lg-backdrop a {
        color: #f97141
    }

    .theme-dark .material-lg-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-lg-backdrop a {
        color: #3aa0fa
    }
}

@media (min-width: 1400px) {
    .material-xl-surface {
        background-color:#f2f2f2;
        color: #000
    }

    .material-xl-surface a {
        color: #f97141
    }

    .theme-dark .material-xl-surface {
        background-color: #171717;
        color: #fff
    }

    .theme-dark .material-xl-surface a {
        color: #3aa0fa
    }

    .material-xl-card {
        background-color: #fff;
        color: #000;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)
    }

    .material-xl-card a {
        color: #f97141
    }

    .theme-dark .material-xl-card {
        background-color: #2f2f2f;
        color: #fff
    }

    .theme-dark .material-xl-card a {
        color: #3aa0fa
    }

    .material-xl-backdrop {
        background-color: #fff;
        color: #000
    }

    .material-xl-backdrop a {
        color: #f97141
    }

    .theme-dark .material-xl-backdrop {
        background-color: #000;
        color: #fff
    }

    .theme-dark .material-xl-backdrop a {
        color: #3aa0fa
    }
}

.material-color-brand,.material-color-primary,.theme-dark .material-color-brand,.theme-dark .material-color-primary-alt {
    background-color: #f97141;
    color: #fff
}

.material-color-brand a,.material-color-primary a,.theme-dark .material-color-brand a,.theme-dark .material-color-primary-alt a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-brand,.material-sm-color-primary,.theme-dark .material-sm-color-brand,.theme-dark .material-sm-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-sm-color-brand a,.material-sm-color-primary a,.theme-dark .material-sm-color-brand a,.theme-dark .material-sm-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-brand,.material-md-color-primary,.theme-dark .material-md-color-brand,.theme-dark .material-md-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-md-color-brand a,.material-md-color-primary a,.theme-dark .material-md-color-brand a,.theme-dark .material-md-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand,.material-lg-color-primary,.theme-dark .material-lg-color-brand,.theme-dark .material-lg-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-lg-color-brand a,.material-lg-color-primary a,.theme-dark .material-lg-color-brand a,.theme-dark .material-lg-color-primary-alt a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand,.material-xl-color-primary,.theme-dark .material-xl-color-brand,.theme-dark .material-xl-color-primary-alt {
        background-color:#f97141;
        color: #fff
    }

    .material-xl-color-brand a,.material-xl-color-primary a,.theme-dark .material-xl-color-brand a,.theme-dark .material-xl-color-primary-alt a {
        color: #fff
    }
}

.material-color-primary-alt,.theme-dark .material-color-primary {
    background-color: #3aa0fa;
    color: #000
}

.material-color-primary-alt a,.theme-dark .material-color-primary a {
    color: #000
}

@media (min-width: 540px) {
    .material-sm-color-primary-alt,.theme-dark .material-sm-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-sm-color-primary-alt a,.theme-dark .material-sm-color-primary a {
        color: #000
    }
}

@media (min-width: 860px) {
    .material-md-color-primary-alt,.theme-dark .material-md-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-md-color-primary-alt a,.theme-dark .material-md-color-primary a {
        color: #000
    }
}

@media (min-width: 1084px) {
    .material-lg-color-primary-alt,.theme-dark .material-lg-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-lg-color-primary-alt a,.theme-dark .material-lg-color-primary a {
        color: #000
    }
}

@media (min-width: 1400px) {
    .material-xl-color-primary-alt,.theme-dark .material-xl-color-primary {
        background-color:#3aa0fa;
        color: #000
    }

    .material-xl-color-primary-alt a,.theme-dark .material-xl-color-primary a {
        color: #000
    }
}

.material-color-light,.theme-dark .material-color-inverse,.theme-dark .material-color-light,.theme-dark .material-color-secondary {
    background-color: #fff;
    color: #000
}

.material-color-light a,.theme-dark .material-color-inverse a,.theme-dark .material-color-light a,.theme-dark .material-color-secondary a {
    color: #f97141
}

@media (min-width: 540px) {
    .material-sm-color-light,.theme-dark .material-sm-color-inverse,.theme-dark .material-sm-color-light,.theme-dark .material-sm-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-sm-color-light a,.theme-dark .material-sm-color-inverse a,.theme-dark .material-sm-color-light a,.theme-dark .material-sm-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 860px) {
    .material-md-color-light,.theme-dark .material-md-color-inverse,.theme-dark .material-md-color-light,.theme-dark .material-md-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-md-color-light a,.theme-dark .material-md-color-inverse a,.theme-dark .material-md-color-light a,.theme-dark .material-md-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 1084px) {
    .material-lg-color-light,.theme-dark .material-lg-color-inverse,.theme-dark .material-lg-color-light,.theme-dark .material-lg-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-lg-color-light a,.theme-dark .material-lg-color-inverse a,.theme-dark .material-lg-color-light a,.theme-dark .material-lg-color-secondary a {
        color: #f97141
    }
}

@media (min-width: 1400px) {
    .material-xl-color-light,.theme-dark .material-xl-color-inverse,.theme-dark .material-xl-color-light,.theme-dark .material-xl-color-secondary {
        background-color:#fff;
        color: #000
    }

    .material-xl-color-light a,.theme-dark .material-xl-color-inverse a,.theme-dark .material-xl-color-light a,.theme-dark .material-xl-color-secondary a {
        color: #f97141
    }
}

.material-color-dark,.material-color-inverse,.material-color-secondary,.theme-dark .material-color-dark {
    background-color: #000;
    color: #fff
}

.material-color-dark a,.material-color-inverse a,.material-color-secondary a,.theme-dark .material-color-dark a {
    color: #3aa0fa
}

@media (min-width: 540px) {
    .material-sm-color-dark,.material-sm-color-inverse,.material-sm-color-secondary,.theme-dark .material-sm-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-sm-color-dark a,.material-sm-color-inverse a,.material-sm-color-secondary a,.theme-dark .material-sm-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 860px) {
    .material-md-color-dark,.material-md-color-inverse,.material-md-color-secondary,.theme-dark .material-md-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-md-color-dark a,.material-md-color-inverse a,.material-md-color-secondary a,.theme-dark .material-md-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 1084px) {
    .material-lg-color-dark,.material-lg-color-inverse,.material-lg-color-secondary,.theme-dark .material-lg-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-lg-color-dark a,.material-lg-color-inverse a,.material-lg-color-secondary a,.theme-dark .material-lg-color-dark a {
        color: #3aa0fa
    }
}

@media (min-width: 1400px) {
    .material-xl-color-dark,.material-xl-color-inverse,.material-xl-color-secondary,.theme-dark .material-xl-color-dark {
        background-color:#000;
        color: #fff
    }

    .material-xl-color-dark a,.material-xl-color-inverse a,.material-xl-color-secondary a,.theme-dark .material-xl-color-dark a {
        color: #3aa0fa
    }
}

.material-color-neutral-100,.theme-dark .material-color-neutral-400 {
    background-color: #e6e6e6;
    color: #000
}

.material-color-neutral-100 a,.theme-dark .material-color-neutral-400 a {
    color: #f97141
}

@media (min-width: 540px) {
    .material-sm-color-neutral-100,.theme-dark .material-sm-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-sm-color-neutral-100 a,.theme-dark .material-sm-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-100,.theme-dark .material-md-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-md-color-neutral-100 a,.theme-dark .material-md-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-100,.theme-dark .material-lg-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-lg-color-neutral-100 a,.theme-dark .material-lg-color-neutral-400 a {
        color: #f97141
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-100,.theme-dark .material-xl-color-neutral-400 {
        background-color:#e6e6e6;
        color: #000
    }

    .material-xl-color-neutral-100 a,.theme-dark .material-xl-color-neutral-400 a {
        color: #f97141
    }
}

.material-color-neutral-200,.theme-dark .material-color-neutral-300 {
    background-color: #d2d2d2;
    color: #000
}

.material-color-neutral-200 a,.theme-dark .material-color-neutral-300 a {
    color: #000
}

@media (min-width: 540px) {
    .material-sm-color-neutral-200,.theme-dark .material-sm-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-sm-color-neutral-200 a,.theme-dark .material-sm-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-200,.theme-dark .material-md-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-md-color-neutral-200 a,.theme-dark .material-md-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-200,.theme-dark .material-lg-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-lg-color-neutral-200 a,.theme-dark .material-lg-color-neutral-300 a {
        color: #000
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-200,.theme-dark .material-xl-color-neutral-300 {
        background-color:#d2d2d2;
        color: #000
    }

    .material-xl-color-neutral-200 a,.theme-dark .material-xl-color-neutral-300 a {
        color: #000
    }
}

.material-color-neutral-300,.theme-dark .material-color-neutral-200 {
    background-color: #757575;
    color: #fff
}

.material-color-neutral-300 a,.theme-dark .material-color-neutral-200 a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-neutral-300,.theme-dark .material-sm-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-sm-color-neutral-300 a,.theme-dark .material-sm-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-300,.theme-dark .material-md-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-md-color-neutral-300 a,.theme-dark .material-md-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-300,.theme-dark .material-lg-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-lg-color-neutral-300 a,.theme-dark .material-lg-color-neutral-200 a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-300,.theme-dark .material-xl-color-neutral-200 {
        background-color:#757575;
        color: #fff
    }

    .material-xl-color-neutral-300 a,.theme-dark .material-xl-color-neutral-200 a {
        color: #fff
    }
}

.material-color-neutral-400,.theme-dark .material-color-neutral-100 {
    background-color: #505050;
    color: #fff
}

.material-color-neutral-400 a,.theme-dark .material-color-neutral-100 a {
    color: #fff
}

@media (min-width: 540px) {
    .material-sm-color-neutral-400,.theme-dark .material-sm-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-sm-color-neutral-400 a,.theme-dark .material-sm-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 860px) {
    .material-md-color-neutral-400,.theme-dark .material-md-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-md-color-neutral-400 a,.theme-dark .material-md-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-neutral-400,.theme-dark .material-lg-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-lg-color-neutral-400 a,.theme-dark .material-lg-color-neutral-100 a {
        color: #fff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-neutral-400,.theme-dark .material-xl-color-neutral-100 {
        background-color:#505050;
        color: #fff
    }

    .material-xl-color-neutral-400 a,.theme-dark .material-xl-color-neutral-100 a {
        color: #fff
    }
}

.material-color-brand-light {
    background-color: #50e6ff;
    color: #000
}

.material-color-brand-light a {
    color: #243a5e
}

@media (min-width: 540px) {
    .material-sm-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-sm-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 860px) {
    .material-md-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-md-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-lg-color-brand-light a {
        color: #243a5e
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand-light {
        background-color:#50e6ff;
        color: #000
    }

    .material-xl-color-brand-light a {
        color: #243a5e
    }
}

.material-color-brand-dark {
    background-color: #243a5e;
    color: #fff
}

.material-color-brand-dark a {
    color: #50e6ff
}

@media (min-width: 540px) {
    .material-sm-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-sm-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 860px) {
    .material-md-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-md-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 1084px) {
    .material-lg-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-lg-color-brand-dark a {
        color: #50e6ff
    }
}

@media (min-width: 1400px) {
    .material-xl-color-brand-dark {
        background-color:#243a5e;
        color: #fff
    }

    .material-xl-color-brand-dark a {
        color: #50e6ff
    }
}

.bg-center-contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.bg-center-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.border {
    border-width: .0625rem!important;
    border-style: solid;
    border-color: #d2d2d2
}

.theme-dark .border {
    border-color: #757575
}

.border-top {
    border-top-width: .0625rem!important;
    border-top-style: solid;
    border-top-color: #d2d2d2
}

.theme-dark .border-top {
    border-top-color: #757575
}

html:not([dir=rtl]) .border-right {
    border-right-width: .0625rem!important;
    border-right-style: solid;
    border-right-color: #d2d2d2
}

html[dir=rtl] .border-right {
    border-left-width: .0625rem!important;
    border-left-style: solid;
    border-left-color: #d2d2d2
}

html:not([dir=rtl]) .theme-dark .border-right {
    border-right-color: #757575
}

html[dir=rtl] .theme-dark .border-right {
    border-left-color: #757575
}

.border-bottom {
    border-bottom-width: .0625rem!important;
    border-bottom-style: solid;
    border-bottom-color: #d2d2d2
}

.theme-dark .border-bottom {
    border-bottom-color: #757575
}

html:not([dir=rtl]) .border-left {
    border-left-width: .0625rem!important;
    border-left-style: solid;
    border-left-color: #d2d2d2
}

html[dir=rtl] .border-left {
    border-right-width: .0625rem!important;
    border-right-style: solid;
    border-right-color: #d2d2d2
}

html:not([dir=rtl]) .theme-dark .border-left {
    border-left-color: #757575
}

html[dir=rtl] .theme-dark .border-left {
    border-right-color: #757575
}

html:not([dir=rtl]) .border-width-2 {
    border-width: .125rem!important
}

html:not([dir=rtl]) .border-width-3 {
    border-width: .1875rem!important
}

html:not([dir=rtl]) .border-width-4 {
    border-width: .25rem!important
}

html[dir=rtl] .border-width-2 {
    border-width: .125rem!important
}

html[dir=rtl] .border-width-3 {
    border-width: .1875rem!important
}

html[dir=rtl] .border-width-4 {
    border-width: .25rem!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

html:not([dir=rtl]) .border-right-0 {
    border-right: 0!important
}

html[dir=rtl] .border-right-0 {
    border-left: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

html:not([dir=rtl]) .border-left-0 {
    border-left: 0!important
}

html[dir=rtl] .border-left-0 {
    border-right: 0!important
}

.border-gray-100 {
    border-color: #f2f2f2!important
}

.border-gray-200,.border-neutral-100,.theme-dark .border-neutral-400 {
    border-color: #e6e6e6!important
}

.border-gray-300,.border-neutral-200,.theme-dark .border-neutral-300 {
    border-color: #d2d2d2!important
}

.border-gray-400 {
    border-color: #a2a2a2!important
}

.border-gray-475 {
    border-color: #858585!important
}

.border-gray-500,.border-neutral-300,.theme-dark .border-neutral-200 {
    border-color: #757575!important
}

.border-gray-600,.border-neutral-400,.theme-dark .border-neutral-100 {
    border-color: #505050!important
}

.border-gray-700 {
    border-color: #404040!important
}

.border-gray-800 {
    border-color: #2f2f2f!important
}

.border-gray-900 {
    border-color: #171717!important
}

.border-blue,.border-brand,.border-primary,.theme-dark .border-primary-alt {
    border-color: #f97141!important
}

.border-orange {
    border-color: #d83b01!important
}

.border-green {
    border-color: #107c10!important
}

.border-purple {
    border-color: #8661c5!important
}

.border-yellow {
    border-color: #ffb900!important
}

.border-teal {
    border-color: #008575!important
}

.border-brand-dark,.border-dark-blue {
    border-color: #243a5e!important
}

.border-dark-orange {
    border-color: #6b2929!important
}

.border-dark-green {
    border-color: #054b16!important
}

.border-dark-purple {
    border-color: #3b2e58!important
}

.border-dark-yellow {
    border-color: #6a4b16!important
}

.border-dark-teal {
    border-color: #274b47!important
}

.border-brand-light,.border-light-blue {
    border-color: #50e6ff!important
}

.border-light-orange {
    border-color: #ff9349!important
}

.border-light-green {
    border-color: #9bf00b!important
}

.border-light-purple {
    border-color: #d59dff!important
}

.border-light-yellow {
    border-color: #fef000!important
}

.border-light-teal {
    border-color: #30e5d0!important
}

.border-alt-blue,.border-primary-alt,.theme-dark .border-primary {
    border-color: #3aa0fa!important
}

.border-alt-orange {
    border-color: #f7894a!important
}

.border-alt-green {
    border-color: #5dc21e!important
}

.border-light,.border-white,.theme-dark .border-inverse,.theme-dark .border-secondary {
    border-color: #fff!important
}

.border-black,.border-dark,.border-inverse,.border-secondary {
    border-color: #000!important
}

.border-transparent {
    border-color: transparent!important
}

.border-current-color {
    border-color: currentColor!important
}

.rounded-sm {
    border-radius: .1rem!important
}

.rounded {
    border-radius: .125rem!important
}

.rounded-top {
    border-top-left-radius: .125rem!important;
    border-top-right-radius: .125rem!important
}

html:not([dir=rtl]) .rounded-right {
    border-top-right-radius: .125rem!important;
    border-bottom-right-radius: .125rem!important
}

html[dir=rtl] .rounded-right {
    border-top-left-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

html:not([dir=rtl]) .rounded-left {
    border-top-left-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important
}

html[dir=rtl] .rounded-left {
    border-top-right-radius: .125rem!important;
    border-bottom-right-radius: .125rem!important
}

.rounded-lg {
    border-radius: .2rem!important
}

.rounded-xl {
    border-radius: .5rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.bg-gray-100 {
    background-color: #f2f2f2!important;
    color: #000
}

.bg-gray-200,.bg-neutral-100,.theme-dark .bg-neutral-400 {
    background-color: #e6e6e6!important;
    color: #000
}

.bg-gray-300,.bg-neutral-200,.theme-dark .bg-neutral-300 {
    background-color: #d2d2d2!important;
    color: #000
}

.bg-gray-400 {
    background-color: #a2a2a2!important;
    color: #000
}

.bg-gray-475 {
    background-color: #858585!important;
    color: #000
}

.bg-gray-500,.bg-neutral-300,.theme-dark .bg-neutral-200 {
    background-color: #757575!important;
    color: #fff
}

.bg-gray-600,.bg-neutral-400,.theme-dark .bg-neutral-100 {
    background-color: #505050!important;
    color: #fff
}

.bg-gray-700 {
    background-color: #404040!important;
    color: #fff
}

.bg-gray-800 {
    background-color: #2f2f2f!important;
    color: #fff
}

.bg-gray-900 {
    background-color: #171717!important;
    color: #fff
}

.bg-blue,.bg-brand,.bg-primary,.theme-dark .bg-primary-alt {
    background-color: #f97141!important;
    color: #fff
}

.bg-orange {
    background-color: #d83b01!important;
    color: #fff
}

.bg-green {
    background-color: #107c10!important;
    color: #fff
}

.bg-purple {
    background-color: #8661c5!important;
    color: #fff
}

.bg-yellow {
    background-color: #ffb900!important;
    color: #000
}

.bg-teal {
    background-color: #008575!important;
    color: #fff
}

.bg-brand-dark,.bg-dark-blue {
    background-color: #243a5e!important;
    color: #fff
}

.bg-dark-orange {
    background-color: #6b2929!important;
    color: #fff
}

.bg-dark-green {
    background-color: #054b16!important;
    color: #fff
}

.bg-dark-purple {
    background-color: #3b2e58!important;
    color: #fff
}

.bg-dark-yellow {
    background-color: #6a4b16!important;
    color: #fff
}

.bg-dark-teal {
    background-color: #274b47!important;
    color: #fff
}

.bg-brand-light,.bg-light-blue {
    background-color: #50e6ff!important;
    color: #000
}

.bg-light-orange {
    background-color: #ff9349!important;
    color: #000
}

.bg-light-green {
    background-color: #9bf00b!important;
    color: #000
}

.bg-light-purple {
    background-color: #d59dff!important;
    color: #000
}

.bg-light-yellow {
    background-color: #fef000!important;
    color: #000
}

.bg-light-teal {
    background-color: #30e5d0!important;
    color: #000
}

.bg-alt-blue,.bg-primary-alt,.theme-dark .bg-primary {
    background-color: #3aa0fa!important;
    color: #000
}

.bg-alt-orange {
    background-color: #f7894a!important;
    color: #000
}

.bg-alt-green {
    background-color: #5dc21e!important;
    color: #000
}

.bg-light,.bg-white,.theme-dark .bg-inverse,.theme-dark .bg-secondary {
    background-color: #fff!important;
    color: #000
}

.bg-black,.bg-dark,.bg-inverse,.bg-secondary {
    background-color: #000!important;
    color: #fff
}

.bg-body {
    background-color: #fff!important;
    color: #000
}

.theme-dark .bg-body {
    background-color: #000!important;
    color: #fff
}

.bg-transparent,.bg-transparent-text-dark,.bg-transparent-text-light {
    background-color: transparent!important
}

.bg-transparent-text-dark {
    color: #000!important
}

.bg-transparent-text-light {
    color: #fff!important
}

.bg-transparent-text-dark a:not(.btn),.bg-transparent-text-light a:not(.btn) {
    color: inherit
}

@media screen and (-ms-high-contrast:active) {
    .bg-transparent,.bg-transparent-text-dark,.bg-transparent-text-light {
        background-color: window!important;
        color: windowText!important
    }
}

@media (min-width: 540px) {
    .bg-sm-transparent,.bg-sm-transparent-text-dark,.bg-sm-transparent-text-light {
        background-color:transparent!important
    }

    .bg-sm-transparent-text-dark {
        color: #000!important
    }

    .bg-sm-transparent-text-light {
        color: #fff!important
    }

    .bg-sm-transparent-text-dark a:not(.btn),.bg-sm-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 540px) and (-ms-high-contrast:active) {
    .bg-sm-transparent,.bg-sm-transparent-text-dark,.bg-sm-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 860px) {
    .bg-md-transparent,.bg-md-transparent-text-dark,.bg-md-transparent-text-light {
        background-color:transparent!important
    }

    .bg-md-transparent-text-dark {
        color: #000!important
    }

    .bg-md-transparent-text-light {
        color: #fff!important
    }

    .bg-md-transparent-text-dark a:not(.btn),.bg-md-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 860px) and (-ms-high-contrast:active) {
    .bg-md-transparent,.bg-md-transparent-text-dark,.bg-md-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 1084px) {
    .bg-lg-transparent,.bg-lg-transparent-text-dark,.bg-lg-transparent-text-light {
        background-color:transparent!important
    }

    .bg-lg-transparent-text-dark {
        color: #000!important
    }

    .bg-lg-transparent-text-light {
        color: #fff!important
    }

    .bg-lg-transparent-text-dark a:not(.btn),.bg-lg-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 1084px) and (-ms-high-contrast:active) {
    .bg-lg-transparent,.bg-lg-transparent-text-dark,.bg-lg-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

@media (min-width: 1400px) {
    .bg-xl-transparent,.bg-xl-transparent-text-dark,.bg-xl-transparent-text-light {
        background-color:transparent!important
    }

    .bg-xl-transparent-text-dark {
        color: #000!important
    }

    .bg-xl-transparent-text-light {
        color: #fff!important
    }

    .bg-xl-transparent-text-dark a:not(.btn),.bg-xl-transparent-text-light a:not(.btn) {
        color: inherit
    }
}

@media screen and (min-width: 1400px) and (-ms-high-contrast:active) {
    .bg-xl-transparent,.bg-xl-transparent-text-dark,.bg-xl-transparent-text-light {
        background-color:window!important;
        color: windowText!important
    }
}

.depth-none {
    box-shadow: none!important
}

.depth-4 {
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
}

.depth-8 {
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
}

.depth-16 {
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
}

.depth-8-dark {
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
}

@media (min-width: 540px) {
    .depth-sm-none {
        box-shadow:none!important
    }

    .depth-sm-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-sm-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 860px) {
    .depth-md-none {
        box-shadow:none!important
    }

    .depth-md-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-md-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 1084px) {
    .depth-lg-none {
        box-shadow:none!important
    }

    .depth-lg-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-lg-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

@media (min-width: 1400px) {
    .depth-xl-none {
        box-shadow:none!important
    }

    .depth-xl-4 {
        box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-8 {
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-16 {
        box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important
    }

    .depth-xl-8-dark {
        box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important
    }
}

.depth-none-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: none!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-none-hover::before {
        transition: none
    }
}

.depth-none-hover:focus::before,.depth-none-hover:hover::before {
    opacity: 1
}

.depth-4-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-4-hover::before {
        transition: none
    }
}

.depth-4-hover:focus::before,.depth-4-hover:hover::before {
    opacity: 1
}

.depth-8-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-8-hover::before {
        transition: none
    }
}

.depth-8-hover:focus::before,.depth-8-hover:hover::before {
    opacity: 1
}

.depth-16-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-16-hover::before {
        transition: none
    }
}

.depth-16-hover:focus::before,.depth-16-hover:hover::before {
    opacity: 1
}

.depth-8-dark-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.45),0 .1875rem .4375rem rgba(0,0,0,.3)!important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-8-dark-hover::before {
        transition: none
    }
}

.depth-8-dark-hover:focus::before,.depth-8-dark-hover:hover::before {
    opacity: 1
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 540px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 860px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1084px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1400px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

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

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

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

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

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

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

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

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

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

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

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

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 540px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

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

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 860px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

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

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1084px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

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

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1400px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

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

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

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

html:not([dir=rtl]) .float-left {
    float: left!important
}

html[dir=rtl] .float-left {
    float: right!important
}

html:not([dir=rtl]) .float-right {
    float: right!important
}

html[dir=rtl] .float-right {
    float: left!important
}

.float-none {
    float: none!important
}

@media (min-width: 540px) {
    html:not([dir=rtl]) .float-sm-left {
        float:left!important
    }

    html[dir=rtl] .float-sm-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-sm-right {
        float: right!important
    }

    html[dir=rtl] .float-sm-right {
        float: left!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .float-md-left {
        float:left!important
    }

    html[dir=rtl] .float-md-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-md-right {
        float: right!important
    }

    html[dir=rtl] .float-md-right {
        float: left!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 1084px) {
    html:not([dir=rtl]) .float-lg-left {
        float:left!important
    }

    html[dir=rtl] .float-lg-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-lg-right {
        float: right!important
    }

    html[dir=rtl] .float-lg-right {
        float: left!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1400px) {
    html:not([dir=rtl]) .float-xl-left {
        float:left!important
    }

    html[dir=rtl] .float-xl-left {
        float: right!important
    }

    html:not([dir=rtl]) .float-xl-right {
        float: right!important
    }

    html[dir=rtl] .float-xl-right {
        float: left!important
    }

    .float-xl-none {
        float: none!important
    }
}

.glyph-prepend::before {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    line-height: 1
}

.glyph-append::after {
    font-family: MWF-FLUENT-ICONS;
    font-weight: 400;
    line-height: 1
}

.glyph-append-xsmall::after {
    font-size: .8125rem
}

.glyph-prepend-xsmall::before {
    font-size: .8125rem
}

.glyph-append-small::after {
    font-size: 1rem
}

.glyph-prepend-small::before {
    font-size: 1rem
}

.glyph-append-medium::after {
    font-size: 1.25rem
}

.glyph-prepend-medium::before {
    font-size: 1.25rem
}

.glyph-append-large::after {
    font-size: 1.5rem
}

.glyph-prepend-large::before {
    font-size: 1.5rem
}

.glyph-prepend-accept::before {
    content: ""
}

.glyph-append-accept::after {
    content: ""
}

.glyph-prepend-add::before {
    content: ""
}

.glyph-append-add::after {
    content: ""
}

.glyph-prepend-add-friend::before {
    content: ""
}

.glyph-append-add-friend::after {
    content: ""
}

.glyph-prepend-airplane-solid::before {
    content: ""
}

.glyph-append-airplane-solid::after {
    content: ""
}

.glyph-prepend-app-icon-default::before {
    content: ""
}

.glyph-append-app-icon-default::after {
    content: ""
}

.glyph-prepend-azure-logo::before {
    content: ""
}

.glyph-append-azure-logo::after {
    content: ""
}

.glyph-prepend-back::before {
    content: ""
}

.glyph-append-back::after {
    content: ""
}

.glyph-prepend-back-to-window::before {
    content: ""
}

.glyph-append-back-to-window::after {
    content: ""
}

.glyph-prepend-balloons::before {
    content: ""
}

.glyph-append-balloons::after {
    content: ""
}

.glyph-prepend-bulleted-list::before {
    content: ""
}

.glyph-append-bulleted-list::after {
    content: ""
}

.glyph-prepend-bulleted-list-mirrored::before {
    content: ""
}

.glyph-append-bulleted-list-mirrored::after {
    content: ""
}

.glyph-prepend-button-a::before {
    content: ""
}

.glyph-append-button-a::after {
    content: ""
}

.glyph-prepend-button-b::before {
    content: ""
}

.glyph-append-button-b::after {
    content: ""
}

.glyph-prepend-button-menu::before {
    content: ""
}

.glyph-append-button-menu::after {
    content: ""
}

.glyph-prepend-button-x::before {
    content: ""
}

.glyph-append-button-x::after {
    content: ""
}

.glyph-prepend-button-y::before {
    content: ""
}

.glyph-append-button-y::after {
    content: ""
}

.glyph-prepend-calendar::before {
    content: ""
}

.glyph-append-calendar::after {
    content: ""
}

.glyph-prepend-calendar-day::before {
    content: ""
}

.glyph-append-calendar-day::after {
    content: ""
}

.glyph-prepend-calendar-mirrored::before {
    content: ""
}

.glyph-append-calendar-mirrored::after {
    content: ""
}

.glyph-prepend-calendar-week::before {
    content: ""
}

.glyph-append-calendar-week::after {
    content: ""
}

.glyph-prepend-camera::before {
    content: ""
}

.glyph-append-camera::after {
    content: ""
}

.glyph-prepend-camera-main::before {
    content: ""
}

.glyph-append-camera-main::after {
    content: ""
}

.glyph-prepend-cancel::before {
    content: ""
}

.glyph-append-cancel::after {
    content: ""
}

.glyph-prepend-cell-phone::before {
    content: ""
}

.glyph-append-cell-phone::after {
    content: ""
}

.glyph-prepend-chat-bubbles::before {
    content: ""
}

.glyph-append-chat-bubbles::after {
    content: ""
}

.glyph-prepend-checkbox::before {
    content: ""
}

.glyph-append-checkbox::after {
    content: ""
}

.glyph-prepend-checkbox-composite::before {
    content: ""
}

.glyph-append-checkbox-composite::after {
    content: ""
}

.glyph-prepend-checkbox-indeterminate::before {
    content: ""
}

.glyph-append-checkbox-indeterminate::after {
    content: ""
}

.glyph-prepend-check-list::before {
    content: ""
}

.glyph-append-check-list::after {
    content: ""
}

.glyph-prepend-check-mark::before {
    content: ""
}

.glyph-append-check-mark::after {
    content: ""
}

.glyph-prepend-chevron-down::before {
    content: ""
}

.glyph-append-chevron-down::after {
    content: ""
}

.glyph-prepend-chevron-down-6::before {
    content: ""
}

.glyph-append-chevron-down-6::after {
    content: ""
}

.glyph-prepend-chevron-left::before {
    content: ""
}

.glyph-append-chevron-left::after {
    content: ""
}

.glyph-prepend-chevron-left-6::before {
    content: ""
}

.glyph-append-chevron-left-6::after {
    content: ""
}

.glyph-prepend-chevron-right::before {
    content: ""
}

.glyph-append-chevron-right::after {
    content: ""
}

.glyph-prepend-chevron-right-6::before {
    content: ""
}

.glyph-append-chevron-right-6::after {
    content: ""
}

.glyph-prepend-chevron-up::before {
    content: ""
}

.glyph-append-chevron-up::after {
    content: ""
}

.glyph-prepend-chevron-up-6::before {
    content: ""
}

.glyph-append-chevron-up-6::after {
    content: ""
}

.glyph-prepend-circle-fill::before {
    content: ""
}

.glyph-append-circle-fill::after {
    content: ""
}

.glyph-prepend-circle-pause::before {
    content: ""
}

.glyph-append-circle-pause::after {
    content: ""
}

.glyph-prepend-circle-pause-solid::before {
    content: ""
}

.glyph-append-circle-pause-solid::after {
    content: ""
}

.glyph-prepend-circle-play::before {
    content: ""
}

.glyph-append-circle-play::after {
    content: ""
}

.glyph-prepend-circle-play-solid::before {
    content: ""
}

.glyph-append-circle-play-solid::after {
    content: ""
}

.glyph-prepend-circle-plus::before {
    content: ""
}

.glyph-append-circle-plus::after {
    content: ""
}

.glyph-prepend-clear::before {
    content: ""
}

.glyph-append-clear::after {
    content: ""
}

.glyph-prepend-color::before {
    content: ""
}

.glyph-append-color::after {
    content: ""
}

.glyph-prepend-completed::before {
    content: ""
}

.glyph-append-completed::after {
    content: ""
}

.glyph-prepend-contact::before {
    content: ""
}

.glyph-append-contact::after {
    content: ""
}

.glyph-prepend-contact-info::before {
    content: ""
}

.glyph-append-contact-info::after {
    content: ""
}

.glyph-prepend-copy::before {
    content: ""
}

.glyph-append-copy::after {
    content: ""
}

.glyph-prepend-credit-card-bill::before {
    content: ""
}

.glyph-append-credit-card-bill::after {
    content: ""
}

.glyph-prepend-delete::before {
    content: ""
}

.glyph-append-delete::after {
    content: ""
}

.glyph-prepend-delivery-truck::before {
    content: ""
}

.glyph-append-delivery-truck::after {
    content: ""
}

.glyph-prepend-detachable-pc::before {
    content: ""
}

.glyph-append-detachable-pc::after {
    content: ""
}

.glyph-prepend-devices-laptop-tablet::before {
    content: ""
}

.glyph-append-devices-laptop-tablet::after {
    content: ""
}

.glyph-prepend-devices-monitor-phone::before {
    content: ""
}

.glyph-append-devices-monitor-phone::after {
    content: ""
}

.glyph-prepend-diploma::before {
    content: ""
}

.glyph-append-diploma::after {
    content: ""
}

.glyph-prepend-down::before {
    content: ""
}

.glyph-append-down::after {
    content: ""
}

.glyph-prepend-download::before {
    content: ""
}

.glyph-append-download::after {
    content: ""
}

.glyph-prepend-dynamics-365-logo::before {
    content: ""
}

.glyph-append-dynamics-365-logo::after {
    content: ""
}

.glyph-prepend-edge-logo-32::before {
    content: ""
}

.glyph-append-edge-logo-32::after {
    content: ""
}

.glyph-prepend-edge-logo::before {
    content: ""
}

.glyph-append-edge-logo::after {
    content: ""
}

.glyph-prepend-edge-old-logo-32::before {
    content: ""
}

.glyph-append-edge-old-logo-32::after {
    content: ""
}

.glyph-prepend-edge-old-logo::before {
    content: ""
}

.glyph-append-edge-old-logo::after {
    content: ""
}

.glyph-prepend-edit::before {
    content: ""
}

.glyph-append-edit::after {
    content: ""
}

.glyph-prepend-edit-mirrored::before {
    content: ""
}

.glyph-append-edit-mirrored::after {
    content: ""
}

.glyph-prepend-education::before {
    content: ""
}

.glyph-append-education::after {
    content: ""
}

.glyph-prepend-emoji-smile::before {
    content: ""
}

.glyph-append-emoji-smile::after {
    content: ""
}

.glyph-prepend-emoji-disappointed::before {
    content: ""
}

.glyph-append-emoji-disappointed::after {
    content: ""
}

.glyph-prepend-emoji-neutral::before {
    content: ""
}

.glyph-append-emoji-neutral::after {
    content: ""
}

.glyph-prepend-enchance-pop::before {
    content: ""
}

.glyph-append-enchance-pop::after {
    content: ""
}

.glyph-prepend-excel-logo-32::before {
    content: ""
}

.glyph-append-excel-logo-32::after {
    content: ""
}

.glyph-prepend-excel-logo::before {
    content: ""
}

.glyph-append-excel-logo::after {
    content: ""
}

.glyph-prepend-expense-report::before {
    content: ""
}

.glyph-append-expense-report::after {
    content: ""
}

.glyph-prepend-favorite-star::before {
    content: ""
}

.glyph-append-favorite-star::after {
    content: ""
}

.glyph-prepend-favorite-star-fill::before {
    content: ""
}

.glyph-append-favorite-star-fill::after {
    content: ""
}

.glyph-prepend-feedback::before {
    content: ""
}

.glyph-append-feedback::after {
    content: ""
}

.glyph-prepend-filter::before {
    content: ""
}

.glyph-append-filter::after {
    content: ""
}

.glyph-prepend-filters::before {
    content: ""
}

.glyph-append-filters::after {
    content: ""
}

.glyph-prepend-flag::before {
    content: ""
}

.glyph-append-flag::after {
    content: ""
}

.glyph-prepend-folder::before {
    content: ""
}

.glyph-append-folder::after {
    content: ""
}

.glyph-prepend-folder-open::before {
    content: ""
}

.glyph-append-folder-open::after {
    content: ""
}

.glyph-prepend-font-decrease::before {
    content: ""
}

.glyph-append-font-decrease::after {
    content: ""
}

.glyph-prepend-font-increase::before {
    content: ""
}

.glyph-append-font-increase::after {
    content: ""
}

.glyph-prepend-forward::before {
    content: ""
}

.glyph-append-forward::after {
    content: ""
}

.glyph-prepend-full-screen::before {
    content: ""
}

.glyph-append-full-screen::after {
    content: ""
}

.glyph-prepend-game-clubs::before {
    content: ""
}

.glyph-append-game-clubs::after {
    content: ""
}

.glyph-prepend-game-hub::before {
    content: ""
}

.glyph-append-game-hub::after {
    content: ""
}

.glyph-prepend-game-pass-ultimate-inline::before {
    content: ""
}

.glyph-append-game-pass-ultimate-inline::after {
    content: ""
}

.glyph-prepend-gift-box::before {
    content: ""
}

.glyph-append-gift-box::after {
    content: ""
}

.glyph-prepend-gift-card::before {
    content: ""
}

.glyph-append-gift-card::after {
    content: ""
}

.glyph-prepend-glasses::before {
    content: ""
}

.glyph-append-glasses::after {
    content: ""
}

.glyph-prepend-global-nav-button::before {
    content: ""
}

.glyph-append-global-nav-button::after {
    content: ""
}

.glyph-prepend-globe::before {
    content: ""
}

.glyph-append-globe::after {
    content: ""
}

.glyph-prepend-go::before {
    content: ""
}

.glyph-append-go::after {
    content: ""
}

.glyph-prepend-go-mirrored::before {
    content: ""
}

.glyph-append-go-mirrored::after {
    content: ""
}

.glyph-prepend-group::before {
    content: ""
}

.glyph-append-group::after {
    content: ""
}

.glyph-prepend-half-star-left::before {
    content: ""
}

.glyph-append-half-star-left::after {
    content: ""
}

.glyph-prepend-half-star-right::before {
    content: ""
}

.glyph-append-half-star-right::after {
    content: ""
}

.glyph-prepend-headphone::before {
    content: ""
}

.glyph-append-headphone::after {
    content: ""
}

.glyph-prepend-health::before {
    content: ""
}

.glyph-append-health::after {
    content: ""
}

.glyph-prepend-heart::before {
    content: ""
}

.glyph-append-heart::after {
    content: ""
}

.glyph-prepend-heart-add::before {
    content: ""
}

.glyph-append-heart-add::after {
    content: ""
}

.glyph-prepend-heart-fill::before {
    content: ""
}

.glyph-append-heart-fill::after {
    content: ""
}

.glyph-prepend-hololens::before {
    content: ""
}

.glyph-append-hololens::after {
    content: ""
}

.glyph-prepend-hololens-head::before {
    content: ""
}

.glyph-append-hololens-head::after {
    content: ""
}

.glyph-prepend-home::before {
    content: ""
}

.glyph-append-home::after {
    content: ""
}

.glyph-prepend-important::before {
    content: ""
}

.glyph-append-important::after {
    content: ""
}

.glyph-prepend-incident-triangle::before {
    content: ""
}

.glyph-append-incident-triangle::after {
    content: ""
}

.glyph-prepend-incoming-call::before {
    content: ""
}

.glyph-append-incoming-call::after {
    content: ""
}

.glyph-prepend-indicator-dot-filled::before {
    content: ""
}

.glyph-append-indicator-dot-filled::after {
    content: ""
}

.glyph-prepend-indicator-dot-outline::before {
    content: ""
}

.glyph-append-indicator-dot-outline::after {
    content: ""
}

.glyph-prepend-info::before {
    content: ""
}

.glyph-append-info::after {
    content: ""
}

.glyph-prepend-issue-tracking::before {
    content: ""
}

.glyph-append-issue-tracking::after {
    content: ""
}

.glyph-prepend-leaf::before {
    content: ""
}

.glyph-append-leaf::after {
    content: ""
}

.glyph-prepend-left-double-quote::before {
    content: ""
}

.glyph-append-left-double-quote::after {
    content: ""
}

.glyph-prepend-library::before {
    content: ""
}

.glyph-append-library::after {
    content: ""
}

.glyph-prepend-link::before {
    content: ""
}

.glyph-append-link::after {
    content: ""
}

.glyph-prepend-list::before {
    content: ""
}

.glyph-append-list::after {
    content: ""
}

.glyph-prepend-list-mirrored::before {
    content: ""
}

.glyph-append-list-mirrored::after {
    content: ""
}

.glyph-prepend-lock::before {
    content: ""
}

.glyph-append-lock::after {
    content: ""
}

.glyph-prepend-mail::before {
    content: ""
}

.glyph-append-mail::after {
    content: ""
}

.glyph-prepend-map-pin::before {
    content: ""
}

.glyph-append-map-pin::after {
    content: ""
}

.glyph-prepend-megaphone::before {
    content: ""
}

.glyph-append-megaphone::after {
    content: ""
}

.glyph-prepend-microphone::before {
    content: ""
}

.glyph-append-microphone::after {
    content: ""
}

.glyph-prepend-mobile-tablet::before {
    content: ""
}

.glyph-append-mobile-tablet::after {
    content: ""
}

.glyph-prepend-money::before {
    content: ""
}

.glyph-append-money::after {
    content: ""
}

.glyph-prepend-more::before {
    content: ""
}

.glyph-append-more::after {
    content: ""
}

.glyph-prepend-movies::before {
    content: ""
}

.glyph-append-movies::after {
    content: ""
}

.glyph-prepend-music-album::before {
    content: ""
}

.glyph-append-music-album::after {
    content: ""
}

.glyph-prepend-music-in-collection::before {
    content: ""
}

.glyph-append-music-in-collection::after {
    content: ""
}

.glyph-prepend-mute::before {
    content: ""
}

.glyph-append-mute::after {
    content: ""
}

.glyph-prepend-my-movies-tv::before {
    content: ""
}

.glyph-append-my-movies-tv::after {
    content: ""
}

.glyph-prepend-next::before {
    content: ""
}

.glyph-append-next::after {
    content: ""
}

.glyph-prepend-office-logo::before {
    content: ""
}

.glyph-append-office-logo::after {
    content: ""
}

.glyph-prepend-onedrive-logo::before {
    content: ""
}

.glyph-append-onedrive-logo::after {
    content: ""
}

.glyph-prepend-open-in-new-tab::before {
    content: ""
}

.glyph-append-open-in-new-tab::after {
    content: ""
}

.glyph-prepend-outgoing-call::before {
    content: ""
}

.glyph-append-outgoing-call::after {
    content: ""
}

.glyph-prepend-outline-half-star-left::before {
    content: ""
}

.glyph-append-outline-half-star-left::after {
    content: ""
}

.glyph-prepend-page::before {
    content: ""
}

.glyph-append-page::after {
    content: ""
}

.glyph-prepend-pause::before {
    content: ""
}

.glyph-append-pause::after {
    content: ""
}

.glyph-prepend-pause-solid::before {
    content: ""
}

.glyph-append-pause-solid::after {
    content: ""
}

.glyph-prepend-payment-card::before {
    content: ""
}

.glyph-append-payment-card::after {
    content: ""
}

.glyph-prepend-pc::before {
    content: ""
}

.glyph-append-pc::after {
    content: ""
}

.glyph-prepend-people::before {
    content: ""
}

.glyph-append-people::after {
    content: ""
}

.glyph-prepend-phone::before {
    content: ""
}

.glyph-append-phone::after {
    content: ""
}

.glyph-prepend-photo::before {
    content: ""
}

.glyph-append-photo::after {
    content: ""
}

.glyph-prepend-photo-collection::before {
    content: ""
}

.glyph-append-photo-collection::after {
    content: ""
}

.glyph-prepend-pinned::before {
    content: ""
}

.glyph-append-pinned::after {
    content: ""
}

.glyph-prepend-play::before {
    content: ""
}

.glyph-append-play::after {
    content: ""
}

.glyph-prepend-play-button::before {
    content: ""
}

.glyph-append-play-button::after {
    content: ""
}

.glyph-prepend-play-button-72::before {
    content: ""
}

.glyph-append-play-button-72::after {
    content: ""
}

.glyph-prepend-play-solid::before {
    content: ""
}

.glyph-append-play-solid::after {
    content: ""
}

.glyph-prepend-podium::before {
    content: ""
}

.glyph-append-podium::after {
    content: ""
}

.glyph-prepend-previous::before {
    content: ""
}

.glyph-append-previous::after {
    content: ""
}

.glyph-prepend-print::before {
    content: ""
}

.glyph-append-print::after {
    content: ""
}

.glyph-prepend-product::before {
    content: ""
}

.glyph-append-product::after {
    content: ""
}

.glyph-prepend-pro-football::before {
    content: ""
}

.glyph-append-pro-football::after {
    content: ""
}

.glyph-prepend-qr-code::before {
    content: ""
}

.glyph-append-qr-code::after {
    content: ""
}

.glyph-prepend-reading-mode::before {
    content: ""
}

.glyph-append-reading-mode::after {
    content: ""
}

.glyph-prepend-reading-mode-solid::before {
    content: ""
}

.glyph-append-reading-mode-solid::after {
    content: ""
}

.glyph-prepend-recent::before {
    content: ""
}

.glyph-append-recent::after {
    content: ""
}

.glyph-prepend-refresh::before {
    content: ""
}

.glyph-append-refresh::after {
    content: ""
}

.glyph-prepend-remove::before {
    content: ""
}

.glyph-append-remove::after {
    content: ""
}

.glyph-prepend-remove-from::before {
    content: ""
}

.glyph-append-remove-from::after {
    content: ""
}

.glyph-prepend-repair::before {
    content: ""
}

.glyph-append-repair::after {
    content: ""
}

.glyph-prepend-right-double-quote::before {
    content: ""
}

.glyph-append-right-double-quote::after {
    content: ""
}

.glyph-prepend-rotate::before {
    content: ""
}

.glyph-append-rotate::after {
    content: ""
}

.glyph-prepend-save::before {
    content: ""
}

.glyph-append-save::after {
    content: ""
}

.glyph-prepend-savings::before {
    content: ""
}

.glyph-append-savings::after {
    content: ""
}

.glyph-prepend-search::before {
    content: ""
}

.glyph-append-search::after {
    content: ""
}

.glyph-prepend-settings::before {
    content: ""
}

.glyph-append-settings::after {
    content: ""
}

.glyph-prepend-share::before {
    content: ""
}

.glyph-append-share::after {
    content: ""
}

.glyph-prepend-shop::before {
    content: ""
}

.glyph-append-shop::after {
    content: ""
}

.glyph-prepend-shop-brand::before {
    content: ""
}

.glyph-append-shop-brand::after {
    content: ""
}

.glyph-prepend-shopping-cart::before {
    content: ""
}

.glyph-append-shopping-cart::after {
    content: ""
}

.glyph-prepend-show-results::before {
    content: ""
}

.glyph-append-show-results::after {
    content: ""
}

.glyph-prepend-show-results-mirrored::before {
    content: ""
}

.glyph-append-show-results-mirrored::after {
    content: ""
}

.glyph-prepend-shuffle::before {
    content: ""
}

.glyph-append-shuffle::after {
    content: ""
}

.glyph-prepend-slideshow::before {
    content: ""
}

.glyph-append-slideshow::after {
    content: ""
}

.glyph-prepend-sort::before {
    content: ""
}

.glyph-append-sort::after {
    content: ""
}

.glyph-prepend-starbust-info::before {
    content: ""
}

.glyph-append-starbust-info::after {
    content: ""
}

.glyph-prepend-subscriptions::before {
    content: ""
}

.glyph-append-subscriptions::after {
    content: ""
}

.glyph-prepend-subscriptions-mirrored::before {
    content: ""
}

.glyph-append-subscriptions-mirrored::after {
    content: ""
}

.glyph-prepend-subtitles::before {
    content: ""
}

.glyph-append-subtitles::after {
    content: ""
}

.glyph-prepend-surface-hub::before {
    content: ""
}

.glyph-append-surface-hub::after {
    content: ""
}

.glyph-prepend-sustainable::before {
    content: ""
}

.glyph-append-sustainable::after {
    content: ""
}

.glyph-prepend-sync::before {
    content: ""
}

.glyph-append-sync::after {
    content: ""
}

.glyph-prepend-system::before {
    content: ""
}

.glyph-append-system::after {
    content: ""
}

.glyph-prepend-tag::before {
    content: ""
}

.glyph-append-tag::after {
    content: ""
}

.glyph-prepend-telemarketer::before {
    content: ""
}

.glyph-append-telemarketer::after {
    content: ""
}

.glyph-prepend-this-pc::before {
    content: ""
}

.glyph-append-this-pc::after {
    content: ""
}

.glyph-prepend-ticket::before {
    content: ""
}

.glyph-append-ticket::after {
    content: ""
}

.glyph-prepend-torch::before {
    content: ""
}

.glyph-append-torch::after {
    content: ""
}

.glyph-prepend-trophy::before {
    content: ""
}

.glyph-append-trophy::after {
    content: ""
}

.glyph-prepend-tv-monitor::before {
    content: ""
}

.glyph-append-tv-monitor::after {
    content: ""
}

.glyph-prepend-unknown::before {
    content: ""
}

.glyph-append-unknown::after {
    content: ""
}

.glyph-prepend-up::before {
    content: ""
}

.glyph-append-up::after {
    content: ""
}

.glyph-prepend-upload::before {
    content: ""
}

.glyph-append-upload::after {
    content: ""
}

.glyph-prepend-video::before {
    content: ""
}

.glyph-append-video::after {
    content: ""
}

.glyph-prepend-view::before {
    content: ""
}

.glyph-append-view::after {
    content: ""
}

.glyph-prepend-volume::before {
    content: ""
}

.glyph-append-volume::after {
    content: ""
}

.glyph-prepend-waffle::before {
    content: ""
}

.glyph-append-waffle::after {
    content: ""
}

.glyph-prepend-warning::before {
    content: ""
}

.glyph-append-warning::after {
    content: ""
}

.glyph-prepend-wifi-full::before {
    content: ""
}

.glyph-append-wifi-full::after {
    content: ""
}

.glyph-prepend-windows-logo-inline::before {
    content: ""
}

.glyph-append-windows-logo-inline::after {
    content: ""
}

.glyph-prepend-windows-logo::before {
    content: ""
}

.glyph-append-windows-logo::after {
    content: ""
}

.glyph-prepend-work::before {
    content: ""
}

.glyph-append-work::after {
    content: ""
}

.glyph-prepend-work-solid::before {
    content: ""
}

.glyph-append-work-solid::after {
    content: ""
}

.glyph-prepend-world::before {
    content: ""
}

.glyph-append-world::after {
    content: ""
}

.glyph-prepend-xbox360::before {
    content: ""
}

.glyph-append-xbox360::after {
    content: ""
}

.glyph-prepend-xbox-controller::before {
    content: ""
}

.glyph-append-xbox-controller::after {
    content: ""
}

.glyph-prepend-xbox-game-pass-inline::before {
    content: ""
}

.glyph-append-xbox-game-pass-inline::after {
    content: ""
}

.glyph-prepend-xbox-gold-inline::before {
    content: ""
}

.glyph-append-xbox-gold-inline::after {
    content: ""
}

.glyph-prepend-xbox-logo::before {
    content: ""
}

.glyph-append-xbox-logo::after {
    content: ""
}

.glyph-prepend-xbox-one-console::before {
    content: ""
}

.glyph-append-xbox-one-console::after {
    content: ""
}

.glyph-prepend-zoom::before {
    content: ""
}

.glyph-append-zoom::after {
    content: ""
}

.glyph-prepend-zoom-out::before {
    content: ""
}

.glyph-append-zoom-out::after {
    content: ""
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.absolute-center,.position-absolute {
    position: absolute!important
}

.fixed-bottom,.fixed-top,.position-fixed {
    position: fixed!important;
    z-index: 1030
}

.position-sticky {
    position: sticky!important;
    z-index: 1020
}

.fixed-top {
    top: 0;
    right: 0;
    left: 0
}

.fixed-bottom {
    bottom: 0;
    right: 0;
    left: 0
}

.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.top-0 {
    top: 0!important
}

.bottom-0 {
    bottom: 0!important
}

html:not([dir=rtl]) .left-0 {
    left: 0!important
}

html[dir=rtl] .left-0 {
    right: 0!important
}

html:not([dir=rtl]) .right-0 {
    right: 0!important
}

html[dir=rtl] .right-0 {
    left: 0!important
}

.top-1 {
    top: .25rem!important
}

.bottom-1 {
    bottom: .25rem!important
}

html:not([dir=rtl]) .left-1 {
    left: .25rem!important
}

html[dir=rtl] .left-1 {
    right: .25rem!important
}

html:not([dir=rtl]) .right-1 {
    right: .25rem!important
}

html[dir=rtl] .right-1 {
    left: .25rem!important
}

.top-2 {
    top: .5rem!important
}

.bottom-2 {
    bottom: .5rem!important
}

html:not([dir=rtl]) .left-2 {
    left: .5rem!important
}

html[dir=rtl] .left-2 {
    right: .5rem!important
}

html:not([dir=rtl]) .right-2 {
    right: .5rem!important
}

html[dir=rtl] .right-2 {
    left: .5rem!important
}

.top-3 {
    top: 1rem!important
}

.bottom-3 {
    bottom: 1rem!important
}

html:not([dir=rtl]) .left-3 {
    left: 1rem!important
}

html[dir=rtl] .left-3 {
    right: 1rem!important
}

html:not([dir=rtl]) .right-3 {
    right: 1rem!important
}

html[dir=rtl] .right-3 {
    left: 1rem!important
}

.top-4 {
    top: 1.5rem!important
}

.bottom-4 {
    bottom: 1.5rem!important
}

html:not([dir=rtl]) .left-4 {
    left: 1.5rem!important
}

html[dir=rtl] .left-4 {
    right: 1.5rem!important
}

html:not([dir=rtl]) .right-4 {
    right: 1.5rem!important
}

html[dir=rtl] .right-4 {
    left: 1.5rem!important
}

.top-5 {
    top: 3rem!important
}

.bottom-5 {
    bottom: 3rem!important
}

html:not([dir=rtl]) .left-5 {
    left: 3rem!important
}

html[dir=rtl] .left-5 {
    right: 3rem!important
}

html:not([dir=rtl]) .right-5 {
    right: 3rem!important
}

html[dir=rtl] .right-5 {
    left: 3rem!important
}

.top-g {
    top: .75rem!important
}

.bottom-g {
    bottom: .75rem!important
}

html:not([dir=rtl]) .left-g {
    left: .75rem!important
}

html[dir=rtl] .left-g {
    right: .75rem!important
}

html:not([dir=rtl]) .right-g {
    right: .75rem!important
}

html[dir=rtl] .right-g {
    left: .75rem!important
}

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

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

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.w-col-1 {
    width: 8.33333%!important
}

.w-col-2 {
    width: 16.66667%!important
}

.w-25,.w-col-3 {
    width: 25%!important
}

.w-col-4 {
    width: 33.33333%!important
}

.w-col-5 {
    width: 41.66667%!important
}

.w-50,.w-col-6 {
    width: 50%!important
}

.w-col-7 {
    width: 58.33333%!important
}

.w-col-8 {
    width: 66.66667%!important
}

.w-75,.w-col-9 {
    width: 75%!important
}

.w-col-10 {
    width: 83.33333%!important
}

.w-col-11 {
    width: 91.66667%!important
}

.w-100,.w-col-12 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

@media (min-width: 540px) {
    .w-sm-col-1 {
        width:8.33333%!important
    }

    .w-sm-col-2 {
        width: 16.66667%!important
    }

    .w-sm-25,.w-sm-col-3 {
        width: 25%!important
    }

    .w-sm-col-4 {
        width: 33.33333%!important
    }

    .w-sm-col-5 {
        width: 41.66667%!important
    }

    .w-sm-50,.w-sm-col-6 {
        width: 50%!important
    }

    .w-sm-col-7 {
        width: 58.33333%!important
    }

    .w-sm-col-8 {
        width: 66.66667%!important
    }

    .w-sm-75,.w-sm-col-9 {
        width: 75%!important
    }

    .w-sm-col-10 {
        width: 83.33333%!important
    }

    .w-sm-col-11 {
        width: 91.66667%!important
    }

    .w-sm-100,.w-sm-col-12 {
        width: 100%!important
    }

    .w-sm-auto {
        width: auto!important
    }
}

@media (min-width: 860px) {
    .w-md-col-1 {
        width:8.33333%!important
    }

    .w-md-col-2 {
        width: 16.66667%!important
    }

    .w-md-25,.w-md-col-3 {
        width: 25%!important
    }

    .w-md-col-4 {
        width: 33.33333%!important
    }

    .w-md-col-5 {
        width: 41.66667%!important
    }

    .w-md-50,.w-md-col-6 {
        width: 50%!important
    }

    .w-md-col-7 {
        width: 58.33333%!important
    }

    .w-md-col-8 {
        width: 66.66667%!important
    }

    .w-md-75,.w-md-col-9 {
        width: 75%!important
    }

    .w-md-col-10 {
        width: 83.33333%!important
    }

    .w-md-col-11 {
        width: 91.66667%!important
    }

    .w-md-100,.w-md-col-12 {
        width: 100%!important
    }

    .w-md-auto {
        width: auto!important
    }
}

@media (min-width: 1084px) {
    .w-lg-col-1 {
        width:8.33333%!important
    }

    .w-lg-col-2 {
        width: 16.66667%!important
    }

    .w-lg-25,.w-lg-col-3 {
        width: 25%!important
    }

    .w-lg-col-4 {
        width: 33.33333%!important
    }

    .w-lg-col-5 {
        width: 41.66667%!important
    }

    .w-lg-50,.w-lg-col-6 {
        width: 50%!important
    }

    .w-lg-col-7 {
        width: 58.33333%!important
    }

    .w-lg-col-8 {
        width: 66.66667%!important
    }

    .w-lg-75,.w-lg-col-9 {
        width: 75%!important
    }

    .w-lg-col-10 {
        width: 83.33333%!important
    }

    .w-lg-col-11 {
        width: 91.66667%!important
    }

    .w-lg-100,.w-lg-col-12 {
        width: 100%!important
    }

    .w-lg-auto {
        width: auto!important
    }
}

@media (min-width: 1400px) {
    .w-xl-col-1 {
        width:8.33333%!important
    }

    .w-xl-col-2 {
        width: 16.66667%!important
    }

    .w-xl-25,.w-xl-col-3 {
        width: 25%!important
    }

    .w-xl-col-4 {
        width: 33.33333%!important
    }

    .w-xl-col-5 {
        width: 41.66667%!important
    }

    .w-xl-50,.w-xl-col-6 {
        width: 50%!important
    }

    .w-xl-col-7 {
        width: 58.33333%!important
    }

    .w-xl-col-8 {
        width: 66.66667%!important
    }

    .w-xl-75,.w-xl-col-9 {
        width: 75%!important
    }

    .w-xl-col-10 {
        width: 83.33333%!important
    }

    .w-xl-col-11 {
        width: 91.66667%!important
    }

    .w-xl-100,.w-xl-col-12 {
        width: 100%!important
    }

    .w-xl-auto {
        width: auto!important
    }
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.mw-fit-content {
    max-width: -webkit-fit-content!important;
    max-width: -moz-fit-content!important;
    max-width: fit-content!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

html:not([dir=rtl]) .mr-0,html:not([dir=rtl]) .mx-0 {
    margin-right: 0!important
}

html[dir=rtl] .mr-0,html[dir=rtl] .mx-0 {
    margin-left: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

html:not([dir=rtl]) .ml-0,html:not([dir=rtl]) .mx-0 {
    margin-left: 0!important
}

html[dir=rtl] .ml-0,html[dir=rtl] .mx-0 {
    margin-right: 0!important
}

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

.mt-1,.my-1 {
    margin-top: .25rem!important
}

html:not([dir=rtl]) .mr-1,html:not([dir=rtl]) .mx-1 {
    margin-right: .25rem!important
}

html[dir=rtl] .mr-1,html[dir=rtl] .mx-1 {
    margin-left: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

html:not([dir=rtl]) .ml-1,html:not([dir=rtl]) .mx-1 {
    margin-left: .25rem!important
}

html[dir=rtl] .ml-1,html[dir=rtl] .mx-1 {
    margin-right: .25rem!important
}

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

.mt-2,.my-2 {
    margin-top: .5rem!important
}

html:not([dir=rtl]) .mr-2,html:not([dir=rtl]) .mx-2 {
    margin-right: .5rem!important
}

html[dir=rtl] .mr-2,html[dir=rtl] .mx-2 {
    margin-left: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

html:not([dir=rtl]) .ml-2,html:not([dir=rtl]) .mx-2 {
    margin-left: .5rem!important
}

html[dir=rtl] .ml-2,html[dir=rtl] .mx-2 {
    margin-right: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

html:not([dir=rtl]) .mr-3,html:not([dir=rtl]) .mx-3 {
    margin-right: 1rem!important
}

html[dir=rtl] .mr-3,html[dir=rtl] .mx-3 {
    margin-left: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

html:not([dir=rtl]) .ml-3,html:not([dir=rtl]) .mx-3 {
    margin-left: 1rem!important
}

html[dir=rtl] .ml-3,html[dir=rtl] .mx-3 {
    margin-right: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

html:not([dir=rtl]) .mr-4,html:not([dir=rtl]) .mx-4 {
    margin-right: 1.5rem!important
}

html[dir=rtl] .mr-4,html[dir=rtl] .mx-4 {
    margin-left: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

html:not([dir=rtl]) .ml-4,html:not([dir=rtl]) .mx-4 {
    margin-left: 1.5rem!important
}

html[dir=rtl] .ml-4,html[dir=rtl] .mx-4 {
    margin-right: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

html:not([dir=rtl]) .mr-5,html:not([dir=rtl]) .mx-5 {
    margin-right: 3rem!important
}

html[dir=rtl] .mr-5,html[dir=rtl] .mx-5 {
    margin-left: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

html:not([dir=rtl]) .ml-5,html:not([dir=rtl]) .mx-5 {
    margin-left: 3rem!important
}

html[dir=rtl] .ml-5,html[dir=rtl] .mx-5 {
    margin-right: 3rem!important
}

.m-g {
    margin: .75rem!important
}

.mt-g,.my-g {
    margin-top: .75rem!important
}

html:not([dir=rtl]) .mr-g,html:not([dir=rtl]) .mx-g {
    margin-right: .75rem!important
}

html[dir=rtl] .mr-g,html[dir=rtl] .mx-g {
    margin-left: .75rem!important
}

.mb-g,.my-g {
    margin-bottom: .75rem!important
}

html:not([dir=rtl]) .ml-g,html:not([dir=rtl]) .mx-g {
    margin-left: .75rem!important
}

html[dir=rtl] .ml-g,html[dir=rtl] .mx-g {
    margin-right: .75rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

html:not([dir=rtl]) .pr-0,html:not([dir=rtl]) .px-0 {
    padding-right: 0!important
}

html[dir=rtl] .pr-0,html[dir=rtl] .px-0 {
    padding-left: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

html:not([dir=rtl]) .pl-0,html:not([dir=rtl]) .px-0 {
    padding-left: 0!important
}

html[dir=rtl] .pl-0,html[dir=rtl] .px-0 {
    padding-right: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

html:not([dir=rtl]) .pr-1,html:not([dir=rtl]) .px-1 {
    padding-right: .25rem!important
}

html[dir=rtl] .pr-1,html[dir=rtl] .px-1 {
    padding-left: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

html:not([dir=rtl]) .pl-1,html:not([dir=rtl]) .px-1 {
    padding-left: .25rem!important
}

html[dir=rtl] .pl-1,html[dir=rtl] .px-1 {
    padding-right: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

html:not([dir=rtl]) .pr-2,html:not([dir=rtl]) .px-2 {
    padding-right: .5rem!important
}

html[dir=rtl] .pr-2,html[dir=rtl] .px-2 {
    padding-left: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

html:not([dir=rtl]) .pl-2,html:not([dir=rtl]) .px-2 {
    padding-left: .5rem!important
}

html[dir=rtl] .pl-2,html[dir=rtl] .px-2 {
    padding-right: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

html:not([dir=rtl]) .pr-3,html:not([dir=rtl]) .px-3 {
    padding-right: 1rem!important
}

html[dir=rtl] .pr-3,html[dir=rtl] .px-3 {
    padding-left: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

html:not([dir=rtl]) .pl-3,html:not([dir=rtl]) .px-3 {
    padding-left: 1rem!important
}

html[dir=rtl] .pl-3,html[dir=rtl] .px-3 {
    padding-right: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

html:not([dir=rtl]) .pr-4,html:not([dir=rtl]) .px-4 {
    padding-right: 1.5rem!important
}

html[dir=rtl] .pr-4,html[dir=rtl] .px-4 {
    padding-left: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

html:not([dir=rtl]) .pl-4,html:not([dir=rtl]) .px-4 {
    padding-left: 1.5rem!important
}

html[dir=rtl] .pl-4,html[dir=rtl] .px-4 {
    padding-right: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

html:not([dir=rtl]) .pr-5,html:not([dir=rtl]) .px-5 {
    padding-right: 3rem!important
}

html[dir=rtl] .pr-5,html[dir=rtl] .px-5 {
    padding-left: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

html:not([dir=rtl]) .pl-5,html:not([dir=rtl]) .px-5 {
    padding-left: 3rem!important
}

html[dir=rtl] .pl-5,html[dir=rtl] .px-5 {
    padding-right: 3rem!important
}

.p-g {
    padding: .75rem!important
}

.pt-g,.py-g {
    padding-top: .75rem!important
}

html:not([dir=rtl]) .pr-g,html:not([dir=rtl]) .px-g {
    padding-right: .75rem!important
}

html[dir=rtl] .pr-g,html[dir=rtl] .px-g {
    padding-left: .75rem!important
}

.pb-g,.py-g {
    padding-bottom: .75rem!important
}

html:not([dir=rtl]) .pl-g,html:not([dir=rtl]) .px-g {
    padding-left: .75rem!important
}

html[dir=rtl] .pl-g,html[dir=rtl] .px-g {
    padding-right: .75rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

html:not([dir=rtl]) .mr-n1,html:not([dir=rtl]) .mx-n1 {
    margin-right: -.25rem!important
}

html[dir=rtl] .mr-n1,html[dir=rtl] .mx-n1 {
    margin-left: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

html:not([dir=rtl]) .ml-n1,html:not([dir=rtl]) .mx-n1 {
    margin-left: -.25rem!important
}

html[dir=rtl] .ml-n1,html[dir=rtl] .mx-n1 {
    margin-right: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

html:not([dir=rtl]) .mr-n2,html:not([dir=rtl]) .mx-n2 {
    margin-right: -.5rem!important
}

html[dir=rtl] .mr-n2,html[dir=rtl] .mx-n2 {
    margin-left: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

html:not([dir=rtl]) .ml-n2,html:not([dir=rtl]) .mx-n2 {
    margin-left: -.5rem!important
}

html[dir=rtl] .ml-n2,html[dir=rtl] .mx-n2 {
    margin-right: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

html:not([dir=rtl]) .mr-n3,html:not([dir=rtl]) .mx-n3 {
    margin-right: -1rem!important
}

html[dir=rtl] .mr-n3,html[dir=rtl] .mx-n3 {
    margin-left: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

html:not([dir=rtl]) .ml-n3,html:not([dir=rtl]) .mx-n3 {
    margin-left: -1rem!important
}

html[dir=rtl] .ml-n3,html[dir=rtl] .mx-n3 {
    margin-right: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

html:not([dir=rtl]) .mr-n4,html:not([dir=rtl]) .mx-n4 {
    margin-right: -1.5rem!important
}

html[dir=rtl] .mr-n4,html[dir=rtl] .mx-n4 {
    margin-left: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

html:not([dir=rtl]) .ml-n4,html:not([dir=rtl]) .mx-n4 {
    margin-left: -1.5rem!important
}

html[dir=rtl] .ml-n4,html[dir=rtl] .mx-n4 {
    margin-right: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

html:not([dir=rtl]) .mr-n5,html:not([dir=rtl]) .mx-n5 {
    margin-right: -3rem!important
}

html[dir=rtl] .mr-n5,html[dir=rtl] .mx-n5 {
    margin-left: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

html:not([dir=rtl]) .ml-n5,html:not([dir=rtl]) .mx-n5 {
    margin-left: -3rem!important
}

html[dir=rtl] .ml-n5,html[dir=rtl] .mx-n5 {
    margin-right: -3rem!important
}

.m-ng {
    margin: -.75rem!important
}

.mt-ng,.my-ng {
    margin-top: -.75rem!important
}

html:not([dir=rtl]) .mr-ng,html:not([dir=rtl]) .mx-ng {
    margin-right: -.75rem!important
}

html[dir=rtl] .mr-ng,html[dir=rtl] .mx-ng {
    margin-left: -.75rem!important
}

.mb-ng,.my-ng {
    margin-bottom: -.75rem!important
}

html:not([dir=rtl]) .ml-ng,html:not([dir=rtl]) .mx-ng {
    margin-left: -.75rem!important
}

html[dir=rtl] .ml-ng,html[dir=rtl] .mx-ng {
    margin-right: -.75rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

html:not([dir=rtl]) .mr-auto,html:not([dir=rtl]) .mx-auto {
    margin-right: auto!important
}

html[dir=rtl] .mr-auto,html[dir=rtl] .mx-auto {
    margin-left: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

html:not([dir=rtl]) .ml-auto,html:not([dir=rtl]) .mx-auto {
    margin-left: auto!important
}

html[dir=rtl] .ml-auto,html[dir=rtl] .mx-auto {
    margin-right: auto!important
}

.mb-0-last-child>:last-child {
    margin-bottom: 0!important
}

@media (min-width: 540px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-sm-0,html:not([dir=rtl]) .mx-sm-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-sm-0,html[dir=rtl] .mx-sm-0 {
        margin-left: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-sm-0,html:not([dir=rtl]) .mx-sm-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-sm-0,html[dir=rtl] .mx-sm-0 {
        margin-right: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-sm-1,html:not([dir=rtl]) .mx-sm-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-sm-1,html[dir=rtl] .mx-sm-1 {
        margin-left: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-sm-1,html:not([dir=rtl]) .mx-sm-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-sm-1,html[dir=rtl] .mx-sm-1 {
        margin-right: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-sm-2,html:not([dir=rtl]) .mx-sm-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-sm-2,html[dir=rtl] .mx-sm-2 {
        margin-left: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-sm-2,html:not([dir=rtl]) .mx-sm-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-sm-2,html[dir=rtl] .mx-sm-2 {
        margin-right: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-sm-3,html:not([dir=rtl]) .mx-sm-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-sm-3,html[dir=rtl] .mx-sm-3 {
        margin-left: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-sm-3,html:not([dir=rtl]) .mx-sm-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-sm-3,html[dir=rtl] .mx-sm-3 {
        margin-right: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-4,html:not([dir=rtl]) .mx-sm-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-sm-4,html[dir=rtl] .mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-4,html:not([dir=rtl]) .mx-sm-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-sm-4,html[dir=rtl] .mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-sm-5,html:not([dir=rtl]) .mx-sm-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-sm-5,html[dir=rtl] .mx-sm-5 {
        margin-left: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-sm-5,html:not([dir=rtl]) .mx-sm-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-sm-5,html[dir=rtl] .mx-sm-5 {
        margin-right: 3rem!important
    }

    .m-sm-g {
        margin: .75rem!important
    }

    .mt-sm-g,.my-sm-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-sm-g,html:not([dir=rtl]) .mx-sm-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-sm-g,html[dir=rtl] .mx-sm-g {
        margin-left: .75rem!important
    }

    .mb-sm-g,.my-sm-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-sm-g,html:not([dir=rtl]) .mx-sm-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-sm-g,html[dir=rtl] .mx-sm-g {
        margin-right: .75rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-sm-0,html:not([dir=rtl]) .px-sm-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-sm-0,html[dir=rtl] .px-sm-0 {
        padding-left: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-sm-0,html:not([dir=rtl]) .px-sm-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-sm-0,html[dir=rtl] .px-sm-0 {
        padding-right: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-sm-1,html:not([dir=rtl]) .px-sm-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-sm-1,html[dir=rtl] .px-sm-1 {
        padding-left: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-sm-1,html:not([dir=rtl]) .px-sm-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-sm-1,html[dir=rtl] .px-sm-1 {
        padding-right: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-sm-2,html:not([dir=rtl]) .px-sm-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-sm-2,html[dir=rtl] .px-sm-2 {
        padding-left: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-sm-2,html:not([dir=rtl]) .px-sm-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-sm-2,html[dir=rtl] .px-sm-2 {
        padding-right: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-sm-3,html:not([dir=rtl]) .px-sm-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-sm-3,html[dir=rtl] .px-sm-3 {
        padding-left: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-sm-3,html:not([dir=rtl]) .px-sm-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-sm-3,html[dir=rtl] .px-sm-3 {
        padding-right: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-sm-4,html:not([dir=rtl]) .px-sm-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-sm-4,html[dir=rtl] .px-sm-4 {
        padding-left: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-sm-4,html:not([dir=rtl]) .px-sm-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-sm-4,html[dir=rtl] .px-sm-4 {
        padding-right: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-sm-5,html:not([dir=rtl]) .px-sm-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-sm-5,html[dir=rtl] .px-sm-5 {
        padding-left: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-sm-5,html:not([dir=rtl]) .px-sm-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-sm-5,html[dir=rtl] .px-sm-5 {
        padding-right: 3rem!important
    }

    .p-sm-g {
        padding: .75rem!important
    }

    .pt-sm-g,.py-sm-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-sm-g,html:not([dir=rtl]) .px-sm-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-sm-g,html[dir=rtl] .px-sm-g {
        padding-left: .75rem!important
    }

    .pb-sm-g,.py-sm-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-sm-g,html:not([dir=rtl]) .px-sm-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-sm-g,html[dir=rtl] .px-sm-g {
        padding-right: .75rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-sm-n1,html:not([dir=rtl]) .mx-sm-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-sm-n1,html[dir=rtl] .mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-sm-n1,html:not([dir=rtl]) .mx-sm-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-sm-n1,html[dir=rtl] .mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-n2,html:not([dir=rtl]) .mx-sm-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-sm-n2,html[dir=rtl] .mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-n2,html:not([dir=rtl]) .mx-sm-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-sm-n2,html[dir=rtl] .mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-sm-n3,html:not([dir=rtl]) .mx-sm-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-sm-n3,html[dir=rtl] .mx-sm-n3 {
        margin-left: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-sm-n3,html:not([dir=rtl]) .mx-sm-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-sm-n3,html[dir=rtl] .mx-sm-n3 {
        margin-right: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-sm-n4,html:not([dir=rtl]) .mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-sm-n4,html[dir=rtl] .mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-sm-n4,html:not([dir=rtl]) .mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-sm-n4,html[dir=rtl] .mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-sm-n5,html:not([dir=rtl]) .mx-sm-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-sm-n5,html[dir=rtl] .mx-sm-n5 {
        margin-left: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-sm-n5,html:not([dir=rtl]) .mx-sm-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-sm-n5,html[dir=rtl] .mx-sm-n5 {
        margin-right: -3rem!important
    }

    .m-sm-ng {
        margin: -.75rem!important
    }

    .mt-sm-ng,.my-sm-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-sm-ng,html:not([dir=rtl]) .mx-sm-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-sm-ng,html[dir=rtl] .mx-sm-ng {
        margin-left: -.75rem!important
    }

    .mb-sm-ng,.my-sm-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-sm-ng,html:not([dir=rtl]) .mx-sm-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-sm-ng,html[dir=rtl] .mx-sm-ng {
        margin-right: -.75rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-sm-auto,html:not([dir=rtl]) .mx-sm-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-sm-auto,html[dir=rtl] .mx-sm-auto {
        margin-left: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-sm-auto,html:not([dir=rtl]) .mx-sm-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-sm-auto,html[dir=rtl] .mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 860px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-md-0,html:not([dir=rtl]) .mx-md-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-md-0,html[dir=rtl] .mx-md-0 {
        margin-left: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-md-0,html:not([dir=rtl]) .mx-md-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-md-0,html[dir=rtl] .mx-md-0 {
        margin-right: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-md-1,html:not([dir=rtl]) .mx-md-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-md-1,html[dir=rtl] .mx-md-1 {
        margin-left: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-md-1,html:not([dir=rtl]) .mx-md-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-md-1,html[dir=rtl] .mx-md-1 {
        margin-right: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-md-2,html:not([dir=rtl]) .mx-md-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-md-2,html[dir=rtl] .mx-md-2 {
        margin-left: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-md-2,html:not([dir=rtl]) .mx-md-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-md-2,html[dir=rtl] .mx-md-2 {
        margin-right: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-md-3,html:not([dir=rtl]) .mx-md-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-md-3,html[dir=rtl] .mx-md-3 {
        margin-left: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-md-3,html:not([dir=rtl]) .mx-md-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-md-3,html[dir=rtl] .mx-md-3 {
        margin-right: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-md-4,html:not([dir=rtl]) .mx-md-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-md-4,html[dir=rtl] .mx-md-4 {
        margin-left: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-md-4,html:not([dir=rtl]) .mx-md-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-md-4,html[dir=rtl] .mx-md-4 {
        margin-right: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-md-5,html:not([dir=rtl]) .mx-md-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-md-5,html[dir=rtl] .mx-md-5 {
        margin-left: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-md-5,html:not([dir=rtl]) .mx-md-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-md-5,html[dir=rtl] .mx-md-5 {
        margin-right: 3rem!important
    }

    .m-md-g {
        margin: .75rem!important
    }

    .mt-md-g,.my-md-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-md-g,html:not([dir=rtl]) .mx-md-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-md-g,html[dir=rtl] .mx-md-g {
        margin-left: .75rem!important
    }

    .mb-md-g,.my-md-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-md-g,html:not([dir=rtl]) .mx-md-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-md-g,html[dir=rtl] .mx-md-g {
        margin-right: .75rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-md-0,html:not([dir=rtl]) .px-md-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-md-0,html[dir=rtl] .px-md-0 {
        padding-left: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-md-0,html:not([dir=rtl]) .px-md-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-md-0,html[dir=rtl] .px-md-0 {
        padding-right: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-md-1,html:not([dir=rtl]) .px-md-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-md-1,html[dir=rtl] .px-md-1 {
        padding-left: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-md-1,html:not([dir=rtl]) .px-md-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-md-1,html[dir=rtl] .px-md-1 {
        padding-right: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-md-2,html:not([dir=rtl]) .px-md-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-md-2,html[dir=rtl] .px-md-2 {
        padding-left: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-md-2,html:not([dir=rtl]) .px-md-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-md-2,html[dir=rtl] .px-md-2 {
        padding-right: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-md-3,html:not([dir=rtl]) .px-md-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-md-3,html[dir=rtl] .px-md-3 {
        padding-left: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-md-3,html:not([dir=rtl]) .px-md-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-md-3,html[dir=rtl] .px-md-3 {
        padding-right: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-md-4,html:not([dir=rtl]) .px-md-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-md-4,html[dir=rtl] .px-md-4 {
        padding-left: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-md-4,html:not([dir=rtl]) .px-md-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-md-4,html[dir=rtl] .px-md-4 {
        padding-right: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-md-5,html:not([dir=rtl]) .px-md-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-md-5,html[dir=rtl] .px-md-5 {
        padding-left: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-md-5,html:not([dir=rtl]) .px-md-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-md-5,html[dir=rtl] .px-md-5 {
        padding-right: 3rem!important
    }

    .p-md-g {
        padding: .75rem!important
    }

    .pt-md-g,.py-md-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-md-g,html:not([dir=rtl]) .px-md-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-md-g,html[dir=rtl] .px-md-g {
        padding-left: .75rem!important
    }

    .pb-md-g,.py-md-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-md-g,html:not([dir=rtl]) .px-md-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-md-g,html[dir=rtl] .px-md-g {
        padding-right: .75rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-md-n1,html:not([dir=rtl]) .mx-md-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-md-n1,html[dir=rtl] .mx-md-n1 {
        margin-left: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-md-n1,html:not([dir=rtl]) .mx-md-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-md-n1,html[dir=rtl] .mx-md-n1 {
        margin-right: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-md-n2,html:not([dir=rtl]) .mx-md-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-md-n2,html[dir=rtl] .mx-md-n2 {
        margin-left: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-md-n2,html:not([dir=rtl]) .mx-md-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-md-n2,html[dir=rtl] .mx-md-n2 {
        margin-right: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-md-n3,html:not([dir=rtl]) .mx-md-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-md-n3,html[dir=rtl] .mx-md-n3 {
        margin-left: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-md-n3,html:not([dir=rtl]) .mx-md-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-md-n3,html[dir=rtl] .mx-md-n3 {
        margin-right: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-md-n4,html:not([dir=rtl]) .mx-md-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-md-n4,html[dir=rtl] .mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-md-n4,html:not([dir=rtl]) .mx-md-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-md-n4,html[dir=rtl] .mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-md-n5,html:not([dir=rtl]) .mx-md-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-md-n5,html[dir=rtl] .mx-md-n5 {
        margin-left: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-md-n5,html:not([dir=rtl]) .mx-md-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-md-n5,html[dir=rtl] .mx-md-n5 {
        margin-right: -3rem!important
    }

    .m-md-ng {
        margin: -.75rem!important
    }

    .mt-md-ng,.my-md-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-md-ng,html:not([dir=rtl]) .mx-md-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-md-ng,html[dir=rtl] .mx-md-ng {
        margin-left: -.75rem!important
    }

    .mb-md-ng,.my-md-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-md-ng,html:not([dir=rtl]) .mx-md-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-md-ng,html[dir=rtl] .mx-md-ng {
        margin-right: -.75rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-md-auto,html:not([dir=rtl]) .mx-md-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-md-auto,html[dir=rtl] .mx-md-auto {
        margin-left: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-md-auto,html:not([dir=rtl]) .mx-md-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-md-auto,html[dir=rtl] .mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 1084px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-lg-0,html:not([dir=rtl]) .mx-lg-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-lg-0,html[dir=rtl] .mx-lg-0 {
        margin-left: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-lg-0,html:not([dir=rtl]) .mx-lg-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-lg-0,html[dir=rtl] .mx-lg-0 {
        margin-right: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-lg-1,html:not([dir=rtl]) .mx-lg-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-lg-1,html[dir=rtl] .mx-lg-1 {
        margin-left: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-lg-1,html:not([dir=rtl]) .mx-lg-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-lg-1,html[dir=rtl] .mx-lg-1 {
        margin-right: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-lg-2,html:not([dir=rtl]) .mx-lg-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-lg-2,html[dir=rtl] .mx-lg-2 {
        margin-left: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-lg-2,html:not([dir=rtl]) .mx-lg-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-lg-2,html[dir=rtl] .mx-lg-2 {
        margin-right: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-lg-3,html:not([dir=rtl]) .mx-lg-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-lg-3,html[dir=rtl] .mx-lg-3 {
        margin-left: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-lg-3,html:not([dir=rtl]) .mx-lg-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-lg-3,html[dir=rtl] .mx-lg-3 {
        margin-right: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-4,html:not([dir=rtl]) .mx-lg-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-lg-4,html[dir=rtl] .mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-4,html:not([dir=rtl]) .mx-lg-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-lg-4,html[dir=rtl] .mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-lg-5,html:not([dir=rtl]) .mx-lg-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-lg-5,html[dir=rtl] .mx-lg-5 {
        margin-left: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-lg-5,html:not([dir=rtl]) .mx-lg-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-lg-5,html[dir=rtl] .mx-lg-5 {
        margin-right: 3rem!important
    }

    .m-lg-g {
        margin: .75rem!important
    }

    .mt-lg-g,.my-lg-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-lg-g,html:not([dir=rtl]) .mx-lg-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-lg-g,html[dir=rtl] .mx-lg-g {
        margin-left: .75rem!important
    }

    .mb-lg-g,.my-lg-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-lg-g,html:not([dir=rtl]) .mx-lg-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-lg-g,html[dir=rtl] .mx-lg-g {
        margin-right: .75rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-lg-0,html:not([dir=rtl]) .px-lg-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-lg-0,html[dir=rtl] .px-lg-0 {
        padding-left: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-lg-0,html:not([dir=rtl]) .px-lg-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-lg-0,html[dir=rtl] .px-lg-0 {
        padding-right: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-lg-1,html:not([dir=rtl]) .px-lg-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-lg-1,html[dir=rtl] .px-lg-1 {
        padding-left: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-lg-1,html:not([dir=rtl]) .px-lg-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-lg-1,html[dir=rtl] .px-lg-1 {
        padding-right: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-lg-2,html:not([dir=rtl]) .px-lg-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-lg-2,html[dir=rtl] .px-lg-2 {
        padding-left: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-lg-2,html:not([dir=rtl]) .px-lg-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-lg-2,html[dir=rtl] .px-lg-2 {
        padding-right: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-lg-3,html:not([dir=rtl]) .px-lg-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-lg-3,html[dir=rtl] .px-lg-3 {
        padding-left: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-lg-3,html:not([dir=rtl]) .px-lg-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-lg-3,html[dir=rtl] .px-lg-3 {
        padding-right: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-lg-4,html:not([dir=rtl]) .px-lg-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-lg-4,html[dir=rtl] .px-lg-4 {
        padding-left: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-lg-4,html:not([dir=rtl]) .px-lg-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-lg-4,html[dir=rtl] .px-lg-4 {
        padding-right: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-lg-5,html:not([dir=rtl]) .px-lg-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-lg-5,html[dir=rtl] .px-lg-5 {
        padding-left: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-lg-5,html:not([dir=rtl]) .px-lg-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-lg-5,html[dir=rtl] .px-lg-5 {
        padding-right: 3rem!important
    }

    .p-lg-g {
        padding: .75rem!important
    }

    .pt-lg-g,.py-lg-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-lg-g,html:not([dir=rtl]) .px-lg-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-lg-g,html[dir=rtl] .px-lg-g {
        padding-left: .75rem!important
    }

    .pb-lg-g,.py-lg-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-lg-g,html:not([dir=rtl]) .px-lg-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-lg-g,html[dir=rtl] .px-lg-g {
        padding-right: .75rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-lg-n1,html:not([dir=rtl]) .mx-lg-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-lg-n1,html[dir=rtl] .mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-lg-n1,html:not([dir=rtl]) .mx-lg-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-lg-n1,html[dir=rtl] .mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-n2,html:not([dir=rtl]) .mx-lg-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-lg-n2,html[dir=rtl] .mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-n2,html:not([dir=rtl]) .mx-lg-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-lg-n2,html[dir=rtl] .mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-lg-n3,html:not([dir=rtl]) .mx-lg-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-lg-n3,html[dir=rtl] .mx-lg-n3 {
        margin-left: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-lg-n3,html:not([dir=rtl]) .mx-lg-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-lg-n3,html[dir=rtl] .mx-lg-n3 {
        margin-right: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-lg-n4,html:not([dir=rtl]) .mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-lg-n4,html[dir=rtl] .mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-lg-n4,html:not([dir=rtl]) .mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-lg-n4,html[dir=rtl] .mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-lg-n5,html:not([dir=rtl]) .mx-lg-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-lg-n5,html[dir=rtl] .mx-lg-n5 {
        margin-left: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-lg-n5,html:not([dir=rtl]) .mx-lg-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-lg-n5,html[dir=rtl] .mx-lg-n5 {
        margin-right: -3rem!important
    }

    .m-lg-ng {
        margin: -.75rem!important
    }

    .mt-lg-ng,.my-lg-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-lg-ng,html:not([dir=rtl]) .mx-lg-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-lg-ng,html[dir=rtl] .mx-lg-ng {
        margin-left: -.75rem!important
    }

    .mb-lg-ng,.my-lg-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-lg-ng,html:not([dir=rtl]) .mx-lg-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-lg-ng,html[dir=rtl] .mx-lg-ng {
        margin-right: -.75rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-lg-auto,html:not([dir=rtl]) .mx-lg-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-lg-auto,html[dir=rtl] .mx-lg-auto {
        margin-left: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-lg-auto,html:not([dir=rtl]) .mx-lg-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-lg-auto,html[dir=rtl] .mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

@media (min-width: 1400px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    html:not([dir=rtl]) .mr-xl-0,html:not([dir=rtl]) .mx-xl-0 {
        margin-right: 0!important
    }

    html[dir=rtl] .mr-xl-0,html[dir=rtl] .mx-xl-0 {
        margin-left: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    html:not([dir=rtl]) .ml-xl-0,html:not([dir=rtl]) .mx-xl-0 {
        margin-left: 0!important
    }

    html[dir=rtl] .ml-xl-0,html[dir=rtl] .mx-xl-0 {
        margin-right: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    html:not([dir=rtl]) .mr-xl-1,html:not([dir=rtl]) .mx-xl-1 {
        margin-right: .25rem!important
    }

    html[dir=rtl] .mr-xl-1,html[dir=rtl] .mx-xl-1 {
        margin-left: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    html:not([dir=rtl]) .ml-xl-1,html:not([dir=rtl]) .mx-xl-1 {
        margin-left: .25rem!important
    }

    html[dir=rtl] .ml-xl-1,html[dir=rtl] .mx-xl-1 {
        margin-right: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    html:not([dir=rtl]) .mr-xl-2,html:not([dir=rtl]) .mx-xl-2 {
        margin-right: .5rem!important
    }

    html[dir=rtl] .mr-xl-2,html[dir=rtl] .mx-xl-2 {
        margin-left: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    html:not([dir=rtl]) .ml-xl-2,html:not([dir=rtl]) .mx-xl-2 {
        margin-left: .5rem!important
    }

    html[dir=rtl] .ml-xl-2,html[dir=rtl] .mx-xl-2 {
        margin-right: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    html:not([dir=rtl]) .mr-xl-3,html:not([dir=rtl]) .mx-xl-3 {
        margin-right: 1rem!important
    }

    html[dir=rtl] .mr-xl-3,html[dir=rtl] .mx-xl-3 {
        margin-left: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    html:not([dir=rtl]) .ml-xl-3,html:not([dir=rtl]) .mx-xl-3 {
        margin-left: 1rem!important
    }

    html[dir=rtl] .ml-xl-3,html[dir=rtl] .mx-xl-3 {
        margin-right: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-4,html:not([dir=rtl]) .mx-xl-4 {
        margin-right: 1.5rem!important
    }

    html[dir=rtl] .mr-xl-4,html[dir=rtl] .mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-4,html:not([dir=rtl]) .mx-xl-4 {
        margin-left: 1.5rem!important
    }

    html[dir=rtl] .ml-xl-4,html[dir=rtl] .mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    html:not([dir=rtl]) .mr-xl-5,html:not([dir=rtl]) .mx-xl-5 {
        margin-right: 3rem!important
    }

    html[dir=rtl] .mr-xl-5,html[dir=rtl] .mx-xl-5 {
        margin-left: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    html:not([dir=rtl]) .ml-xl-5,html:not([dir=rtl]) .mx-xl-5 {
        margin-left: 3rem!important
    }

    html[dir=rtl] .ml-xl-5,html[dir=rtl] .mx-xl-5 {
        margin-right: 3rem!important
    }

    .m-xl-g {
        margin: .75rem!important
    }

    .mt-xl-g,.my-xl-g {
        margin-top: .75rem!important
    }

    html:not([dir=rtl]) .mr-xl-g,html:not([dir=rtl]) .mx-xl-g {
        margin-right: .75rem!important
    }

    html[dir=rtl] .mr-xl-g,html[dir=rtl] .mx-xl-g {
        margin-left: .75rem!important
    }

    .mb-xl-g,.my-xl-g {
        margin-bottom: .75rem!important
    }

    html:not([dir=rtl]) .ml-xl-g,html:not([dir=rtl]) .mx-xl-g {
        margin-left: .75rem!important
    }

    html[dir=rtl] .ml-xl-g,html[dir=rtl] .mx-xl-g {
        margin-right: .75rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    html:not([dir=rtl]) .pr-xl-0,html:not([dir=rtl]) .px-xl-0 {
        padding-right: 0!important
    }

    html[dir=rtl] .pr-xl-0,html[dir=rtl] .px-xl-0 {
        padding-left: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    html:not([dir=rtl]) .pl-xl-0,html:not([dir=rtl]) .px-xl-0 {
        padding-left: 0!important
    }

    html[dir=rtl] .pl-xl-0,html[dir=rtl] .px-xl-0 {
        padding-right: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    html:not([dir=rtl]) .pr-xl-1,html:not([dir=rtl]) .px-xl-1 {
        padding-right: .25rem!important
    }

    html[dir=rtl] .pr-xl-1,html[dir=rtl] .px-xl-1 {
        padding-left: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    html:not([dir=rtl]) .pl-xl-1,html:not([dir=rtl]) .px-xl-1 {
        padding-left: .25rem!important
    }

    html[dir=rtl] .pl-xl-1,html[dir=rtl] .px-xl-1 {
        padding-right: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    html:not([dir=rtl]) .pr-xl-2,html:not([dir=rtl]) .px-xl-2 {
        padding-right: .5rem!important
    }

    html[dir=rtl] .pr-xl-2,html[dir=rtl] .px-xl-2 {
        padding-left: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    html:not([dir=rtl]) .pl-xl-2,html:not([dir=rtl]) .px-xl-2 {
        padding-left: .5rem!important
    }

    html[dir=rtl] .pl-xl-2,html[dir=rtl] .px-xl-2 {
        padding-right: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    html:not([dir=rtl]) .pr-xl-3,html:not([dir=rtl]) .px-xl-3 {
        padding-right: 1rem!important
    }

    html[dir=rtl] .pr-xl-3,html[dir=rtl] .px-xl-3 {
        padding-left: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    html:not([dir=rtl]) .pl-xl-3,html:not([dir=rtl]) .px-xl-3 {
        padding-left: 1rem!important
    }

    html[dir=rtl] .pl-xl-3,html[dir=rtl] .px-xl-3 {
        padding-right: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    html:not([dir=rtl]) .pr-xl-4,html:not([dir=rtl]) .px-xl-4 {
        padding-right: 1.5rem!important
    }

    html[dir=rtl] .pr-xl-4,html[dir=rtl] .px-xl-4 {
        padding-left: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    html:not([dir=rtl]) .pl-xl-4,html:not([dir=rtl]) .px-xl-4 {
        padding-left: 1.5rem!important
    }

    html[dir=rtl] .pl-xl-4,html[dir=rtl] .px-xl-4 {
        padding-right: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    html:not([dir=rtl]) .pr-xl-5,html:not([dir=rtl]) .px-xl-5 {
        padding-right: 3rem!important
    }

    html[dir=rtl] .pr-xl-5,html[dir=rtl] .px-xl-5 {
        padding-left: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    html:not([dir=rtl]) .pl-xl-5,html:not([dir=rtl]) .px-xl-5 {
        padding-left: 3rem!important
    }

    html[dir=rtl] .pl-xl-5,html[dir=rtl] .px-xl-5 {
        padding-right: 3rem!important
    }

    .p-xl-g {
        padding: .75rem!important
    }

    .pt-xl-g,.py-xl-g {
        padding-top: .75rem!important
    }

    html:not([dir=rtl]) .pr-xl-g,html:not([dir=rtl]) .px-xl-g {
        padding-right: .75rem!important
    }

    html[dir=rtl] .pr-xl-g,html[dir=rtl] .px-xl-g {
        padding-left: .75rem!important
    }

    .pb-xl-g,.py-xl-g {
        padding-bottom: .75rem!important
    }

    html:not([dir=rtl]) .pl-xl-g,html:not([dir=rtl]) .px-xl-g {
        padding-left: .75rem!important
    }

    html[dir=rtl] .pl-xl-g,html[dir=rtl] .px-xl-g {
        padding-right: .75rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    html:not([dir=rtl]) .mr-xl-n1,html:not([dir=rtl]) .mx-xl-n1 {
        margin-right: -.25rem!important
    }

    html[dir=rtl] .mr-xl-n1,html[dir=rtl] .mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    html:not([dir=rtl]) .ml-xl-n1,html:not([dir=rtl]) .mx-xl-n1 {
        margin-left: -.25rem!important
    }

    html[dir=rtl] .ml-xl-n1,html[dir=rtl] .mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-n2,html:not([dir=rtl]) .mx-xl-n2 {
        margin-right: -.5rem!important
    }

    html[dir=rtl] .mr-xl-n2,html[dir=rtl] .mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-n2,html:not([dir=rtl]) .mx-xl-n2 {
        margin-left: -.5rem!important
    }

    html[dir=rtl] .ml-xl-n2,html[dir=rtl] .mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    html:not([dir=rtl]) .mr-xl-n3,html:not([dir=rtl]) .mx-xl-n3 {
        margin-right: -1rem!important
    }

    html[dir=rtl] .mr-xl-n3,html[dir=rtl] .mx-xl-n3 {
        margin-left: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    html:not([dir=rtl]) .ml-xl-n3,html:not([dir=rtl]) .mx-xl-n3 {
        margin-left: -1rem!important
    }

    html[dir=rtl] .ml-xl-n3,html[dir=rtl] .mx-xl-n3 {
        margin-right: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    html:not([dir=rtl]) .mr-xl-n4,html:not([dir=rtl]) .mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    html[dir=rtl] .mr-xl-n4,html[dir=rtl] .mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    html:not([dir=rtl]) .ml-xl-n4,html:not([dir=rtl]) .mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    html[dir=rtl] .ml-xl-n4,html[dir=rtl] .mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    html:not([dir=rtl]) .mr-xl-n5,html:not([dir=rtl]) .mx-xl-n5 {
        margin-right: -3rem!important
    }

    html[dir=rtl] .mr-xl-n5,html[dir=rtl] .mx-xl-n5 {
        margin-left: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    html:not([dir=rtl]) .ml-xl-n5,html:not([dir=rtl]) .mx-xl-n5 {
        margin-left: -3rem!important
    }

    html[dir=rtl] .ml-xl-n5,html[dir=rtl] .mx-xl-n5 {
        margin-right: -3rem!important
    }

    .m-xl-ng {
        margin: -.75rem!important
    }

    .mt-xl-ng,.my-xl-ng {
        margin-top: -.75rem!important
    }

    html:not([dir=rtl]) .mr-xl-ng,html:not([dir=rtl]) .mx-xl-ng {
        margin-right: -.75rem!important
    }

    html[dir=rtl] .mr-xl-ng,html[dir=rtl] .mx-xl-ng {
        margin-left: -.75rem!important
    }

    .mb-xl-ng,.my-xl-ng {
        margin-bottom: -.75rem!important
    }

    html:not([dir=rtl]) .ml-xl-ng,html:not([dir=rtl]) .mx-xl-ng {
        margin-left: -.75rem!important
    }

    html[dir=rtl] .ml-xl-ng,html[dir=rtl] .mx-xl-ng {
        margin-right: -.75rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    html:not([dir=rtl]) .mr-xl-auto,html:not([dir=rtl]) .mx-xl-auto {
        margin-right: auto!important
    }

    html[dir=rtl] .mr-xl-auto,html[dir=rtl] .mx-xl-auto {
        margin-left: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    html:not([dir=rtl]) .ml-xl-auto,html:not([dir=rtl]) .mx-xl-auto {
        margin-left: auto!important
    }

    html[dir=rtl] .ml-xl-auto,html[dir=rtl] .mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0-last-child>:last-child {
        margin-bottom: 0!important
    }
}

.text-gray-100 {
    color: #f2f2f2!important
}

.text-gray-200,.text-neutral-100,.theme-dark .text-neutral-400 {
    color: #e6e6e6!important
}

.text-gray-300,.text-neutral-200,.theme-dark .text-neutral-300 {
    color: #d2d2d2!important
}

.text-gray-400 {
    color: #a2a2a2!important
}

.text-gray-475 {
    color: #858585!important
}

.text-gray-500,.text-neutral-300,.theme-dark .text-neutral-200 {
    color: #757575!important
}

.text-gray-600,.text-neutral-400,.theme-dark .text-neutral-100 {
    color: #505050!important
}

.text-gray-700 {
    color: #404040!important
}

.text-gray-800 {
    color: #2f2f2f!important
}

.text-gray-900 {
    color: #171717!important
}

.text-blue,.text-brand,.text-primary,.theme-dark .text-primary-alt {
    color: #f97141!important
}

.text-orange {
    color: #d83b01!important
}

.text-green {
    color: #107c10!important
}

.text-purple {
    color: #8661c5!important
}

.text-yellow {
    color: #ffb900!important
}

.text-teal {
    color: #008575!important
}

.text-brand-dark,.text-dark-blue {
    color: #243a5e!important
}

.text-dark-orange {
    color: #6b2929!important
}

.text-dark-green {
    color: #054b16!important
}

.text-dark-purple {
    color: #3b2e58!important
}

.text-dark-yellow {
    color: #6a4b16!important
}

.text-dark-teal {
    color: #274b47!important
}

.text-brand-light,.text-light-blue {
    color: #50e6ff!important
}

.text-light-orange {
    color: #ff9349!important
}

.text-light-green {
    color: #9bf00b!important
}

.text-light-purple {
    color: #d59dff!important
}

.text-light-yellow {
    color: #fef000!important
}

.text-light-teal {
    color: #30e5d0!important
}

.text-alt-blue,.text-primary-alt,.theme-dark .text-primary {
    color: #3aa0fa!important
}

.text-alt-orange {
    color: #f7894a!important
}

.text-alt-green {
    color: #5dc21e!important
}

.text-light,.text-white,.theme-dark .text-inverse,.theme-dark .text-secondary {
    color: #fff!important
}

.text-black,.text-dark,.text-inverse,.text-secondary {
    color: #000!important
}

.text-body {
    color: #000!important
}

.theme-dark .text-body {
    color: #fff!important
}

.text-muted {
    color: #505050!important
}

.theme-dark .text-muted {
    color: #a2a2a2!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    color: inherit!important
}

.column-count-auto {
    -moz-column-count: auto;
    column-count: auto
}

.column-count-1 {
    -moz-column-count: 1;
    column-count: 1
}

.column-count-2 {
    -moz-column-count: 2;
    column-count: 2
}

.column-count-3 {
    -moz-column-count: 3;
    column-count: 3
}

.column-count-4 {
    -moz-column-count: 4;
    column-count: 4
}

.column-count-auto {
    -moz-column-count: auto;
    column-count: auto
}

.column-count-1 {
    -moz-column-count: 1;
    column-count: 1
}

.column-count-2 {
    -moz-column-count: 2;
    column-count: 2
}

.column-count-3 {
    -moz-column-count: 3;
    column-count: 3
}

.column-count-4 {
    -moz-column-count: 4;
    column-count: 4
}

@media (min-width: 540px) {
    .column-count-sm-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-sm-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-sm-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-sm-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-sm-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 860px) {
    .column-count-md-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-md-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-md-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-md-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-md-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 1084px) {
    .column-count-lg-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-lg-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-lg-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-lg-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-lg-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 1400px) {
    .column-count-xl-auto {
        -moz-column-count:auto;
        column-count: auto
    }

    .column-count-xl-1 {
        -moz-column-count: 1;
        column-count: 1
    }

    .column-count-xl-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .column-count-xl-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .column-count-xl-4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

.text-serif {
    font-family: TimesNewRoman,"Times New Roman",Times,serif
}

.text-glyph {
    font-family: MWF-FLUENT-ICONS
}

.text-monospace {
    font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace!important
}

html:not([dir=rtl]) .text-left {
    text-align: left!important
}

html[dir=rtl] .text-left {
    text-align: right!important
}

html:not([dir=rtl]) .text-right {
    text-align: right!important
}

html[dir=rtl] .text-right {
    text-align: left!important
}

.text-center {
    text-align: center!important
}

@media (min-width: 540px) {
    html:not([dir=rtl]) .text-sm-left {
        text-align:left!important
    }

    html[dir=rtl] .text-sm-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-sm-right {
        text-align: right!important
    }

    html[dir=rtl] .text-sm-right {
        text-align: left!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 860px) {
    html:not([dir=rtl]) .text-md-left {
        text-align:left!important
    }

    html[dir=rtl] .text-md-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-md-right {
        text-align: right!important
    }

    html[dir=rtl] .text-md-right {
        text-align: left!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 1084px) {
    html:not([dir=rtl]) .text-lg-left {
        text-align:left!important
    }

    html[dir=rtl] .text-lg-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-lg-right {
        text-align: right!important
    }

    html[dir=rtl] .text-lg-right {
        text-align: left!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    html:not([dir=rtl]) .text-xl-left {
        text-align:left!important
    }

    html[dir=rtl] .text-xl-left {
        text-align: right!important
    }

    html:not([dir=rtl]) .text-xl-right {
        text-align: right!important
    }

    html[dir=rtl] .text-xl-right {
        text-align: left!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

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

.text-break {
    overflow-wrap: break-word!important
}

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

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 100!important
}

.font-weight-semilight {
    font-weight: 200!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-semibold {
    font-weight: 600!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-line-through {
    text-decoration: line-through
}

.text-letter-space {
    letter-spacing: .0625em
}

.text-line-height-reset {
    line-height: 1
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: .0625rem solid #757575;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 1084px!important
    }

    .container {
        min-width: 1084px!important
    }

    .navbar {
        display: none
    }

    .badge {
        border: .0625rem solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #d2d2d2!important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
        border-color: #d2d2d2
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #d2d2d2
    }
}
.rounded-card {
    border-radius: 1rem;
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both;
}

.rounded-xxxl {
    border-radius: 1.5rem!important;
}

.style-utility-d0f39b73-35be-43bf-b269-3704ce6dbf5a-oc-aem-bg-color-picker {
    background-color: #ffffff!important;
}
/* end main light */
/* end next body content */

/* footer */

@keyframes imageRotateIn {
    0% {
        opacity: 0;
        transform: rotate(-.25turn) translate(-68%)
    }

    to {
        opacity: 1;
        transform: rotate(0) translate(0)
    }
}

@keyframes imageRotateOut {
    0% {
        transform: rotate(0) translate(0);
        opacity: .5
    }

    to {
        opacity: 0;
        transform: rotate(.25turn) translateY(-110%)
    }
}

.loader {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.loader:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #696969;
    animation: prixClipFix 2s linear infinite
}

.loader-large {
    width: 50px;
    height: 50px
}

.loader-small {
    width: 20px;
    height: 20px
}

.loader__white:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #fff;
    animation: prixClipFix 2s linear infinite
}

.loader__black {
    display: inline-block
}

.loader__black:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #000;
    animation: prixClipFix 2s linear infinite
}

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

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    to {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

html {
    scroll-padding-top: 150px
}

@media (max-width: 992px) {
    html {
        scroll-padding-top:130px
    }
}

body {
    margin: 0
}

strong {
    font-weight: 700
}

.h5 {
    font-size: 18px!important;
    font-weight: 600!important
}

.h2 {
    font-size: 24px!important;
    font-weight: 600!important
}

.h4 {
    font-size: 20px!important;
    font-weight: 600!important
}

.h6 {
    font-size: 16px!important;
    font-weight: 600!important
}

.fs-22 {
    font-size: 22px!important
}

.fw-600 {
    font-weight: 600!important
}

.m-0 {
    margin: 0
}

.mx-1 {
    margin: 0 10px
}

.mx-2 {
    margin: 0 20px
}

.mx-3 {
    margin: 0 30px
}

.mx-4 {
    margin: 0 40px
}

.mb-2 {
    margin-bottom: 20px!important
}

.mb-1 {
    margin-bottom: 10px!important
}

.mb-3 {
    margin-bottom: 30px!important
}

.mr-1 {
    margin-right: 10px!important
}

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

.mt-1 {
    margin-top: 10px!important
}

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

.mt-3 {
    margin-top: 30px!important
}

.ml-auto {
    margin-left: auto
}

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

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

.pb-2 {
    padding-bottom: 20px!important
}

.pl-2 {
    padding-left: 20px!important
}

.pl-3 {
    padding-left: 30px!important
}

.pr-1 {
    padding-right: 10px!important
}

.pr-2 {
    padding-right: 20px!important
}

.px-1 {
    padding: 0 10px
}

.px-2 {
    padding: 0 20px
}

.px-3 {
    padding-left: 30px;
    padding-right: 30px
}

.py-1 {
    padding: 10px 0
}

.py-2 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-3 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pt-1 {
    padding-top: 10px!important
}

.pt-2 {
    padding-top: 20px!important
}

.pt-3 {
    padding-top: 30px!important
}

.pb-3 {
    padding-bottom: 30px!important
}

.pt-4 {
    padding-top: 40px!important
}

.pb-4 {
    padding-bottom: 40px!important
}

.pl-1 {
    padding-left: 10px
}

.pl-2 {
    padding-left: 20px
}

.pl-3 {
    padding-left: 30px
}

.rounded-1 {
    border-radius: 5px!important
}

.rounded-2 {
    border-radius: 10px!important
}

.rounded-3 {
    border-radius: 15px!important
}

.content-text,.content-list {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.content-list.ul {
    list-style-type: disc;
    padding-left: 10px
}

.no-scroll {
    overflow: hidden;
    touch-action: none
}

.scrollbar::-webkit-scrollbar {
    width: 4px
}

.scrollbar::-webkit-scrollbar-track {
    background: #f5f6fa
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #adadad
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #525252
}

.bg-light {
    background: #f2f2f280
}

.container,.campaign-banner.left-aligned,.rebuild-container {
    display: flex;
    flex-direction: column;
    padding: 0 23%
}

@media screen and (max-width: 2400px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 20%
    }
}

@media screen and (max-width: 2000px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 15%
    }
}

@media screen and (max-width: 1720px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 10%
    }
}

@media screen and (max-width: 1500px) {
    .container,.campaign-banner.left-aligned,.rebuild-container {
        padding:0 5%
    }
}

.article-container {
    display: flex;
    flex-direction: column;
    padding: 0 23%
}

@media screen and (max-width: 1000px) {
    .article-container {
        padding:0 5%
    }
}

.device {
    display: none!important
}

@media screen and (max-width: 992px) {
    .device {
        display:flex!important
    }
}

.desktop {
    display: none!important
}

@media screen and (min-width: 992px) {
    .desktop {
        display:flex!important
    }
}

.desktop-and-tablet {
    display: flex!important
}

@media screen and (max-width: 576px) {
    .desktop-and-tablet {
        display:none!important
    }
}

@media screen and (max-width: 576px) {
    .device--sm {
        display:none!important
    }
}

@media screen and (min-width: 576px) {
    .device-sm {
        display:none!important
    }
}

[role=button] {
    cursor: pointer
}

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

.text-center {
    text-align: center!important
}

.text-danger {
    color: #dc3545
}

.text-success {
    color: #5edc6099
}

.text-strike {
    text-decoration: line-through
}

figure>img {
    width: 100%
}

.d-none {
    display: none!important
}

.no-style-anchor {
    text-decoration: none
}

.inherit {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.d-flex {
    display: flex
}

.gap-20 {
    gap: 20px
}

.flex-col {
    flex-direction: column!important
}

.flex-row {
    flex-direction: row
}

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

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

.content-center {
    justify-content: center
}

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

.items-center {
    align-items: center
}

.text-right {
    text-align: right
}

.w-100 {
    width: 100%
}

.rebuild-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 423px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #57b7f7;
    background: #57b7f726
}

.rebuild-alert.lg {
    width: 100%
}

.rebuild-alert.dark {
    background-color: #000;
    color: #fff!important;
    border: 1px solid black
}

input::-ms-reveal,input::-ms-clear {
    display: none
}

.bg-gray-95 {
    background-color: #f2f2f2
}

.full-width-container {
    padding-right: 60px;
    padding-left: 60px
}

@media (max-width: 992px) {
    .full-width-container {
        padding-right:45px;
        padding-left: 45px
    }
}

@media (max-width: 768px) {
    .full-width-container {
        padding-right:30px;
        padding-left: 30px
    }
}

@media (max-width: 576px) {
    .full-width-container {
        padding-right:20px;
        padding-left: 20px
    }
}

.rebuild-row {
    display: flex;
    flex-wrap: wrap
}

.rebuild-col-12 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%
}

.hover-underline:hover {
    text-decoration: underline!important
}

.rebuild-btn {
    width: 100%;
    border-radius: 5px;
    font-size: 1em;
    border: 0;
    outline: 1px solid transparent;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.rebuild-btn:hover {
    cursor: pointer
}

.rebuild-btn:active {
    outline: 1px solid #f2f2f2
}

.rebuild-btn[disabled] {
    pointer-events: none;
    opacity: .6
}

.rebuild-btn-primary {
    background-color: #f97141;
    color: #000
}

.rebuild-btn-primary:hover,.rebuild-btn-primary:focus,.rebuild-btn-primary:active,.rebuild-btn-primary:visited {
    background-color: #f97141!important;
    color: #000!important
}

.rebuild-btn-white {
    background-color: #fff;
    color: #000
}

.rebuild-btn-dark {
    background-color: #202020;
    color: #fff
}

.rebuild-btn-primary-light {
    background-color: #f9714126;
    color: #000
}

.rebuild-btn-outline {
    background-color: transparent;
    color: #000;
    border: 1px solid #f97141
}

.rebuild-btn-outline:hover {
    background: #f97141
}

.rebuild-btn-outline.rebuild-btn-loading {
    background: transparent
}

.rebuild-btn-outline-dark {
    background-color: transparent;
    color: #000;
    border: 1px solid #202020
}

.rebuild-btn-outline-dark:hover {
    background: #f2f2f2
}

.rebuild-btn-outline-dark.rebuild-btn-loading {
    background: transparent
}

.rebuild-btn-success {
    border: 1px solid #0f5e03;
    color: #0f5e03;
    background: #168a040d!important
}

.rebuild-btn-success[disabled] {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none
}

.rebuild-btn-grey {
    background-color: #f2f2f2;
    color: #000
}

.rebuild-btn-grey[disabled] {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none
}

.rebuild-btn-medium {
    min-height: 50px
}

.rebuild-btn-remove-cart {
    background: #fff;
    color: #000
}

.rebuild-btn-remove-cart:hover {
    background: #f2f2f2
}

.rebuild-btn .rebuild-btn-loader {
    width: 16px;
    height: 16px;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite
}

@keyframes button-loading-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.rebuild-btn-express-checkout {
    cursor: pointer;
    background-color: #fff;
    border: solid 1px #202020;
    border-radius: 5px;
    margin-top: 10px;
    width: 127px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rebuild-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 8% !important;
    bottom: 0;
    background-color: #00000080;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center
}

.rebuild-modal-content {
    background: #fff;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 10px;
    width: 500px;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .rebuild-modal-content {
        width:100vw;
        min-height: 100vh;
        max-width: 100vw;
        border-radius: 0
    }
}

.rebuild-modal-content-md {
    width: 700px
}

.rebuild-modal-content-lg {
    width: 900px
}

.rebuild-modal-content-xl {
    width: 1100px
}

.rebuild-modal-content-xxl {
    width: 1300px
}

.rebuild-modal-content-auto {
    width: auto
}

.rebuild-modal-content-header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #a8adb5;
    align-items: center
}

.rebuild-modal-content-header-title {
    font-weight: 700;
    font-size: 1em
}

.rebuild-modal-content-body {
    display: flex;
    flex: 1;
    padding: 20px;
    overflow: hidden;
    overflow-y: auto
}

.rebuild-modal-content-body a {
    color: #000;
    text-decoration: none
}

.rebuild-modal-content-body-country {
    display: flex;
    flex-direction: column
}

.rebuild-modal-content-body-country-flag {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.rebuild-modal-content-footer {
    display: flex;
    padding: 20px;
    border-top: 1px solid #a8adb5
}

.dialog {
    width: 60vw;
    height: 80vh;
    border: none!important;
    outline: none!important;
    border-radius: 10px
}

.dialog::backdrop {
    background-color: #00000080
}

@media screen and (min-width: 576px) and (max-width: 1025px) {
    .dialog {
        width:60vw;
        height: 80vh
    }
}

@media (max-width: 576px) {
    .dialog {
        width:90vw;
        height: 60vh;
        max-width: 90vw;
        max-height: 60vh
    }
}

.dialog .content {
    width: 100%;
    height: 100%;
    position: relative
}

.dialog .content .icon {
    position: absolute;
    right: .8rem;
    top: .2rem;
    z-index: 10;
    width: 16px
}

.dialog .content-header {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #a8adb5
}

@media (max-width: 576px) {
    .dialog .content-header {
        padding:5px
    }
}

.dialog .content-header-title {
    font-weight: 700;
    font-size: 1em
}

.dialog .content-body {
    width: 100%;
    height: 100%;
    padding: 10px
}

@media (max-width: 576px) {
    .dialog .content-body {
        padding:5px
    }
}

.dialog .content-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid #a8adb5;
    padding: 10px
}

@media (max-width: 576px) {
    .dialog .content-footer {
        padding:5px
    }
}

.dialog .content-footer-title {
    font-size: 1em
}

.search {
    display: flex;
    flex: 9;
    padding: 1rem;
    color: #696969;
    border: 1px solid #c4c4c4;
    font-size: 18px;
    background: #fff;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
    position: relative;
    margin: 10px 0
}

.search-input {
    border: 0;
    display: flex;
    flex: 1;
    width: 100%;
    height: 29px;
    font-size: 18px
}

.search-input:focus,.search-input:active {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.search-icon {
    width: 25px;
    height: 25px
}

.search-icon:hover {
    cursor: pointer
}

.search-close {
    width: 24px;
    height: 24px
}

.search-close:hover {
    cursor: pointer
}

.search-results {
    position: absolute;
    top: 61px;
    border: 1px solid #c4c4c4;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 10;
    overflow: auto;
    max-height: 400px;
    font-size: 14px;
    padding: 10px
}

.search-results>div {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 15px
}

.search-results-list {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.search-results-list-item {
    display: flex;
    gap: 20px;
    align-items: center
}

@media (max-width: 768px) {
    .search-results-list-item {
        display:flex;
        flex-direction: column;
        border-bottom: 1px solid #f2f2f2
    }
}

.search-results-list-item>a {
    text-decoration: none;
    color: #000;
    display: flex;
    gap: 20px;
    width: 100%
}

.search-results-list-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.search-results-list-item-text {
    display: flex;
    flex: 1;
    align-items: center
}

.search-results-list-item.active-item {
    background-color: #f2f2f2
}

.search-results-box {
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.search-results-box>span {
    font-weight: 700
}

.search-results-box-items-item {
    padding: 15px 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-items: center;
    align-items: center
}

.search-results-box-items-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.search-results-box-items-item-image {
    width: 34px;
    height: 34px
}

.search-results-box-items-item-product {
    display: flex;
    flex-direction: column;
    flex: 1
}

.search-results-box-items-item-price {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.search-results-box-items-item-price>span {
    font-weight: 600
}

.search-results-box-items-item-price-del {
    font-size: 16px
}

.search-results-box-items-link {
    text-decoration: none;
    color: #000
}

.search-results .products .search-results-list-item-text {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.search-results .products .search-results-list-item-container {
    display: flex;
    gap: 20px;
    align-items: center
}

.search-results .products .search-results-list-item-price-text {
    color: #696969
}

.select {
    padding: 5px 10px;
    border: 1px solid #adadad;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    flex: 1
}

.select>select {
    border: 0;
    background: transparent;
    flex: 1
}

.select>select:focus,.select>select:active {
    outline: none
}

.select-borderless {
    border: 0px
}

select.type-selector {
    border: none!important;
    background-color: transparent!important;
    font-size: 16px;
    font-weight: 600
}

.packt-checkbox {
    position: relative;
    padding-left: 35px
}

.packt-checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #f97141;
    background-color: #fff;
    cursor: pointer;
    border-radius: 3px;
    z-index: 3
}

.packt-checkbox input[type=checkbox]:checked {
    background-image: url(/images/new-product/checked.svg);
    background-size: 100% 100%
}

.form-error-text {
    margin-top: 10px;
    color: #a30505;
    display: flex;
    align-items: flex-start;
    line-height: 16px
}

.form-error-text__password {
    white-space: pre-line
}

.form-error-text:before {
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23F00%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22/%3E%3Cline x1%3D%2215%22 y1%3D%229%22 x2%3D%229%22 y2%3D%2215%22/%3E%3Cline x1%3D%229%22 y1%3D%229%22 x2%3D%2215%22 y2%3D%2215%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    flex-shrink: 0
}

.form-mandatory {
    color: #a30505;
    margin-left: 3px
}

.packt-radio {
    accent-color: #ec6611;
    height: 16px
}

.icon {
    filter: brightness(0)
}

.icon--light {
    filter: brightness(1)
}

.icon:hover {
    cursor: pointer
}

.icon-1 {
    width: 14px;
    height: 14px
}

.icon-2 {
    width: 16px;
    height: 16px
}

.icon-3 {
    width: 20px;
    height: 20px
}

.icon-4 {
    width: 24px;
    height: 24px
}

.icon-5 {
    width: 30px;
    height: 30px
}

#header-cart-dropdown .header-dropdown-active-wrapper {
    min-width: 600px
}

@media (max-width: 992px) {
    #header-cart-dropdown .header-dropdown-active-wrapper {
        min-width:unset;
        overflow: auto
    }
}

.header-sticky {
    position: sticky
}

.header {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    display: flex;
    flex-direction: column;
    z-index: 10;
    font-size: 14px;
    top: 0
}

.header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 5;
    background-color: #f2f2f2;
    height: 80px
}

.header-wrapper .search-results {
    font-size: 16px
}

.header-logo {
    width: 94px;
    height: 25px
}

.header-logo-link {
    display: flex;
    flex: 1
}

.header-actions {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 30px
}

.header-actions-link {
    color: #202020!important;
    font-size: 18px;
    padding: 10px 0;
    text-decoration: none!important
}

.header-cart-basket {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-cart-basket #header-cart-dropdown {
    display: none
}

.header-cart-basket:hover #header-cart-dropdown {
    display: flex
}

.header-cart-extras {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.header-cart-extras-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex: 1
}

.header-cart-count {
    font-size: 16px;
    position: absolute;
    background: #f97141;
    width: 25px;
    height: 25px;
    padding: 1px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transform: translate(20px,-15px);
    z-index: 5
}

.header-cart-icon {
    width: 28px;
    height: 28px
}

.header-cart-icon:hover {
    cursor: pointer
}

.header-cart-discount {
    display: flex;
    gap: 10px;
    flex-direction: column;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0
}

@media (max-width: 992px) {
    .header-cart-discount {
        background:#57b7f726
    }
}

.header-cart-discount-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.header-cart-discount-toggle-text {
    flex-grow: 1;
    font-weight: 600;
    margin-left: 5px;
    font-size: 18px
}

.header-cart-discount-toggle-icon {
    display: flex;
    align-items: center;
    margin-right: 5px
}

@media (min-width: 993px) {
    .header-cart-discount-toggle-icon {
        display:none
    }
}

.header-cart-discount-toggle .toggle-icon {
    transition: transform .3s ease
}

.header-cart-discount-toggle .toggle-icon.rotated {
    transform: rotate(180deg)
}

.header-cart-discount-info {
    display: block;
    margin-left: 5px
}

.header-cart-discount-options {
    display: flex;
    flex-direction: column
}

.header-cart-discount-options-option {
    font-size: 16px;
    display: flex;
    align-items: center
}

.header-cart-discount-options-option b {
    font-weight: 600
}

.header-cart-dropdown {
    display: flex;
    flex: 1;
    flex-direction: row;
    min-width: 600px;
    justify-content: space-between
}

@media (max-width: 992px) {
    .header-cart-dropdown {
        min-width:unset
    }
}

.header-cart-dropdown-total {
    display: flex;
    flex-direction: column;
    flex: 1
}

.header-cart-dropdown-total>span {
    font-size: 18px!important;
    font-weight: 600
}

.header-cart-dropdown-checkout {
    display: flex;
    flex: 1;
    padding: 10px 0
}

.header-cart-dropdown-checkout-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between
}

.header-cart-dropdown-items {
    max-height: 250px;
    overflow: auto;
    display: flex;
    flex-direction: column
}

@media (max-height: 870px) {
    .header-cart-dropdown-items {
        max-height:325px
    }
}

.header-cart-dropdown-items-item {
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 10px;
    padding: 10px 10px 10px 0
}

@media (max-width: 992px) {
    .header-cart-dropdown-items-item {
        border-bottom:1px solid #f2f2f2;
        padding-bottom: 20px
    }
}

.header-cart-dropdown-items-item-title {
    font-size: 16px;
    font-weight: 400
}

.header-cart-dropdown-items-item-type,.header-cart-dropdown-items-item-separator {
    font-size: 16px;
    color: #696969
}

.header-cart-dropdown-items-item-price {
    font-size: 16px;
    font-weight: 600
}

.header-cart-dropdown-items-item-image {
    width: 60px;
    height: 74px
}

.header-cart-dropdown-items-item-details {
    display: flex;
    flex-direction: column;
    flex: 1
}

.header-cart-dropdown-items-item-details .pill {
    max-width: 30%;
    text-align: center;
    border-radius: 200px;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 5px;
    margin-top: 5px
}

.header-cart-dropdown-items-item-actions {
    display: flex;
    gap: 20px
}

.header-cart-dropdown-items-item-actions-quantity {
    height: 40px;
    width: 100px
}

.header-cart-dropdown-items-item-actions-icon {
    background: transparent;
    padding: 0;
    gap: 0px;
    width: auto;
    align-self: flex-start;
    margin-top: 10px
}

.header-user-account {
    background: #000;
    border-radius: 50%;
    padding: .5rem;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-user-account #header-user-dropdown {
    display: none
}

.header-user-account:hover {
    cursor: pointer
}

.header-user-account:hover #header-user-dropdown {
    display: flex
}

.header-user-account-icon {
    width: 20px;
    height: 20px
}

.header-user-account-icon:hover {
    cursor: pointer
}

.header-user-account-initials {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.header-search-mobile {
    font-size: 16px;
    display: flex;
    justify-content: flex-end
}

.header-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000b2
}

.header-overlay-top {
    z-index: 4
}

.header-overlay-top.errors,.header-overlay-top.aborted {
    position: unset;
    z-index: initial
}

.header-overlay-bottom {
    z-index: 2
}

.header-addblock {
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #ffe1daf2;
    gap: 10px
}

.header-submenu {
    box-shadow: 0 4px 4px #0000001a;
    background: #fff;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 4;
    font-size: 16px;
    align-items: center;
    gap: 10px
}

.header-submenu-active {
    z-index: 6
}

.header-submenu-items {
    display: flex;
    flex-direction: row;
    position: relative;
    color: #000!important
}

.header-submenu-items-link {
    text-decoration: none!important;
    color: #000!important;
    text-wrap: nowrap
}

.header-submenu-items-link:hover {
    cursor: pointer
}

.header-submenu-items-link.border-end {
    border-right: 1px solid #dbdbdb
}

.header-submenu-items-link>div {
    padding: 35px 20px;
    height: 50px;
    display: flex;
    align-items: center
}

@media (max-width: 992px) {
    .header-submenu-items-link>div {
        padding:10px
    }
}

.header-submenu-items-item {
    padding: 35px 28px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.header-submenu-items-item:nth-child(1) {
    padding: 35px 20px 35px 0
}

@media (max-width: 992px) {
    .header-submenu-items-item {
        padding:10px
    }

    .header-submenu-items-item:nth-child(1) {
        padding: 10px
    }

    .header-submenu-items-item:first-child {
        padding-left: 0
    }

    .header-submenu-items-item:last-child {
        padding-right: 0
    }
}

.header-submenu-items-item .caret {
    display: none;
    position: relative;
    top: 35px;
    left: -50%
}

@media (min-width: 1024px) {
    .header-submenu-items-item .caret:after {
        content:"";
        position: absolute;
        bottom: 0;
        transform: translate(-50%);
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #757575 transparent;
        z-index: 1
    }

    .header-submenu-items-item .caret:before {
        content: "";
        position: absolute;
        bottom: -2px;
        transform: translate(-50%);
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        z-index: 2
    }
}

.header-submenu-items-item:hover {
    cursor: pointer
}

.header-submenu-items-item:hover .caret {
    display: block
}

.header-submenu-items-item-border {
    border-right: 1px solid #f2f2f2
}

.header-submenu-items-item-next {
    padding: 10px 20px
}

@media (max-width: 992px) {
    .header-submenu-items-item-next {
        padding:10px
    }
}

.header-submenu-items-item-dropdown {
    position: absolute;
    display: flex;
    top: 70px;
    background: #fff;
    border: 1px solid #757575;
    border-radius: 5px;
    left: 0;
    right: 0;
    min-width: 600px;
    height: 560px;
    font-size: 16px
}

@media (min-width: 992px) and (max-width: 1024px) {
    .header-submenu-items-item-dropdown {
        top:150px;
        left: 2.5%;
        width: 95%;
        position: fixed
    }
}

.header-submenu-items-item-dropdown_small {
    left: unset;
    width: 200px;
    max-width: 200px;
    min-width: unset;
    height: auto
}

.header-submenu-items-item-dropdown-left {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #f2f2f2
}

.header-submenu-items-item-dropdown-left-title {
    text-transform: uppercase;
    padding: 20px 20px 10px;
    font-weight: 700;
    font-size: 16px
}

.header-submenu-items-item-dropdown-left-close {
    position: absolute;
    right: 10px;
    top: 15px
}

.header-submenu-items-item-dropdown-left-options {
    display: flex;
    flex-direction: column
}

.header-submenu-items-item-dropdown-left-options-select {
    height: 50px;
    width: 95%;
    margin: auto
}

.header-submenu-items-item-dropdown-left-options-option {
    padding: 10px 20px;
    border-right: 3px solid #fff;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    color: #000!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-left-options-option:hover {
    cursor: pointer;
    background: #ffe1daf2;
    border-right: 3px solid #f97141
}

.header-submenu-items-item-dropdown-left-options-option-active {
    background: #ffe1daf2;
    border-right: 3px solid #f97141
}

.header-submenu-items-item-dropdown-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    padding: 20px
}

.header-submenu-items-item-dropdown-right-title {
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1399px) {
    .header-submenu-items-item-dropdown-right-options {
        grid-template-columns:repeat(2,1fr)
    }
}

.header-submenu-items-item-dropdown-right-options>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-right-options-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    font-size: 16px
}

.header-submenu-items-item-dropdown-right-options-option:hover {
    cursor: pointer;
    background: #f2f2f2
}

.header-submenu-items-item-dropdown-right-options-option>img {
    width: 25px;
    height: 35px
}

.header-submenu-items-item-dropdown-right-options-option-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-submenu-items-item-dropdown-right-options-category {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
    align-items: start
}

.header-submenu-items-item-dropdown-right-options-category>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-right-options-category-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

.header-submenu-items-item-dropdown-right-options-category-href {
    text-decoration: none!important;
    color: #000;
    font-size: 16px
}

.header-submenu-items-item-dropdown-right-options-category-link {
    padding: 10px;
    text-decoration: none!important;
    color: #000
}

.header-submenu-items-item-dropdown-right-options-category-link:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.header-submenu-items-item-dropdown-right-viewmore {
    border-top: 1px solid #f2f2f2;
    padding: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.header-submenu-items-item-dropdown-right-viewmore>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-list {
    display: flex;
    flex-direction: column;
    padding: 20px 0
}

.header-submenu-items-item-dropdown-list>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-list-link {
    padding: 10px
}

.header-submenu-items-item-dropdown-list-link:hover {
    cursor: pointer;
    background-color: #f2f2f2;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile {
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    top: 60px;
    z-index: 6;
    overflow: auto;
    position: fixed;
    background: #fff;
    padding-top: 30px;
    flex-direction: column;
    scroll-behavior: smooth
}

.header-submenu-items-item-dropdown-mobile-menu {
    display: flex;
    margin: 20px 10px;
    justify-content: space-between
}

.header-submenu-items-item-dropdown-mobile-menu-title {
    font-weight: 700;
    text-transform: uppercase
}

.header-submenu-items-item-dropdown-mobile-menu-categories {
    gap: 10px;
    display: flex;
    flex-direction: column;
    padding: 0 12px 0 20px
}

.header-submenu-items-item-dropdown-mobile-menu-categories a {
    color: #000!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-category {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between
}

.header-submenu-items-item-dropdown-mobile-menu-category-wrapper {
    display: flex;
    flex-direction: column
}

.header-submenu-items-item-dropdown-mobile-menu-category-wrapper .active span {
    font-weight: 700
}

.header-submenu-items-item-dropdown-mobile-menu-subcategories {
    gap: 10px;
    display: none;
    padding-top: 10px;
    padding-left: 20px;
    flex-direction: column;
    border-bottom: 1px solid #dbdbdb
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory h4 {
    margin-bottom: 5px;
    text-decoration: underline
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory ul {
    list-style-type: none;
    padding-left: 0
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory ul li {
    margin-bottom: 5px
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory-link {
    padding: 10px;
    text-decoration: none!important;
    color: #000
}

.header-submenu-items-item-dropdown-mobile-menu-subcategory-show-more>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 12px 0 20px
}

.header-submenu-items-item-dropdown-mobile-menu-titles>a {
    text-decoration: none!important;
    color: #000!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items {
    display: flex;
    font-weight: 700;
    margin-bottom: 10px
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-item {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-view-more {
    display: flex;
    font-weight: 700;
    align-items: center;
    padding: 0 0 20px 5px
}

.header-submenu-items-item-dropdown-mobile-menu-titles-items-view-more>a {
    color: #f97141!important;
    text-decoration: none!important
}

.header-submenu-items-item-dropdown-mobile-menu-list {
    gap: 10px;
    display: flex;
    padding: 20px;
    flex-direction: column
}

.header-submenu-items-item-dropdown-mobile-menu-list>a {
    text-decoration: none!important;
    color: #000!important
}

@media (min-width: 1199px) {
    .header-submenu .rebuild-horizontal-scroll-body {
        overflow-x:unset
    }
}

.header-dropdown-active {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: transparent;
    font-size: 16px;
    top: 50px;
    position: fixed;
    padding: 30px 10% 30px 30px
}

@media (max-width: 1500px) {
    .header-dropdown-active {
        padding-right:20%
    }
}

@media (max-width: 767px) {
    .header-dropdown-active {
        padding-right:30px
    }
}

@media (max-width: 992px) {
    .header-dropdown-active {
        padding:0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        min-height: 100vh
    }
}

.header-dropdown-active-left {
    padding: 30px 20% 30px 30px
}

@media (max-width: 1399px) {
    .header-dropdown-active-left {
        padding-right:40%
    }
}

@media (max-width: 992px) {
    .header-dropdown-active-left {
        padding:0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        min-height: 100vh
    }
}

.header-dropdown-active:hover {
    cursor: pointer
}

.header-dropdown-active-wrapper {
    background: #fff;
    min-width: 300px;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 992px) {
    .header-dropdown-active-wrapper {
        min-width:unset
    }
}

.header-dropdown-active-wrapper-border {
    border-radius: 10px;
    border: 1px solid #757575;
    padding: 0 25px;
    cursor: default
}

@media (max-width: 992px) {
    .header-dropdown-active-wrapper-border {
        border-radius:0;
        border: 0;
        padding: 10px 20px;
        display: flex;
        flex: 1
    }
}

.header-dropdown-active-fullscreen {
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10
}

.header-dropdown-active-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 13px 15px 0;
    border-bottom: 1px solid #dbdbdb
}

.header-dropdown-active-header-placeholder {
    display: flex;
    flex: 1;
    gap: 5px;
    font-weight: 600;
    font-size: 20px
}

.header-dropdown-active-header-placeholder span {
    display: flex;
    font-weight: 400;
    align-items: center;
    font-size: 16px
}

.header-dropdown-active-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    font-size: 16px
}

.header-dropdown-active-body-cart {
    padding: unset
}

.header-dropdown-active-footer {
    border-top: 1px solid #f2f2f2;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.header-dropdown-active-footer-name {
    font-weight: 700
}

.header-dropdown-active-footer-link {
    font-size: 16px;
    text-decoration: none;
    color: #000!important;
    padding: 7px 0
}

.header-dropdown-active-footer-link:hover {
    cursor: pointer;
    background-color: #9191914b;
    text-decoration: none!important
}

.header-dropdown-active-footer-seperator {
    border: none;
    border-top: 1px solid #696969
}

.header-dropdown-active-footer-country {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px 0;
    font-size: 16px
}

.header-dropdown-active-footer-country-flag {
    width: 25px;
    height: 18px;
    margin-left: 10px
}

.header-dropdown-active-footer-country:hover {
    cursor: pointer;
    background-color: #7777774b
}

.header-countrypicker-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px
}

.header-countrypicker-body-wrapper {
    padding-bottom: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 80vh
}

.header-countrypicker-body-wrapper .active {
    background: #f9714126
}

.header-countrypicker-body-wrapper .active .tick {
    display: flex
}

.header-countrypicker-body-wrapper .tick {
    display: none;
    align-items: center;
    justify-content: end;
    width: 100%
}

.header-countrypicker-body-wrapper-input {
    display: flex;
    gap: 5px;
    align-items: center;
    height: 45px;
    padding: 15px;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: none
}

.header-countrypicker-body-wrapper-input-input {
    border: none;
    background-color: #f2f2f2;
    color: gray;
    width: 100%;
    outline: none;
    height: 45px
}

.header-countrypicker-body-seprator {
    background-color: #c4c4c4;
    height: 1px;
    border: 0
}

.header-countrypicker-body-country {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 7px 10px;
    margin: 10px 0;
    border-radius: 10px
}

.header-countrypicker-body-country a {
    text-decoration: none!important;
    color: #000
}

.header-countrypicker-body-country:hover {
    cursor: pointer;
    background: #f2f2f2
}

.header-countrypicker-body-country-flag {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%
}

.header-countrypicker-body-country-flag>span {
    width: 100%
}

.header-countrypicker-body-country-flag>img {
    width: 25px;
    max-height: 18px
}

.header-countrypicker-footer {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 30px
}

.header #country-modal {
    font-size: 16px
}

.header #country-modal .modal-content-header-title {
    font-size: 18px
}

@media (max-width: 576px) {
    .header .search {
        position:unset
    }

    .header .search-results {
        top: 80px;
        border: none
    }
}

.footer {
    font-family: Outfit,Arial,Helvetica,sans-serif;
    display: flex;
    flex: 1;
    flex-direction: column;
    box-shadow: 0 -3px 3px #0000001a
}

.footer-topics {
    display: flex;
    flex: 1;
    background-color: #fff;
    flex-direction: row;
    gap: 20px;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 992px) {
    .footer-topics {
        font-size:16px;
        gap: 0
    }
}

.footer-topics-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    background-color: #fff
}

@media (max-width: 992px) {
    .footer-topics-wrapper {
        gap:0;
        overflow: hidden
    }
}

.footer-topics>a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    flex-shrink: 0;
    display: flex
}

.footer-topics-topic {
    padding: 10px
}

.footer-topics-topic:first-child {
    padding-left: 0
}

.footer-topics-topic:last-child {
    padding-right: 0
}

.footer-menu {
    display: flex;
    flex: 1;
    background-color: #f2f2f2;
    min-height: 100px;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    font-size: 16px
}

.footer-menu-item {
    display: flex;
    flex: .2;
    min-width: 200px;
    flex-direction: column;
    gap: 20px
}

.footer-menu-item-title {
    font-weight: 500;
    font-size: 16px;
    color: #000!important
}

.footer-menu-item-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-weight: 400
}

.footer-menu-item-items-link {
    text-decoration: none!important;
    color: #000!important
}

.footer-menu-item-items-ident {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 20px
}

.footer-bottom {
    display: flex;
    flex: 1;
    background-color: #f2f2f2;
    border-top: 1px solid #a8adb5;
    min-height: 50px;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

@media (max-width: 992px) {
    .footer-bottom {
        flex-direction:column;
        gap: 30px;
        align-items: center
    }
}

.footer-bottom-country {
    background: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border-radius: 10px;
    max-width: 200px
}

.footer-bottom-country:hover {
    cursor: pointer
}

.footer-bottom-info {
    display: flex;
    text-align: right;
    flex-direction: column;
    gap: 5px;
    font-size: 14px
}

@media (max-width: 992px) {
    .footer-bottom-info {
        text-align:center
    }
}

body {
    padding-top: 0!important
}

.campaign-banner {
    background: linear-gradient(276deg,#00cd8f80 5.1%,#57b7f780 94.9%);
    cursor: default;
    padding: 15px 0
}

.campaign-banner.left-aligned .banner-timer {
    margin: 1rem 0rem;
    width: 70%;
    justify-content: center;
    display: flex;
    align-self: center
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container {
    background: #f2f2f2;
    width: 100%;
    border: 1px solid #f2f2f2
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container .text {
    color: #202020;
    font-size: 20px
}

.campaign-banner.left-aligned .banner-timer .timer-count-down-container .timing-label {
    background: linear-gradient(180deg,#28a8e0,#00cd8f 44%);
    -webkit-background-clip: text;
    background-clip: text;
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .campaign-banner.left-aligned {
        justify-content:start;
        align-items: center;
        flex-direction: row;
        display: flex
    }

    .campaign-banner.left-aligned .content {
        width: 73%;
        flex-direction: row!important;
        justify-content: start;
        flex-wrap: wrap;
        margin: unset
    }

    .campaign-banner.left-aligned .content.container,.campaign-banner.left-aligned .content.campaign-banner.left-aligned {
        padding: 1% 0
    }

    .campaign-banner.left-aligned .banner-timer {
        width: 27%
    }

    .campaign-banner.left-aligned .banner-timer .text,.campaign-banner.left-aligned .banner-timer .timing-label {
        font-size: 20px!important
    }

    .campaign-banner.left-aligned .banner-timer .timer-count-down-container {
        padding: 10px
    }
}

@media (max-width: 576px) {
    .campaign-banner.left-aligned {
        padding:0 5px
    }

    .campaign-banner.left-aligned .banner-timer {
        width: 100%
    }

    .campaign-banner.left-aligned .banner-timer .timing-label {
        font-size: 18px
    }
}

.campaign-banner .content {
    display: flex;
    flex-direction: row!important;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

@media screen and (max-width: 1599px),screen and (max-width: 768px),screen and (max-width: 460px) {
    .campaign-banner .content {
        flex-direction:column!important;
        align-items: center
    }
}

.campaign-banner .content .left {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px
}

@media screen and (min-width: 1600px) {
    .campaign-banner .content .left {
        flex-shrink:0;
        margin-right: 35px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .left {
        font-size:28px;
        line-height: 36px
    }
}

@media screen and (max-width: 768px) {
    .campaign-banner .content .left {
        font-size:26px;
        line-height: 30px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .left {
        font-size:1.5rem;
        line-height: 50px
    }
}

@media screen and (max-width: 400px) {
    .campaign-banner .content .left {
        font-size:1rem;
        line-height: 50px
    }
}

.campaign-banner .content .left .price {
    margin-right: 10px;
    font-size: 50px;
    line-height: 60px
}

@media screen and (min-width: 1800px) {
    .campaign-banner .content .left .price {
        margin-right:5px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .left .price {
        font-size:35px;
        line-height: 50px;
        font-weight: 600
    }
}

@media screen and (max-width: 768px) {
    .campaign-banner .content .left .price {
        font-size:40px;
        line-height: 50px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .left .price {
        font-size:34px;
        line-height: 45px;
        font-weight: 700
    }
}

@media screen and (max-width: 360px) {
    .campaign-banner .content .left .price {
        font-size:31px
    }
}

.campaign-banner .content .left .text {
    font-weight: 600
}

.campaign-banner .content .right {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px
}

@media screen and (min-width: 1800px) {
    .campaign-banner .content .right {
        font-size:21px
    }
}

@media screen and (max-width: 1599px) {
    .campaign-banner .content .right {
        font-size:22px;
        line-height: 30px
    }
}

@media screen and (max-width: 460px) {
    .campaign-banner .content .right {
        font-size:18px;
        line-height: 20px;
        margin-top: 15px;
        text-align: center
    }
}

.campaign-banner .content .right .title {
    word-wrap: break-word;
    white-space: normal
}

.campaign-banner .content .right .title .highlight {
    font-weight: 600
}

#cookieConsent {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    line-height: normal;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    transition: right .3s ease;
    z-index: 6
}

#cookieConsent .transparent-background {
    background: #202020
}

@media (max-width: 576px) {
    #cookieConsent .transparent-background {
        padding:0
    }
}

#cookieConsent .transparent-background .close-btn {
    position: absolute;
    right: 10px
}

#cookieConsent .transparent-background .close-btn:hover {
    cursor: pointer
}

#cookieConsent .transparent-background .cookie-consent-section hr {
    margin: 0;
    height: 1px;
    border: none;
    background: #696969
}

@media (min-width: 992px) {
    #cookieConsent .transparent-background .cookie-consent-section {
        position:relative
    }
}

#cookieConsent .transparent-background .cookie-content {
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#cookieConsent .transparent-background .cookie-section p {
    flex: 5;
    padding-right: 4px
}

#cookieConsent .transparent-background .cookie-section .cookie-policy-link {
    text-decoration: none;
    color: inherit;
    font-weight: 600
}

#cookieConsent .transparent-background .cookie-section .cookie-buttons {
    display: flex;
    padding: 10px 0
}

@media (max-width: 1024px) {
    #cookieConsent .transparent-background .country-section .wrong-country-text {
        display:block;
        margin-bottom: 8px
    }
}

#cookieConsent .transparent-background .country-section .wrong-country-text {
    flex: 5;
    padding-right: 4px
}

#cookieConsent .transparent-background .country-section a {
    text-decoration: none
}

#cookieConsent .transparent-background .country-section .ok-btn {
    margin-right: unset
}

#cookieConsent .transparent-background .country-section .country-section-button {
    gap: 25px;
    display: flex;
    align-items: center
}

#cookieConsent .transparent-background .login-section .p-bottom {
    flex: 5;
    padding-right: 5px
}

#cookieConsent .transparent-background .login-section a {
    text-decoration: none
}

#cookieConsent .transparent-background .login-section hr {
    margin-bottom: 0
}

#cookieConsent .transparent-background .rebuild-btn-generic {
    padding: 12px 2rem;
    width: auto;
    border: unset;
    border-radius: 5px;
    background: #202020;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    line-height: normal
}

#cookieConsent .transparent-background .cookie-section,#cookieConsent .transparent-background .country-section,#cookieConsent .transparent-background .login-section {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

#cookieConsent .transparent-background .rebuild-btn-accept-all {
    color: #202020;
    background: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-essential-cookies,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
    color: #fff;
    margin-left: 22px;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-login-link {
    margin-right: 15px;
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    padding: 9px 2rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #f97141
}

#cookieConsent .transparent-background .rebuild-btn-login-link span {
    font-weight: 700
}

#cookieConsent .transparent-background .rebuild-btn-country-selection {
    display: inline-flex;
    background-color: #fff;
    color: #202020;
    align-items: center
}

#cookieConsent .transparent-background .rebuild-btn-country-selection span {
    vertical-align: middle;
    margin-left: 6px
}

#cookieConsent .transparent-background .rebuild-btn-ok-btn {
    background: #f97141;
    padding: 12px 2rem;
    color: #202020
}

#cookieConsent .transparent-background .rebuild-btn-ok-btn,#cookieConsent .transparent-background .rebuild-btn-github,#cookieConsent .transparent-background .header-dropdown-active-footer-country-flag {
    margin: 0
}

@media screen and (max-width: 460px) {
    #cookieConsent .transparent-background .cookie-section {
        flex-direction:column
    }

    #cookieConsent .transparent-background .cookie-section p {
        padding: 15px 0
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        width: 100%;
        display: grid;
        text-wrap: nowrap;
        text-align: center
    }

    #cookieConsent .transparent-background .country-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .country-section .wrong-country-text {
        padding-right: 15px
    }

    #cookieConsent .transparent-background .country-section .country-section-button {
        gap: 15px;
        width: 100%
    }

    #cookieConsent .transparent-background .country-section .country-section-button .rebuild-btn-country-selection,#cookieConsent .transparent-background .country-section .country-section-button .rebuild-btn-ok-btn {
        padding: 12px 22px
    }

    #cookieConsent .transparent-background .login-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .login-section .p-bottom {
        padding-right: 15px
    }

    #cookieConsent .transparent-background .login-section .login-button {
        width: 100%;
        display: flex;
        padding: 10px 0;
        flex-direction: column;
        justify-content: center
    }

    #cookieConsent .transparent-background .login-section .login-button a {
        padding: 10px 0
    }

    #cookieConsent .transparent-background .login-section .login-button a button {
        margin: 0;
        width: 100%;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-accept-all,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 0
    }

    #cookieConsent .transparent-background .rebuild-btn-essential-cookies {
        margin: 20px 0
    }

    #cookieConsent .transparent-background .close-btn {
        right: 5px
    }
}

@media screen and (min-width: 460px) and (max-width: 767px) {
    #cookieConsent {
        font-size:18px!important
    }

    #cookieConsent .transparent-background .cookie-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 15px 0
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        font-size: 20px
    }
}

@media screen and (min-width: 460px) and (max-width: 767px) and (max-width: 540px) {
    #cookieConsent {
        font-size:16px!important
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        width: 100%;
        flex-direction: column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons button {
        margin: 10px 0
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        font-size: 16px
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        font-size: 16px!important
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #cookieConsent .transparent-background .cookie-section {
        flex-direction:column
    }

    #cookieConsent .transparent-background .cookie-section .cookie-buttons {
        padding: 20px 0;
        text-wrap: nowrap
    }

    #cookieConsent .transparent-background .rebuild-btn-accept-all,#cookieConsent .transparent-background .rebuild-btn-reject-cookies {
        margin: 0
    }

    #cookieConsent .transparent-background .rebuild-btn-essential-cookies {
        margin: 0 20px
    }

    #cookieConsent .transparent-background .rebuild-btn-country-selection {
        font-size: 20px
    }

    #cookieConsent .transparent-background .rebuild-btn-ok-btn {
        padding: 14px 2rem
    }
}

@media screen and (min-width: 460px) and (max-width: 1024px) {
    #cookieConsent {
        font-size:22px
    }

    #cookieConsent .transparent-background .country-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .country-section .cookie-section-button {
        gap: 15px
    }

    #cookieConsent .transparent-background .login-section {
        flex-direction: column
    }

    #cookieConsent .transparent-background .login-section .login-button {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: .9rem
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        font-size: 20px;
        margin: 10px
    }

    #cookieConsent .transparent-background .close-btn {
        right: 10px
    }
}

@media screen and (max-width: 1366px) {
    #cookieConsent .transparent-background .cookie-content {
        padding:0 5%
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: 12px
    }

    #cookieConsent .transparent-background .rebuild-btn-login-link {
        margin-right: 10px
    }
}

@media screen and (max-width: 1440px) {
    #cookieConsent .transparent-background .cookie-content {
        padding:0 4%
    }

    #cookieConsent .transparent-background .rebuild-btn-generic {
        padding: 13px 15px
    }

    #cookieConsent .transparent-background .rebuild-btn-ok-btn {
        padding: 12px 18px
    }
}

.rebuild-horizontal-scroll {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.rebuild-horizontal-scroll-body {
    flex: 1;
    display: flex;
    overflow-x: auto
}

.rebuild-horizontal-scroll-body::-webkit-scrollbar {
    display: none
}

.rebuild-horizontal-scroll img.svg-icon.inactive {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.campaign-ad-banner {
    padding: 15px 0;
    display: flex;
    gap: 20px
}

.campaign-ad-banner .banner-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    justify-content: center
}

.campaign-ad-banner .banner-content-style {
    padding: 5px 0
}

.campaign-ad-banner .banner-content-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-sub-title {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-pricing {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content-shop-now-btn {
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner .banner-content .cta-container {
    padding: 14px 0
}

.campaign-ad-banner .banner-content .rebuild-btn {
    width: auto
}

.campaign-ad-banner .banner-content-image {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.campaign-ad-banner .banner-content-image img {
    width: 100%
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner {
        flex-direction:column
    }

    .campaign-ad-banner .banner-content-title {
        font-size: 18px
    }

    .campaign-ad-banner .banner-content-sub-title {
        font-size: 16px
    }

    .campaign-ad-banner .banner-content-pricing {
        font-size: 18px
    }

    .campaign-ad-banner .banner-content-image img {
        max-width: 500px
    }
}

.campaign-ad-banner-section {
    position: relative;
    overflow: hidden
}

.campaign-ad-banner-section .campaign-ad-banner-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.campaign-ad-banner-2.campaign-ad-banner {
    padding: 56px 0
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-title {
    font-size: 48px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-pricing {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner-2.campaign-ad-banner .banner-content {
        align-items:center!important;
        text-align: center
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-title {
        font-size: 24px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title {
        font-size: 18px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-pricing {
        font-size: 20px
    }

    .campaign-ad-banner-2.campaign-ad-banner .banner-content-sub-title-2 {
        font-size: 16px
    }
}

.campaign-ad-banner-3.campaign-ad-banner {
    padding: 56px 0
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-title {
    font-size: 96px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title,.campaign-ad-banner-3.campaign-ad-banner .banner-content-pricing {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title-2 {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content-shop-now-btn {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    line-height: normal
}

.campaign-ad-banner-3.campaign-ad-banner .banner-content .cta-container {
    padding: 14px 0
}

@media screen and (max-width: 992px) {
    .campaign-ad-banner-3.campaign-ad-banner .banner-content {
        align-items:center!important;
        text-align: center
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-title {
        font-size: 36px
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title,.campaign-ad-banner-3.campaign-ad-banner .banner-content-pricing {
        font-size: 24px
    }

    .campaign-ad-banner-3.campaign-ad-banner .banner-content-sub-title-2,.campaign-ad-banner-3.campaign-ad-banner .banner-content-shop-now-btn {
        font-size: 16px
    }
}

.carousel {
    display: flex;
    flex-direction: column;
    background: none;
    width: 100%
}

.carousel-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex: 1;
    margin: 0 0 20px
}

@media (max-width: 992px) {
    .carousel-header {
        flex-direction:column;
        justify-content: center;
        text-align: center;
        margin: 0
    }
}

.carousel-header-left {
    display: flex;
    flex: 3;
    flex-direction: column
}

.carousel-header-left-title {
    font-size: 1.9rem;
    font-weight: 600
}

@media screen and (max-width: 576px) {
    .carousel-header-left-title {
        font-size:22px!important;
        font-weight: 600!important
    }
}

.carousel-header-right {
    display: flex;
    margin: 0 35px 0 0;
    align-content: flex-end;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
    margin-right: unset
}

@media (max-width: 992px) {
    .carousel-header-right {
        justify-content:center;
        margin: 0 0 10px
    }
}

@media (max-width: 992px) {
    .carousel-header-right {
        display:block!important
    }
}

.carousel-body {
    display: flex;
    flex-direction: row;
    background: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    height: fit-content;
    align-items: center
}

.carousel-body-margin {
    margin: 0 35px
}

.carousel-body-arrow {
    cursor: pointer
}

.carousel-body>img.svg-icon:hover {
    cursor: pointer
}

@media (max-width: 992px) {
    .carousel-body>img.svg-icon {
        display:block!important
    }
}

.carousel-body-navigation {
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel-body-navigation:hover {
    cursor: pointer
}

.carousel-body-items {
    display: flex;
    flex: 1;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth
}

.carousel-body-items-item {
    display: flex;
    flex-shrink: 0;
    cursor: grab
}

@media (max-width: 992px) {
    .carousel-body-items-item {
        flex:0 0 33.33%!important
    }
}

@media (max-width: 767px) {
    .carousel-body-items-item {
        flex:0 0 50%!important
    }
}

@media (max-width: 460px) {
    .carousel-body-items-item {
        flex:0 0 100%!important
    }
}

.product-card {
    display: flex;
    flex: 1;
    padding: 0 5px;
    width: auto
}

.product-card-content {
    border: 1px solid rgba(226,226,226,.831372549);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #fff;
    margin-bottom: 10px
}

.product-card-content:hover {
    box-shadow: #00000026 1.95px 1.95px 2.6px;
    transition: box-shadow .1s ease-in-out
}

.product-card-content-custom {
    width: 25px;
    height: 25px;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-radius: 4px;
    margin: 7px 0 0 15px;
    -webkit-appearance: none;
    border-width: 1px;
    border-style: solid;
    border-color: #202020
}

.product-card-content-custom:checked {
    background-color: #ff6f43;
    border-width: 2px;
    border-style: solid;
    border-color: #ff6f43
}

.product-card-content-custom:checked:after {
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 14px;
    position: absolute;
    content: "✓";
    transform: translate(-50%,-50%)
}

.product-card-content-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
    text-decoration: none;
    padding: 10px 0 15px
}

.product-card-content-info-meta {
    color: #ffffffde!important
}

.product-card-content-info-meta>img {
    filter: invert(.7)
}

.product-card-content-info-image {
    width: 150px;
    height: 190px;
    border-radius: 5px
}

.product-card-content-info-text {
    color: #000;
    display: flex;
    flex: 1
}

.product-card-content-info-description {
    color: #525252;
    font-size: 14px
}

.product-card-content-footer {
    border-top: 1px solid rgba(226,226,226,.831372549);
    padding: 10px 10px 20px;
    gap: 10px;
    display: flex;
    flex-direction: column
}

.product-card-content-footer-pricing {
    display: flex;
    flex: 1;
    gap: 20px;
    align-items: flex-start;
    min-height: 50px;
    max-height: 50px;
    justify-content: space-between;
    font-size: 15px
}

.product-card-content-footer-pricing-price {
    display: flex;
    flex-direction: column
}

.product-card-content-footer-pricing-price .price-select {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: right
}

.product-card-content-footer-pricing-price .price-select strong {
    font-weight: 600
}

.product-card-content-footer-pricing-price .price-select>del {
    font-size: .9em;
    color: #525252
}

.product-card-content-footer-pricing-type {
    display: flex;
    gap: 3px;
    align-items: center
}

.product-card-content-footer-pricing-type-placeholder {
    margin-left: .4rem
}

.product-card-content-footer .add-to-cart-btn-with-check-box {
    display: flex;
    align-items: center
}

.product-card-content-footer-add-to-cart .rebuild-btn {
    padding: 5px
}

.product-card-content-footer-type {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px
}

.product-card-content-footer-type-icon {
    display: flex;
    align-items: center;
    gap: 2px
}

.product-card-content-footer.hide-prices .product-card-content-footer-pricing {
    justify-content: center
}

.author-section {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (max-width: 992px) {
    .author-section {
        min-width:320px
    }
}

@media (max-width: 576px) {
    .author-section {
        min-width:0;
        padding: 0 10px
    }
}

.author-section.non-carousel {
    padding: unset;
    margin-right: 20px
}

.author-section a {
    color: #36c;
    text-decoration: underline;
    display: block;
    cursor: pointer
}

.author-section .author-header-with-body {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.author-section .author-header-with-body .author-section-header {
    display: flex;
    align-items: center
}

.author-section .author-header-with-body .author-section-header .header-left {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.author-section .author-header-with-body .author-section-header .header-left .author-profile-img {
    border-radius: 50%;
    background: #000;
    padding: 10px;
    width: 45px;
    height: 45px
}

@media (max-width: 320px) {
    .author-section .author-header-with-body .author-section-header .header-left .author-profile-img {
        height:40px;
        width: 40px
    }
}

.author-section .author-header-with-body .author-section-header .author-name {
    padding: 0 10px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

.author-section .author-header-with-body .author-section-header .header-right {
    margin-left: auto;
    display: flex;
    gap: 1rem
}

.author-section-footer {
    margin-top: 1rem
}

.author-section-footer .popular-products strong {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal;
    display: block;
    margin-bottom: .4rem
}

.author-section-footer .popular-products .product-info {
    display: flex;
    gap: 1rem
}

.author-section-footer .popular-products .product-info .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: fit-content
}

.author-section-footer .author-link {
    margin-top: 1rem
}

.ellipsis-content {
    display: flex;
    flex-direction: column
}

.ellipsis-content.expanded .ellipsis {
    -webkit-line-clamp: unset!important
}

.ellipsis-content .ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.ellipsis-content .read-more {
    color: #36c;
    text-decoration: underline;
    display: block;
    cursor: pointer
}

.text-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden
}

.text-ellipsis.ellipsis-length-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.text-ellipsis.ellipsis-length-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3
}

.star-rating {
    display: flex;
    flex-direction: row;
    gap: 3px;
    align-items: center
}

.star-rating-icon-large {
    height: 30px;
    width: 21px
}

.star-rating-icon-medium {
    height: 16px;
    width: 16px
}

.star-rating-icon-small {
    height: 12px;
    width: 12px
}

.star-rating-total-rating-large {
    font-size: 18px;
    margin-top: 4px
}

.star-rating-total-rating-medium {
    font-size: 14px;
    margin-top: 3px
}

.star-rating-total-rating-small {
    font-size: 12px;
    margin-top: 2px
}

.star-rating-total-count {
    color: #525252
}

.star-rating-total-count.size-large {
    font-size: 18px;
    margin-top: 4px
}

.star-rating-total-count.size-medium {
    font-size: 16px;
    margin-top: 3px
}

.star-rating-total-count.size-small {
    font-size: 12px;
    margin-top: 2px
}

.authors-wrapper .authors {
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-wrap: nowrap;
    flex-wrap: nowrap
}

.authors-wrapper .authors a {
    text-decoration: none;
    color: #000
}

@media screen and (min-width: 992px) {
    .authors-wrapper.hidden-authors .authors :nth-child(n+5) {
        display:none
    }

    .authors-wrapper.hidden-authors .authors .authors-wrapper-show-more {
        text-decoration: underline
    }

    .authors-wrapper .authors {
        flex-wrap: wrap
    }

    .authors-wrapper .authors .authors-wrapper-show-more,.authors-wrapper .authors .authors-wrapper-show-less {
        cursor: pointer;
        color: #36c;
        align-items: center
    }
}

.product-meta {
    display: flex;
    gap: .2rem;
    font-size: .8rem;
    color: #525252
}

.product-meta>span {
    display: flex;
    align-items: center;
    gap: 3px
}

.product-meta-dot:before {
    content: "●";
    font-size: 10px
}

.product-meta.product-card-meta-info-text {
    width: 100%;
    justify-content: center
}

.bundle-card {
    display: flex;
    flex: 1;
    padding: 0 5px
}

.bundle-card-content {
    border: 1px solid rgba(226,226,226,.831372549);
    border-radius: 5px;
    padding: 50px 0 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #fff;
    gap: 15px;
    text-align: center;
    justify-content: space-between
}

@media (max-width: 320px) {
    .bundle-card-content {
        width:100px
    }
}

.bundle-card-content-images {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-left: 10px
}

.bundle-card-content-images img {
    width: 30%;
    height: 30%
}

.bundle-card-content-images>:nth-child(1) {
    transform: translate(10%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(1) {
        width:70px!important
    }
}

.bundle-card-content-images>:nth-child(2) {
    transform: translateY(-30%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(2) {
        width:70px!important
    }
}

.bundle-card-content-images>:nth-child(3) {
    transform: translate(-20%)
}

@media (max-width: 400px) {
    .bundle-card-content-images>:nth-child(3) {
        width:70px!important
    }
}

.bundle-card-content-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between
}

.bundle-card-content-text-description {
    font-size: 16px;
    color: #696969;
    flex: .8;
    padding: 0 20px 20px;
    text-align: center
}

.bundle-card-content-footer {
    border-top: 1px solid rgba(226,226,226,.831372549);
    padding: 12px 12px 6px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: inherit
}

.bundle-card-content-meta-info-text {
    width: 100%;
    justify-content: space-evenly
}

.tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-direction: column;
    gap: 20px;
    padding: 0 40px;
    font-size: 1.3rem
}

@media (min-device-width: 992px) {
    .tab-header {
        flex-direction:row
    }
}

.tab-header-title {
    display: flex;
    flex-direction: column
}

@media (max-width: 992px) {
    .tab-header-title {
        text-align:center
    }
}

.tab-header-title>h3 {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .tab-header-title>h3 {
        font-size:22px
    }
}

.tab-header-title>span {
    font-size: 22px;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .tab-header-title>span {
        font-size:18px
    }
}

.tab-header-actions {
    display: flex;
    flex-direction: row
}

.tab-header-actions-button {
    height: 50px;
    cursor: pointer;
    background-color: #f2f2f2;
    transition: all .4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal;
    white-space: nowrap;
    padding-inline:1rem;width: 135px
}

@media (min-device-width: 992px) {
    .tab-header-actions-button {
        margin-bottom:0
    }
}

@media (max-width: 400px) {
    .tab-header-actions-button {
        width:100px;
        font-size: 16px
    }
}

.tab-header-actions-button.active {
    border-bottom: 3px solid #f97141;
    background-color: #f9714126;
    font-weight: 600
}

.packt-select {
    position: relative;
    cursor: pointer
}

.packt-select-button {
    border: unset;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    background-color: #fff;
    display: flex;
    align-items: center
}

.packt-select-button:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.packt-select .dropdown-menu {
    position: absolute;
    z-index: 2;
    display: none;
    min-width: 11rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.175);
    border-radius: .375rem;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    left: -25px;
    z-index: 9;
    top: -10px
}

.packt-select .dropdown-menu.show {
    display: block;
    transition: all .4s ease-in-out;
    visibility: visible;
    max-height: inherit
}

.packt-select .dropdown-menu.show .dropdown-item active {
    background-color: #747474ab;
    color: #fff
}

.packt-select .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.packt-select .dropdown-menu .dropdown-item span {
    font-weight: 400
}

.packt-select .dropdown-menu .dropdown-item.active {
    background-color: #525252
}

.packt-select .dropdown-menu .dropdown-item.active span {
    color: #fff
}

.packt-select .dropdown-menu .dropdown-item:hover {
    background-color: #ffe1daf2
}

.packt-select .dropdown-menu.dropdown-right {
    left: unset;
    right: 0
}

.timer-count-down-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    background: #fff;
    padding: 10px 20px;
    align-items: center
}

@media (max-device-width: 992px) {
    .timer-count-down-container {
        gap:5px
    }
}

.timer-count-down-container .text {
    font-size: 24px;
    font-weight: 700;
    color: #202020;
    font-style: normal;
    line-height: normal;
    text-align: right;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .text {
        font-size:16px
    }
}

@media (max-device-width: 540px) {
    .timer-count-down-container img {
        width:20px;
        height: 20px
    }
}

.timer-count-down-container .timing-label {
    background: linear-gradient(180deg,#f97141,#f9af41 44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.timer-count-down-container .timer-countdown-text {
    display: flex;
    align-items: center;
    gap: 3px
}

.timer-count-down-container .timer-countdown-value {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value {
        gap:3px
    }
}

.timer-count-down-container .timer-countdown-value .text {
    font-size: 36px;
    font-weight: 700;
    color: #a30505;
    font-style: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value .text {
        font-size:16px
    }
}

.timer-count-down-container .timer-countdown-value .days-text {
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    font-style: normal;
    line-height: normal;
    text-align: right;
    line-height: 24px;
    letter-spacing: .36px
}

@media (max-device-width: 540px) {
    .timer-count-down-container .timer-countdown-value .days-text {
        font-size:16px
    }
}

.timer-count-down-container .timer-countdown-value .section {
    display: flex;
    align-items: center;
    gap: 5px
}

.timer-count-down-container-red {
    background: #a30505cc!important
}

.timer-count-down-container-red span {
    color: #fff!important
}

.timer-count-down-container-grey {
    border-bottom: 1px solid #dbdbdb;
    background: #f2f2f2
}

.heroBanner-container {
    position: relative
}

.heroBanner-container .offerings-base-container {
    height: 500px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover!important;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-color: #000;
    width: 100%;
    margin-inline:auto}

.heroBanner-container .offerings-base-container .offering-placeholder {
    height: 500px
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container {
        padding-right:.5rem;
        padding-left: .5rem
    }
}

.heroBanner-container .offerings-base-container .active-content-section {
    height: 450px;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.heroBanner-container .offerings-base-container .active-content-section .content-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 1rem
}

@media (min-width: 576px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        flex:0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        padding-top:0;
        flex: 0 0 auto;
        width: 91%
    }
}

@media (min-width: 992px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-left {
        flex:0 0 auto;
        width: 48%
    }
}

.heroBanner-container .offerings-base-container .active-content-section .content-left .content {
    padding-top: 0rem;
    flex: 0 0 auto;
    width: 100%
}

.heroBanner-container .offerings-base-container .active-content-section span,.heroBanner-container .offerings-base-container .active-content-section .CTA {
    display: block
}

.heroBanner-container .offerings-base-container .active-content-section .title {
    background: linear-gradient(180deg,#f97141,#f6b11f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: .25rem;
    margin-bottom: 1rem;
    font-size: 48px;
    font-weight: 600;
    color: inherit;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .title {
        font-size:24px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .heading {
    margin-top: 1rem;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .heading {
        font-size:18px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .sub-heading {
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 400;
    color: #dbdbdb;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section .sub-heading {
        font-size:16px
    }
}

.heroBanner-container .offerings-base-container .active-content-section .CTA {
    padding: 12px 2rem;
    width: fit-content;
    border: unset;
    border-radius: 5px;
    background: #f97141;
    margin-top: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

.heroBanner-container .offerings-base-container .active-content-section img {
    display: flex;
    width: auto;
    height: 275px
}

@media (min-width: 768px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        height:250px
    }
}

@media (min-width: 1024px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        position:absolute;
        top: 3rem;
        right: 2%;
        width: inherit;
        height: inherit;
        max-width: 400px
    }
}

@media (min-width: 1200px) {
    .heroBanner-container .offerings-base-container .active-content-section img {
        max-width:500px
    }
}

.heroBanner-container .offerings-base-container .active-content-section img.active {
    display: block;
    animation: imageRotateIn .8s 1 ease
}

.heroBanner-container .offerings-base-container .active-content-section img.inactive {
    display: none;
    animation: imageRotateOut .8s 1 ease
}

.heroBanner-container .offerings-base-container .home-timer-container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 1.5rem 0
}

.heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
    width: 60%
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container {
        overflow:unset;
        height: 60%;
        background-size: cover;
        background-position: 70%;
        align-items: start
    }

    .heroBanner-container .offerings-base-container.extended-height {
        height: auto;
        padding: 0
    }

    .heroBanner-container .offerings-base-container .active-content-section,.heroBanner-container .offerings-base-container .content-section {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }

    .heroBanner-container .offerings-base-container .content-left {
        width: 100%;
        display: grid;
        text-align: center;
        justify-content: center
    }

    .heroBanner-container .offerings-base-container .content-left .content {
        order: 2
    }

    .heroBanner-container .offerings-base-container .content-left .content .CTA {
        display: inline-block;
        padding: 10px 2.5rem
    }

    .heroBanner-container .offerings-base-container .content-left .tabs-container {
        bottom: unset;
        order: 1;
        overflow-x: auto
    }

    .heroBanner-container .offerings-base-container .content-left .tabs-container::-webkit-scrollbar {
        display: none
    }

    .heroBanner-container .offerings-base-container .img-box {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 2rem;
        height: 20rem;
        overflow: hidden
    }
}

@media (max-width: 992px) and (max-width: 480px) {
    .heroBanner-container .offerings-base-container .img-box {
        height:unset
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .img-box .image-container {
        width:100%
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        left: 15%;
        display: flex;
        position: relative;
        align-items: center;
        width: 70%!important;
        justify-content: center
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .image-active,.heroBanner-container .offerings-base-container .image-inactive {
        position:relative;
        right: 2%
    }
}

@media (max-width: 992px) {
    .heroBanner-container .offerings-base-container .home-timer-container {
        justify-content:center
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 70%
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container .text {
        font-size: 18px
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container .timing-label {
        font-size: 20px
    }
}

@media (min-width: 540px) and (max-width: 992px) {
    .heroBanner-container .offerings-base-container .tabs-container {
        justify-content:center
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        top: 5%;
        left: 25%;
        height: auto;
        width: 50%!important
    }
}

@media (min-width: 850px) and (max-width: 920px) {
    .heroBanner-container .offerings-base-container .img-box {
        height:30rem
    }

    .heroBanner-container .offerings-base-container .img-box .image-container img {
        top: 10%;
        left: 23%;
        width: 55%!important
    }
}

@media (max-width: 576px) {
    .heroBanner-container .offerings-base-container .active-content-section .content-section {
        height:550px
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 80%
    }
}

@media (max-width: 480px) {
    .heroBanner-container .offerings-base-container .active-content-section {
        height:auto
    }

    .heroBanner-container .offerings-base-container img {
        height: auto!important;
        width: 100%!important
    }

    .heroBanner-container .offerings-base-container .home-timer-container .timer-count-down-container {
        width: 100%
    }
}

@media (max-height: 700px) {
    .heroBanner-container .offerings-base-container {
        height:90%!important
    }
}

@media (min-height: 700px) and (max-height: 800px) {
    .heroBanner-container .offerings-base-container {
        height:85%!important
    }
}

@media (min-height: 800px) and (max-height: 935px) {
    .heroBanner-container .offerings-base-container {
        height:70%!important
    }
}

@media (min-width: 992px) {
    .heroBanner-container .offerings-base-container .content-section {
        position:relative
    }
}

.heroBanner-container .tabs-strip {
    color: #f2f2f2;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(90deg,#2020204d,#f971414d 52.6%,#2020201a)
}

.heroBanner-container .tabs-container {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    overflow: auto
}

.heroBanner-container .tabs-container::-webkit-scrollbar {
    display: none
}

@media (max-width: 480px) {
    .heroBanner-container .tabs-container {
        padding-block:0
    }
}

.heroBanner-container .tabs-container .tab-item {
    padding: 10px 1rem;
    text-align: center;
    white-space: nowrap;
    border-bottom: solid 3px transparent;
    font-size: 20px;
    font-weight: 400;
    color: currentColor;
    font-style: normal;
    line-height: normal
}

@media (max-width: 480px) {
    .heroBanner-container .tabs-container .tab-item {
        font-size:15px;
        border-bottom: solid 3px #f5f5f54a;
        flex: 0 0 40%
    }
}

.heroBanner-container .tabs-container .tab-item.active {
    border-bottom: solid 3px currentColor;
    font-weight: 700
}

.heroBanner-container .campaign-ad-banner-section {
    height: 500px;
    padding-bottom: 48px;
    justify-content: center
}

.heroBanner-container .campaign-ad-banner-section .campaign-ad-banner {
    padding-top: 20px
}

@media (max-width: 992px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:60%
    }
}

@media (max-height: 700px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:90%!important
    }
}

@media (min-height: 700px) and (max-height: 800px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:85%!important
    }
}

@media (min-height: 800px) and (max-height: 935px) {
    .heroBanner-container .campaign-ad-banner-section {
        height:70%!important
    }
}

.black-drop-linear-banner {
    min-height: 155px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #000;
    background-image: url(/build/assets/upsell-dots-backdrop-CzH6Phil.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 3rem;
    line-height: 1.5;
    text-align: center
}

@media (min-width: 768px) {
    .black-drop-linear-banner {
        text-align:inherit
    }
}

@media (max-width: 768px) {
    .black-drop-linear-banner {
        background:linear-gradient(-220deg,#282828,#646464)
    }
}

.black-drop-linear-banner .banner-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem
}

.black-drop-linear-banner .banner-container-left {
    width: 100%
}

@media (min-width: 768px) {
    .black-drop-linear-banner .banner-container-left {
        width:32rem
    }
}

@media (min-width: 1200px) {
    .black-drop-linear-banner .banner-container-left {
        width:45rem
    }
}

@media (min-width: 992px) {
    .black-drop-linear-banner .banner-container-right {
        display:flex;
        align-items: center
    }
}

@media (min-width: 992px) {
    .black-drop-linear-banner .banner-container {
        flex-direction:row;
        padding: 0
    }
}

.black-drop-linear-banner .heading,.black-drop-linear-banner .sub-heading {
    display: block
}

.black-drop-linear-banner .heading {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600
}

.black-drop-linear-banner .sub-heading {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.black-drop-linear-banner .cta {
    border-radius: 5px;
    background: #f97141;
    padding: 7px 14px;
    text-transform: uppercase;
    border: none;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none
}

.new-in-packt {
    background: linear-gradient(112.87deg,#57b7f71a,#00cd8f1a);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding-top: 30px!important;
    padding-bottom: 50px!important;
    gap: 40px
}

.new-in-packt .title {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .new-in-packt .title {
        font-size:22px
    }
}

.new-in-packt .content {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.new-in-packt .content-block {
    display: flex
}

.new-in-packt .content-block .block-data {
    flex-direction: row;
    display: flex;
    gap: 30px;
    width: 100%;
    align-items: center
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data {
        flex-direction:column!important
    }
}

.new-in-packt .content-block .block-data .image-container {
    display: flex;
    flex: 1
}

.new-in-packt .content-block .block-data .image-container-image {
    width: unset
}

@media (max-width: 992px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:300px;
        height: 210px
    }
}

@media (max-width: 460px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:275px;
        height: auto
    }
}

@media (max-width: 320px) {
    .new-in-packt .content-block .block-data .image-container-image {
        width:235px
    }
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data .image-container {
        height:auto;
        width: 80%
    }

    .new-in-packt .content-block .block-data .image-container a {
        width: 100%;
        text-align: center
    }
}

.new-in-packt .content-block .block-data .text-container {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
}

@media (max-width: 768px) {
    .new-in-packt .content-block .block-data .text-container {
        width:100%;
        align-items: center!important
    }
}

.new-in-packt .content-block .block-data .text-container a {
    text-decoration: none;
    color: #000
}

.new-in-packt .content-block .block-data .text-container .text-title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    align-items: center
}

.new-in-packt .content-block .block-data .text-container .text-description {
    display: flex;
    gap: 30px
}

.new-in-packt .content-block .block-data .text-container .call-to-action {
    border-radius: 5px;
    margin-top: 25px;
    border: 1px solid #202020;
    background: #e2f5f900;
    padding: 12px 16px;
    text-transform: uppercase;
    color: #202020;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

@media (max-width: 320px) {
    .new-in-packt .content-block .block-data .text-container .call-to-action {
        font-size:16px
    }
}

.partner {
    border-top: 5px solid #f2f2f2;
    border-bottom: 5px solid #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0
}

@media (max-width: 992px) {
    .partner {
        align-items:center
    }
}

.partner-title {
    display: flex;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    justify-content: center
}

@media (max-width: 540px) {
    .partner-title {
        font-size:20px
    }
}

@media (max-width: 768px) {
    .partner-title {
        font-size:22px
    }
}

.partner-icon {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 90px;
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width: 992px) and (max-width: 1024px) {
    .partner-icon {
        gap:30px
    }
}

@media (max-width: 992px) {
    .partner-icon {
        gap:15px
    }

    .partner-icon>img.svg-icon {
        width: 100px;
        height: 80px
    }
}

@media (min-width: 540px) and (max-height: 720px) {
    .partner-icon {
        gap:15px
    }

    .partner-icon>img.svg-icon {
        width: 75px;
        height: 60px
    }
}

@media (max-width: 400px) {
    .partner-icon {
        gap:12px
    }
}

@media (max-width: 344px) and (max-height: 882px) {
    .partner-icon {
        gap:4px
    }
}

@media (max-width: 320px) {
    .partner-icon {
        gap:7px
    }

    .partner-icon>img.svg-icon {
        width: 90px
    }
}

.partner-icon .img-parent {
    width: 100%
}

@media (max-width: 992px) {
    .partner-icon .img-parent {
        display:flex;
        width: 30%;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap
    }
}

@media (max-width: 576px) {
    .partner-icon .img-parent img {
        width:80%
    }
}

.become-author {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-block:3rem;gap: 30px
}

@media (max-width: 992px) {
    .become-author {
        align-items:center
    }
}

@media (min-device-width: 1024px) {
    .become-author {
        gap:10px
    }
}

.become-author-title {
    font-size: 36px;
    font-weight: 600;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 768px) {
    .become-author-title {
        font-size:22px
    }
}

.become-author-content {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 768px) {
    .become-author-content {
        flex-direction:column-reverse
    }
}

.become-author-content-description {
    flex: 1
}

.become-author-content-image {
    width: 300px;
    height: 200px;
    object-fit: contain
}

.become-author-button {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #f97141;
    background: #fff;
    width: 273px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.become-author-button a {
    color: #000;
    text-decoration-line: none;
    font-weight: 600
}

.about-packt-background {
    background-image: url(/build/assets/about-packt-background-img-B7KbTZdB.svg);
    background-color: #000
}

@media (max-width: 768px) {
    .about-packt-background {
        background:linear-gradient(-220deg,#282828,#646464)
    }
}

.about-packt-background .about-packt {
    display: flex;
    flex-direction: column;
    gap: 25px;
    color: #fff;
    padding: 35px 0
}

.about-packt-background .about-packt-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    font-weight: 600
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-title {
        font-size:30px
    }
}

.about-packt-background .about-packt-title>img {
    margin-top: 10px;
    width: 115px;
    height: 31px
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-title>img {
        width:100px;
        height: 26px;
        margin-top: 5px
    }
}

.about-packt-background .about-packt-bottom {
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

@media (max-width: 768px) {
    .about-packt-background .about-packt-bottom {
        flex-direction:column;
        align-content: center;
        text-align: center;
        gap: 15px
    }
}

.home-expert-reader .carousel-header-left {
    gap: 0
}

.home-expert-reader .carousel-header-left-title {
    font-size: clamp(18px,2.5vw,36px);
    line-height: normal
}

.home-expert-reader .carousel-header-left-subTitle {
    font-size: 20px;
    font-weight: 400;
    color: #363636;
    font-style: normal;
    line-height: normal
}

.feefo-rating-container {
    overflow-x: auto
}

@media (max-device-width: 320px) {
    .feefo-rating-container .service-carousel-container {
        width:inherit!important;
        min-width: inherit!important
    }

    .feefo-rating-container .service-carousel-container .mobile-service-rating-summary {
        width: 100%
    }

    .feefo-rating-container .service-carousel-container .mobile-service-rating-summary .mobile-service-rating-badge {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.tech-categories {
    margin-top: 1rem
}

.tech-categories .category-heder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .tech-categories .category-heder {
        justify-content:flex-start
    }
}

.tech-categories .category-heder .title {
    font-size: clamp(22px,2.5vw,24px);
    font-weight: 600;
    color: #000;
    font-style: normal;
    line-height: normal
}

.tech-categories .categories-wrap {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    text-align: center;
    padding-block:1rem;flex-wrap: wrap
}

@media (min-width: 1000px) and (max-width: 1228px) {
    .tech-categories .categories-wrap {
        flex-wrap:unset
    }
}

.tech-categories .categories-wrap a {
    margin-bottom: 25px;
    color: #202020;
    text-decoration: none
}

.tech-categories .categories-wrap a .tech-category {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tech-categories .categories-wrap a .tech-category .img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    width: 131px;
    height: 149px;
    border-radius: 5px
}

.tech-categories .categories-wrap a .tech-category .category-name {
    font-size: 1rem;
    font-weight: 500;
    color: #202020;
    font-style: normal;
    line-height: normal
}

.tech-categories .categories-wrap a .tech-category .category-count {
    font-size: .875rem;
    font-weight: 400;
    color: #202020;
    font-style: normal;
    line-height: normal
}

@media (max-width: 1599px) {
    .tech-categories .categories-wrap a .tech-category .img-wrap {
        width:90px;
        height: 110px
    }

    .tech-categories .categories-wrap a .tech-category .img-wrap img.svg-icon {
        width: 72px
    }

    .tech-categories .categories-wrap a .tech-category .category-name {
        margin-top: 12px
    }

    .tech-categories .categories-wrap a .tech-category .category-count {
        font-size: .8rem
    }
}

@media (max-width: 576px) {
    .tech-categories .categories-wrap a {
        flex:1
    }
}

.popular-authors {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #f2f2f2
}

.popular-authors .carousel-header-left-title {
    color: #202020;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}


#cookieConsent{
    display: block;
}

@media only screen and (min-width: 300px) {
    html:not([dir=rtl]) [oc-component-name="utility-container"]> .style-utility-5b47c2cc-482a-4842-87b1-6bf01dcc924e-oc-aem-bg-color-picker.px-5.py-5.py-lg-5 {
        padding: 0.9rem 0.8rem 1rem 0.8rem !important;
        border-radius: 18px;
        text-align: center;
    }
    .pl-5, .pr-5{
         padding: 0.9rem 0.8rem 1rem 0.8rem !important;
    }

}
    button, input {
    outline: none !important;
}

button:focus, input:focus {
    outline: none !important;
}