:root{
    --aplusxbto_font_fallback:sans-serif;
    --aplusxbto_font_en:"Visby CF";
    --aplusxbto_font_jp:"Noto Sans","Noto Sans JP";
    --aplusxbto_font_main:var(--aplusxbto_font_en),var(--aplusxbto_font_jp),var(--aplusxbto_font_fallback);
    --aplusxbto_lineHeight_main:1.5;
    --aplusxbto_color_heading:#000;
    --aplusxbto_color_main:#1e1e1e;
    --aplusxbto_color_sub:#898989;
    --aplusxbto_color_paragraph:#666;
    --aplusxbto_color_accent:#0080ff;
    --aplusxbto_color_sale:#e62c14;
    --aplusxbto_color_link:var(--aplusxbto_color_accent);
    --aplusxbto_color_link_hover:#0067cd;
    --aplusxbto_color_link_sub:var(--aplusxbto_color_sub);
    --aplusxbto_color_link_sub_hover:var(--aplusxbto_color_accent);
    --aplusxbto_color_stroke:#d2d2d7;
    --aplusxbto_color_stroke_active:#0080ff;
    --aplusxbto_color_bg_main:#fff;
    --aplusxbto_color_bg_sub:#f5f5f7;
    --aplusxbto_color_err:#dc3545;
    --aplusxbto_color_txt_disabled:#898989;
    --aplusxbto_color_bg_btn_disabled:#d2d2d7;
    --aplusxbto_button_main:var(--aplusxbto_color_link);
    --aplusxbto_button_back_color:#fff;
    --aplusxbto_button_main_text:#fff;
    --aplusxbto_button_back_text:#0080ff;
    --aplusxbto_button_main_hover:var(--aplusxbto_color_link_hover);
    --aplusxbto_button_disabled:var(--aplusxbto_color_sub);
    --aplusxbto_button_size_main:min(214px, 100%);
    --aplusxbto_button_size_sub:min(181px, 100%);
    --aplusxbto_button_back:min(145px, 100%);
    --aplusxbto_button_size_full:100%;
    --aplusxbto_switch_off:#e5e5e7;
    --aplusxbto_switch_on:var(--aplusxbto_color_accent);
    --aplusxbto_switch_circle:#fff;
    --aplusxbto_item_disabled: #d7d7d7;
    --aplusxbto_fontSize_10:clamp(10px - 2px, 10 / 360 * 100vw, 10px);
    --aplusxbto_fontSize_11:clamp(11px - 2px, 11 / 360 * 100vw, 11px);
    --aplusxbto_fontSize_12:clamp(12px - 2px, 12 / 360 * 100vw, 12px);
    --aplusxbto_fontSize_13:clamp(13px - 2px, 13 / 360 * 100vw, 13px);
    --aplusxbto_fontSize_14:clamp(14px - 2px, 14 / 360 * 100vw, 14px);
    --aplusxbto_fontSize_15:clamp(15px - 2px, 15 / 360 * 100vw, 15px);
    --aplusxbto_fontSize_16:clamp(16px - 2px, 16 / 360 * 100vw, 16px);
    --aplusxbto_fontSize_17:clamp(17px - 2px, 17 / 360 * 100vw, 17px);
    --aplusxbto_fontSize_18:clamp(18px - 2px, 18 / 360 * 100vw, 18px);
    --aplusxbto_fontSize_19:clamp(19px - 2px, 19 / 360 * 100vw, 19px);
    --aplusxbto_fontSize_20:clamp(20px - 2px, 20 / 360 * 100vw, 20px);
    --aplusxbto_fontSize_21:clamp(21px - 2px, 21 / 360 * 100vw, 21px);
    --aplusxbto_fontSize_22:clamp(22px - 2px, 22 / 360 * 100vw, 22px);
    --aplusxbto_fontSize_23:clamp(23px - 2px, 23 / 360 * 100vw, 23px);
    --aplusxbto_fontSize_24:clamp(24px - 2px, 24 / 360 * 100vw, 24px);
    --aplusxbto_fontSize_25:min(25px, 25 / 360 * 100vw);
    --aplusxbto_fontSize_26:min(26px, 26 / 360 * 100vw);
    --aplusxbto_fontSize_27:min(27px, 27 / 360 * 100vw);
    --aplusxbto_fontSize_28:min(28px, 28 / 360 * 100vw);
    --aplusxbto_fontSize_29:min(29px, 29 / 360 * 100vw);
    --aplusxbto_fontSize_30:min(30px, 30 / 360 * 100vw);
    --aplusxbto_fontSize_31:min(31px, 31 / 360 * 100vw);
    --aplusxbto_fontSize_32:min(32px, 32 / 360 * 100vw);
    --aplusxbto_fontSize_33:min(33px, 33 / 360 * 100vw);
    --aplusxbto_fontSize_34:min(34px, 34 / 360 * 100vw);
    --aplusxbto_fontSize_35:min(35px, 35 / 360 * 100vw);
    --aplusxbto_fontSize_36:min(36px, 36 / 360 * 100vw);
    --aplusxbto_fontSize_37:min(37px, 37 / 360 * 100vw);
    --aplusxbto_fontSize_38:min(38px, 38 / 360 * 100vw);
    --aplusxbto_fontSize_39:min(39px, 39 / 360 * 100vw);
    --aplusxbto_fontSize_40:min(40px, 40 / 360 * 100vw);
    --aplusxbto_fontSize_41:min(41px, 41 / 360 * 100vw);
    --aplusxbto_fontSize_42:min(42px, 42 / 360 * 100vw);
    --aplusxbto_fontSize_43:min(43px, 43 / 360 * 100vw);
    --aplusxbto_fontSize_44:min(44px, 44 / 360 * 100vw);
    --aplusxbto_fontSize_45:min(45px, 45 / 360 * 100vw);
    --aplusxbto_fontSize_46:min(46px, 46 / 360 * 100vw);
    --aplusxbto_fontSize_47:min(47px, 47 / 360 * 100vw);
    --aplusxbto_fontSize_48:min(48px, 48 / 360 * 100vw);

    --aplusxbto_gutter:20px;
    }

html{
    height:100%
}

body{
    overflow: hidden;
    height:100%;
    box-sizing:border-box;
    margin:0;
    padding:0;
    font-weight:500;
    line-height:var(--aplusxbto_lineHeight_main);
    font-family:var(--aplusxbto_font_main)
}
input[type = "text"] {
  font-size: 16px;
}
.fs-1 {
    font-size: 12px!important;
}
.fs-2 {
    font-size: 14px!important;
}
.fs-3 {
    font-size: 16px!important;
}
.fs-4 {
    font-size: 18px!important;
}
.fs-5 {
    font-size: 20px!important;
}
.fs-6 {
    font-size: 22px!important;
}
.fs-7 {
    font-size: 24px!important;
}
.fst-italic {
    font-style: italic!important;
}
.fst-normal {
    font-style: normal!important;
}
.fw-lighter {
    font-weight: lighter!important;
}
.fw-light {
    font-weight: 300!important;
}
.fw-normal {
    font-weight: 400!important;
}
.fw-medium {
    font-weight: 500!important;
}
.fw-semibold {
    font-weight: 600!important;
}
.fw-bold {
    font-weight: 700!important;
}
.fw-bolder {
    font-weight: bolder!important;
}
.lh-1 {
    line-height: 1!important;
}
.lh-sm {
    line-height: 1.25!important;
}
.lh-base {
    line-height: 1.5!important;
}
.lh-lg {
    line-height: 2!important;
}
.text-start {
    text-align: left!important
}
.text-end {
    text-align: right!important
}
.text-center {
    text-align: center!important
}
.aplusxbto_text{
    font-size:var(--aplusxbto_fontSize_14);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.25px
}

.--left {
    text-align: left;
}
.aplusxbto_check{
    --aplusxbto_circle_width:min(16px, 16 / 480 * 100vw);
    --aplusxbto_check_circle:#0080ff;
    --aplusxbto_check_icon:#fff;
    --aplusxbto_check_circle_border:var(--aplusxbto_color_stroke);
    --aplusxbto_check_circle_border_width:0;
    --aplusxbto_check_width:calc(var(--aplusxbto_circle_width) * .4375);
    --aplusxbto_check_height:calc(var(--aplusxbto_circle_width) * .25);
    display:block;
    position:relative;
    width:var(--aplusxbto_circle_width);
    height:var(--aplusxbto_circle_width)
}

.aplusxbto_check:after,
.aplusxbto_check:before{
    box-sizing:border-box;
    display:block;
    position:absolute;
    content:""
}

.aplusxbto_check:before{
    z-index:1;
    position:absolute;
    top:50%;
    left:0;
    width:var(--aplusxbto_circle_width);
    height:var(--aplusxbto_circle_width);
    transform:translateY(-50%);
    border:var(--aplusxbto_check_circle_border_width) solid var(--aplusxbto_check_circle_border);
    border-radius:50%;
    background-color:var(--aplusxbto_check_circle)
}

.--active .aplusxbto_check:after{
    z-index:99;
    top:45%;
    left:calc(var(--aplusxbto_check_width) * .71);
    width:var(--aplusxbto_check_width);
    height:var(--aplusxbto_check_height);
    transform:translateY(-50%) rotate(-45deg);
    border-bottom:1.5px solid var(--aplusxbto_check_icon);
    border-left:1.5px solid var(--aplusxbto_check_icon)
}

.aplusxbto_check.--large{
    --aplusxbto_circle_width:min(40px, 40 / 480 * 100vw);
    --aplusxbto_check_width:calc(var(--aplusxbto_circle_width) * .42);
    --aplusxbto_check_height:calc(var(--aplusxbto_check_width) * .53);
    width:var(--aplusxbto_circle_width);
    height:var(--aplusxbto_circle_width)
}

.aplusxbto_check.--large:after{
    border-width:2px
}
.btn {
    -webkit-appearance:none;
    -moz-appearance:none;
    box-sizing:border-box;
    appearance:none;
    min-height:45px;
    margin-inline:var(--aplusxbto_margin);
    padding:.7142857143em 1em;
    border:0;
    border-radius:4px;
    background:var(--aplusxbto_button_main);
    color:var(--aplusxbto_button_main_text);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:1.5;
    letter-spacing:.08em;
    text-decoration:none;
    cursor:pointer;
    opacity:1
}
button.btn:disabled,
button.btn[disabled]{
  pointer-events: none;
  opacity: .65;
}
.btn:focus-visible,.btn:hover{
    background-color:var(--aplusxbto_button_main_hover)
}
.aplusxbto_btn.--right{
    justify-content:flex-end;
    display:flex
}

.aplusxbto_btn__primary{
    -webkit-appearance:none;
    -moz-appearance:none;
    box-sizing:border-box;
    display:flex;
    appearance:none;
    align-items:center;
    justify-content:center;
    width:var(--aplusxbto_button_size_main);
    min-height:45px;
    margin-inline:var(--aplusxbto_margin);
    padding:.7142857143em 1em;
    border:0;
    border-radius:4px;
    background:var(--aplusxbto_button_main);
    color:var(--aplusxbto_button_main_text);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:1.5;
    letter-spacing:.08em;
    text-decoration:none;
    cursor:pointer;
    opacity:1
}
button.aplusxbto_btn__primary:disabled,
button.aplusxbto_btn__primary[disabled]{
  pointer-events: none;
  opacity: .65;
}

.aplusxbto_btn__primary:focus-visible,.aplusxbto_btn__primary:hover{
    background-color:var(--aplusxbto_button_main_hover)
}

.aplusxbto_btn__primary.--next{
    width:var(--aplusxbto_button_size_sub);
    gap:8px;
    margin-left:12px
}

.aplusxbto_btn__primary.--next i{
    position:relative;
    width:11px
}

.aplusxbto_btn__primary.--next i:after,
.aplusxbto_btn__primary.--next i:before{
    box-sizing:border-box;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    content:""
}

.aplusxbto_btn__primary.--next i:before{
    z-index:1;
    left:0;
    width:11px;
    height:2px;
    transform:translateY(-50%);
    background-color:currentColor
}

.aplusxbto_btn__primary.--next i:after{
    z-index:99;
    left:5px;
    width:7px;
    height:7px;
    transform:translateY(-50%) rotate(-45deg);
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor
}

.aplusxbto_btn__primary.--disabled{
    pointer-events: none;
    opacity: .65;
}

.aplusxbto_rainbow{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px
}

.aplusxbto_rainbow__img{
    width:64px;
    height:64px;
    background:url(../images/rainbow.png) no-repeat center center/contain;
    color:transparent
}

.aplusxbto_rainbow__box{
    position:relative
}

.aplusxbto_rainbow__checkbox{
    visibility:hidden;
    position:absolute;
    width:100%;
    height:100%;
    inset:0
}

.aplusxbto_rainbow__controller{
    display:flex;
    align-items:center;
    gap:min(9px,1.875vw);
    cursor:pointer
}

.aplusxbto_rainbow__switch{
    -webkit-user-select:none;
    -moz-user-select:none;
    display:flex;
    position:relative;
    align-items:center;
    justify-content:space-between;
    width:36px;
    height:20px;
    border-radius:500px;
    background-color:var(--aplusxbto_switch_off);
    cursor:pointer;
    user-select:none
}

.aplusxbto_rainbow__circle{
    position:absolute;
    width:16px;
    height:16px;
    touch-action:pan-y;
    transition:all .1s linear
}

.aplusxbto_rainbow__circle__inner{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:var(--aplusxbto_switch_circle);
    box-shadow:0 1px 2px #1018281a,0 1px 2px #1018281a
}

.aplusxbto_rainbow__text{
    display:grid;
    line-height:1
}

.aplusxbto_rainbow__text__off,
.aplusxbto_rainbow__text__on{
    grid-area:1/1;
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_13);
    letter-spacing:.15px;
    text-transform:uppercase;
    touch-action:pan-y
}

.aplusxbto_rainbow__checkbox:checked~.aplusxbto_rainbow__controller .aplusxbto_rainbow__switch{
    background-color:var(--aplusxbto_switch_on)
}

.aplusxbto_rainbow__checkbox:checked~.aplusxbto_rainbow__controller .aplusxbto_rainbow__circle{
    left:calc(100% - 18px)
}

.aplusxbto_rainbow__checkbox:checked~.aplusxbto_rainbow__controller .aplusxbto_rainbow__text__off{
    visibility:hidden;
    touch-action:pan-y
}

.aplusxbto_rainbow__checkbox:not(:checked)~.aplusxbto_rainbow__controller .aplusxbto_rainbow__switch{
    background-color:var(--aplusxbto_switch_off)
}

.aplusxbto_rainbow__checkbox:not(:checked)~.aplusxbto_rainbow__controller .aplusxbto_rainbow__circle{
    left:2px
}

.aplusxbto_rainbow__checkbox:not(:checked)~.aplusxbto_rainbow__controller .aplusxbto_rainbow__text__on{
    visibility:hidden;
    touch-action:pan-y
}

.aplusxbto_link{
    color:var(--aplusxbto_color_link_sub);
    font-size:var(--aplusxbto_fontSize_12);
    text-decoration:underline
}

.aplusxbto_link:focus-visible,
.aplusxbto_link:hover{
    color:var(--aplusxbto_color_link_sub_hover)
}

.aplusxbto_pirice{
    --aplusxbto_pirice_fontSize:var(--aplusxbto_fontSize_14);
    color:var(--aplusxbto_color_main);
    font-weight:700;
    font-size:var(--aplusxbto_pirice_fontSize);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.1px;
    white-space: nowrap;
    text-align:right
}

.aplusxbto_pirice.--large{
    --aplusxbto_pirice_fontSize:var(--aplusxbto_fontSize_20);
    letter-spacing:.15px
}

.aplusxbto_pirice.--sub{
    font-weight:500
}

.aplusxbto_pirice.--gray{
    color:var(--aplusxbto_color_paragraph)
}

.aplusxbto_pirice.--sale{
    color:var(--aplusxbto_color_sale)
}

.aplusxbto_pirice+.aplusxbto_pirice{
    margin-left:.5em
}

s.aplusxbto_pirice{
    color:var(--aplusxbto_color_sub);
    font-size:calc(var(--aplusxbto_pirice_fontSize) * .9)
}

.aplusxbto_title{
    margin:0;
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_20);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.15px;
    text-transform:uppercase
}

.aplusxbto_subtitle{
    margin:0;
    padding-bottom:.5em;
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_16);
    line-height:var(--aplusxbto_lineHeight_main);
    font-family:var(--aplusxbto_font_main);
    letter-spacing:0;
    text-transform:uppercase
}
.aplusxbto_optBtn {
    box-sizing:border-box;
    display:grid;
    place-items:center;
    width:100%;
    min-height:min(48px,10vw);
    padding:min(10px,2.0833333333vw);
    color:var(--aplusxbto_optBtn_color)
}
.aplusxbto_optBtn.--disabled {
    --aplusxbto_optBtn_stroke:var(--aplusxbto_color_stroke);
    border:1px solid var(--aplusxbto_optBtn_stroke);
    border-radius:4px
}
.aplusxbto_optionsList__item,
.aplusxbto_optionsList__item.--disabled:hover{
    --aplusxbto_optBtn_color:var(--aplusxbto_color_sub);
    --aplusxbto_optBtn_bg:var(--aplusxbto_color_bg_main);
    --aplusxbto_optBtn_stroke:var(--aplusxbto_color_stroke);
    --aplusxbto_optBtn_outline:transparent;
    --aplusxbto_optBtn_checkmark:hidden;
    display:grid;
    position:relative;
    border:1px solid var(--aplusxbto_optBtn_stroke);
    border-radius:4px;
    outline:1px solid var(--aplusxbto_optBtn_outline);
    outline-offset:-2px;
    background-color:var(--aplusxbto_optBtn_bg)
}
.aplusxbto_optionsList__item.--disabled {
    border: 0px
}
.aplusxbto_optionsList__item {

}
.aplusxbto_optBtn__input{
    display:block;
    z-index:1;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
    opacity:0
}

.aplusxbto_optBtn__content{
    position:relative;
    width:100%;
    height:100%
}

.aplusxbto_optBtn__label{
    padding-inline:7px;
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_12);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.15px;
    text-align:center
}

.aplusxbto_optBtn__title{
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.15px
}

.aplusxbto_optBtn__desc{
    margin:0 0 .5em;
    color:var(--aplusxbto_color_heading);
    font-weight:500;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.25px
}
.part_description_list-style {
    padding: 10px 0 0 10px;
    margin: 0;
    list-style-type: "・";
}
.aplusxbto_optBtn__header{
    width:100%;
    border-bottom: 1px solid var(--aplusxbto_color_stroke);
    padding-bottom: .5em;
}

.aplusxbto_optBtn__qty{
    font-weight:500;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:var(--aplusxbto_lineHeight_main);
    z-index:2;
    display:none;
}

.aplusxbto_optBtn__qty .qty {
    border:1px solid rgba(29,29,29,.1);
    border-radius:4px;
    display: inline-flex;
    flex-direction: row;
}
.aplusxbto_cartTable__qty button,
.aplusxbto_optBtn__qty .qty button{
    display: flex;
    align-items: center;
    border: none;
    height: 100%;
    background:none;
}

.aplusxbto_cartTable__qty .aplusxbto_div_qty{
    padding: 0 10px;
    height: auto;
    font-size: var(--aplusxbto_fontSize_14);
}

.aplusxbto_optBtn__qty.--active{
    display:flex
}

.aplusxbto_optBtn__qty.--deselect{
    display:none
}

.aplusxbto_optBtn__price{
    display:flex;
    flex-direction:column;
    font-weight:700;
    white-space: nowrap;
    line-height:var(--aplusxbto_lineHeight_main)
}

.aplusxbto_optBtn__iconWrap,
.aplusxbto_optBtn__thumbWrap{
    box-sizing:border-box;
    position:relative;
    width:100%;
    padding-top:min(154px,58%);
    padding-inline:7px
}

.aplusxbto_optBtn__icon,
.aplusxbto_optBtn__thumb{
    -o-object-fit:contain;
    position:absolute;
    width:100%;
    height:100%;
    inset:0;
    object-fit:contain;
    vertical-align:bottom
}

.aplusxbto_optBtn__check{
    visibility:var(--aplusxbto_optBtn_checkmark);
    position:absolute;
    top:4.2%;
    right:4.2%
}

.aplusxbto_optBtn__checkWrap{
    width:100%;
    height:auto;
    display: flex;
    justify-content: flex-end;
}

.aplusxbto_optBtn__checkWrap .aplusxbto_optBtn__check{
    position:relative;
    top:0%;
    right:0%;
}

.aplusxbto_optBtn.--middle{
    /*padding:min(18px,3.75vw);*/
    gap:min(10px,2.0833333333vw)
}

.aplusxbto_optBtn.--middle .aplusxbto_optBtn__label{
    font-size:var(--aplusxbto_fontSize_17)
}

.aplusxbto_optBtn.--large .aplusxbto_optBtn__label{
    margin-top:.14em;
    margin-bottom:1.1em;
    font-size:var(--aplusxbto_fontSize_12)
}

.aplusxbto_optBtn.--parts{
    --aplusxbto_optBtn_bg_thumb:var(--aplusxbto_color_bg_sub);
    display:grid;
    grid-template-rows:auto 1fr;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"thumb title price" "thumb desc desc";
    align-items:flex-start;
    padding:min(14px,2.9166666667vw)
}

.aplusxbto_optBtn.--model2 .aplusxbto_optBtn__thumbWrap,
.aplusxbto_optBtn.--parts .aplusxbto_optBtn__thumbWrap{
    --aplusxbto_thumb_width:min(90 / 480 * 100vw);
    grid-area:thumb;
    width:var(--aplusxbto_thumb_width);
    padding-top:var(--aplusxbto_thumb_width);
    border-radius:4px;
    background-color:var(--aplusxbto_optBtn_bg_thumb)
}

.aplusxbto_optBtn.--parts .aplusxbto_optBtn__title{
    grid-area:title;
    width:100%;
    text-align:left
}

.aplusxbto_optBtn.--parts .aplusxbto_optBtn__desc{
    grid-area:desc;
    width:100%;
    text-align:left
}

.aplusxbto_optBtn.--parts .aplusxbto_optBtn__price{
    grid-area:price
}

.aplusxbto_optBtn.--model2{
    --aplusxbto_optBtn_bg_thumb:var(--aplusxbto_color_bg_sub);
    display:grid;
    grid-template-rows:auto 1fr;
    grid-template-columns:auto 1fr;
    grid-template-areas:"thumb header" "thumb desc";
    justify-items:start;
    padding:min(14px,2.9166666667vw);
    gap:7% 4%
}

.aplusxbto_optBtn.--model2 .aplusxbto_optBtn__desc{
    grid-area:desc;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    align-items:start;
    gap:1em;
    width:100%;
    margin: 0;
}

.aplusxbto_optBtn.--model2 .aplusxbto_optBtn__header{
    display:flex;
    grid-area:header;
    margin-bottom: .5em;
}

.aplusxbto_optBtn__iconInfo{
    display:grid;
    grid-template-rows:auto;
    grid-template-columns:auto;
    grid-template-areas:"icon" "text";
    justify-items:center;
    grid-row-gap: .5em;
}

.aplusxbto_optBtn.--model2 .aplusxbto_optBtn__iconWrap{
    grid-area:icon;
}

.aplusxbto_optBtn.--model2 .aplusxbto_optBtn__iconTextWrap{
    grid-area:text;
    white-space: pre-wrap;
    overflow-wrap:anywhere;
    text-align:center;
    font-size:var(--aplusxbto_fontSize_10);
}

.aplusxbto_optBtn.--technical{
    --aplusxbto_optBtn_bg_thumb:var(--aplusxbto_color_bg_sub);
    display:grid;
    grid-template-rows: min-content min-content min-content;
    grid-template-columns:auto;
    grid-template-areas:"check" "header" "desc";
    align-items:flex-start
}
.aplusxbto_optBtn.--technical .content {
    padding:min(14px,2.9166666667vw)
}

.aplusxbto_optBtn.--technical .aplusxbto_optBtn__title{
    width:100%;
    position:relative;
    padding-left: 22px;
    text-align:left
}
.aplusxbto_optBtn.--technical .aplusxbto_optBtn__title:before {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: -15px;
    content: var(--aplusxbto_optBtn__thumb);
    transform: scale(.5);
}
.aplusxbto_optionsList.--parts2 .aplusxbto_optBtn__desc,
.aplusxbto_optBtn.--character3 .aplusxbto_optBtn__desc,
.aplusxbto_optBtn.--technical .aplusxbto_optBtn__desc{
    grid-area:desc;
    width:100%;
    text-align:left;
    font-size:var(--aplusxbto_fontSize_11);
    line-height: 2;
}

.aplusxbto_optBtn.--technical .aplusxbto_optBtn__header{
    display:flex;
    grid-area:header;
}

.aplusxbto_optBtn.--character3{
    display:grid;
    grid-template-rows: min-content min-content min-content;
    grid-template-columns:auto;
    grid-template-areas:"header" "desc";
    align-items:flex-start;
    padding:min(14px,2.9166666667vw)
}

.aplusxbto_optBtn.--character3 .aplusxbto_optBtn__header{
    grid-area:header;
}

.aplusxbto_optBtn.--color2{
    --aplusxbto_optBtn_stroke:none;
    padding-inline:0;
}

.aplusxbto_optBtn.--color2 .aplusxbto_optBtn__label{
    font-size:var(--aplusxbto_fontSize_12);
}

.aplusxbto_optBtn.--options{
    --aplusxbto_optBtn_bg_thumb:var(--aplusxbto_color_bg_sub);
    display:grid;
    grid-template-rows:auto 1fr;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"thumb title price" "thumb desc desc" "thumb qty qty";
    align-items:flex-start;
    padding:min(14px,2.9166666667vw);
    gap:7% 4%
}

.aplusxbto_optBtn.--options .aplusxbto_optBtn__thumbWrap{
    --aplusxbto_thumb_width:min(90 / 480 * 100vw);
    grid-area:thumb;
    width:var(--aplusxbto_thumb_width);
    padding-top:var(--aplusxbto_thumb_width);
    border-radius:4px;
    background-color:var(--aplusxbto_optBtn_bg_thumb)
}

.aplusxbto_optBtn.--options .aplusxbto_optBtn__title{
    grid-area:title;
    width:100%;
    text-align:left
}

.aplusxbto_optBtn.--options .aplusxbto_optBtn__desc{
    grid-area:desc;
    width:100%;
    text-align:left
}

.aplusxbto_optBtn.--options .aplusxbto_optBtn__qty{
    grid-area:qty;
    width:100%;
    text-align:left
}

.aplusxbto_optBtn.--options .aplusxbto_optBtn__price{
    grid-area:price
}

.aplusxbto_breadcrumbWrap{
    display:flex;
    background-color:var(--aplusxbto_color_bg_main);
    padding:1em 2em 0;
}

.aplusxbto_breadcrumb{
    overflow:hidden;
    padding-left: 0 1em;
    margin:auto;
}

.aplusxbto_breadcrumb__list{
    box-sizing:border-box;
    display:flex;
    width:100%;
    margin:0;
    padding:.785em 1em 0 .5em;
    gap:2.1em;
    font-size:var(--aplusxbto_fontSize_10);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.1px;
    list-style-type:none;
    white-space:nowrap;
}

.aplusxbto_breadcrumb__item{
    --aplusxbto_bread_color:var(--aplusxbto_color_main);
    padding-bottom:.7em;
}

.aplusxbto_breadcrumb__item.--current{
    border-bottom:4px solid var(--aplusxbto_color_link);
    pointer-events:none
}

.aplusxbto_breadcrumb__item.--disabled,.aplusxbto_breadcrumb__item.--no_selected{
    --aplusxbto_bread_color:var(--aplusxbto_color_sub);
    pointer-events:none
}

.aplusxbto_breadcrumb__link{
    color:var(--aplusxbto_bread_color);
    font-weight:700;
    text-decoration:none
}

.aplusxbto_breadcrumb__link:focus-visible,
.aplusxbto_breadcrumb__link:hover{
    --aplusxbto_bread_color:var(--aplusxbto_color_link)
}

.aplusxbto_cartTable{
    width:100%;
    line-height:var(--aplusxbto_lineHeight_main)
}

.aplusxbto_cartTable__wrapper{
    box-sizing:border-box;
    margin-bottom: 1%;
    padding-bottom:1%;
    border-bottom:1px solid var(--aplusxbto_color_stroke)
}

.aplusxbto_cartTable__row{
    display:flex
}

.aplusxbto_cartTable__row td,
.aplusxbto_cartTable__row th{
    padding:6px 1em 6px 0;
    color:var(--aplusxbto_color_main);
    font-size:var(--aplusxbto_fontSize_14)
}

.aplusxbto_cartTable__row td:last-child{
    padding-right:0
}

.aplusxbto_cartTable__label{
    flex-shrink:0;
    width:min(115px,23.9583333333vw);
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    letter-spacing:.15px;
    text-align:left;
    text-transform:uppercase;
    word-wrap:break-word
}

.aplusxbto_cartTable__name{
    flex-grow:1;
    font-weight:500;
    letter-spacing:.5px
}
.aplusxbto_cartTable__name .caption {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: var(--aplusxbto_fontSize_14);
    color: #6c757d;
}

 .caption {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: var(--aplusxbto_fontSize_14);
    color: #6c757d;
}

.aplusxbto_cartTable__price{
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    width:100px;
    padding-right:0;
    text-align:right
}

.aplusxbto_cartTable__qty .aplusxbto_optBtn__qty{
    border: 1px solid rgba(29, 29, 29, .1);
    border-radius: 4px;
    background-color: var(--aplusxbto_color_bg_sub);
    display: flex;
    align-items: center;
    height: 25px;
}

.aplusxbto__estimatedShipDate{
    margin-top:1.5em;
    padding:1em;
    background-color:var(--aplusxbto_color_bg_sub);
}

.aplusxbto__estimatedShipDate .aplusxbto_total_footer__main{
    font-weight:normal;
}

.aplusxbto__estimatedShipDate span{
    font-size: var(--aplusxbto_fontSize_14)!important;
}

.aplusxbto_optionsList{
    --aplusxbto_optionsList_column:1;
    --aplusxbto_optionsList_gap:13px;
    display:grid;
    grid-template-columns:repeat(var(--aplusxbto_optionsList_column),1fr);
    margin:0;
    padding:0;
    gap:var(--aplusxbto_optionsList_gap);
    list-style-type:none
}

.aplusxbto_optionsList.--column2{
    --aplusxbto_optionsList_column:2
}

.aplusxbto_optionsList.--column3{
    --aplusxbto_optionsList_column:3;
    --aplusxbto_optionsList_gap:9px
}

.aplusxbto_optionsList.--column8{
    --aplusxbto_optionsList_column:8;
    --aplusxbto_optionsList_gap:0px;
    align-items:baseline;
}

.aplusxbto_optionsList__item.--color2.--active{
    --aplusxbto_optBtn_stroke:none;
    --aplusxbto_optBtn_outline:none;
}

.aplusxbto_optionsList__item:hover.--color2{
    --aplusxbto_optBtn_stroke:none;
}

.aplusxbto_optionsList.--border{
    margin-bottom:6%;
    padding-bottom:5.8%;
    border-bottom:1px solid var(--aplusxbto_color_stroke)
}

.aplusxbto_optionsList__item{
    position:relative;
    padding:0;
    margin:0
}

.aplusxbto_optionsList__item.--active,
.aplusxbto_optionsList__item:focus-visible,
.aplusxbto_optionsList__item:hover{
    --aplusxbto_optBtn_stroke:var(--aplusxbto_color_stroke_active);
    --aplusxbto_optBtn_color:var(--aplusxbto_color_main);
    --aplusxbto_optBtn_bg:var(--aplusxbto_color_bg_sub);
    --aplusxbto_optBtn_bg_thumb:var(--aplusxbto_color_bg_main);
    --aplusxbto_optBtn_outline:var(--aplusxbto_color_stroke_active)
}

.aplusxbto_optionsList__item.--active{
    --aplusxbto_optBtn_checkmark:visible
}

.aplusxbto_total_header{
    display:flex;
    align-items:flex-end;
    gap:min(15px,3.125vw)
}

.aplusxbto_total_header__title{
    margin:0;
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_16);
    line-height:var(--aplusxbto_lineHeight_main)
}

.aplusxbto_total_footer{
    display:flex;
    flex-direction:column;
    padding-top:1%;
    gap:.375em;
    font-size:var(--aplusxbto_fontSize_16);
    line-height:var(--aplusxbto_lineHeight_main);
    text-align:right
}

.aplusxbto_total_footer__sub{
    color:var(--aplusxbto_color_paragraph);
    letter-spacing:.5px
}

.aplusxbto_total_footer__sub .aplusxbto_pirice{
    letter-spacing:inherit
}

.aplusxbto_total_footer__main{
    color:var(--aplusxbto_color_heading);
    font-weight:700;
    letter-spacing:.15px
}

.aplusxbto_total_footer__main .aplusxbto_pirice{
    letter-spacing:inherit
}

.aplusxbto_footer__title{
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_20);
    line-height:var(--aplusxbto_lineHeight_main);
    letter-spacing:.015px
}

.aplusxbto-l__wrapper{
    height:100%;
    background-color:var(--aplusxbto_color_bg_sub)
}

.aplusxbto-l__left{
    display:flex;
    flex-direction: column;
    overflow:hidden;
    position:relative;
    top:0;
    flex-shrink:1;
    width:100%;
    height:42vh;
    /*border:1px solid var(--aplusxbto_color_stroke);
    border-right:0*/
}

.aplusxbto-l__right{
    position:fixed;
    top:40%;
    flex-shrink:0;
    width:100%;
    height:58vh;
    border:1px solid var(--aplusxbto_color_stroke);
    border-right:0;
    background-color:var(--aplusxbto_color_bg_main)
}

.aplusxbto-l__left-below/*, .aplusxbto-l_visual*/{
    display:flex;
    position:relative;
    justify-content:center;
    width:100%;
    height: 100%;
}
.aplusxbto-l_visual {
    width:100%;
    position:relative;
}
.aplusxbto-l_visual img{
    -o-object-fit:contain;
    -o-object-position:top center;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:top center
}

.aplusxbto-l_left-parts {
    text-align:center;
    position: absolute;
    right: 0%
}
.aplusxbto-l_left-parts .aplusxbto-l_left-parts__thumbBlk{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.aplusxbto-l_left-parts img{
    margin: 20px 10px 0;
    position: relative;
}

.aplusxbto-l_rainbow{
    z-index:1;
    position:absolute;
    top:min(11px,2.1875vw);
    right:min(20px,4.0625vw)
}

.aplusxbto-l_contents{
    --aplusxbto_gutter:min(20px, 2%);
    display:grid;
    grid-template-rows:1fr auto;
    height:100%
}

.aplusxbto-l_body{
    box-sizing:border-box;
    width:100%;
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr;
    align-content: flex-start;
}

.aplusxbto-l_body .aplusxbto_breadcrumb{
    margin-top:2.5%;
    margin-left:var(--aplusxbto_gutter)
}

.aplusxbto-l_body__scroll{
    -ms-overflow-style:none;
    height:100%;
    padding-bottom: 50px;
    padding-top:0;
    padding-inline:var(--aplusxbto_gutter);
    overflow-y:auto;
    overscroll-behavior: contain;
    scrollbar-width:none;
    margin-bottom: 30px;
}
.transparent_warming-message {
    position: absolute;
    bottom: 50px;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
.transparent_warming-message .message {
    width: 30%;
    font-size: var(--aplusxbto_fontSize_11);
    color: red;
    padding: 15px;
    text-align: center
}
.aplusxbto-l_body__scroll::-webkit-scrollbar{
    display:none
}

.aplusxbto-l_body__scroll>:first-child{
    margin-top:0
}

.aplusxbto-l_body__scroll>:last-child{
    margin-bottom:15vh
}

.aplusxbto-l_footer{
    background-color:var(--aplusxbto_color_bg_sub)
}

.aplusxbto-l_footer__price{
    box-sizing:border-box;
    display:flex;
    justify-content:space-between;
    margin:0;
    padding:min(20px,4.2%) var(--aplusxbto_gutter) min(20px,4.2%) min(32px,6.7%);
    border-bottom:1px solid var(--aplusxbto_color_stroke)
}

.aplusxbto-l_footer__button{
    box-sizing:border-box;
    padding:min(24px,5%) var(--aplusxbto_gutter)
}

.aplusxbto-l_intro .aplusxbto-l_contents{
    padding:min(32px,6.7%) var(--aplusxbto_gutter)
}

.aplusxbto-l_intro .aplusxbto-l_body__scroll{
    padding-top:0;
    padding-inline:0
}

.aplusxbto-l_intro .aplusxbto-l_visual{
    justify-content:flex-start
}

.aplusxbto-l_intro .aplusxbto-l_visual img{
    -o-object-position:top left;
    object-position:top left
}

.aplusxbto-l_intro .aplusxbto_text{
    margin-top:.5em;
    margin-bottom:2.2857142857em
}

.aplusxbto-l_intro .aplusxbto_btn{
    margin-top:7%
}

.aplusxbto-l_intro .aplusxbto_btn__primary{
    width:var(--aplusxbto_button_size_full)
}
.aplustxbto_optionList__soldout {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    color: #666666
}
.line {
  position: relative;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid white;
  padding: 0;
  z-index:100;
  margin-top: 17px
}
.right-rotate {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (min-width:1200px){
    .aplusxbto-l__wrapper{
        width: 100% !important;
    }
    .aplusxbto-l__right{
        width:clamp(300px,42%,688px) !important;
    }
}

@media screen and (min-width:768px){
    :root{
        --aplusxbto_fontSize_10:10px;
        --aplusxbto_fontSize_11:11px;
        --aplusxbto_fontSize_12:12px;
        --aplusxbto_fontSize_13:13px;
        --aplusxbto_fontSize_14:14px;
        --aplusxbto_fontSize_15:15px;
        --aplusxbto_fontSize_16:16px;
        --aplusxbto_fontSize_17:17px;
        --aplusxbto_fontSize_18:18px;
        --aplusxbto_fontSize_19:19px;
        --aplusxbto_fontSize_20:20px;
        --aplusxbto_fontSize_21:21px;
        --aplusxbto_fontSize_22:22px;
        --aplusxbto_fontSize_23:23px;
        --aplusxbto_fontSize_24:24px;
        --aplusxbto_fontSize_25:25px;
        --aplusxbto_fontSize_26:26px;
        --aplusxbto_fontSize_27:27px;
        --aplusxbto_fontSize_28:28px;
        --aplusxbto_fontSize_29:29px;
        --aplusxbto_fontSize_30:30px;
        --aplusxbto_fontSize_31:31px;
        --aplusxbto_fontSize_32:32px;
        --aplusxbto_fontSize_33:33px;
        --aplusxbto_fontSize_34:34px;
        --aplusxbto_fontSize_35:35px;
        --aplusxbto_fontSize_36:36px;
        --aplusxbto_fontSize_37:37px;
        --aplusxbto_fontSize_38:38px;
        --aplusxbto_fontSize_39:39px;
        --aplusxbto_fontSize_40:40px;
        --aplusxbto_fontSize_41:41px;
        --aplusxbto_fontSize_42:42px;
        --aplusxbto_fontSize_43:43px;
        --aplusxbto_fontSize_44:44px;
        --aplusxbto_fontSize_45:45px;
        --aplusxbto_fontSize_46:46px;
        --aplusxbto_fontSize_47:47px;
        --aplusxbto_fontSize_48:48px
    }

    .aplusxbto_text{
        font-size:var(--aplusxbto_fontSize_16)
    }

    .aplusxbto_check.--large{
        --aplusxbto_circle_width:36px
    }

    .aplusxbto_rainbow__controller{
        gap:10px
    }

    .aplusxbto_rainbow__text__off,
    .aplusxbto_rainbow__text__on{
        font-size:var(--aplusxbto_fontSize_16)
    }

    .aplusxbto_link{
        font-size:var(--aplusxbto_fontSize_14)
    }

    .aplusxbto_title{
        font-size:var(--aplusxbto_fontSize_48);
        letter-spacing:-.5px
    }

    .aplusxbto_subtitle{
        font-size:var(--aplusxbto_fontSize_18)
    }

    .aplusxbto_optBtn__label,
    .aplusxbto_optBtn__price,
    .aplusxbto_optBtn__title{
        font-size:var(--aplusxbto_fontSize_16)
    }

    .aplusxbto_breadcrumb__list,
    .aplusxbto_optBtn.--large .aplusxbto_optBtn__label,
    .aplusxbto_optBtn.--middle .aplusxbto_optBtn__label{
        font-size:var(--aplusxbto_fontSize_14)
    }

    .aplusxbto_total_header__title{
        font-size:var(--aplusxbto_fontSize_20)
    }

    .aplusxbto_total_footer{
        gap:.75em
    }

    .aplusxbto_optBtn.--parts .aplusxbto_optBtn__thumbWrap{
        margin-right: 10px;
    }
}

@media screen and (min-width:1024px){
    .aplusxbto_rainbow{
        gap:12px
    }

    .aplusxbto_rainbow__img{
        width:102px;
        height:102px;
        margin-left:2px
    }

    .aplusxbto_subtitle{
        margin-bottom:1.6666666667em;
        padding-bottom:.2083333333em;
        border-bottom:1px solid var(--aplusxbto_color_stroke);
        font-weight:bold
    }

    .aplusxbto_optBtn{
        min-height:64px
    }

    .aplusxbto_optBtn__price{
        display:block
    }

    .aplusxbto_optBtn.--model2,
    .aplusxbto_optBtn.--parts{
        padding:16px;
        gap:7px 16px
    }

    .aplusxbto_optBtn.--parts .aplusxbto_optBtn__thumbWrap,
    .aplusxbto_optBtn.--options .aplusxbto_optBtn__thumbWrap{
        --aplusxbto_thumb_width:90px
    }

    .aplusxbto_optBtn.--model2 .aplusxbto_optBtn__thumbWrap{
        --aplusxbto_thumb_width:120px
    }

    .aplusxbto_optBtn.--model2 .aplusxbto_optBtn__iconWrap{
        --aplusxbto_thumb_width:60px
    }

    .aplusxbto_optBtn.--options{
        padding:16px;
        gap:7px 16px
    }

    .aplusxbto_breadcrumb__list{
        padding:0;
        gap:2.1em
    }

    .aplusxbto_cartTable__name{
        color:var(--aplusxbto_color_sub)
    }

    .aplusxbto_optionsList{
        --aplusxbto_optionsList_gap:16px;
        margin-bottom:48px
    }

    .aplusxbto_optionsList.--column3{
        --aplusxbto_optionsList_gap:12px
    }

    .aplusxbto_optionsList.--border{
        margin-bottom:60px;
        padding-bottom:46px
    }

    .aplusxbto_total_header{
        margin-bottom:5px;
        gap:16px
    }

    .aplusxbto-l__wrapper{
        width: 100%;
        max-height: 100vh;
        display:flex
    }

    .aplusxbto-l__left{
        position:relative;
        top:auto;
        height:auto
    }

    .aplusxbto-l__right{
        position:static;
        width:clamp(300px,40%,688px);
        height:auto;
    }

    .aplusxbto-l_rainbow{
        top:25px;
        right:29px
    }

    .aplusxbto-l_contents{
        --aplusxbto_gutter:min(32px, 4.7%)
    }

    .aplusxbto-l_body .aplusxbto_breadcrumb{
        margin-top:23px
    }

    .aplusxbto-l_body__scroll{
        padding-top:0px;
        box-sizing:border-box
    }

    .aplusxbto-l_body__scroll>:last-child{
        margin-bottom:30px
    }

    .aplusxbto-l_footer__price{
        padding:min(20px,3.3%) var(--aplusxbto_gutter) min(20px,3.3%) min(32px,6.7%)
    }

    .aplusxbto-l_footer__button{
        padding:min(24px,3.9%) var(--aplusxbto_gutter)
    }

    .aplusxbto-l_intro .aplusxbto-l_contents{
        --aplusxbto_gutter:min(50px, 8%);
        grid-template-rows:auto;
        place-items:center;
        padding-block:5%
    }

    .aplusxbto-l_intro .aplusxbto_text{
        margin-top:3.125em;
        margin-bottom:2em
    }

    .aplusxbto-l_intro .aplusxbto_btn{
        margin-top:8.5%;
        margin-bottom:0
    }

    .aplusxbto-l_intro .aplusxbto_btn__primary{
        width:var(--aplusxbto_button_size_main)
    }
    #canvas3DPreOrder {
        min-height: 400px;
    }
}

@media screen and (max-width:360px){
    .aplusxbto_rainbow{
        gap:5px
    }

    .aplusxbto_rainbow__img{
        width:54px;
        height:54px
    }

    .aplusxbto_rainbow__switch{
        width:28px;
        height:16px
    }

    .aplusxbto_rainbow__circle{
        width:12.5px;
        height:12.5px;
        font-size:var(--aplusxbto_fontSize_11)
    }

    .aplusxbto_rainbow__text__off,
    .aplusxbto_rainbow__text__on{
        font-size:var(--aplusxbto_fontSize_11)
    }

    .aplusxbto_optBtn.--middle .aplusxbto_optBtn__label,
    .aplusxbto_optBtn__label{
        font-size:var(--aplusxbto_fontSize_14)
    }
    .aplusxbto_optionsList__item.--active .--options{
        padding-bottom: 25px;
    }
}
@media screen and (max-width:375px) {
    .aplusxbto_optionsList.--column3 {
        --aplusxbto_optionsList_column:2
    }
    .aplusxbto_optionsList.--column2 {
        --aplusxbto_optionsList_column: 1;
    }
    .aplusxbto_optionsList__item.--active .--options{
        padding-bottom: 15px;
        padding-bottom: 15px;
    }
}
@media screen and (min-width:431px) and (max-width:600px) {
    /*.aplusxbto-l__right {
         max-height:60%;
    }*/
}
@media screen and (max-width:430px) {
    .aplusxbto_optionsList.--column8 {
        --aplusxbto_optionsList_column:4;
        --aplusxbto_optionsList_gap:0px
    }

    .aplusxbto_optionsList.--parts2 {
        --aplusxbto_optionsList_column:1;
    }

    .aplusxbto_cartTable__qty .aplusxbto_div_qty {
        font-size:var(--aplusxbto_fontSize_14);
    }

    .aplusxbto_cartTable__price {
        width:auto;
    }
    .aplusxbto_optionsList__item.--active .--options{
        padding-top: 15px;
        padding-bottom: 30px;
    }
}
@media screen and (min-width:1200px) and (max-width:1400px) {
    .aplusxbto_optionsList.--column2 {
        --aplusxbto_optionsList_column: 1;
    }
}
.aplusxbto_btn_back{
    -webkit-appearance:none;
    -moz-appearance:none;
    box-sizing:border-box;
    display:flex;
    appearance:none;
    align-items:center;
    justify-content:center;
    width:var(--aplusxbto_button_back);
    min-height:45px;
    margin-inline:var(--aplusxbto_margin);
    padding:.7142857143em 1em;
    border:1px solid #0080ff;
    border-radius:4px;
    background:var(--aplusxbto_button_back_color);
    color:var(--aplusxbto_button_back_text);
    font-weight:700;
    font-size:var(--aplusxbto_fontSize_14);
    line-height:1.5;
    letter-spacing:.08em;
    text-decoration:none;
    cursor:pointer;
    opacity:1
}

.aplusxbto_btn_back{
    width:var(--aplusxbto_button_size_sub);
    gap:8px
}

.aplusxbto_btn_back{
    position:relative;
    width:11px
}

.aplusxbto_btn_back i:after,
.aplusxbto_btn_back i:before{
    box-sizing:border-box;
    display:block;
    position:absolute;
    top:21px;
    bottom:0;
    content:"";
    margin-left:29px
}

.aplusxbto_btn_back i:before{
    z-index:1;
    left:0;
    width:11px;
    height:2px;
    transform:translateX(50%) translateY(-50%);
    background-color:currentColor
}

.aplusxbto_btn_back i:after{
    z-index:99;
    left:5px;
    width:7px;
    height:7px;
    transform:translateY(-50%) rotate(135deg);
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor
}

.aplusxbto_btn_back.--disabled{
    background-color:var(--aplusxbto_button_disabled);
    opacity:.3;
    pointer-events:none
}

.aplusxbto_btn_back{
    width:var(--aplusxbto_button_back);
    padding-left:28px
}

.aplusxbto_div_qty{
    width:20px;
    text-align:center;
    height: 100%;
    padding: 10px;
    font-size:var(--aplusxbto_fontSize_16)
}

.aplusxbto_btn_add{
    border:thin solid
}

.aplusxbto_btn_minus{
    border:thin solid
}
.aplusxbto_start_over_block{
    --aplusxbto_gutter:0;
    display:flex;
    flex-direction:row;
    justify-content:flex-end
}
.aplusxbto_start_over{
    padding-top:20px;
    padding-inline:var(--aplusxbto_gutter);
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:148.75%;
    letter-spacing:.1px
}

.aplusxbto_start_over_link,
.aplusxbto_start_over_link:visited{
    color:#666;
    position:relative;
    text-decoration:none
}
.aplusxbto_start_over_link:before {
    left: -28px;
    top: -5px;
    position: absolute;
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF80MTEzXzExNDE2IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiPg0KPHJlY3Qgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjRDlEOUQ5Ii8+DQo8L21hc2s+DQo8ZyBtYXNrPSJ1cmwoI21hc2swXzQxMTNfMTE0MTYpIj4NCjxwYXRoIGQ9Ik0xMS41IDIxLjA4MzVDMTAuMzAyMSAyMS4wODM1IDkuMTgwMDMgMjAuODU1OSA4LjEzMzg1IDIwLjQwMDdDNy4wODc2NyAxOS45NDU1IDYuMTc3MjYgMTkuMzMwNSA1LjQwMjYgMTguNTU1OUM0LjYyNzk1IDE3Ljc4MTIgNC4wMTMwMiAxNi44NzA4IDMuNTU3ODEgMTUuODI0NkMzLjEwMjYgMTQuNzc4NSAyLjg3NSAxMy42NTY0IDIuODc1IDEyLjQ1ODVINC43OTE2N0M0Ljc5MTY3IDE0LjMyNzIgNS40NDI1MyAxNS45MTI1IDYuNzQ0MjcgMTcuMjE0MkM4LjA0NjAxIDE4LjUxNiA5LjYzMTI1IDE5LjE2NjggMTEuNSAxOS4xNjY4QzEzLjM2ODcgMTkuMTY2OCAxNC45NTQgMTguNTE2IDE2LjI1NTcgMTcuMjE0MkMxNy41NTc1IDE1LjkxMjUgMTguMjA4MyAxNC4zMjcyIDE4LjIwODMgMTIuNDU4NUMxOC4yMDgzIDEwLjU4OTcgMTcuNTU3NSA5LjAwNDUgMTYuMjU1NyA3LjcwMjc3QzE0Ljk1NCA2LjQwMTAzIDEzLjM2ODcgNS43NTAxNiAxMS41IDUuNzUwMTZIMTEuMzU2MkwxMi44NDE3IDcuMjM1NThMMTEuNSA4LjYyNTE2TDcuNjY2NjcgNC43OTE4M0wxMS41IDAuOTU4NDk2TDEyLjg0MTcgMi4zNDgwOEwxMS4zNTYyIDMuODMzNUgxMS41QzEyLjY5NzkgMy44MzM1IDEzLjgyIDQuMDYxMSAxNC44NjYxIDQuNTE2MzFDMTUuOTEyMyA0Ljk3MTUyIDE2LjgyMjcgNS41ODY0NSAxNy41OTc0IDYuMzYxMUMxOC4zNzIgNy4xMzU3NSAxOC45ODcgOC4wNDYxNyAxOS40NDIyIDkuMDkyMzVDMTkuODk3NCAxMC4xMzg1IDIwLjEyNSAxMS4yNjA2IDIwLjEyNSAxMi40NTg1QzIwLjEyNSAxMy42NTY0IDE5Ljg5NzQgMTQuNzc4NSAxOS40NDIyIDE1LjgyNDZDMTguOTg3IDE2Ljg3MDggMTguMzcyIDE3Ljc4MTIgMTcuNTk3NCAxOC41NTU5QzE2LjgyMjcgMTkuMzMwNSAxNS45MTIzIDE5Ljk0NTUgMTQuODY2MSAyMC40MDA3QzEzLjgyIDIwLjg1NTkgMTIuNjk3OSAyMS4wODM1IDExLjUgMjEuMDgzNVoiIGZpbGw9IiMwMDgwRkYiLz4NCjwvZz4NCjwvc3ZnPg0K');
}
.aplusxbto_share{
    padding-top:20px;
    padding-inline:var(--aplusxbto_gutter);
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:148.75%;
    letter-spacing:.1px;
    margin-right:40px
}

.aplusxbto_share_link,
.aplusxbto_share_link:visited{
    color:#666;
    position:relative;
    text-decoration:none
}
.aplusxbto_share_link:before {
    left: -26px;
    top: -7px;
    position: absolute;
    content: url('/assets/images/share.svg');
}
.aplusxbto-l__right{
    overflow-y:scroll;
    overflow-x:hidden;
}

/* right to left */
@keyframes slideRight{
    0% {
        transform:translateX(100%);
    }
    100% {
        transform:translateX(0);
    }
}

/* left to right */
.aplusxbto_slide_left{
    animation:slideLeft 1 alternate .5s
}

@keyframes slideLeft{
    0%{
        transform:translateX(-100%)
    }

    100%{
        transform:translateX(0)
    }
}
.aplusxbto_optionsList__item .--disabled {
    background-color:var(--aplusxbto_item_disabled);
    opacity:.2;
    color:var(--aplusxbto_color_heading);
}
.--color2.--disabled,
.--color.--disabled {
    opacity:.2;
    color:var(--aplusxbto_color_heading);
}
.aplusxbto_optionsList__item.--disabled{
    color:var(--aplusxbto_color_heading);
    cursor:not-allowed!important;
    pointer-events:none
}
.aplusxbto_optionsList__item.--disabled:hover{
    cursor:not-allowed!important;
    pointer-events:none
}

.aplusxbto_no_hover{
    --aplusxbto_optBtn_color:var(--aplusxbto_color_sub)!important;
    --aplusxbto_optBtn_bg:var(--aplusxbto_color_bg_main)!important;
    --aplusxbto_optBtn_stroke:var(--aplusxbto_color_stroke)!important;
    --aplusxbto_optBtn_outline:transparent!important;
    --aplusxbto_optBtn_checkmark:hidden!important
}
@media screen and (min-width:1024px) {
    .aplusxbto-l_visual{
        width:100%;
    }
    .transparent_warming-message .message {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    }
    .aplusxbto-l__left-below-menu {
        position: absolute;
        left: 0;
        width: 30%;
        max-width: 415px;
        margin-top: 20px;
        background-color: transparent;
        padding: 0 0 0 40px;
        z-index: 1;
        height:85%
    }
    .aplusxbto-l__left-below-menu-content {
        position: relative;
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain
    }
    .aplusxbto-l__left-below-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: var(--aplusxbto_fontSize_13);
    }
    .aplusxbto-l__left-below-menu__content ul{
        display: flex;
        margin: 5px 0 5px 0;
        padding:0;
        background-color: #fff;
        border: 1px solid transparent;
    }
    .aplusxbto-l__left-below-menu__content ul:hover{
        border: 1px solid var(--aplusxbto_color_stroke_active);
        cursor: pointer;
    }
    .aplusxbto-l__left-below-menu__content ul:hover li.left {
        color:var(--aplusxbto_color_link_sub_hover);
    }
    .aplusxbto-l__left-below-menu__content ul li.left{
        width: 40%;
        padding: 0 0 0 10px;
        font-weight:bold;
        padding: .5em;
    }
    .aplusxbto-l__left-below-menu__content ul li.right{
        width: 50%;
        padding: .5em .5em 0;
    }
    .left-menu_total-weight{
        width:100%;
        text-align:right;
        font-weight:bold
    }
    .left-menu_title{
        font-size: var(--aplusxbto_fontSize_16);
        margin-bottom: 1em;
        font-weight: bold;
        color: #0080ff;
    }
}
@media screen and (max-width:1024px) {
    .aplusxbto-l_visual{
        width:100%;
        height:100%;
        position: relative;
    }
    .aplusxbto-l_body__scroll{
        padding-top:27px
    }
    .transparent_warming-message {
        display: none
    }
    .aplusxbto-l__left-below-menu, .aplusxbto-l_left-parts {
        display: none;
    }
    .aplusxbto_optionsList{
        margin-bottom:.5em
    }
    .aplusxbto-l_footer__price, .aplusxbto_start_over {
        display: none;
    }
    .aplusxbto-l_footer__button{
        padding:min(10px,5%) var(--aplusxbto_gutter)
    }
    .aplusxbto_subtitle_empty {
        display: none;
    }
    .aplusxbto-l__left {
        height: 35%;
        max-height: 35%;
        overflow: visible;
        z-index:10;
    }
    .aplusxbto-l__right {
        height: 65%;
        max-height: 65%;
        margin: 0;
    }
    .aplusxbto_breadcrumbWrap {
        flex-direction:column;
        padding: .5em .5em 0;
    }
    .aplusxbto_breadcrumb {
        width:100%;
        padding-left:0;
    }
    .aplusxbto_share {
        margin-right: 0px;
    }
    .aplustxbto_optionList__soldout{
        font-size:14px
    }
}

/*  Style the progress bar  */
.progress-bar__wrapper {
    position: absolute;
    padding: 15px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 10000;
    background-color: rgba(0 0 0 / .6);
    display:none;
}
.progress-bar__body {
    position: relative;
    width: 60%;
    top: 50%;
    height: 100px;
    margin: auto
}
.progress-bar {
    background-color: #fff;
    height: 10px;
    border:1px solid #0080ff;
    &:after {
        width: 25px;
        right: -16px;
        top: -45px;
        position: absolute;
        z-index: -1;
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAgODIuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgODIuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izg4ODg4ODt9DQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzRTM2Mzk7fQ0KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojQTM3RDczO30NCgkuc3Qze2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzE3MDYwMzt9DQoJLnN0NHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNCRDk1ODU7fQ0KCS5zdDV7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojNTMzNjJCO30NCgkuc3Q2e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzZGM0UzMTt9DQoJLnN0N3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRjAzMDM7fQ0KCS5zdDh7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojQ0MwMDAwO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjYsNzkuNmMxLjcsMCwzLjEtMC4zLDMuMS0wLjZjMC0wLjQtMS40LTAuNi0zLjEtMC42Yy0xLjcsMC0zLjEsMC4zLTMuMSwwLjZDOC41LDc5LjMsOS45LDc5LjYsMTEuNiw3OS42DQoJCQl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04LjIsODIuMWM0LDAsNy4yLTEuNSw3LjItMy40YzAtMS45LTMuMi0zLjQtNy4yLTMuNHMtNy4yLDEuNS03LjIsMy40QzAuOSw4MC42LDQuMiw4Mi4xLDguMiw4Mi4xeiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjYuNCw4LjkgMTEuOSw4LjkgMTEuOSw3OS4xIDExLjksODAgMTEuOSw4MCAxMS45LDgwIDExLjksODAgMTEuOSw4MCAxMS45LDgwLjEgMTEuOCw4MC4xIDExLjgsODAuMSANCgkJCTExLjgsODAuMSAxMS43LDgwLjIgMTEuNyw4MC4yIDExLjcsODAuMiAxMS43LDgwLjIgMTEuNiw4MC4yIDExLjYsODAuMiAxMS42LDgwLjMgMTEuNiw4MC4zIDExLjUsODAuMyAxMS41LDgwLjMgMTEuNSw4MC4zIA0KCQkJMTEuNSw4MC4zIDExLjUsODAuMyAxMS40LDgwLjMgMTEuNCw4MC4zIDExLjQsODAuNCAxMS40LDgwLjQgMTEuMyw4MC40IDExLjMsODAuNCAxMS4zLDgwLjQgMTEuMyw4MC40IDExLjIsODAuNCAxMS4yLDgwLjQgDQoJCQkxMS4yLDgwLjUgMTEuMiw4MC41IDExLjEsODAuNSAxMS4xLDgwLjUgMTEuMSw4MC41IDExLDgwLjUgMTEsODAuNSAxMSw4MC41IDExLDgwLjUgMTAuOSw4MC42IDEwLjksODAuNiAxMC45LDgwLjYgMTAuOCw4MC42IA0KCQkJMTAuOCw4MC42IDEwLjgsODAuNiAxMC44LDgwLjYgMTAuNyw4MC42IDEwLjcsODAuNiAxMC43LDgwLjYgMTAuNiw4MC43IDEwLjYsODAuNyAxMC42LDgwLjcgMTAuNSw4MC43IDEwLjUsODAuNyAxMC41LDgwLjcgDQoJCQkxMC41LDgwLjcgMTAuNCw4MC43IDEwLjQsODAuNyAxMC40LDgwLjcgMTAuMyw4MC43IDEwLjMsODAuNyAxMC4zLDgwLjggMTAuMiw4MC44IDEwLjIsODAuOCAxMC4xLDgwLjggMTAuMSw4MC44IDEwLjEsODAuOCANCgkJCTEwLjEsODAuOCAxMCw4MC44IDEwLDgwLjggMTAsODAuOCA5LjksODAuOCA5LjksODAuOCA5LjksODAuOCA5LjgsODAuOCA5LjgsODAuOCA5LjcsODAuOCA5LjcsODAuOCA5LjcsODAuOSA5LjYsODAuOSA5LjYsODAuOSANCgkJCTkuNiw4MC45IDkuNiw4MC45IDkuNSw4MC45IDkuNSw4MC45IDkuNCw4MC45IDkuNCw4MC45IDkuNCw4MC45IDkuMyw4MC45IDkuMyw4MC45IDkuMiw4MC45IDkuMiw4MC45IDkuMiw4MC45IDkuMSw4MC45IA0KCQkJOS4xLDgwLjkgOSw4MC45IDksODAuOSA4LjksODAuOSA4LjksODAuOSA4LjksODAuOSA4LjgsODAuOSA4LjgsODAuOSA4LjcsODAuOSA4LjcsODAuOSA4LjcsODAuOSA4LjYsODAuOSA4LjYsODAuOSA4LjYsODAuOSANCgkJCTguNSw4MC45IDguNSw4MC45IDguNSw4MC45IDguNSw4MC45IDguNCw4MC45IDguNCw4MC45IDguNCw4MC45IDguNCw4MC45IDguMyw4MC45IDguMyw4MC45IDguMyw4MC45IDguMiw4MC45IDguMiw4MC45IA0KCQkJOC4yLDgwLjkgOC4yLDgwLjkgOC4xLDgwLjkgOC4xLDgwLjkgOC4xLDgwLjkgOCw4MC45IDgsODAuOSA4LDgwLjkgOCw4MC45IDcuOSw4MC45IDcuOSw4MC45IDcuOSw4MC45IDcuOCw4MC45IDcuOCw4MC45IA0KCQkJNy44LDgwLjggNy43LDgwLjggNy43LDgwLjggNy43LDgwLjggNy43LDgwLjggNy42LDgwLjggNy42LDgwLjggNy42LDgwLjggNy42LDgwLjggNy41LDgwLjggNy41LDgwLjggNy41LDgwLjggNy41LDgwLjggDQoJCQk3LjQsODAuOCA3LjQsODAuOCA3LjQsODAuOCA3LjMsODAuOCA3LjMsODAuOCA3LjMsODAuOCA3LjMsODAuOCA3LjIsODAuOCA3LjIsODAuNyA3LjIsODAuNyA3LjEsODAuNyA3LjEsODAuNyA3LjEsODAuNyANCgkJCTcuMSw4MC43IDcsODAuNyA3LDgwLjcgNyw4MC43IDcsODAuNyA2LjksODAuNyA2LjksODAuNyA2LjksODAuNyA2LjksODAuNyA2LjgsODAuNyA2LjgsODAuNiA2LjgsODAuNiA2LjcsODAuNiA2LjYsODAuNiANCgkJCTYuNiw4MC42IDYuNiw4MC42IDYuNSw4MC42IDYuNSw4MC41IDYuNSw4MC41IDYuNCw4MC41IDYuNCw4MC41IDYuNCw4MC41IDYuNCw3OS4xIAkJIi8+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02LjQsOC45aDUuNnYwLjVjLTAuOCwwLjYtMS43LDAuOS0yLjgsMC45Yy0xLDAtMi0wLjQtMi44LTAuOVY4Ljl6Ii8+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDQiIHBvaW50cz0iOS4yLDguOSA2LjQsOC45IDYuNCw3OS4xIDYuNCw4MCA2LjQsODAgNi40LDgwIDYuNCw4MCA2LjQsODAgNi41LDgwLjEgNi41LDgwLjEgNi41LDgwLjEgNi41LDgwLjEgDQoJCQk2LjUsODAuMSA2LjYsODAuMSA2LjYsODAuMiA2LjYsODAuMiA2LjYsODAuMiA2LjcsODAuMiA2LjcsODAuMiA2LjcsODAuMiA2LjcsODAuMiA2LjcsODAuMyA2LjgsODAuMyA2LjgsODAuMyA2LjgsODAuMyANCgkJCTYuOCw4MC4zIDYuOSw4MC4zIDYuOSw4MC4zIDYuOSw4MC4zIDYuOSw4MC4zIDYuOSw4MC40IDcsODAuNCA3LDgwLjQgNyw4MC40IDcsODAuNCA3LjEsODAuNCA3LjEsODAuNCA3LjEsODAuNCA3LjEsODAuNSANCgkJCTcuMiw4MC41IDcuMiw4MC41IDcuMiw4MC41IDcuMiw4MC41IDcuMyw4MC41IDcuMyw4MC41IDcuMyw4MC41IDcuMyw4MC41IDcuNCw4MC41IDcuNCw4MC42IDcuNCw4MC42IDcuNCw4MC42IDcuNSw4MC42IA0KCQkJNy41LDgwLjYgNy41LDgwLjYgNy42LDgwLjYgNy42LDgwLjYgNy42LDgwLjYgNy42LDgwLjYgNy43LDgwLjYgNy43LDgwLjcgNy43LDgwLjcgNy43LDgwLjcgNy44LDgwLjcgNy44LDgwLjcgNy44LDgwLjcgDQoJCQk3LjksODAuNyA3LjksODAuNyA3LjksODAuNyA3LjksODAuNyA4LDgwLjcgOCw4MC43IDgsODAuNyA4LjEsODAuOCA4LjEsODAuOCA4LjEsODAuOCA4LjIsODAuOCA4LjIsODAuOCA4LjIsODAuOCA4LjMsODAuOCANCgkJCTguMyw4MC44IDguMyw4MC44IDguNCw4MC44IDguNCw4MC44IDguNCw4MC44IDguNSw4MC44IDguNSw4MC44IDguNiw4MC44IDguNiw4MC44IDguNiw4MC44IDguNyw4MC45IDguNyw4MC45IDguOCw4MC45IA0KCQkJOC44LDgwLjkgOC44LDgwLjkgOC45LDgwLjkgOC45LDgwLjkgOC45LDgwLjkgOSw4MC45IDksODAuOSA5LDgwLjkgOS4xLDgwLjkgOS4xLDgwLjkgOS4yLDgwLjkgOS4yLDc5LjEgCQkiLz4NCgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTkuMiw4LjlINi40djAuNWMwLjgsMC42LDEuNywwLjksMi44LDAuOUw5LjIsOC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOS4yLDAuOGMyLjUsMCw0LjYsMiw0LjYsNC42YzAsMi41LTIsNC42LTQuNiw0LjZjLTIuNSwwLTQuNi0yLTQuNi00LjZDNC42LDIuOSw2LjYsMC44LDkuMiwwLjh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik02LjksOS4zQzQuNyw4LjEsNCw1LjMsNS4yLDMuMWMxLjMtMi4yLDQtMi45LDYuMi0xLjdMNi45LDkuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTEzLjcsNS40YzAsMi41LTIsNC42LTQuNiw0LjZjLTIuNSwwLTQuNi0yLTQuNi00LjZjMCwzLjIsNC4yLDMuNSw0LjUsMy41QzEwLjcsOC45LDEzLjcsOC4zLDEzLjcsNS40eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNC42LDUuNGMwLDIuNSwyLDQuNiw0LjYsNC42di0xQzcuNiw4LjksNC42LDgsNC42LDUuNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTYuNCw5LjljMC45LDAuNCwxLjksMC43LDIuOCwwLjdjMC45LDAsMS45LTAuMSwyLjgtMC43bDI3LjUsMTMuM0wxMS45LDM2LjVjLTAuOSwwLjQtMS45LDAuNy0yLjgsMC43DQoJCQljLTAuOSwwLTItMC40LTIuOC0wLjdDNi40LDI3LjcsNi40LDE4LjgsNi40LDkuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTkuMiwxMC42TDkuMiwxMC42YzAuOSwwLDEuOS0wLjEsMi44LTAuN3YyNi42aDBjLTAuOSwwLjQtMS45LDAuNy0yLjgsMC43VjEwLjZ6Ii8+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDgiIHBvaW50cz0iMTkuMiwzMyAzOS40LDIzLjIgMjYuNywxNy4xIAkiLz4NCjwvZz4NCjwvc3ZnPg0K')
    }
}
.progress-bar__progress {
    min-width: 0;
    max-width: 100%;
    position: relative;
    height: 100%;
    display: block;
    background-color: #0080ff;
    width: 0%;
    &:after {
        width: 80px;
        right: 0;
        top: -115px;
        position: absolute;
        z-index: 10000000000000;
        opacity: 1;
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTcuNiA4Mi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1Ny42IDgyLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFNkU2RTY7fQ0KCS5zdDF7ZmlsbDojRjJGMkYyO30NCgkuc3Qye2ZpbGw6I0NDQ0NDQzt9DQoJLnN0M3tmaWxsOiNBMzVFMjY7fQ0KCS5zdDR7ZmlsbDojNjMzMDAyO30NCgkuc3Q1e2ZpbGw6IzE5MzAzRjt9DQoJLnN0NntmaWxsOiMwMDgwRkY7fQ0KCS5zdDd7ZmlsbDojMjE0MDZEO30NCgkuc3Q4e2ZpbGw6IzI4MzIzRDt9DQoJLnN0OXtmaWxsOiM3QzBEMTc7fQ0KCS5zdDEwe2ZpbGw6I0Y4QzBBMDt9DQoJLnN0MTF7ZmlsbDojREZBMzg1O30NCgkuc3QxMntmaWxsOiM5MTBGMEY7fQ0KCS5zdDEze2ZpbGw6I0FENUM0NDt9DQoJLnN0MTR7ZmlsbDojRjlDMUE1O30NCgkuc3QxNXtmaWxsOiNFNUE0ODg7fQ0KCS5zdDE2e2ZpbGw6IzNGMEYwOTt9DQoJLnN0MTd7ZmlsbDojRkYwMDAwO30NCgkuc3QxOHtmaWxsOiM1QjAzMDM7fQ0KCS5zdDE5e2ZpbGw6I0I1MDgwODt9DQoJLnN0MjB7ZmlsbDojQzk3RDZCO30NCgkuc3QyMXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00OS44LDcxLjJjMC0wLjEsMC0wLjIsMC0wLjJjLTAuMS0wLjEtMC4xLTAuMS0wLjEtMC4yYzAsMCwwLTAuMS0wLjEtMC4xYzAsMC0wLjEsMC0wLjEtMC4xDQoJCWMwLTAuMiwwLTAuMi0wLjItMC4zYzAtMC4xLDAtMC4yLTAuMS0wLjJjMCwwLDAsMCwwLTAuMXMwLTAuMi0wLjEtMC4ybDAsMGMwLTAuMS0wLjEtMC4yLTAuMi0wLjJjMC0wLjEtMC4yLTAuMi0wLjItMC4zDQoJCWMtMC4xLTAuMS0wLjEtMC4xLTAuMi0wLjJjMC0wLjEtMC4xLTAuMi0wLjItMC4yaC0wLjFjMC0wLjEtMC4xLTAuMS0wLjItMC4xbDAsMGMwLTAuMS0wLjEtMC4xLTAuMi0wLjFjMC0wLjEtMC4xLTAuMi0wLjItMC4yDQoJCWgtMC4xYy0wLjEtMC4xLTAuMS0wLjEtMC4yLTAuMWMtMC4xLDAtMC4xLTAuMS0wLjItMC4xSDQ3Yy0wLjEtMC4xLTAuMS0wLjEtMC4yLTAuMWgtMC4xQzQ2LjUsNjgsNDYuNCw2OCw0Ni4zLDY4aC0wLjENCgkJYy0wLjEsMC0wLjMtMC4xLTAuNC0wLjFsMCwwYy0wLjEsMC0wLjEsMC0wLjIsMGgtMC4xYy0wLjEsMC0wLjIsMC0wLjMsMGgtMC4xYy0wLjEsMC0wLjEsMC0wLjIsMGgtMC4xYy0wLjEsMC0wLjIsMC0wLjMsMA0KCQlzLTAuMiwwLjEtMC4zLDBsMCwwYy0wLjEsMC0wLjEsMC0wLjIsMGgtMC4xYy0wLjEsMC0wLjEsMC0wLjIsMGgtMC4xaC0wLjFjLTAuMiwwLTAuMywwLjEtMC41LDAuMWMtMC4xLDAtMC4yLDAtMC4zLDBMNDkuOCw3MS4yeiINCgkJLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTYuOCw3Ni4yYzAtMC4zLTAuMi0wLjUtMC41LTAuN3MtMC43LTAuNC0xLjEtMC42Yy0wLjgtMC40LTEuNS0wLjgtMi4zLTEuMmMtMC43LTAuNC0xLjQtMC43LTIuMS0xDQoJCWMtMC4xLTAuMS0wLjMtMC4xLTAuNC0wLjJjLTAuMi0wLjEtMC4zLTAuMS0wLjUtMC4yYy0wLjMtMC4yLTAuNy0wLjMtMS0wLjVMNDIsNjguNmwwLDBjLTAuMy0wLjEtMC42LTAuMy0wLjktMC40DQoJCWMtMC44LTAuMy0xLjYtMC42LTIuNC0wLjljLTAuOS0wLjMtMS44LTAuNi0yLjctMC45Yy0wLjgtMC4zLTEuNi0wLjUtMi40LTAuN2MtMC45LTAuMy0xLjktMC41LTIuOC0wLjdjLTAuMSwwLTAuMi0wLjEtMC4zLTAuMQ0KCQljLTAuMSwwLTAuMiwwLTAuMiwwLjJjMCwwLjEsMCwwLjIsMCwwLjNsMCwwbDAsMGMwLTAuMSwwLTAuMSwwLTAuMmMwLTAuMywwLTAuMy0wLjMtMC4zbDAsMGMtMC44LTAuMS0xLjYtMC4zLTIuNS0wLjQNCgkJYy0wLjUtMC4xLTEtMC4xLTEuNS0wLjJjLTAuMywwLTAuNSwwLTAuOC0wLjFjLTAuMiwwLTAuNS0wLjEtMC43LTAuMWMtMSwwLTEuOSwwLTIuOSwwYy0wLjUsMC0xLDAuMS0xLjUsMC4xDQoJCWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNjLTAuOCwwLjItMS43LDAuNC0yLjUsMC42Yy0wLjUsMC4yLTEuMSwwLjQtMS42LDAuNmMtMC4zLDAuMS0wLjYsMC4zLTEsMC40Yy0wLjUsMC4yLTEuMSwwLjUtMS42LDAuOA0KCQljLTAuNCwwLjItMC44LDAuNC0xLjIsMC43Yy0wLjYsMC40LTEuMSwwLjctMS43LDEuMUM4LDY4LjksNy41LDY5LjMsNyw2OS44Yy0wLjMsMC4yLTAuNiwwLjUtMSwwLjhsLTAuMSwwLjENCgkJQzUuNyw3MSw1LjMsNzEuMyw1LDcxLjZjLTAuMywwLjMtMC41LDAuNi0wLjgsMC45cy0wLjYsMC42LTAuOCwxYy0wLjUsMC42LTEsMS4zLTEuNCwyYy0wLjMsMC40LTAuNSwwLjgtMC44LDEuMw0KCQljLTAuMiwwLjMtMC40LDAuNy0wLjYsMWMtMC4xLDAuMy0wLjMsMC41LTAuNCwwLjhjLTAuMSwwLjEtMC4xLDAuMywwLDAuNHMwLjIsMC4zLDAuMywwLjRjMC40LDAuNiwwLjksMS4zLDEuMywxLjkNCgkJYzAuMSwwLjIsMC4zLDAuMywwLjUsMC4zaDAuMWgwLjFjMC4xLDAsMC4yLDAuMSwwLjMsMC4xczAuMywwLDAuNCwwYzAuNSwwLDEsMC4xLDEuNSwwLjFjMC4zLDAsMC42LDAsMC45LDBjMC41LDAsMC45LDAsMS40LDANCgkJYzEsMCwyLDAsMy4xLDBjMC42LDAsMS4yLDAsMS44LDBjMC4zLDAsMC43LDAsMS0wLjFjMC4yLDAsMC4zLTAuMSwwLjUtMC4xYzIuOSwwLDUuOCwwLDguOCwwYzIuOSwwLDUuOCwwLDguOCwwYzEuMiwwLDIuMywwLDMuNSwwDQoJCWMzLjgsMCw3LjUsMCwxMS4zLDBjMC4xLDAsMC4zLDAsMC40LDBjMC4xLDAsMC4xLDAsMC4yLDBjMC4zLDAuMSwwLjUsMC4xLDAuOCwwLjFzMC41LDAsMC44LDBjMC45LDAsMS43LDAsMi42LDANCgkJYzAuNiwwLDEuMiwwLDEuOCwwaDAuMWMwLjMsMCwwLjYtMC4xLDAuOC0wLjFjMC4zLDAsMC41LTAuMiwwLjctMC4zYzAsMCwwLDAsMC4xLTAuMWMwLjItMC4yLDAuNC0wLjUsMC42LTAuNw0KCQljMC4zLTAuNCwwLjYtMC44LDAuOC0xLjJjMC4zLTAuNSwwLjYtMS4xLDAuOC0xLjdjMC4xLTAuMiwwLTAuMi0wLjEtMC4zYy0wLjEtMC4xLTAuMy0wLjItMC41LTAuMmMtMC4xLDAtMC4yLDAtMC4zLDANCgkJUzU1LjIsNzcsNTUuMSw3N2MwLTAuMSwwLTAuMi0wLjEtMC4zYzAuMi0wLjEsMC4zLTAuMSwwLjUsMGMwLjIsMC4yLDAuNSwwLjEsMC44LDAuMWMwLjEsMCwwLjItMC4xLDAuMi0wLjINCgkJQzU2LjgsNzYuNSw1Ni44LDc2LjMsNTYuOCw3Ni4yeiIvPg0KCTxlbGxpcHNlIGNsYXNzPSJzdDIiIGN4PSIyNC44IiBjeT0iNjcuNiIgcng9IjEyLjUiIHJ5PSIyLjkiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8Zz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjUuNyw2Ny40YzAuMSwwLjMsMS42LDAuMiwzLjEsMC4yYzAuOS0wLjQsMS40LTAuMSwyLjIsMC4xYzIuMiwwLjMsNC43LTAuMyw0LjctMC4zdi0wLjcNCgkJCQkJYy0wLjMtMS40LTEtMC45LTIuNi0xLjdjLTEuMS0wLjUtMS45LTEuNi0yLjMtMi4zYy0wLjItMC4zLTAuMy0wLjUtMC4zLTAuNWgtMy45YzAsMCwwLDAuMiwwLDAuNWMwLDAuNy0wLjEsMS43LTAuNCwyLjMNCgkJCQkJYzAsMCwwLDAuMS0wLjEsMC4xQzI1LjYsNjUuOSwyNS41LDY3LjIsMjUuNyw2Ny40eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNS43LDY3LjRjMC4xLDAuMywxLjYsMC4yLDMuMSwwLjJjMC45LTAuNCwxLjQtMC4xLDIuMiwwLjFjMi4yLDAuMyw0LjctMC4zLDQuNy0wLjN2LTAuNmwtMC40LDAuMQ0KCQkJCQljLTEuOSwwLjQtMy43LDAuMS01LjMtMC4xYy0xLjYtMC4yLTIuNCwwLTIuNCwwYzAtMS4yLTEuMi0xLjYtMS4yLTEuNnMtMC4xLDAtMC4yLTAuMWMwLDAsMCwwLjEtMC4xLDAuMQ0KCQkJCQlDMjUuNiw2NS45LDI1LjUsNjcuMiwyNS43LDY3LjR6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTMyLjksNjYuMWMwLjksMCwxLjctMC40LDEuNy0wLjRsLTAuMS0wLjFjMCwwLTEuMywwLjYtMi42LDAuMmMtMS4zLTAuNC0xLjktMS4zLTEuOS0xLjNsLTAuMSwwLjENCgkJCQkJYzAsMCwwLjYsMC45LDIsMS40QzMyLjIsNjYuMSwzMi42LDY2LjEsMzIuOSw2Ni4xeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yNi41LDYyLjdjMS40LDAuMSwxLjMsMiwxLjgsMi40YzAuNSwwLjUsMC4zLTEuNywwLjQtMS45czEuNS0wLjQsMi4xLTAuNmMtMC4yLTAuMy0wLjMtMC41LTAuMy0wLjVoLTMuOQ0KCQkJCQlDMjYuNSw2Mi4xLDI2LjUsNjIuNCwyNi41LDYyLjd6Ii8+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMjEuOSwzNWMwLDAtMC40LDQuMiwxLjMsNy4xYzAuOSwxLjUsMS42LDMuMSwyLDQuMmMwLjQsMC45LDAuNiwyLDAuNiwzYzAsNC43LDAuNiwxMS42LDAuNiwxMS42DQoJCQkJCWMwLjMsMi4yLDQsMC4xLDQsMC4xczAuNy0zLDEtNS4zYzAuNC0zLjgsMS02LjIsMC45LTcuOGMtMC4xLTMuNS00LjMtMTMuNC01LjEtMTUuNUwyMS45LDM1eiIvPg0KCQkJCTxnPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMjYuNCw2MC45YzAuMSwwLjgsMC4yLDEuMywwLjIsMS4zYzEuMiwxLjUsNCwwLjIsNCwwLjJzLTAuMi0wLjYtMC4xLTEuNkMyOS41LDYxLjQsMjcuNSw2MS43LDI2LjQsNjAuOQ0KCQkJCQkJTDI2LjQsNjAuOXoiLz4NCgkJCQkJPGc+DQoJCQkJCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMjkuOCw2Mi4yaDAuMWMwLDAsMC0wLjUsMC0wLjloLTAuMUMyOS45LDYxLjcsMjkuOCw2Mi4yLDI5LjgsNjIuMnoiLz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0yOS4yLDYyLjVoMC4xYzAsMCwwLjEtMC40LDAtMWgtMC4xQzI5LjMsNjIuMSwyOS4yLDYyLjUsMjkuMiw2Mi41eiIvPg0KCQkJCQkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTI4LjUsNjIuN2MwLDAsMC4xLTAuNSwwLTEuMWgtMC4xYzAuMSwwLjYsMCwxLjEsMCwxLjFIMjguNXoiLz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0yNy44LDYyLjZjMCwwLDAuMS0wLjQsMC4xLTAuOWgtMC4xYzAsMC40LDAsMC44LDAsMC44VjYyLjZ6Ii8+DQoJCQkJCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMjYuOSw2Mi40SDI3YzAsMCwwLjEtMC41LDAuMS0xSDI3QzI3LDYxLjksMjYuOSw2Mi40LDI2LjksNjIuNHoiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTI0LDM5LjRoMC4xYzAtMC4yLDAtMC4zLDAtMC41SDI0QzIzLjksMzkuMSwyMy45LDM5LjIsMjQsMzkuNHoiLz4NCgkJCQkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTI3LjIsNTh2LTAuM2gwLjFWNThjMCwwLjIsMCwwLjQsMCwwLjZoLTAuMUMyNy4yLDU4LjQsMjcuMiw1OC4yLDI3LjIsNTh6IE0yNy4yLDU1LjZoMC4xDQoJCQkJCQljMCwwLjMsMCwwLjcsMCwxaC0wLjFDMjcuMiw1Ni4zLDI3LjIsNTYsMjcuMiw1NS42eiBNMjcuMiw1My43aDAuMWMwLDAuMywwLDAuNiwwLDFoLTAuMUMyNy4yLDU0LjMsMjcuMiw1NCwyNy4yLDUzLjd6DQoJCQkJCQkgTTI3LjEsNTEuN2gwLjFjMCwwLjMsMCwwLjYsMCwxaC0wLjFDMjcuMSw1Mi4zLDI3LjEsNTIsMjcuMSw1MS43eiBNMjYuOSw0OS44SDI3YzAuMSwwLjIsMC4xLDAuNSwwLjIsMWgtMC4xDQoJCQkJCQlDMjcsNTAuMywyNi45LDUwLDI2LjksNDkuOHogTTI2LjMsNDUuOWgwLjFjMC4xLDAuNCwwLjIsMC43LDAuMywwLjloLTAuMUMyNi41LDQ2LjYsMjYuNCw0Ni4zLDI2LjMsNDUuOXogTTI1LjYsNDQuMWwwLjEtMC4xDQoJCQkJCQljMC4xLDAuMywwLjIsMC42LDAuNCwwLjlMMjYsNDVDMjUuOCw0NC43LDI1LjcsNDQuNCwyNS42LDQ0LjF6IE0yNC45LDQyLjNsMC4xLTAuMWMwLjEsMC4zLDAuMiwwLjYsMC40LDAuOWwtMC4xLDAuMQ0KCQkJCQkJQzI1LjEsNDIuOCwyNSw0Mi41LDI0LjksNDIuM3ogTTI0LjIsNDAuNGgwLjFjMC4xLDAuMywwLjIsMC42LDAuMywwLjloLTAuMUMyNC40LDQxLDI0LjMsNDAuNywyNC4yLDQwLjR6Ii8+DQoJCQkJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0yNy4yLDYwLjFoMC4xYzAtMC4xLDAtMC4yLDAtMC41aC0wLjFDMjcuMiw1OS44LDI3LjIsNjAsMjcuMiw2MC4xeiIvPg0KCQkJCTwvZz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMjcuNCwzNi40YzAuNCwwLjQsMC45LDAuNiwxLjQsMC42di0wLjFjLTEuMywwLjEtMi40LTEuNy0yLjktMi45aC0wLjFDMjYuMSwzNC44LDI2LjcsMzUuOCwyNy40LDM2LjR6Ii8+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTYsNjhjMC43LTAuMiwwLjEsMC4yLDIuNCwwLjVjMS43LDAuMywyLjcsMCwzLjEtMC4yYzAuMS0wLjEsMC4yLTAuMiwwLjItMC4zYzAtMC4yLDAtMC40LDAtMC42DQoJCQkJCWMtMC4yLTEuMi0wLjktMS43LTEuNC0yLjNjLTAuMi0wLjMtMC40LTAuOC0wLjQtMS4xYzAsMCwwLDAsMC0wLjFjLTAuMS0wLjUsMC0xLDAtMWwtMy43LTAuN2MwLDAsMCwwLjEtMC4xLDAuMw0KCQkJCQlzLTAuMSwwLjYtMC4yLDEuMWMwLDAuNi0wLjMsMS43LTAuNSwyLjVjLTAuMSwwLjQtMC4yLDAuNy0wLjIsMC44QzE1LjEsNjcuNCwxNS4zLDY4LDE2LDY4eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xNiw2Mi41YzAuMSwwLjIsMC4yLDAuNiwwLjIsMS4yYzAsMSwwLjIsMSwwLjgsMC4xYzAuNS0wLjksMi43LTAuOCwyLjgsMC4xYy0wLjEtMC41LDAtMSwwLTFsLTMuNy0wLjcNCgkJCQkJQzE2LjEsNjIuMywxNiw2Mi40LDE2LDYyLjV6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE2LDY4YzAuNy0wLjIsMC4xLDAuMiwyLjQsMC41YzEuNywwLjMsMi43LDAsMy4xLTAuMmMwLjEtMC4xLDAuMi0wLjIsMC4yLTAuM2MwLTAuMiwwLTAuNCwwLTAuNg0KCQkJCQljLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4xYzAsMC0yLjcsMC40LTMuOSwwYy0xLjEtMC40LTEuOC0wLjctMi4yLTEuNWMtMC4xLDAuNC0wLjIsMC43LTAuMiwwLjhDMTUuMSw2Ny40LDE1LjMsNjgsMTYsNjh6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTE4LjksNjYuM2MwLjQsMCwwLjgtMC4xLDAuOS0wLjFWNjZjMCwwLTEuNywwLjQtMi4yLTAuNWMtMC4zLTAuNiwwLjItMS44LDAuMi0xLjhsLTAuMS0wLjENCgkJCQkJYzAsMC4xLTAuNSwxLjMtMC4yLDEuOUMxNy43LDY2LjIsMTguNCw2Ni4zLDE4LjksNjYuM3oiLz4NCgkJCTwvZz4NCgkJCTxnPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0xNi4xLDYxLjRjLTAuMSwyLjIsMy45LDEsMy45LDFzMS40LTIuOCwyLjEtNWMxLjMtMy43LDIuMy01LjksMi42LTcuNGMwLjYtMy41LTEuMy0xNC0xLjctMTYuMmwtNy0wLjQNCgkJCQkJYzAsMC0xLjQsMi4yLDEsOS41YzAuNSwxLjUsMC44LDIuNSwxLDMuNWMwLDAuMiwwLjEsMC4zLDAuMSwwLjVjMC4xLDAuNSwwLjEsMC45LDAuMSwxLjRzLTAuMSwxLjEtMC4yLDEuNnMtMC4yLDAuOS0wLjMsMS40DQoJCQkJCUMxNi45LDU1LjgsMTYuMSw2MS40LDE2LjEsNjEuNHoiLz4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE2LjIsNjIuNGMxLjksMS4yLDMuNiwwLjUsMy42LDAuNWMwLjItMC4yLDAuNC0wLjYsMC43LTEuNWMtMC44LDAuMy0yLjEsMC4yLTMtMC4yDQoJCQkJCQljLTAuNS0wLjMtMS0wLjQtMS4zLTAuNmMtMC4xLDAuNi0wLjEsMS4xLTAuMiwxLjNDMTYsNjIuMiwxNi4xLDYyLjMsMTYuMiw2Mi40eiIvPg0KCQkJCQk8Zz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOS4zLDYyLjljMCwwLDAuMy0wLjYsMC4zLTEuMWgtMC4xYzAsMC41LTAuMiwxLTAuMywxTDE5LjMsNjIuOXoiLz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOC41LDYyLjljMCwwLDAuMi0wLjUsMC4yLTEuMWgtMC4xYzAsMC41LTAuMiwxLTAuMiwxTDE4LjUsNjIuOXoiLz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xNy43LDYyLjljMCwwLDAuMy0wLjYsMC4zLTEuMmgtMC4xYzAsMC42LTAuMywxLjEtMC4zLDEuMUwxNy43LDYyLjl6Ii8+DQoJCQkJCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTcuMSw2Mi42YzAsMCwwLjItMC40LDAuMy0xaC0wLjFjLTAuMSwwLjYtMC4zLDEtMC4zLDFIMTcuMXoiLz4NCgkJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xNi41LDYyLjNjMCwwLDAuMi0wLjUsMC4zLTFoLTAuMWMtMC4xLDAuNS0wLjMsMS0wLjMsMUgxNi41eiIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0xNi40LDM3LjljMS0wLjIsMS45LTAuNiwxLjctMi45SDE4YzAuMSwyLjItMC42LDIuNS0xLjYsMi44VjM3Ljl6Ii8+DQoJCQkJPGc+DQoJCQkJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0xOC4yLDQxLjZsMC4yLTAuMWMtMC4xLTAuMi0wLjEtMC40LTAuMi0wLjVIMThDMTguMSw0MS4yLDE4LjEsNDEuNCwxOC4yLDQxLjZ6Ii8+DQoJCQkJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0xNy40LDU3LjdjMC4xLTAuNCwwLjEtMC44LDAuMy0xLjJsMC4yLDAuMWMtMC4xLDAuNC0wLjIsMC43LTAuMywxLjFMMTcuNCw1Ny43eiBNMTguMSw1NS40DQoJCQkJCQljMC4xLTAuMywwLjMtMC43LDAuNC0xLjFsMC4yLDAuMWMtMC4yLDAuNC0wLjMsMC44LTAuNCwxLjFMMTguMSw1NS40eiBNMTguOCw1My4yYzAuMS0wLjQsMC4yLTAuNywwLjMtMS4xaDAuMg0KCQkJCQkJYy0wLjEsMC40LTAuMiwwLjgtMC4zLDEuMkwxOC44LDUzLjJ6IE0xOS40LDUwLjljMC4xLTAuNCwwLjEtMC44LDAuMi0xLjJoMC4yYzAsMC40LTAuMSwwLjgtMC4yLDEuMkgxOS40eiBNMTkuNiw0Ny4zaDAuMg0KCQkJCQkJYzAsMC40LDAsMC44LDAsMS4yaC0wLjJDMTkuNyw0OC4xLDE5LjcsNDcuNywxOS42LDQ3LjN6IE0xOS4zLDQ1aDAuMmMwLjEsMC40LDAuMiwwLjgsMC4yLDEuMmgtMC4yDQoJCQkJCQlDMTkuNCw0NS44LDE5LjQsNDUuNCwxOS4zLDQ1eiBNMTguNiw0Mi43bDAuMi0wLjFjMC4xLDAuNCwwLjMsMC44LDAuNCwxLjFIMTlDMTguOSw0My41LDE4LjgsNDMuMSwxOC42LDQyLjd6Ii8+DQoJCQkJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0xNy4zLDU5LjVoMC4yYzAtMC4yLDAtMC40LDAtMC42aC0wLjJDMTcuMyw1OS4xLDE3LjMsNTkuMywxNy4zLDU5LjV6Ii8+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0yOC45LDE1LjhjMC40LTEuMiwxLjUtMiwyLjctMS45YzEuNiwwLDMuNiwwLDUuNy0wLjNjMi4zLTAuMyw0LjQtMS4xLDYuNS0xLjZjMS45LTAuNCw0LjQtMS40LDUuOC0xLjUNCgkJCQkJYzEuNC0wLjIsMi41LDAuNSwyLjQsMC45YzAsMC0zLjUsMC43LTQuNSwxLjdjMCwwLDEsMC42LDIuMSwwLjljMS4xLDAuMywwLDEtMS4yLDAuN2MtMS0wLjItMi40LTAuMi0zLjQtMC40DQoJCQkJCWMtMC41LTAuMS0xLjEsMC0xLjUsMC4yYy0xLjcsMC45LTUuNywyLjktNy41LDMuN2MtMi4zLDEtNC41LDEtNSwxYy0xLjctMC4yLTIuNi0xLjktMi4yLTIuN0MyOC43LDE2LjMsMjguOCwxNiwyOC45LDE1Ljh6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik00OC4xLDExLjVjMCwwLDEuNS0wLjgsMy4zLTAuOHYtMC4xYy0xLjksMC0zLjQsMC44LTMuNCwwLjhMNDguMSwxMS41eiIvPg0KCQkJPC9nPg0KCQkJPGc+DQoJCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xOS4zLDE5LjFjLTIuNCwxLjEtNi4yLDMuOC02LjksMy43Yy0wLjcsMC0zLjUtMC43LTEuMS0yLjZzNC45LTQuMyw2LjUtNC42czMsMS40LDIuNiwyLjENCgkJCQkJQzIwLDE4LjUsMTkuMywxOS4xLDE5LjMsMTkuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyLjUsMjAuOGMxLDEuNSwwLjUsMS42LTAuNiwyLjZzLTIuNiwyLjQtMi41LDMuM3MxLjIsMi45LDAuNywyLjhzLTEuOC0yLTItMS43QzcuOCwyOC4yLDYuNSwzMS43LDYsMzENCgkJCQkJYy0wLjUtMC41LDAuOS0zLDAuOS0zcy0wLjYsMC43LTEuMSwxLjRjLTAuNSwwLjctMSwxLjUtMS4xLDEuNWMtMC40LTAuMSwwLTEuNCwwLjQtMi4xUzYsMjcuNSw2LDI3LjVTNSwyOC4zLDQuNiwyOQ0KCQkJCQljLTAuMywwLjYtMC42LDEuNy0wLjksMS42UzMuNiwyOSwzLjgsMjguN2MwLDAtMC42LDEuMi0xLDEuMnMwLjItMSwwLjUtMS44YzAuNC0wLjgsMS45LTEuNiwyLjUtMi4xczMuOS00LjMsNC42LTUNCgkJCQkJQzExLjIsMjAuMywxMi41LDIwLjgsMTIuNSwyMC44eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMy43LDI4LjhsMC4xLDAuMWMwLjEtMC4yLDAuNy0xLDEtMS4ybC0wLjEtMC4xQzQuNCwyNy44LDMuOCwyOC42LDMuNywyOC44eiIvPg0KCQkJPC9nPg0KCQkJPGc+DQoJCQkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTMwLjgsMTMuNmMwLjksMCwyLjQsMC40LDMuNSwwLjJjMCwwLDAuMywwLjUsMC4zLDAuOGMtMC4xLDIuMS0wLjQsNS44LTEuMyw2LjNsLTMuMiwwLjYNCgkJCQkJYzAsMC0xLjYsNS4yLTEuOSw3Yy0wLjMsMS43LTAuNywzLjctMC4zLDQuM2MwLDAtMS42LDEtMi43LDIuNnMtMi44LDAuMi02LjEtMC4xcy0zLjctMi0zLjctMnMwLjgtOC42LDEuNy0xMC40DQoJCQkJCWMwLDAtMS40LTEuNy0yLjgtMi43cy0xLjUtMS41LTEuNS0xLjVzMS4xLTEuNCwyLjUtMi41czQuMi00LjMsOC00LjNsNC42LDAuNmwyLjMsMC44QzMwLjUsMTMuNSwzMC42LDEzLjYsMzAuOCwxMy42eiIvPg0KCQkJCTxnPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMzAsMjEuNmgwLjFjMC0wLjEsMS4yLTMsMC44LTQuN2gtMC4xQzMxLjIsMTguNiwzMC4xLDIxLjUsMzAsMjEuNnoiLz4NCgkJCQkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE3LjEsMjMuMWMxLjEsMC4yLDIuNS0xLDMuOC0yLjFjMC4zLTAuMywwLjYtMC41LDAuOS0wLjhsLTAuMS0wLjFjLTAuMywwLjItMC42LDAuNS0wLjksMC44DQoJCQkJCQljLTEuMiwxLjEtMi42LDIuMy0zLjcsMi4xTDE3LjEsMjMuMXoiLz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTE5LjksMTBjMCwwLTAuNCwxLjMsMC4zLDEuOGMwLjcsMC41LDIuMi0xLjQsMi4yLTEuNEwxOS45LDEweiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMjEuOCwxMS40Yy0wLjgsMC45LTAuNSwxLjctMC41LDJzMS4zLDMuNiw0LDMuNmMyLjcsMC4xLDIuMi0zLDIuMi0zcy0xLjItMS41LTIuMS0xLjhzLTMuNi0xLjQtMy42LTEuNA0KCQkJCQlWMTEuNHoiLz4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0yOC44LDUuNmMwLDAsMC4zLDAuMSwwLTEuMXMtMS43LTMuMS0zLjktMy4xYy0yLjEsMC0zLjYsMC4zLTQuOCwyLjJjLTAuOSwxLjQtMC4zLDQuMy0wLjIsNC41DQoJCQkJCQlDMjAsOC4zLDIxLDguNSwyMSw4LjVsMi4xLDEuNEwyOC44LDUuNnoiLz4NCgkJCQkJPHBhdGggY2xhc3M9InN0MTQiIGQ9Ik0yOC44LDUuNmMwLDAsMCwzLjQtMC4yLDQuNHMtMC45LDMuMy0yLjIsMy42Yy0xLjIsMC4zLTMuMS0wLjctMy43LTEuMWMtMC42LTAuNC0xLjEtMS44LTEuMS0xLjgNCgkJCQkJCXMtMS4yLDAuNS0xLjgtMWMtMC42LTEuNS0wLjItMiwwLjQtMnMwLjksMC42LDAuOSwwLjZzMC41LDAsMC40LTAuMmMwLTAuMy0wLjItMSwwLjQtMS40czAuNi0xLjIsMS4xLTEuOA0KCQkJCQkJYzAuNy0wLjksNC4yLTEuNSw0LjctMC41QzI4LjIsNS44LDI4LjgsNS42LDI4LjgsNS42eiIvPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3QxNSIgZD0iTTI1LjksMTMuOGMtMS4zLDAtMy0xLTMuMi0xLjFsMC4xLTAuMWMwLjIsMC4xLDIuMywxLjQsMy42LDEuMXYwLjFDMjYuMywxMy44LDI2LjEsMTMuOCwyNS45LDEzLjh6Ii8+DQoJCQkJCTxwYXRoIGNsYXNzPSJzdDE2IiBkPSJNMjEsMTAuNGMtMC4yLDAtMC40LTAuMS0wLjYtMC4yYy0wLjQtMC4zLTAuNC0xLTAuNC0xaDAuMWMwLDAsMCwwLjYsMC40LDAuOWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuMg0KCQkJCQkJdjAuMUMyMS4xLDEwLjQsMjEuMSwxMC40LDIxLDEwLjR6Ii8+DQoJCQkJPC9nPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDE3IiBkPSJNMTkuOCw3LjljMCwwLDAuNy0xLjcsMy43LTIuNWMwLDAtMC41LTIuNywxLjItMy4yYzEuNi0wLjUsMi42LDAuNSwyLjcsMS4xYzAuMiwwLjYsMC4yLDEuNCwwLjIsMS40aDEuMg0KCQkJCQljMCwwLTAuMS0xLjQtMS40LTIuOGMtMS4yLTEuNC0yLjctMS42LTMuOC0xLjRjLTEuMiwwLjEtMS40LDAuMy0xLjgsMC41Yy0wLjcsMC40LTIuMiwyLTIuNCwzLjJDMTksNiwxOS44LDcuOSwxOS44LDcuOXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QxOCIgZD0iTTIxLjIsNS45YzAsMC0wLjQtMS4yLTAuNC0yLjNTMjIuMSwxLDIyLjIsMWwwLjEsMC4xYzAsMC0xLjQsMS41LTEuNCwyLjVTMjEuMiw1LjgsMjEuMiw1LjlMMjEuMiw1Ljl6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MTgiIGQ9Ik0yNC45LDEuOWMwLDAsMC0wLjEtMC4yLTAuNHMtMS4xLTAuOC0xLjEtMC44bDAuMS0wLjFjMCwwLDAuOSwwLjUsMS4xLDAuOEMyNSwxLjgsMjUsMS45LDI1LDEuOUgyNC45eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDE5IiBkPSJNMjMuMiwzLjljMCwwLDIuNi0wLjgsNi0wLjJsLTAuMSwxLjFjMCwwLTItMC4xLTMuNSwwQzI0LDUsMjMuMiw1LjEsMjMuMiw1LjFTMjMsNSwyMyw0LjUNCgkJCQkJQzIyLjksNC4xLDIzLjIsMy45LDIzLjIsMy45eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDIwIiBkPSJNMjYuMSwzLjJjLTAuMS0wLjQtMC41LTAuNy0wLjUtMC43bDAuMS0wLjFjMCwwLDAuNSwwLjMsMC42LDAuOEgyNi4xeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDIwIiBkPSJNMjYuOCwzLjJjLTAuNC0wLjYtMC45LTAuNy0wLjktMC43VjIuNEMyNS45LDIuNCwyNi41LDIuNSwyNi44LDMuMkwyNi44LDMuMnoiLz4NCgkJCQkNCgkJCQkJPHJlY3QgeD0iMjYuMyIgeT0iMy40IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5NzIgLTcuNTA5ODczZS0wMiA3LjUwOTg3M2UtMDIgMC45OTcyIC0wLjIyOTYgMS45OSkiIGNsYXNzPSJzdDE4IiB3aWR0aD0iMC4xIiBoZWlnaHQ9IjEuMyIvPg0KCQkJCQ0KCQkJCQk8cmVjdCB4PSIyNy4zIiB5PSIzLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTk4NCAtNS43NDEwODllLTAyIDUuNzQxMDg5ZS0wMiAwLjk5ODQgLTAuMTkzMiAxLjU3NzMpIiBjbGFzcz0ic3QxOCIgd2lkdGg9IjAuMSIgaGVpZ2h0PSIxLjMiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3QxOCIgZD0iTTIzLjUsMC41YzAsMC4xLTAuMiwwLjItMC40LDAuM2MtMC4zLDAtMC41LDAtMC41LTAuMXMwLjItMC4yLDAuNC0wLjNDMjMuMiwwLjQsMjMuNCwwLjQsMjMuNSwwLjV6Ii8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyMSIgZD0iTTI1LjUsMjMuNWwwLjctMi4xTDI1LjEsMjFsLTAuNywyLjFjLTAuOCwwLTEuNywwLjQtMiwxLjRjLTAuMywwLjksMCwxLjgsMC43LDIuM2wtMC43LDIuMWwxLjEsMC40bDAuNy0yLjENCgljMC44LDAsMS43LTAuNCwyLTEuNEMyNi41LDI0LjksMjYuMSwyNCwyNS41LDIzLjV6Ii8+DQo8L3N2Zz4NCg==')
    }
}
.progress-bar__info {
    color: #fff;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
/* 下から */
.--fade_up{
    animation: fadeUp 0.5s linear both;
}
@keyframes fadeUp{
    0% {
      opacity: 0;
          -webkit-transform: translateY(30%);
          -moz-transform: translateY(30%);
          -ms-transform: translateY(30%);
          -o-transform: translateY(30%);
          transform: translateY(30%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
      }
}
/* 上から */
.--fade_down{
    animation: fadeDown 0.5s linear both;
}
@keyframes fadeDown{
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        -moz-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        -o-transform: translateY(-30%);
        transform: translateY(-30%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}