.box-ywH2tsV_ {
    align-items: center;
    border: 1px solid #2e2e2e;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    height: 18px;
    justify-content: center;
    position: relative;
    transition: background-color .35s ease;
    width: 18px
}

html.theme-dark .box-ywH2tsV_ {
    border: 1px solid #f2f2f2
}

.box-ywH2tsV_:before {
    border: 2px solid #2962ff;
    border-radius: 6px;
    box-sizing: border-box;
    content: "";
    height: 26px;
    left: -5px;
    opacity: 0;
    position: absolute;
    top: -5px;
    transform: scale(.69231);
    width: 26px
}

.box-ywH2tsV_.noOutline-ywH2tsV_:before {
    content: none
}

.box-ywH2tsV_:after {
    background-color: initial;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: calc(50% - 3px);
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

@media (any-hover:hover) {
    .box-ywH2tsV_:hover:not(:focus):not(.disabled-ywH2tsV_):not(:active):not(.intent-danger-ywH2tsV_) {
        border-color: #4a4a4a
    }
    html.theme-dark .box-ywH2tsV_:hover:not(:focus):not(.disabled-ywH2tsV_):not(:active):not(.intent-danger-ywH2tsV_) {
        border-color: #dbdbdb
    }
    .box-ywH2tsV_:hover.checked-ywH2tsV_:not(:focus):not(.disabled-ywH2tsV_):not(.intent-danger-ywH2tsV_) {
        background-color: var(--ui-lib-checkboxView-color, #4a4a4a);
        border-color: var(--ui-lib-checkboxView-color, #4a4a4a)
    }
    html.theme-dark .box-ywH2tsV_:hover.checked-ywH2tsV_:not(:focus):not(.disabled-ywH2tsV_):not(.intent-danger-ywH2tsV_) {
        background-color: var(--ui-lib-checkboxView-color, #dbdbdb);
        border-color: var(--ui-lib-checkboxView-color, #dbdbdb)
    }
}

.box-ywH2tsV_.checked-ywH2tsV_ {
    background-color: var(--ui-lib-checkboxView-color, #2e2e2e);
    border-color: var(--ui-lib-checkboxView-color, #2e2e2e)
}

html.theme-dark .box-ywH2tsV_.checked-ywH2tsV_ {
    background-color: var(--ui-lib-checkboxView-color, #f2f2f2);
    border-color: var(--ui-lib-checkboxView-color, #f2f2f2)
}

.box-ywH2tsV_.checked-ywH2tsV_.check-ywH2tsV_ .icon-ywH2tsV_ {
    color: var(--ui-lib-checkboxView-mark-color, #fff)
}

html.theme-dark .box-ywH2tsV_.checked-ywH2tsV_.check-ywH2tsV_ .icon-ywH2tsV_ {
    color: var(--ui-lib-checkboxView-mark-color, #2e2e2e)
}

.box-ywH2tsV_.checked-ywH2tsV_.dot-ywH2tsV_:after {
    background-color: var(--ui-lib-checkboxView-mark-color, #fff)
}

html.theme-dark .box-ywH2tsV_.checked-ywH2tsV_.dot-ywH2tsV_:after {
    background-color: var(--ui-lib-checkboxView-mark-color, #2e2e2e)
}

.box-ywH2tsV_.disabled-ywH2tsV_ {
    opacity: .3
}

.box-ywH2tsV_:active:not(.disabled-ywH2tsV_):not(.disableActiveStyles-ywH2tsV_):active {
    border-color: var(--ui-lib-checkboxView-color, #707070)
}

html.theme-dark .box-ywH2tsV_:active:not(.disabled-ywH2tsV_):not(.disableActiveStyles-ywH2tsV_):active {
    border-color: var(--ui-lib-checkboxView-color, #8c8c8c)
}

.box-ywH2tsV_.checked-ywH2tsV_:active:not(.disabled-ywH2tsV_):active {
    background-color: var(--ui-lib-checkboxView-color, #707070)
}

html.theme-dark .box-ywH2tsV_.checked-ywH2tsV_:active:not(.disabled-ywH2tsV_):active {
    background-color: var(--ui-lib-checkboxView-color, #8c8c8c)
}

.box-ywH2tsV_.intent-danger-ywH2tsV_,
html.theme-dark .box-ywH2tsV_.intent-danger-ywH2tsV_ {
    border-color: #f23645
}

.icon-ywH2tsV_ {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex
}

.icon-ywH2tsV_,
.icon-ywH2tsV_ svg {
    height: 9px;
    width: 11px
}