.card_editor {
    border: 1px solid #171717;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 36px
}

.card_editor .trash_img {
    width: 25px;
    height: 26px;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer
}

.trash_img svg {
    width: 100%;
    height: 100%
}

.card_editor .trash_img svg path {
    transition: 0.3s
}

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

.card_editor .separator {
    width: 100%;
    height: 1px;
    background: #ddd;
    border-radius: 1px;
    margin-top: 32px;
    margin-bottom: 32px
}

.card_editor_bottom .input_box {
    margin-top: 0
}

.white_page .header.active .open_menu.active div {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.white_page .hidden_menu {
    background-color: #000;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.white_page .open_menu div {
    background-color: #000
}

.white_page .header__blured {
    background: #F4F4F4;
    padding: 25px 0
}

.white_page .header__blured.active {
    background: #F4F4F4
}

.white_page .header__visible .left_col {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

.white_page .header__visible .left_col .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s
}

.white_page .header__visible .left_col .separator {
    width: 1px;
    min-height: 40px;
    height: auto;
    min-width: 1px;
    background: #222;
    opacity: .15;
    margin: 0 32px
}

.white_button.-gray {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 60px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #171717;
    padding: 11px 15px;
    position: relative;
    min-width: 106px
}

.white_button.back_button {
    padding-left: 44px;
    justify-content: flex-end;
    min-width: 90px
}

.white_button.back_button:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    width: 16px;
    height: 16px;
    left: 16px;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.38896 0.844774C3.11841 0.595036 2.69664 0.611905 2.4469 0.88245L0.293052 3.21576C0.0573201 3.47113 0.0573183 3.86476 0.293048 4.12013L2.4469 6.45349C2.69663 6.72404 3.1184 6.74091 3.38895 6.49118C3.6595 6.24144 3.67637 5.81967 3.42664 5.54912L2.30556 4.33461L8.78292 4.33461C9.15111 4.33461 9.44959 4.03614 9.44959 3.66795C9.44959 3.29976 9.15111 3.00128 8.78292 3.00128L2.30559 3.00128L3.42663 1.78683C3.67637 1.51628 3.6595 1.09451 3.38896 0.844774Z' fill='%23171717'/%3E%3C/svg%3E%0A")
}

.white_page .header__visible {
    align-items: center
}

.card__pre_view-section {
    height: 100vh;
    padding-top: 126px;
    width: 100%
}

.card__pre_view-content {
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 730px
}

.card__pre_view-content .card {
    width: 100%;
    height: 340px;
    background-color: #222;
    border-radius: 24px;
    position: relative
}

.card__pre_view-content .card:not(:last-child) {
    margin-bottom: 42px
}

.card__front .chip_img {
    position: absolute;
    left: 54px;
    top: 110px;
    width: 74px;
    height: 54px
}

.card__front .chip_img img {
    display: block;
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card__front .name_text {
    display: block;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #FFF;
    left: 89px;
    bottom: 28px;
    position: absolute
}

.card__back .black_line {
    position: absolute;
    width: 100%;
    height: 56px;
    background: linear-gradient(90deg, #000000 0%, #3E3E3E 75.52%, #323232 100%);
    left: 0;
    top: 28px
}

.white_line {
    position: absolute;
    left: 24px;
    top: 108px
}

.white_line-line {
    width: 348px;
    height: 74px;
    background: #FEFEFE
}

.security_pin {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #FFF;
    margin-left: 16px
}

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

.bottom_white_line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 348px
}

.bottom_white_line p {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #FFF
}

.card__settings_section {
    background-color: #FFF;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #DEDEDE;
    padding-top: 90px;
    padding-bottom: 147px;
    transition: 0.4s
}

.mob_content {
    overflow: hidden;
    height: 100%;
    max-height: 100%
}

.mobile_swiped {
    display: block;
    height: 100%;
    max-height: calc(100% - 123px);
    overflow: auto;
    overflow-x: hidden;
    position: relative
}

.mobile_swiped::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.mobile_swiped::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 10px
}

.mobile_swiped::-webkit-scrollbar-thumb {
    background-color: #80807F;
    border-radius: 5px
}

.card__settings_container {
    width: 100%;
    max-width: 510px;
    box-sizing: content-box;
    padding: 0 40px;
    padding-right: calc((100vw - 1280px) / 2);
    position: relative
}

.-grey_border-bottom {
    border-bottom: 1px solid #DEDEDE
}

.-grey_border-top {
    border-top: 1px solid #DEDEDE
}

.card__settings_header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.card__settings_header .title_2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.01em;
    color: #171717
}

.card__settings_header .card__settings_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 90px
}

.card__settings_navigation {
    padding: 36px 0
}

.card__settings_nav_block {
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card__settings_nav_block .nav__item {
    padding: 16px 16px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #171717;
    opacity: .6;
    text-align: center;
    min-width: 170px;
    cursor: pointer;
    transition: 0.4s
}

.card__settings_nav_block .nav__item:first-child {
    border-radius: 10px 0 0 10px
}

.card__settings_nav_block .nav__item:last-child {
    border-radius: 0 10px 10px 0
}

.card__settings_nav_block .nav__item.active {
    opacity: 1;
    background-color: #171717;
    color: #FFF
}

.hide {
    display: none !important
}

.pre_input_text {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .5);
    position: relative;
    margin-bottom: 12px
}

.hint_icon {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0
}

.hint_icon svg {
    width: 15px;
    height: 15px
}

.-hint {
    padding-right: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    z-index: 4
}

.-hint.active .hint_child {
    opacity: 1;
    transform: none;
    pointer-events: auto
}

.hint_child {
    position: absolute;
    left: calc(100% - 44px);
    top: calc(100% + 8px);
    display: flex;
    width: 362px;
    max-width: 362px;
    background: #171717;
    border-radius: 8px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FEFEFE;
    padding: 4px 8px;
    opacity: 0;
    transform: translateY(10px);
    transition: 0.3s;
    cursor: auto;
    pointer-events: none
}

.hint_child:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 30px;
    top: -4px;
    border-radius: 4px;
    background: #171717;
    transform: rotate(45deg);
    z-index: -1
}

.card__settings_item {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.4s
}

.card__settings_item.active {
    position: relative;
    opacity: 1;
    pointer-events: all
}

.card__settings_item form {
    padding-top: 12px
}

.input_box {
    margin-top: 24px
}

.input_box .parent_drop {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FEFEFE;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 12px 16px;
    padding-right: 70px;
    cursor: pointer;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #171717;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.4s
}

.input_box .parent_drop:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.707.793a1 1 0 00-1.414 0L4.5 3.586 1.707.793A1 1 0 00.293 2.207l3.5 3.5a1 1 0 001.414 0l3.5-3.5a1 1 0 000-1.414z' fill='%23171717'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 9px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    right: 12px;
    display: block;
    position: absolute;
    top: 50%;
    margin: -12px 0 0;
    transition: 0.4s
}

.dropdown {
    width: 100%;
    position: relative;
    transition: 0.4s
}

.dropdown .flag_img {
    flex: none;
    border-radius: 6px;
    overflow: hidden;
    width: 28px;
    height: 20px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dropdown .card_img {
    width: 24px;
    height: 18px;
    border-radius: 0
}

.dropdown .flag_img img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.child_drop {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 16px;
    overflow: hidden;
    max-height: 300px;
    position: absolute;
    top: 100%;
    margin: 10px 0 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
    z-index: 10;
    transform: translateY(10px)
}

.child_drop ul {
    padding: 6px 16px;
    padding-left: 0
}

.child_drop ul.-scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.child_drop ul.-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 16px;
    margin-bottom: 16px
}

.child_drop ul.-scrollbar::-webkit-scrollbar-thumb {
    background-color: 1px solid #ddd;
    border-radius: 5px
}

.child_drop ul li {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 15px 0;
    transition: 0.3s;
    border-radius: 2px;
    color: rgba(23, 23, 23, .5)
}

.child_drop ul li:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.dropdown.active .child_drop {
    opacity: 1;
    pointer-events: auto;
    background-color: #FFF;
    transform: translateY(0)
}

.dropdown.active .parent_drop:after {
    transform: rotate(180deg)
}

.dropdown.active .parent_drop {
    border: 1px solid #909090
}

.input_box_carddropdown li.active {
    display: none
}

.input_box_carddropdown .dropdown.active .parent_drop {
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid #ddd
}

.input_box_carddropdown .child_drop {
    margin: 0;
    border-radius: 0 0 12px 12px;
    border: 1px solid #909090;
    border-top: 0;
    padding: 0
}

.input_box_carddropdown .child_drop ul {
    padding: 0
}

.input_box_carddropdown .child_drop ul li {
    padding: 12px 16px
}

.white_page form input,
.white_page form textarea,
.white_page select {
    background: #FEFEFE;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px 16px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #171717;
    margin-top: 0
}

.white_page select {
    width: 100%
}

.white_page form input:focus,
.white_page form textarea:focus,
.white_page select:focus {
    border: 1px solid #909090
}

.radio_box input {
    display: none !important
}

.radio_box input+label {
    min-width: 36px;
    position: relative;
    display: block;
    cursor: pointer;
    transition: 0.4s;
    opacity: .5;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    color: #171717
}

.radio_box input:checked+label {
    opacity: 1
}

.radio_box input+label img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
    margin-bottom: 12px
}

.radio_box:not(:last-child) {
    margin-right: 24px
}

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

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

.double_input_box .-bigger_input {
    width: 348px
}

.card__settings_footer {
    padding: 48px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.white_button.order_button {
    padding: 16px 24px;
    justify-content: flex-start;
    padding-right: 52px;
    min-width: auto;
    background: #171717;
    border-radius: 10px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #FEFEFE;
    position: relative
}

.white_button.order_button:after {
    content: '';
    display: block;
    position: absolute;
    right: 23px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.89461 0.844774C7.16516 0.595036 7.58693 0.611905 7.83667 0.88245L9.99052 3.21576C10.2262 3.47113 10.2263 3.86476 9.99052 4.12013L7.83667 6.45349C7.58694 6.72404 7.16517 6.74091 6.89462 6.49118C6.62407 6.24144 6.6072 5.81967 6.85693 5.54912L7.978 4.33461L1.50065 4.33461C1.13246 4.33461 0.833984 4.03614 0.833984 3.66795C0.833984 3.29976 1.13246 3.00128 1.50065 3.00128L7.97798 3.00128L6.85694 1.78683C6.6072 1.51628 6.62407 1.09451 6.89461 0.844774Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A")
}

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

.saving_block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 40px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #171717;
    margin-right: 24px
}

.saving_block:after {
    content: '';
    margin-left: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8.5 1.332a.667.667 0 00-.666.667v2a.667.667 0 001.333 0v-2a.667.667 0 00-.666-.667zM8.5 11.332a.667.667 0 00-.666.667v2a.667.667 0 101.333 0v-2a.667.667 0 00-.666-.667zM14.5 7.332a.667.667 0 010 1.333h-2a.667.667 0 110-1.333h2zM5.167 7.999a.667.667 0 00-.666-.667h-2a.667.667 0 000 1.333h2A.667.667 0 005.167 8zM12.272 3.285a.667.667 0 11.943.943L11.8 5.642a.667.667 0 11-.942-.943l1.414-1.414zM6.144 10.356a.667.667 0 00-.943 0L3.787 11.77a.667.667 0 10.942.943l1.415-1.414a.667.667 0 000-.943zM13.215 11.77a.667.667 0 11-.943.943l-1.414-1.414a.667.667 0 11.942-.943l1.415 1.414zM6.144 5.642a.667.667 0 000-.943L4.729 3.285a.667.667 0 10-.942.942L5.2 5.642c.26.26.682.26.943 0z' fill='%23171717'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: rotate linear 3s infinite;
    animation: rotate linear 3s infinite
}

.radio__double_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.radio_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    flex-wrap: wrap
}

.radio_list .radio_box {
    margin: 0
}

.radio__double_list .input_box {
    margin-top: 0;
    margin-bottom: 10px
}

.radio__double_list:last-child .input_box:last-child {
    margin-bottom: 0
}

.radio__double_list .input_box:not(:last-child) {
    margin-right: 28px
}

.radio_list .radio_box:not(:last-child) {
    margin-right: 24px
}

.radio_list .radio_box input+label {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: rgba(23, 23, 23, .5);
    transition: 0.3s
}

.radio_list .radio_box input+label .img {
    width: 48px;
    height: 48px;
    position: relative;
    margin-bottom: 12px;
    transition: 0.3s
}

.radio_list .radio_box input+label .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 24px;
    height: 24px;
    background-color: #FFF;
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s
}

.radio_list .radio_box input:checked+label .img:after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.radio_list .radio_box input:checked+label {
    color: rgba(23, 23, 23, 1)
}

.border_img {
    width: 64px;
    height: 48px;
    margin-bottom: 12px;
    background: #FCFCFD;
    border: 1px solid #ddd;
    border-radius: 12px;
    transition: 0.3s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

html body img.border_img_icon {
    display: block;
    position: relative;
    margin: 0;
    transition: 0.3s;
    width: 32px
}

.check_list {
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.check_list .radio_box input+label {
    opacity: 1
}

.check_list .radio_box input:checked+label .border_img {
    background-color: #222;
    border-color: #222
}

.check_list .radio_box input:checked+label .border_img_icon {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.check_list .radio_box input+label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.check_list .radio_box input:checked+label {
    color: rgba(23, 23, 23, 1)
}

.check_list .radio_box input+label {
    color: rgba(23, 23, 23, .5)
}

.check_list .radio_box:not(:last-child) {
    margin-right: 24px
}

.check_list_border .radio_box:not(:last-child) {
    margin-right: 12px
}

.editor_card form {
    padding: 0
}

.adding_button {
    width: 100%;
    min-height: 120px;
    border: 1px dashed #DEDEDE;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin-top: 36px;
    transition: 0.3s
}

.add_css .icon {
    width: 48px;
    height: 72px;
    background: rgba(34, 34, 34, .05);
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    list-style: circle;
    transition: 0.3s
}

.add_css .text {
    max-width: 70%
}

.add_css .icon:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.text_icon .icon:before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(https://www.carboncoskins.com/wp-content/themes/catapulta-carbon/css/%23clip0)'%3E%3Cpath d='M0.5 8H7.77188V9.65857H5.1204V17H3.15148V9.65857H0.5V8Z' fill='%23171717' fill-opacity='0.5'/%3E%3Cpath d='M11.2589 12.41L8.39742 8H10.7864L12.5978 10.8286L14.4486 8H16.6012L13.7398 12.41L16.7456 17H14.3436L12.3878 13.9786L10.3926 17H8.25303L11.2589 12.41Z' fill='%23171717' fill-opacity='0.5'/%3E%3Cpath d='M17.2281 8H24.5V9.65857H21.8485V17H19.8796V9.65857H17.2281V8Z' fill='%23171717' fill-opacity='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.img_icon .icon:before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5 10C18.5 14.4183 14.9183 18 10.5 18C6.08172 18 2.5 14.4183 2.5 10C2.5 5.58172 6.08172 2 10.5 2C14.9183 2 18.5 5.58172 18.5 10ZM20.5 10C20.5 15.5228 16.0228 20 10.5 20C4.97715 20 0.5 15.5228 0.5 10C0.5 4.47715 4.97715 0 10.5 0C16.0228 0 20.5 4.47715 20.5 10ZM10.5 4C11.0523 4 11.5 4.44772 11.5 5V9H15.5C16.0523 9 16.5 9.44772 16.5 10C16.5 10.5523 16.0523 11 15.5 11H11.5V15C11.5 15.5523 11.0523 16 10.5 16C9.94772 16 9.5 15.5523 9.5 15V11H5.5C4.94772 11 4.5 10.5523 4.5 10C4.5 9.44772 4.94772 9 5.5 9H9.5V5C9.5 4.44772 9.94772 4 10.5 4Z' fill='%23171717' fill-opacity='0.5'/%3E%3C/svg%3E%0A")
}

.add_css p {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .5)
}

.add_css p strong {
    font-weight: 700;
    color: rgba(23, 23, 23, 1);
    font-size: 16px;
    line-height: 24px
}

.add_css p em {
    color: #171717
}

.add_css p:not(:last-child) {
    margin-bottom: 8px
}

.card_editor {
    border: 1px solid #171717;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 36px
}

.card_editor .trash_img {
    width: 25px;
    height: 26px;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer
}

.trash_img svg {
    width: 100%;
    height: 100%
}

.card_editor .trash_img svg path {
    transition: 0.3s
}

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

.card_editor .separator {
    width: 100%;
    height: 1px;
    background: #ddd;
    border-radius: 1px;
    margin-top: 32px;
    margin-bottom: 32px
}

.card_editor_bottom .input_box {
    margin-top: 0
}

.number {
    position: relative
}

.number_controls {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.number_controls>div {
    width: 100%;
    height: 16px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4px;
    position: relative;
    transition: 0.3s
}

.number_controls>div.nonactive {
    opacity: .5;
    pointer-events: none
}

.number_controls>div:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat
}

.nc-plus:before {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.695262 3.4714C0.955612 3.73175 1.37772 3.73175 1.63807 3.4714L3.5 1.60948L5.36193 3.4714C5.62228 3.73175 6.04439 3.73175 6.30474 3.4714C6.56509 3.21105 6.56509 2.78894 6.30474 2.5286L3.9714 0.195262C3.71106 -0.0650875 3.28895 -0.0650875 3.0286 0.195262L0.695262 2.5286C0.434913 2.78895 0.434913 3.21106 0.695262 3.4714Z' fill='%23171717'/%3E%3C/svg%3E%0A")
}

.nc-minus:before {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.30474 0.528595C6.04439 0.268245 5.62228 0.268245 5.36193 0.528595L3.5 2.39052L1.63807 0.528595C1.37772 0.268245 0.955611 0.268245 0.695262 0.528595C0.434912 0.788944 0.434912 1.21105 0.695262 1.4714L3.0286 3.80474C3.28894 4.06509 3.71105 4.06509 3.9714 3.80474L6.30474 1.4714C6.56509 1.21105 6.56509 0.788945 6.30474 0.528595Z' fill='%23171717'/%3E%3C/svg%3E%0A")
}

.card_editor_bottom .input_box {
    width: 268px
}

.card_editor_bottom .input_box.number_box {
    min-width: 90px;
    width: 90px;
    margin-left: 24px
}

.card_editor_bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.white_page form .number input {
    padding-right: 49px;
    width: 88px;
    height: 50px;
    min-width: auto;
    margin-right: 0
}

.number_controls {
    right: 17px;
    width: 16px
}

.card_editor_bottom .dropdown_box {
    width: 286px
}

.color_buble {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
    border: 1px solid #ccc
}

.input_box.dropdown_box .parent_drop {
    padding-right: 48px
}

.input_box.dropdown_box .child_drop {
    bottom: 100%;
    top: auto;
    margin: 0 0 10px
}

.choose_file {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #FEFEFE;
    background: #171717;
    border-radius: 10px;
    padding: 16px 24px;
    margin-top: 32px;
    cursor: pointer;
    transition: 0.4s
}

.choose_file.nonactive {
    pointer-events: none;
    background: rgba(23, 23, 23, .2)
}

.editor_img_bottom {
    flex-direction: column
}

.editor_img_bottom.second_setting {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.card_editor_bottom.second_setting .input_box {
    width: auto
}

.inputs_row .sizes {
    width: 100px
}

.inputs_row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.inputs_row .input_box:not(:last-child) {
    margin-right: 24px
}

.sizes .input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sizes .input:after {
    content: '%';
    display: block;
    font-family: Aeonik;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #171717;
    position: absolute;
    right: 12px
}

.proportions_button {
    background: #FCFCFD;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 12px;
    width: 54px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: 0.4s
}

.proportions_button:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 18'%3E%3Cpath d='M7.22 14.842c0 .926-.753 1.68-1.68 1.68H3.46c-.926 0-1.68-.754-1.68-1.68v-4.56H.34v4.56c0 1.72 1.4 3.12 3.12 3.12h2.08c1.721 0 3.12-1.4 3.12-3.12v-4.56H7.22v4.56zM5.54.31H3.46C1.74.31.34 1.71.34 3.43v4.56h1.44V3.43c0-.927.754-1.68 1.68-1.68h2.08c.927 0 1.68.753 1.68 1.68v4.56h1.44V3.43C8.66 1.71 7.262.31 5.54.31zm-1.76 4.3v9.051h1.44V4.61H3.78z' fill='%23171717'/%3E%3C/svg%3E");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.4s
}

.proportions_button.active {
    border-color: rgba(0, 0, 0, 0);
    background-color: #171717
}

.proportions_button.active:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.inverse_button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FCFCFD;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 12px;
    transition: 0.4s;
    cursor: pointer;
    width: 66px;
    height: 48px
}

.inverse_button:after {
    content: "";
    transition: 0.4s;
    display: block;
    width: 23px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.9061 16.0004C28.9061 16.5972 28.8654 17.191 28.7873 17.7816C28.7998 17.6972 28.8092 17.616 28.8217 17.5316C28.6623 18.7035 28.3498 19.8504 27.8904 20.941C27.9217 20.866 27.9529 20.791 27.9842 20.716C27.7186 21.3379 27.4092 21.941 27.0561 22.516C26.8842 22.7972 26.6998 23.0691 26.5092 23.3347C26.4623 23.4004 26.4123 23.466 26.3623 23.5316C26.3404 23.5597 26.3154 23.6066 26.2873 23.6285C26.2842 23.6316 26.4436 23.4285 26.3592 23.5347C26.2498 23.6754 26.1373 23.8129 26.0217 23.9472C25.5967 24.4472 25.1373 24.916 24.6467 25.3504C24.5248 25.4597 24.3998 25.566 24.2717 25.6691C24.2092 25.7222 24.1436 25.7722 24.0811 25.8222C24.0592 25.8379 24.0373 25.8566 24.0154 25.8722C24.2717 25.6691 24.0998 25.8066 24.0436 25.8504C23.7811 26.0472 23.5123 26.2347 23.2342 26.4129C22.5967 26.8222 21.9248 27.1754 21.2279 27.4722C21.3029 27.441 21.3779 27.4097 21.4529 27.3785C20.3592 27.8441 19.2123 28.1566 18.0404 28.3129C18.1248 28.3004 18.2061 28.291 18.2904 28.2785C17.0998 28.4347 15.8904 28.4347 14.6998 28.2754C14.7842 28.2879 14.8654 28.2972 14.9498 28.3097C13.7873 28.1504 12.6498 27.8379 11.5686 27.3847C11.6436 27.416 11.7186 27.4472 11.7936 27.4785C11.1967 27.2254 10.6154 26.9285 10.0592 26.591C9.77793 26.4191 9.49981 26.2379 9.23106 26.0441C9.10918 25.9566 8.99043 25.866 8.86856 25.7754C9.12793 25.9691 8.90606 25.8035 8.84668 25.7566C8.77793 25.7004 8.70606 25.6441 8.63731 25.5847C8.14356 25.1722 7.67793 24.7254 7.24668 24.2472C7.13731 24.1254 7.02793 24.0004 6.92481 23.8722C6.87793 23.816 6.82793 23.7566 6.78106 23.6972C6.72793 23.6316 6.53418 23.3754 6.73418 23.641C6.54356 23.3879 6.35918 23.1347 6.18418 22.8722C5.73418 22.191 5.34981 21.4722 5.02793 20.7222C5.05918 20.7972 5.09043 20.8722 5.12168 20.9472C4.65918 19.8504 4.34668 18.7004 4.18731 17.5222C4.19981 17.6066 4.20918 17.6879 4.22168 17.7722C4.06856 16.5941 4.06856 15.4035 4.22168 14.2254C4.20918 14.3097 4.19981 14.391 4.18731 14.4754C4.34668 13.2972 4.66231 12.1441 5.12481 11.0472C5.09356 11.1222 5.06231 11.1972 5.03106 11.2722C5.29981 10.6441 5.61231 10.0347 5.97481 9.45349C6.14981 9.17224 6.33418 8.90036 6.52793 8.63161C6.57793 8.56286 6.63106 8.49099 6.68418 8.42224C6.77481 8.30036 6.64043 8.47849 6.63106 8.48786C6.66231 8.44724 6.69356 8.40661 6.72793 8.36599C6.83418 8.23161 6.94668 8.09724 7.05918 7.96599C7.49356 7.46286 7.96543 6.99099 8.46856 6.55661C8.58731 6.45349 8.70606 6.35349 8.82793 6.25661C8.87793 6.21599 8.93106 6.17536 8.98418 6.13474C8.73418 6.34099 9.00918 6.11599 9.06856 6.07224C9.32168 5.88474 9.57793 5.70974 9.84356 5.54099C10.4592 5.15036 11.1092 4.80974 11.7811 4.52536C11.7061 4.55661 11.6311 4.58786 11.5561 4.61911C12.6498 4.15661 13.7998 3.84411 14.9779 3.68474C14.8936 3.69724 14.8123 3.70661 14.7279 3.71911C15.9092 3.56286 17.1061 3.56286 18.2873 3.71911C18.2029 3.70661 18.1217 3.69724 18.0373 3.68474C19.2092 3.84411 20.3561 4.15661 21.4467 4.61599C21.3717 4.58474 21.2967 4.55349 21.2217 4.52224C21.8436 4.78786 22.4467 5.09724 23.0217 5.45036C23.3029 5.62224 23.5748 5.80661 23.8404 5.99724C23.9061 6.04411 23.9717 6.09411 24.0373 6.14411C24.0654 6.16599 24.1123 6.19099 24.1342 6.21911C24.1373 6.22224 23.9342 6.06286 24.0404 6.14724C24.1811 6.25661 24.3186 6.36911 24.4529 6.48474C24.9529 6.90974 25.4217 7.36911 25.8561 7.85974C25.9654 7.98161 26.0717 8.10661 26.1748 8.23474C26.2279 8.29724 26.2779 8.36286 26.3279 8.42536C26.3436 8.44724 26.3623 8.46911 26.3779 8.49099C26.1748 8.23474 26.3123 8.40661 26.3561 8.46286C26.5529 8.72536 26.7404 8.99411 26.9186 9.27224C27.3279 9.90974 27.6811 10.5816 27.9779 11.2785C27.9467 11.2035 27.9154 11.1285 27.8842 11.0535C28.3436 12.1441 28.6561 13.291 28.8154 14.4629C28.8029 14.3785 28.7936 14.2972 28.7811 14.2129C28.8654 14.8097 28.9061 15.4035 28.9061 16.0004C28.9061 16.491 29.3373 16.9597 29.8436 16.9379C30.3498 16.916 30.7811 16.5254 30.7811 16.0004C30.7779 13.3004 30.0061 10.6035 28.5467 8.32849C27.1342 6.12849 25.1186 4.30349 22.7592 3.16911C21.5529 2.58786 20.2811 2.16286 18.9623 1.94099C17.3998 1.68161 15.8436 1.67224 14.2748 1.90661C11.1279 2.37536 8.15606 3.98786 6.01231 6.32849C3.65606 8.90036 2.29668 12.2754 2.23731 15.766C2.20918 17.4691 2.48418 19.1972 3.06543 20.7972C3.62168 22.3254 4.41543 23.7222 5.43106 24.9879C7.21856 27.2191 9.71543 28.8691 12.4498 29.6847C15.1811 30.4972 18.1842 30.466 20.8936 29.5847C23.3842 28.7722 25.6561 27.2785 27.3498 25.2785C29.0717 23.2472 30.2467 20.7597 30.6186 18.116C30.7154 17.4129 30.7811 16.7097 30.7811 16.0004C30.7811 15.5097 30.3498 15.041 29.8436 15.0629C29.3342 15.0847 28.9061 15.4754 28.9061 16.0004Z' fill='%23171717'/%3E%3Cpath d='M16.5001 2.66504V29.3369C11.5626 29.3369 7.22822 26.6338 4.92822 22.6182C3.85322 20.7432 3.21885 18.5807 3.1876 16.2744C3.1876 16.1838 3.17822 16.0932 3.17822 16.0025C3.17822 14.0963 3.5751 12.2869 4.29385 10.6463C5.09072 8.83066 6.2751 7.22754 7.74697 5.94316C10.0907 3.89941 13.1563 2.66504 16.5001 2.66504Z' fill='%23171717'/%3E%3Cpath d='M15.8845 2.66482C15.8845 2.90232 15.8845 3.13982 15.8845 3.37732C15.8845 4.0242 15.8845 4.67107 15.8845 5.31482C15.8845 6.27107 15.8845 7.22732 15.8845 8.18357C15.8845 9.3492 15.8845 10.5179 15.8845 11.6836C15.8845 12.9617 15.8845 14.2398 15.8845 15.5179C15.8845 16.8117 15.8845 18.1086 15.8845 19.4023C15.8845 20.6054 15.8845 21.8086 15.8845 23.0117C15.8845 24.0273 15.8845 25.0461 15.8845 26.0617C15.8845 26.7929 15.8845 27.5242 15.8845 28.2554C15.8845 28.6023 15.8751 28.9492 15.8845 29.2929C15.8845 29.3086 15.8845 29.3242 15.8845 29.3367C16.0938 29.1273 16.3001 28.9211 16.5094 28.7117C16.1876 28.7117 15.8688 28.6992 15.5501 28.6773C15.3907 28.6648 15.2345 28.6523 15.0782 28.6367C15.0001 28.6273 14.922 28.6179 14.8438 28.6086C14.8126 28.6054 14.7813 28.6023 14.7501 28.5961C14.922 28.6242 14.7438 28.5929 14.7063 28.5898C14.0845 28.4992 13.4688 28.3617 12.8688 28.1836C12.5751 28.0961 12.2845 27.9992 12.0001 27.8898C11.8657 27.8398 11.7313 27.7867 11.597 27.7304C11.5438 27.7086 11.5032 27.6554 11.6001 27.7304C11.5813 27.7148 11.5407 27.7054 11.5157 27.6929C11.4313 27.6554 11.3501 27.6179 11.2657 27.5804C10.7188 27.3273 10.1876 27.0398 9.67821 26.7148C9.42508 26.5523 9.17821 26.3836 8.93446 26.2054C8.87508 26.1617 8.81571 26.1148 8.75321 26.0711C8.63446 25.9804 8.82821 26.1304 8.75633 26.0742C8.72821 26.0523 8.69696 26.0273 8.66883 26.0054C8.55008 25.9117 8.43446 25.8179 8.32196 25.7211C7.85946 25.3273 7.42508 24.9054 7.02196 24.4523C6.82196 24.2304 6.63134 23.9992 6.44384 23.7648C6.38446 23.6898 6.53446 23.8867 6.44384 23.7679C6.42509 23.7429 6.40634 23.7211 6.39071 23.6961C6.34696 23.6367 6.30009 23.5773 6.25634 23.5148C6.15946 23.3804 6.06571 23.2461 5.97196 23.1086C5.60321 22.5648 5.28134 21.9992 5.00009 21.4117C4.92821 21.2586 4.85946 21.1054 4.79071 20.9523C4.74696 20.8554 4.84696 21.0898 4.78134 20.9304C4.76884 20.8961 4.75321 20.8648 4.74071 20.8304C4.70009 20.7304 4.66259 20.6336 4.62509 20.5336C4.50009 20.1992 4.38759 19.8586 4.28759 19.5179C4.18759 19.1711 4.10321 18.8211 4.03134 18.4679C3.99696 18.2898 3.96259 18.1117 3.93446 17.9304C3.91884 17.8398 3.90634 17.7492 3.89384 17.6586C3.89696 17.6836 3.90946 17.7836 3.89384 17.6617C3.88759 17.6054 3.88134 17.5523 3.87509 17.4961C3.79384 16.7586 3.77196 16.0148 3.81259 15.2773C3.82196 15.0961 3.83446 14.9148 3.85321 14.7336C3.86259 14.6398 3.87196 14.5429 3.88446 14.4492C3.88759 14.4117 3.89384 14.3742 3.89696 14.3367C3.90634 14.2617 3.90634 14.2617 3.89696 14.3336C3.90009 14.3054 3.90321 14.2773 3.90946 14.2492C3.96571 13.8679 4.03446 13.4898 4.12196 13.1148C4.29071 12.3961 4.51571 11.6898 4.80321 11.0117C4.75634 11.1211 4.79384 11.0304 4.80634 11.0086C4.82821 10.9586 4.85009 10.9117 4.87196 10.8617C4.90321 10.7898 4.93759 10.7179 4.97196 10.6461C5.05009 10.4804 5.13134 10.3148 5.21571 10.1523C5.37821 9.84295 5.55009 9.53982 5.73446 9.24607C5.91884 8.95232 6.11571 8.66482 6.32196 8.38669C6.34696 8.35232 6.37509 8.31795 6.40009 8.28357C6.41884 8.25857 6.49071 8.16482 6.41259 8.26482C6.46571 8.19607 6.51884 8.12732 6.57509 8.0617C6.68446 7.92732 6.79384 7.79607 6.90946 7.66482C7.36883 7.13982 7.86571 6.65232 8.40008 6.20545C8.51883 6.10545 8.64071 6.00857 8.76571 5.9117C8.64696 6.00545 8.85008 5.8492 8.87508 5.83045C8.94696 5.77732 9.02196 5.7242 9.09383 5.67107C9.36883 5.4742 9.65321 5.28982 9.94071 5.11482C10.2251 4.94295 10.5157 4.78357 10.8095 4.63357C10.9438 4.56482 11.0782 4.4992 11.2126 4.4367C11.2876 4.40232 11.3626 4.36795 11.4407 4.33357C11.4876 4.31482 11.5313 4.29295 11.5782 4.2742C11.4782 4.31795 11.5626 4.28045 11.6126 4.25857C12.2345 4.00232 12.8782 3.79607 13.5313 3.6367C13.8626 3.55545 14.2001 3.48982 14.5345 3.43357C14.6188 3.42107 14.7032 3.40857 14.7907 3.39607C14.9095 3.37732 14.8001 3.39295 14.7782 3.39607C14.8282 3.3867 14.8813 3.38357 14.9313 3.37732C15.1032 3.35857 15.2782 3.33982 15.4501 3.32732C15.8001 3.2992 16.1532 3.2867 16.5032 3.2867C16.8313 3.2867 17.1438 2.9992 17.1282 2.6617C17.1126 2.3242 16.8532 2.0367 16.5032 2.0367C13.6157 2.04295 10.7438 2.93982 8.39696 4.63357C5.97196 6.38357 4.13759 8.86169 3.21259 11.7117C2.25009 14.6804 2.32197 17.9992 3.43446 20.9148C4.40321 23.4523 6.07509 25.6429 8.25321 27.2586C10.3657 28.8242 12.922 29.7367 15.5407 29.9242C15.8595 29.9461 16.1813 29.9586 16.5001 29.9586C16.8376 29.9586 17.1251 29.6711 17.1251 29.3336C17.1251 29.0961 17.1251 28.8586 17.1251 28.6211C17.1251 27.9742 17.1251 27.3273 17.1251 26.6836C17.1251 25.7273 17.1251 24.7711 17.1251 23.8148C17.1251 22.6492 17.1251 21.4804 17.1251 20.3148C17.1251 19.0367 17.1251 17.7586 17.1251 16.4804C17.1251 15.1867 17.1251 13.8898 17.1251 12.5961C17.1251 11.3929 17.1251 10.1898 17.1251 8.9867C17.1251 7.97107 17.1251 6.95232 17.1251 5.9367C17.1251 5.20545 17.1251 4.4742 17.1251 3.74295C17.1251 3.39607 17.1313 3.0492 17.1251 2.70545C17.1251 2.68982 17.1251 2.6742 17.1251 2.6617C17.1251 2.33357 16.8376 2.02107 16.5001 2.0367C16.1688 2.05232 15.8845 2.3117 15.8845 2.66482Z' fill='%23171717'/%3E%3C/svg%3E%0A")
}

.inverse_button.active {
    border: 1px solid rgba(34, 34, 34, 0);
    background-color: #171717
}

.inverse_button.active:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.none {
    display: none !important
}

.added_content {
    display: none
}

.modal__wrapper {
    position: fixed;
    z-index: 50;
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s
}

.modal__wrapper.active {
    opacity: 1;
    pointer-events: auto
}

.modal_content {
    background-color: #FFF;
    position: absolute;
    padding: 32px;
    padding-right: 15px;
    background: #FCFCFD;
    box-shadow: 0 64px 64px -48px rgba(31, 47, 70, .12);
    overflow: hidden;
    top: auto;
    transition: 0.3s;
    pointer-events: none;
    opacity: 0;
    border-radius: 10px
}

.modal_content.active {
    opacity: 1;
    pointer-events: all
}

.order_modal {
    width: 1024px
}

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

.top_modal_row .title_2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.01em;
    color: #171717;
    max-width: 90%
}

.close_modal {
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.close_modal:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.792893 0.292893C1.18342 -0.0976309 1.81658 -0.0976309 2.20711 0.292893L7.5 5.58579L12.7929 0.292893C13.1834 -0.0976311 13.8166 -0.0976311 14.2071 0.292893C14.5976 0.683417 14.5976 1.31658 14.2071 1.70711L8.91421 7L14.2071 12.2929C14.5976 12.6834 14.5976 13.3166 14.2071 13.7071C13.8166 14.0976 13.1834 14.0976 12.7929 13.7071L7.5 8.41421L2.20711 13.7071C1.81658 14.0976 1.18342 14.0976 0.792893 13.7071C0.402369 13.3166 0.402369 12.6834 0.792893 12.2929L6.08579 7L0.792893 1.70711C0.402369 1.31658 0.402369 0.683418 0.792893 0.292893Z' fill='%23171717'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%)
}

.current_step_row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 0
}

.current_step_row ol {
    counter-reset: section;
    display: flex;
    justify-content: center;
    align-items: center
}

.current_step_row ol li::before {
    counter-increment: section;
    content: counter(section) ". ";
    margin-right: 10px
}

.current_step_row ol li {
    margin: 0 27px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .15)
}

.current_step_row ol li.active {
    color: #171717
}

.step_section {
    overflow: auto;
    max-height: 80vh;
    padding-bottom: 50px;
    padding-right: 16px
}

.step {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: 0.4s
}

.step.active {
    opacity: 1;
    pointer-events: auto;
    position: relative
}

.step .double_input_box .input_box {
    width: 460px;
    margin: 0;
    margin-bottom: 32px
}

.step .input_box {
    margin-top: 0;
    margin-bottom: 32px
}

.step select.error,
.step input.error {
    border-color: #EC2929
}

.step .white_button {
    justify-self: flex-end;
    margin: auto;
    margin-right: 0;
    position: relative
}

.button_hide {
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    position: absolute
}

.bordered_item {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 24px;
    padding: 22px 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.card_choosen_preview {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-self: flex-start;
    margin-left: 0;
    margin-right: auto;
    max-width: 250px
}

.card_choosen_preview .img {
    background: rgba(34, 34, 34, .05);
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 10px;
    width: 64px;
    height: auto;
    margin-right: 16px;
    padding: 5px 10px
}

.card_choosen_preview .img img {
    border-radius: 4px;
    width: 100%
}

.card_choosen_preview .img img:first-child {
    margin-bottom: 3px
}

.text p {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .5)
}

.text a {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .5);
    transition: 0.3s
}

.text p strong {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #171717;
    font-weight: 700
}

.card_choosen_preview p:not(:last-child) {
    margin-bottom: 8px
}

.checkbox input {
    display: none !important;
}

.checkbox input+label {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #171717;
    position: relative;
    padding-left: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

.checkbox input+label:before {
    content: '';
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #171717;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    transition: 0.3s
}

.checkbox input+label:after {
    content: '';
    border-radius: 50%;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #171717;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    opacity: 0;
    transition: 0.3s;
    transform: scale(0)
}

.checkbox input:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox input:checked+label:before {
    background: rgba(54, 100, 232, .15);
    border-color: rgba(54, 100, 232, .15)
}

.checkbox_box {
    max-width: 284px
}

.checkbox_box p {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: rgba(23, 23, 23, .5);
    margin-top: 8px
}

.coupon_input {
    margin-left: 46px;
    position: relative
}

.coupon_input .alert {
    display: none;
    position: absolute;
    bottom: -18px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    color: rgba(23, 23, 23, .5)
}

.coupon_input .alert.active {
    display: block
}

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

.coupon_input .input:before {
    content: '';
    margin-left: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8.5 1.332a.667.667 0 00-.666.667v2a.667.667 0 001.333 0v-2a.667.667 0 00-.666-.667zM8.5 11.332a.667.667 0 00-.666.667v2a.667.667 0 101.333 0v-2a.667.667 0 00-.666-.667zM14.5 7.332a.667.667 0 010 1.333h-2a.667.667 0 110-1.333h2zM5.167 7.999a.667.667 0 00-.666-.667h-2a.667.667 0 000 1.333h2A.667.667 0 005.167 8zM12.272 3.285a.667.667 0 11.943.943L11.8 5.642a.667.667 0 11-.942-.943l1.414-1.414zM6.144 10.356a.667.667 0 00-.943 0L3.787 11.77a.667.667 0 10.942.943l1.415-1.414a.667.667 0 000-.943zM13.215 11.77a.667.667 0 11-.943.943l-1.414-1.414a.667.667 0 11.942-.943l1.415 1.414zM6.144 5.642a.667.667 0 000-.943L4.729 3.285a.667.667 0 10-.942.942L5.2 5.642c.26.26.682.26.943 0z' fill='%23171717'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: rotate linear 3s infinite;
    animation: rotate linear 3s infinite;
    transition: 0.4s;
    opacity: 0;
    position: absolute;
    right: 17px
}

.coupon_input .input.active:before {
    content: '';
    opacity: 1
}

.coupon_input .input input {
    padding-right: 48px
}

.step_content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 32px
}

.step_content .col {
    min-width: 300px
}

.step_content .col:not(:last-child) {
    margin-right: 30px
}

.card_choosen_preview p:not(:last-child) {
    margin-bottom: 8px
}

.contact_text p:not(:last-child) {
    margin-bottom: 12px
}

.step .radio_list input {
    display: none
}

.step .radio_list input+label {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #171717;
    position: relative;
    padding-left: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin-top: 12px
}

.step .radio_list input+label:before {
    content: '';
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #171717;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    transition: 0.3s
}

.step .radio_list input+label:after {
    content: '';
    border-radius: 50%;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #171717;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    opacity: 0;
    transition: 0.3s;
    transform: scale(0)
}

.step .radio_list input:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.step .radio_list input:checked+label:before {
    background: rgba(54, 100, 232, .15);
    border-color: rgba(54, 100, 232, .15)
}

.text.contact_text p,
.text.contact_text a {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(23, 23, 23, .5)
}

.text.contact_text p strong {
    font-size: 16px;
    line-height: 24px
}

.text.contact_text p:last-child a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #171717
}

.text.radio_list p {
    margin-bottom: 0
}

.price_col ul li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.price_col ul li p {
    max-width: 50%;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(23, 23, 23, .5)
}

.price_col ul li:not(:last-child) {
    margin-bottom: 12px
}

.price_col ul li.total {
    padding-top: 12px;
    border-top: 1px solid #E6E8EC
}

.price_col ul li.total p {
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #23262F
}

.price_col ul li.total p span {
    font-weight: 700
}

.order_agree_checkbox_container {
    display: block;
    position: relative;
    margin: 0 0 0 20px;
    font-size: 12px;
    line-height: 20px;
    color: #171717;
    transition: color 0.3s
}

.order_agree_checkbox_container a {
    color: inherit;
    text-decoration: underline;
    transition: 0
}

html body form .order_agree_checkbox_container input,
.order_agree_checkbox_container input {
    position: absolute;
    top: 10px;
    left: 5px;
    height: 4px;
    width: 4px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.order_agree_checkbox_container label {
    position: relative;
    display: block;
    background: #FCFCFD;
    padding: 14px 0 14px 24px
}

.order_agree_checkbox_container label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    display: block;
    background: transparent;
    transition: 0.3s;
    border: 2px solid #171717;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    margin: 0;
    box-sizing: border-box
}

.order_agree_checkbox_container label::after {
    content: '';
    position: absolute;
    left: 5.8px;
    top: 19.3px;
    display: block;
    width: 3px;
    height: 6px;
    border-bottom: 1.666px solid #171717;
    border-right: 1.666px solid #171717;
    margin: 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: 0.3s
}

.order_agree_checkbox_container input:checked~label:before {
    background-color: #E1E8FC
}

.order_agree_checkbox_container input:checked~label:after {
    opacity: 1
}

.order_agree_checkbox_container.error {
    color: #EC2929
}

.order_agree_checkbox_container.error label::before {
    border-color: #EC2929
}

.bottom_button_row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px
}

.bottom_button_row .white_button.-gray {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 10px;
    margin-right: 20px;
    height: 50px;
    min-width: 86px;
    margin-right: 20px
}

.bottom_button_row .white_button {
    margin: 0
}

.bottom_button_row .order_button {
    min-width: auto;
    height: auto;
    justify-self: unset;
    margin: 0
}

.modal_content {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: 0.4s
}

.modal_content.active {
    opacity: 1;
    pointer-events: auto;
    position: relative
}

.payment_modal {
    width: 384px;
    border-radius: 10px
}

.payment_modal .input_box {
    margin-top: 32px
}

.payment_modal .blue_button {
    margin-top: 32px;
    background: #3772FF;
    border-radius: 4px;
    font-family: Aeonik;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #FCFCFD;
    padding: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s
}

@media only screen and (max-width:1399px) {
    .card__pre_view-content {
        padding-left: 0;
        padding-right: 0;
        max-width: 570px
    }

    .card__settings_container {
        padding-right: 60px
    }
}

@media only screen and (max-width:1199px) {
    .card__pre_view-section {
        padding-bottom: 97px;
        min-height: 100vh;
        height: auto
    }

    .card__settings_section {
        background-color: rgba(0, 0, 0, 0);
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        height: 100vh;
        overflow: hidden;
        pointer-events: none
    }

    .card__settings_section.active .card__settings_section:before {
        opacity: 1;
        pointer-events: all
    }

    .card__settings_section.active {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(23, 23, 23, .6);
        pointer-events: auto
    }

    .card__settings_section .mob_content {
        position: fixed;
        display: block;
        background-color: #fff;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        padding-top: 92px;
        padding-bottom: 82px;
        height: 70%;
        max-height: 70%;
        min-height: 375px;
        box-shadow: 0 -6px 20px rgba(153, 155, 168, .15);
        border-radius: 0;
        transform: translateY(calc(100% - 92px));
        overflow: hidden;
        transition: 0.4s;
        z-index: 21;
        pointer-events: auto
    }

    .card__settings_section.active .mob_content {
        transform: translateY(0);
        padding-top: 116px;
        border-radius: 10px 10px 0 0
    }

    .card__settings_header .card__settings_container {
        display: none
    }

    .card__settings_container {
        padding: 0 15px;
        margin: 0 auto;
        box-sizing: border-box
    }

    .card__settings_header {
        height: 0;
        border: none;
        background-color: #FFF
    }

    .card__settings_header:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 12px;
        width: 32px;
        height: 5px;
        background: #5C5C79;
        border-radius: 100px;
        opacity: 0
    }

    .card__settings_section.active .card__settings_header:after {
        opacity: .14
    }

    .card__settings_section.active .card__settings_header {
        height: 24px
    }

    .card__settings_navigation {
        padding-top: 21px;
        padding-bottom: 21px;
        position: absolute;
        width: 100%;
        top: 0;
        transition: 0.4s
    }

    .card__settings_section.active .card__settings_navigation {
        top: 24px
    }

    .-grey_border-bottom {
        border: none
    }

    .first_chooze form {
        padding-top: 0
    }

    .input_box {
        margin-top: 0
    }

    .input_box:not(:last-child) {
        margin-bottom: 24px
    }

    .card__settings_footer {
        background: #F4F4F4;
        border: none;
        padding: 15px 0
    }

    .card__pre_view-content {
        width: 100%;
        max-width: 570px;
        margin: 0 auto
    }

    .child_drop {
        max-height: 178px
    }

    .mobile_swiped {
        overflow: hidden;
        max-height: 100%;
        padding-bottom: 21px
    }

    .card__settings_section.active .mobile_swiped {
        overflow: auto
    }

    .card__settings_nav_block .nav__item {
        min-width: 33%
    }

    .child_drop ul li {
        color: rgba(23, 23, 23, 1)
    }

    .radio_list .radio_box:not(:last-child) {
        margin-right: 16px
    }

    .double_input_box.radio__double_list {
        flex-direction: row
    }

    .white_page .header__visible .left_col .separator {
        display: none
    }

    .white_page .header__visible .left_col .white_button {
        display: none
    }

    .order_modal {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100vw;
        padding: 80px 15px 20px;
        border-radius: 0
    }

    .modal__wrapper {
        display: flex;
        justify-content: center;
        align-items: flex-start
    }

    .modal_bg {
        position: static;
        transform: none;
        left: auto;
        top: 0;
        padding: 0
    }

    .top_modal_row {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: rgba(34, 34, 34, .05);
        height: 80px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .top_modal_row .title_2 {
        font-family: Aeonik;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #171717
    }

    .close_modal {
        position: fixed;
        right: 22px;
        top: 22px;
        height: 36px;
        width: 36px
    }

    .step .double_input_box .input_box {
        width: 47%
    }

    .bordered_item {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

    .card_choosen_preview {
        width: 100%
    }

    .card_choosen_preview {
        justify-self: center;
        margin: auto
    }

    .coupon_input {
        margin-left: 0;
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #ddd;
        border-radius: 1px
    }

    .checkbox_box {
        margin-top: 24px
    }

    .checkbox input+label {
        padding-right: 52px;
        padding-left: 0
    }

    .checkbox input+label:before {
        width: 48px;
        height: 24px;
        border: none;
        background: rgba(54, 100, 232, .15);
        border-radius: 32px;
        left: auto;
        right: 0
    }

    .checkbox input+label:after {
        width: 16px;
        height: 16px;
        left: auto;
        right: 28px;
        opacity: 1;
        transition: 0.3s;
        transform: none
    }

    .checkbox input:checked+label:after {
        transform: translateX(24px)
    }

    .checkbox input:checked+label:before {
        background: rgba(54, 100, 232, .25);
        border-color: rgba(54, 100, 232, .25)
    }

    .step_content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .step_content .col:not(:last-child) {
        margin-right: 0;
        margin-bottom: 32px
    }

    .step_content .radio_list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .email_submitting,
    .payment_modal,
    .payment_success_modal,
    .tutorial_modal {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .payment_verify_content {
        padding-top: 60px
    }

    .payment_modal .top_modal_row {
        position: static;
        background-color: rgba(34, 34, 34, 0);
        height: 28px
    }

    .step_section {
        padding: 0
    }

    .bordered_item {
        flex-direction: row
    }

    .coupon_input {
        margin-top: 0;
        padding-top: 0
    }

    .card_choosen_preview {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        max-width: 180px
    }

    .card_choosen_preview .text {
        margin-top: 12px
    }

    .checkbox_box p br {
        display: none
    }

    .checkbox_box {
        margin-top: 0;
        margin-right: 40px
    }
}

@media only screen and (max-width:767px) {
    .card__pre_view-content {
        width: 100%;
        max-width: 346px;
        margin: 0 auto
    }

    .card__pre_view-content .card {
        height: 207px;
        width: 346px
    }

    .card__front .chip_img {
        width: 44.8px;
        height: 32.78px;
        left: 32.78px;
        top: 66.5px
    }

    .card__front .name_text {
        font-size: 16.9965px;
        line-height: 24px;
        left: 53px;
        bottom: 17.4px
    }

    .card__back .black_line {
        height: 34px
    }

    .white_line {
        left: 14.5px;
        top: 77.25px
    }

    .white_line-line {
        width: 212px;
        height: 45px
    }

    .bottom_white_line {
        width: 212px
    }

    .security_pin {
        font-size: 16.9965px;
        line-height: 24px;
        margin-left: 10px
    }

    .bottom_white_line p {
        font-size: 7.28421px;
        line-height: 12px
    }

    .card__pre_view-content .card:not(:last-child) {
        margin-bottom: 21px
    }

    .card__settings_nav_block .nav__item {
        width: 100%;
        min-width: auto;
        font-size: 13px;
        line-height: 12px;
        padding: 18px 9px
    }

    .card__settings_nav_block {
        width: 100%
    }

    .card__settings_container {
        max-width: 100%
    }

    .card__settings_nav_block .nav__item:not(:last-child) {
        border-right: 1px solid #ddd
    }

    .card__settings_nav_block .nav__item.active {
        border-color: #171717
    }

    .double_input_box {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .double_input_box .-bigger_input {
        width: 100%
    }

    .input_radio_box .double_input_box {
        width: 100%;
        justify-content: flex-start;
        flex-direction: row;
        max-width: 100%;
        flex-wrap: wrap
    }

    .saving_block {
        display: none
    }

    .white_button.order_button {
        width: 100%;
        padding: 17px;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .white_button.order_button:after {
        display: none
    }

    .hint_child {
        left: 0;
        max-width: 344px;
        width: 344px
    }

    .hint_child:before {
        left: 66px
    }

    .add_css p {
        line-height: 17px
    }

    .adding_button {
        margin-top: 0
    }

    .adding_button:not(:first-child) {
        margin-top: 21px
    }

    .card_editor {
        margin-top: 0
    }

    .card_editor:not(:first-child) {
        margin-top: 21px
    }

    .card_editor_bottom .input_box.number_box {
        margin-left: 0
    }

    .card_editor .separator {
        margin: 12px 0
    }

    .card_editor_bottom .input_box {
        width: 186px
    }

    .card_editor_bottom {
        justify-content: space-between;
        width: 100%
    }

    .card_editor_bottom .input_box {
        margin-bottom: 12px
    }

    .card_editor {
        padding-bottom: 12px
    }

    .add_css .text {
        max-width: 60%
    }

    .card_editor_bottom.editor_img_bottom .input_box {
        width: 100%
    }

    .choose_file {
        margin-top: 0;
        margin-bottom: 12px
    }

    .modal__wrapper {
        align-items: flex-start;
        justify-content: center
    }

    .current_step_row ol {
        position: relative
    }

    .current_step_row ol li {
        opacity: 0;
        position: absolute;
        width: 100%;
        white-space: nowrap;
        transition: 0.4s
    }

    .current_step_row ol li.active {
        position: static;
        opacity: 1;
        display: block
    }

    .step .double_input_box .input_box {
        width: 100%
    }

    .step_section {
        padding-right: 0
    }

    .step_section {
        max-height: 80vh;
        padding-bottom: 50px
    }

    .step_section::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .bordered_item {
        align-items: flex-start
    }

    .card_choosen_preview {
        width: 100%;
        max-width: none
    }

    .coupon_input {
        width: 100%;
        max-width: none;
        padding-right: 22px
    }

    .coupon_input .input {
        position: relative
    }

    .bottom_button_row {
        margin-top: 32px;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start
    }

    .bottom_button_row .white_button {
        width: 100%
    }

    .bottom_button_row .white_button.-gray {
        margin-right: 0;
        margin-top: 14px
    }

    .payment_modal {
        width: 346px
    }

    .bordered_item {
        flex-direction: column
    }

    .card_choosen_preview {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .card_choosen_preview .text {
        margin-top: 0
    }

    .checkbox_box {
        margin-top: 24px;
        margin-right: 0;
        max-width: none
    }

    .coupon_input {
        margin-top: 24px;
        padding-top: 24px
    }

    .order_agree_checkbox_container {
        margin: 0 0 40px 0
    }
}

.card_front_side,
.card_back_side {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 62.7906977%
}

.card_front_side canvas,
.card_back_side canvas {
    border-radius: 24px
}

.card_front_side {
    margin-bottom: 42px
}

.card_front_side .canvas-container,
.card_back_side .canvas-container {
    position: absolute;
    top: 0;
    left: 0
}

.coupon_input {
    position: relative
}

.coupon_input .promo_code_apply,
.coupon_input .promo_code_clear {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    background: #171717;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    height: 27px;
    line-height: 26px;
    margin: -13px 0 0;
    border-radius: 5px;
    cursor: pointer
}

.coupon_input .alert {
    color: #ff7171
}

.coupon_input.coupon_input_apply .promo_code_apply {
    display: block
}

.coupon_input.coupon_input_clear .promo_code_clear {
    display: block
}

html body .orderToggleActiveContainer input {
    display: none
}

.price_free {
    display: none
}

.radio_box_free .price_free {
    display: inline-block
}

.radio_box_free .price_block {
    display: none
}

.strikethrough {
    text-decoration: line-through;
}  

.header_currency_input_box {
    transition: 0.4s
}

.header.active .header_currency_input_box {
    opacity: 0;
    pointer-events: none
}

.header_currency_input_box.input_box {
    margin: 0 31px 0 auto
}

.header_currency_input_box .parent_drop {
    border-radius: 25px;
    background-color: #F4F4F4;
    padding-right: 52px
}

.header_currency_input_box .child_drop {
    width: 240px;
    margin-left: -50px;
    margin-top: 20px;
    overflow: visible;
    max-height: none;
    padding: 12px
}

.header_currency_input_box .child_drop ul {
    display: flex;
    height: 130px;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0
}

.header_currency_input_box .child_drop ul li {
    padding: 0;
    border: 0;
    margin: 0 0 8px
}

.header_currency_input_box .child_drop:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: -6px 0 0 -5px;
    border: 1px solid rgba(34, 34, 34, .15);
    transform: rotate(45deg);
    border-bottom-color: #fff;
    border-right-color: #fff;
    background: #fff
}

.header_currency_hint {
    background: #F4F4F4;
    border: 1px solid rgba(34, 34, 34, .15);
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
    line-height: 1.29;
    color: #171717;
    margin: 12px 0 0
}

.card_settings_cardinfo_form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.card_settings_cardholdername_input_box {
    width: 100%
}

.card_settings_cardnumberon_input_box {
    width: 50%;
    padding-right: 12px
}

.card_settings_cardholdernameon_input_box {
    width: 50%;
    padding-left: 12px
}

.card_settings_comment_input_box {
    width: 100%
}

.card_settings_tab_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

.card_settings_total_container {
    width: 290px;
    margin: 30px 0 45px
}

@media only screen and (max-width:1199px) {
    .card_settings_total_container {
        width: 100%;
        margin: 30px auto 45px
    }
}

.card_settings_price_col .price_col_title {
    font-size: 14px;
    line-height: 24px
}

.card_settings_price_col .price_col_value {
    font-size: 14px;
    line-height: 24px;
    color: #171717
}

.card_settings_price_col .total .price_col_title,
.card_settings_price_col .total .price_col_title span {
    font-size: 14px;
    line-height: 24px;
    color: rgba(23, 23, 23, .5);
    font-weight: 400
}

.card_settings_price_col .price_col_total_value,
.card_settings_price_col .price_col_total_value span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.radio_list .radio_box input+label,
.check_list .radio_box input+label {
    margin: 0
}

.radio__double_list .input_box:not(:last-child) {
    margin-bottom: 0;
    max-width: 290px
}

.radio_list .radio_box {
    margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
    .card_settings_cardholdername_input_box {
        width: 330px
    }
}

@media only screen and (max-width:767px) {
    .card_settings_total_container {
        width: 100%
    }

    .card_settings_cardholdername_input_box {
        width: 100%
    }

    .card_settings_cardnumberon_input_box {
        width: 100%;
        padding-right: 0
    }

    .card_settings_cardholdernameon_input_box {
        width: 100%;
        padding-left: 0
    }

    .card_front_side canvas,
    .card_back_side canvas {
        border-radius: 16px
    }

    .card_settings_total_container {
        margin: 30px 0
    }
}

.payment_modal .top_modal_row {
    margin-bottom: 40px
}

#payment-form {
    width: 100%;
    align-self: center;
    border-radius: 7px
}

#payment-form input {
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, .1);
    height: 44px;
    font-size: 16px;
    width: 100%;
    background: #fff
}

#payment-form .result-message {
    line-height: 22px;
    font-size: 16px
}

#payment-form .result-message a {
    color: rgb(89, 111, 214);
    font-weight: 600;
    text-decoration: none
}

#payment-form .hidden {
    display: none
}

#card-error {
    color: rgb(105, 115, 134);
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px
}

#card-element {
    border-radius: 4px 4px 0 0;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, .1);
    height: 44px;
    width: 100%;
    background: #fff;
    margin-bottom: 20px
}

#payment-request-button {
    margin-bottom: 32px
}

#payment-form button {
    background: #5469d4;
    color: #fff;
    font-family: Arial, sans-serif;
    border-radius: 0 0 4px 4px;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, .07);
    width: 100%
}

#payment-form button:hover {
    -webkit-filter: contrast(115%);
    filter: contrast(115%)
}

#payment-form button:disabled {
    opacity: .5;
    cursor: default
}

#payment-form .spinner,
#payment-form .spinner:before,
#payment-form .spinner:after {
    border-radius: 50%
}

#payment-form .spinner {
    color: #fff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    transform: translateZ(0)
}

#payment-form .spinner:before,
#payment-form .spinner:after {
    position: absolute;
    content: ""
}

#payment-form .spinner:before {
    width: 10.4px;
    height: 20.4px;
    background: #5469d4;
    border-radius: 20.4px 0 0 20.4px;
    top: -.2px;
    left: -.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s
}

#payment-form .spinner:after {
    width: 10.4px;
    height: 10.2px;
    background: #5469d4;
    border-radius: 0 10.2px 10.2px 0;
    top: -.1px;
    left: 10.2px;
    transform-origin: 0 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media only screen and (max-width:575px) {
    #payment-form form {
        width: 80vw
    }
}

.payment_success_modal {
    width: 100%;
    max-width: 1024px;
    padding: 64px 24px 77px;
    text-align: center;
    box-shadow: 0 64px 64px -48px rgb(31 47 70 / 12%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px
}

.payment_success_modal img {
    margin-bottom: 48px
}

.modal_content.payment_success_modal h2 {
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    max-width: none;
    font-size: 32px;
    line-height: 40px
}

.payment_success_modal p {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 150%;
    text-align: center;
    width: 100%;
    max-width: 480px;
    margin-bottom: 48px
}

.payment_success_modal .order_button {
    padding: 16px 24px;
    text-align: center
}

.payment_success_modal .order_button:after {
    display: none
}

.payment_success_modal .close_modal {
    position: absolute;
    top: 32px;
    right: 32px
}

.payment_success_modal .top_modal_row {
    width: auto;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:1199px) {
    .payment_success_modal {
        align-items: center
    }

    .payment_success_modal .top_modal_row {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        background: transparent;
        height: auto;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .modal_content.payment_success_modal {
        padding: 32px 24px 32px
    }

    .payment_success_modal .close_modal {
        display: none
    }

    .payment_success_modal .order_button {
        width: 100%
    }

    .payment_success_modal p {
        margin-bottom: 32px
    }

    .modal_content.payment_success_modal h2 {
        font-size: 26px
    }
}

.payment_verify_text {
    margin: 10px 0 20px
}

.payment_verify_preloader {
    display: block;
    margin: 0 auto
}

.email_submitting_progress {
    height: 10px;
    background: green;
    margin: 20px 0 0;
    width: 0
}

.applePayCanMake,
#payment-request-button-google {
    position: absolute;
    top: -40px;
    left: 50%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #e4e4e4
}

#payment-request-button-google {
    width: 100px;
    left: 0;
    border-radius: 5px
}

#payment-request-button-paypal {
    border-radius: 18px;
    height: 35px;
    min-height: 35px;
    max-height: 55px;
    width: 100%;
    margin: 10px 0;
    background: #ffc439;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    cursor: pointer
}

#payment-request-button-paypal img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#payment-request-button-paypal:hover {
    box-shadow: inset 0 0 100px 100px rgb(0 0 0 / 5%)
}

#payment-request-button-paypal.disabled {
    pointer-events: none;
    box-shadow: inset 0 0 100px 100px rgb(0 0 0 / 5%)
}

body.loadexecute:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000000ad;
    z-index: 40
}

@media only screen and (max-width:575px) {
    .radio__double_list .input_box:not(:last-child) {
        margin-right: 0;
        max-width: none;
        width: 100%
    }

    .radio_list {
        flex-wrap: nowrap;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .radio_list::-webkit-scrollbar {
        display: none
    }
}

.tutorial_modal {
    padding: 0;
    width: 100%;
    max-width: 620px
}

.tutorial_modal_close {
    position: absolute;
    top: 20px;
    right: 32px
}

.tutorial_modal .close_modal {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto
}

.tutorial_modal_slider {
    display: flex;
    margin-bottom: auto
}

.tutorial_modal_slider_dots {
    display: none;
    margin: 0 0 32px
}

.tutorial_modal_slider_dots ul {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center
}

.tutorial_modal_slider_dots li {
    display: block;
    margin: 0 2px;
    padding: 0
}

.tutorial_modal_slider_dots li button {
    width: 14px;
    height: 14px;
    border: 0;
    color: transparent;
    background: transparent no-repeat center url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23D1D1D1'/%3E%3C/svg%3E%0A");
    -webkit-appearance: none;
    border-radius: 0;
    overflow: hidden
}

.tutorial_modal_slider_dots li.slick-active button {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23171717'/%3E%3C/svg%3E%0A")
}

.slick-initialized .slick-slide.tutorial_modal_slide,
.tutorial_modal_slide {
    width: 100%;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden
}

.tutorial_modal_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

.tutorial_modal_header {
    padding: 20px 32px;
    background: #FCFCFD
}

.tutorial_modal_header_title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    color: #171717
}

.tutorial_modal_video {
    display: block;
    width: 100%;
    height: 260px;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 18px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.tutorial_modal_video_img {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 225px
}

.tutorial_modal_video_img img {
    flex: none;
    width: auto;
    height: 100%
}

.tutorial_modal_video_mobile {
    position: relative;
    display: none;
    width: auto;
    height: 100%;
    -o-object-fit: inherit;
    object-fit: inherit
}

.tutorial_modal_video_desktop {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: inherit;
    object-fit: inherit
}

.tutorial_modal_text {
    padding: 20px 20px 0
}

.tutorial_modal_footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 20px 32px
}

.white_button.-gray-text {
    border: 0;
    background: transparent;
    font-weight: 700;
    color: #89898A;
    padding: 12px;
    border-radius: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    font-size: 16px;
    line-height: 1.5
}

.tutorial_button_next {
    margin-right: 12px
}

.tutorial_fixed_icon {
    position: fixed;
    bottom: 46px;
    left: 80px
}

.tutorial_fixed_icon_link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    height: 48px;
    min-width: 48px;
    border: 1px solid #DEDEDE;
    border-radius: 24px;
    background: #fff
}

.tutorial_fixed_icon_link img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.tutorial_fixed_icon_link span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.71;
    color: #171717;
    margin-left: 9px;
    vertical-align: middle
}

@media only screen and (max-width:1199px) {
    .tutorial_modal_video_desktop {
        display: none
    }

    .tutorial_modal_video_mobile {
        display: block
    }

    .tutorial_fixed_icon {
        left: auto;
        right: 22px;
        bottom: 110px
    }

    .tutorial_fixed_icon_link span {
        display: none
    }
}

@media only screen and (max-width:767px) {

    .tutorial_modal,
    .tutorial_modal.active {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: none;
        height: auto;
        width: auto
    }

    .tutorial_modal {
        max-width: none;
        height: 100vh;
        border-radius: 0
    }

    .tutorial_modal_close {
        top: 22px;
        right: 15px
    }

    .tutorial_modal_content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        overflow: auto
    }

    .tutorial_modal_slider_dots {
        display: block
    }

    .tutorial_modal_slide {
        height: 100%
    }

    .tutorial_modal_header {
        order: 2;
        padding: 32px 15px 0
    }

    .tutorial_modal_header_title {
        font-weight: 700;
        font-size: 24px;
        line-height: 1.32;
        text-align: center;
        color: #171717
    }

    .tutorial_modal_video {
        order: 1;
        height: 300px;
        border: 0
    }

    .tutorial_modal_video_img {
        height: 100%
    }

    .tutorial_modal_video_img img {
        width: 100%;
        height: auto
    }

    .tutorial_modal_text {
        order: 3;
        text-align: center;
        padding: 16px 15px
    }

    .tutorial_modal_footer {
        order: 4;
        padding: 15px
    }

    .tutorial_button_next {
        margin: 0
    }

    .white_button.tutorial_button_next:after {
        display: inline-block;
        position: static;
        margin-left: 12px;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto
    }

    .white_button.tutorial_button_skipall {
        display: none
    }
}

@media only screen and (max-width:495px) {
    .tutorial_modal_video_img {
        height: 180px
    }

    .tutorial_modal_video_img img {
        width: auto;
        height: 100%
    }
}
}