/* kitstrap v0.6 */

:root {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    scrollbar-color: light;
    scrollbar-width: thin;
}

body {
    margin: 0;
    color: #3d3d3d;
}

body::selection {
    background: rgba(30, 143, 255, 0.6);
    color: white;
}

kit-header,
.kit-header {
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    background: -moz-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(204, 255, 216, 1)), color-stop(38%, rgba(212, 246, 255, 1)), color-stop(100%, rgba(255, 219, 238, 1)));
    background: -webkit-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: linear-gradient(45deg, rgba(204, 255, 216, 1) 0% rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    padding: 3px;
    color: #000000;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .3);
}

kit-footer,
.kit-footer {
    display: block;
    color: #505050;
    background: #f0f0f0;
    padding: 8px;
    text-align: center;
    margin-top: 10px;
}

kit-navbar,
.kit-navbar {
    display: block;
    background: #eee;
    padding: 0;
}

kit-navbar kit-navitem,
kit-navbar .kit-navitem,
.kit-navbar kit-navitem,
.kit-navbar .kit-navitem {
    display: inline-block;
    padding: 2px 10px;
}

kit-navbar kit-navitem:hover,
kit-navbar .kit-navitem:hover,
.kit-navbar kit-navitem:hover,
.kit-navbar .kit-navitem:hover {
    color: #ffffff;
    background: #1f83e7;
}

kit-navbar-alt,
.kit-navbar-alt {
    display: block;
    background: #f0f0f0;
    padding: 0;
}

kit-navbar-alt kit-navitem,
kit-navbar-alt .kit-navitem,
.kit-navbar-alt kit-navitem,
.kit-navbar-alt .kit-navitem {
    display: inline-block;
    color: #909090;
    padding: 8px 12px;
    cursor: pointer;
    text-decoration: none;
}

kit-navbar-alt kit-navitem:hover,
kit-navbar-alt .kit-navitem:hover,
.kit-navbar-alt kit-navitem:hover,
.kit-navbar-alt .kit-navitem:hover {
    color: #404040;
    text-decoration: underline;
}

.kit-d-icon {
    border-radius: 5px;
    padding: 4px;
    margin: 4px;
    text-shadow: 0px 1px 4px black;
    width: 100px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.kit-d-icon:hover {
    background: rgba(0, 0, 0, .5);
    opacity: .8;
    box-shadow: 0 0 3px 0 cyan;
}

.kit-selectable {
    cursor: text;
}

.kit-selectable *::selection,
.kit-selectable::selection {
    background: dodgerblue;
    color: white;
}

.kit-toggle {
    display: block;
    padding: 8px;
}

.kit-toggle:hover {
    background: #f0f0f0;
}

.kit-toggle input {
    display: none;
}

.kit-toggle input+label {
    display: block;
    float: right;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

.kit-toggle input+label {
    padding: 1px;
    width: 60px;
    height: 30px;
    background-color: transparent;
}

.kit-toggle input+label:before,
.kit-toggle input+label:after {
    display: block;
    position: absolute;
    top: 2.5px;
    left: 0px;
    right: 0px;
    bottom: 2.5px;
    content: "";
}

.kit-toggle input+label:before {
    right: 0px;
    background-color: #e0e0e0;
    border-radius: 60px;
    transition: background 0.4s;
}

.kit-toggle input+label:after {
    width: 26px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: margin 0.4s;
}

.kit-toggle input:checked+label:before {
    background-color: #8ce196;
}

.kit-toggle input:checked+label:after {
    margin-left: 36px;
}

kit-btn,
.btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid gray;
    margin: 4px 0px;
    padding: 2px 4px;
    border-radius: 5px;
    background: #f0f0f0;
    transition: .2s all ease;
    box-shadow: inset 0 1px 1px 0px #fff, inset 0 -1px 1px 0px #fff;
}

kit-btn:hover,
.btn:hover {
    position: relative;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .3);
    background: #fcfcfc;
}

kit-btn:active,
.btn:active {
    transition: none;
    top: 1px;
}

.textbox,
.kit-textbox {
    cursor: text;
    outline: none;
    border: 1px solid #666666;
    color: #3d3d3d;
    font-size: 16px;
    padding: 4px;
    background: #ffffff;
    border-radius: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    width: auto;
    box-sizing: border-box;
    transition: .2s all ease;
    box-shadow: 0 0 0 1px rgba(180, 200, 255, 0);
}

.textbox:focus,
.kit-textbox:focus {
    box-shadow: 0 0 0 3px rgba(180, 200, 255, .8);
}

.textbox.-flat,
.kit-textbox.-flat {
    border: none;
    background: rgba(230, 230, 230, .8);
    opacity: .75;
    border-radius: 6px;
    padding: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.textbox.-rounded,
.kit-textbox.-rounded {
    border-radius: 1e9px;
    padding-left: .8em;
    padding-right: .8em;
}

.textbox.-flat.-dark,
.kit-textbox.-flat.-dark {
    background: rgba(100, 100, 100, .5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
}

.textbox.-flat:focus,
.kit-textbox.-flat:focus {
    opacity: 1;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
}

.textbox.dark,
.kit-textbox.-dark {
    border-color: rgba(255, 255, 255, .5);
    background: #303030;
    color: #f0f0f0;
}

.textbox[disabled] {
    background: #eeeeee;
    color: #919191;
}

.textbox::selection,
.kit-textbox::selection,
.kit-textbox-alt::selection {
    background: dodgerblue;
    color: white;
}

.textbox.-small,
.kit-textbox.-small,
.kit-textbox-alt.-small {
    width: 150px;
}

.textbox.-medium,
.kit-textbox.-medium,
.kit-textbox-alt.-medium {
    width: 300px;
}

.textbox.-large,
.kit-textbox.-large,
.kit-textbox-alt.-large {
    width: 450px;
}

.kit-input-file {
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    padding: 2px 10px;
    background: dodgerblue;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-sizing: border-box;
}

.kit-input-file::before {
    content: "ファイルを選択";
}

.kit-input-file input[type="file"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

kit-hl,
.kit-hl,
.kit-hyperlink {
    color: dodgerblue;
    text-decoration: underline;
    cursor: pointer;
}

kit-hl-alt,
.kit-hl-alt {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

kit-hl-alt:hover,
.kit-hl-alt:hover {
    text-decoration: underline;
}

input.kit-button[type="submit"]::-webkit-search-decoration,
input.kit-button[type="button"]::-webkit-search-decoration,
button.kit-button::-webkit-search-decoration {
    display: none;
}

input.kit-button[type="submit"]::focus,
input.kit-button[type="button"]::focus,
button.kit-button::focus {
  outline-offset: -2px;
}

kit-button,
.kit-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    display: inline-block;
    cursor: default;
    border: none;
    border-radius: 4px;
    outline: none;
    line-height: 200%;
    background: dodgerblue;
    color: #ffffff;
    padding: 1px 10px;
    margin: 1px 2px;
    text-decoration: none;
    transition: .2s all ease;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    text-align: center;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3), inset 0px 0px 2px 0px rgba(255, 255, 255, .5), inset 0px -1em 1px 3px rgba(255, 255, 255, .2);
}

kit-button:hover,
.kit-button:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5), inset 0px 0px 2px 0px rgba(0, 0, 0, .2), inset 0px 1em 1px 3px rgba(255, 255, 255, .2), inset 0px 9999px 0px 0px rgba(0, 0, 0, .15);
}

kit-button:active,
.kit-button:active {
    box-shadow: inset 0px 9999px 0px 0px rgba(0, 0, 0, .2);
    position: relative;
    top: 2px;
}

button.kit-button,
input[type="submit"].kit-button,
input[type="button"].kit-button {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

button.kit-button::-webkit-search-decoration,
input[type="submit"].kit-button::-webkit-search-decoration,
input[type="button"].kit-button::-webkit-search-decoration {
    display: none;
}

button,
input[type="submit"].kit-button:focus,
input[type="button"].kit-button:focus {
    outline-offset: -2px;
}

/* child classes of kit-button */

kit-button.-flat,
.kit-button.-flat {
    text-shadow: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
}

kit-button.-flat:hover,
.kit-button.-flat:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3), inset 0px 9999px 0px 0px rgba(0, 0, 0, .15);
}

kit-button.-orange,
.kit-button.-orange {
    background: #ffa500;
}

kit-button.-dodgerblue,
.kit-button.-dodgerblue {
    background: #1e90ff;
}

kit-button.-deeppink,
.kit-button.-deeppink {
    background: #ff1493;
}

kit-button.-limegreen,
.kit-button.-limegreen {
    background: #32cd32;
}

kit-button.-crimson,
.kit-button.-crimson {
    background: #dc143c;
}

kit-button.-green,
.kit-button.-green {
    background: #008000;
}

kit-button.-silver,
.kit-button.-silver {
    color: #303030;
    text-shadow: none;
    background: #ebebeb;
}

kit-button.-black,
.kit-button.-black {
    background: #353535;
}

kit-button.-rounded,
.kit-button.-rounded,
kit-button-alt.-rounded,
.kit-button-alt.-rounded,
kit-button-alt.-flat.-rounded,
.kit-button-alt.-flat.-rounded {
    border-radius: 1e9px;
}

kit-button-alt,
.kit-button-alt {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    display: inline-block;
    cursor: default;
    border-radius: 5px;
    outline: none;
    line-height: 200%;
    background: white;
    color: dodgerblue;
    padding: 0px 8px;
    border: 2px solid dodgerblue;
    margin: 1px 2px;
    text-decoration: none;
    transition: .2s all ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
}

kit-button-alt:hover,
.kit-button-alt:hover {
    background: dodgerblue;
    color: white;
}

button.kit-button-alt,
input[type="submit"].kit-button-alt,
input[type="button"].kit-button-alt {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
    cursor: pointer;
}

button.kit-button-alt::-webkit-search-decoration,
input[type="submit"].kit-button-alt::-webkit-search-decoration,
input[type="button"].kit-button-alt::-webkit-search-decoration {
    display: none;
}

button,
input[type="submit"].kit-button-alt:focus,
input[type="button"].kit-button-alt:focus {
    outline-offset: -2px;
}

kit-button-alt:active,
.kit-button-alt:active {
    box-shadow: 0 0 0 3px rgba(180, 200, 255, .8);
}

/* child classes of kit-button-alt */

kit-button-alt.-flat,
.kit-button-alt.-flat {
    border-width: 1px;
    border-radius: 3px;
}

kit-button-alt.-flat:hover,
.kit-button-alt.-flat:hover {
    opacity: .9;
    transition: none;
}

.kit-button-alt.-orange,
kit-button-alt.-orange {
    background: #ffffff;
    color: #ffa500;
    border-color: #ffa500;
}

.kit-button-alt.-orange:hover,
kit-button-alt.-orange:hover {
    color: #ffffff;
    background: #ffa500;
}

.kit-button-alt.-dodgerblue,
kit-button-alt.-dodgerblue {
    background: #ffffff;
    color: #1e90ff;
    border-color: #1e90ff;
}

.kit-button-alt.-dodgerblue:hover,
kit-button-alt.-dodgerblue:hover {
    color: #ffffff;
    background: #1e90ff;
}

.kit-button-alt.-deeppink,
kit-button-alt.-deeppink {
    background: #ffffff;
    color: #ff1493;
    border-color: #ff1493;
}

.kit-button-alt.-deeppink:hover,
kit-button-alt.-deeppink:hover {
    color: #ffffff;
    background: #ff1493;
}

.kit-button-alt.-limegreen,
kit-button-alt.-limegreen {
    background: #ffffff;
    color: #32cd32;
    border-color: #32cd32;
}

.kit-button-alt.-limegreen:hover,
kit-button-alt.-limegreen:hover {
    color: #ffffff;
    background: #32cd32;
}

.kit-button-alt.-crimson,
kit-button-alt.-crimson {
    background: #ffffff;
    color: #dc143c;
    border-color: #dc143c;
}

.kit-button-alt.-crimson:hover,
kit-button-alt.-crimson:hover {
    color: #ffffff;
    background: #dc143c;
}

.kit-button-alt.-green,
kit-button-alt.-green {
    background: #ffffff;
    color: #008000;
    border-color: #008000;
}

.kit-button-alt.-green:hover,
kit-button-alt.-green:hover {
    color: #ffffff;
    background: #008000;
}

.kit-button-alt.-silver,
kit-button-alt.-silver {
    background: transparent;
    color: #ebebeb;
    border-color: #ebebeb;
}

.kit-button-alt.-silver:hover,
kit-button-alt.-silver:hover {
    color: #000000;
    background: #ebebeb;
}

.kit-button-alt.-black,
kit-button-alt.-black {
    background: #ffffff;
    color: #353535;
    border-color: #353535;
}

.kit-button-alt.-black:hover,
kit-button-alt.-black:hover {
    color: #ffffff;
    background: #353535;
}

.kit-button.-xsmall,
kit-button.-xsmall,
.kit-button-alt.-xsmall,
kit-button-alt.-xsmall {
    font-size: 10px;
    padding: 0px 3px;
}

.kit-button.small,
kit-button.small,
.kit-button-alt.small,
kit-button-alt.small {
    font-size: 13px;
    padding: 0px 5px;
}

.kit-button.-small,
kit-button.-small,
.kit-button-alt.-small,
kit-button-alt.-small {
    font-size: 13px;
    padding: 0px 5px;
}

.kit-button.medium,
kit-button.medium,
.kit-button-alt.medium,
kit-button-alt.medium {
    font-size: 16px;
    padding: 1px 8px;
}

.kit-button.-medium,
kit-button.-medium,
.kit-button-alt.-medium,
kit-button-alt.-medium {
    font-size: 16px;
    padding: 1px 8px;
}

.kit-button.large,
kit-button.large,
.kit-button-alt.large,
kit-button-alt.large {
    font-size: 20px;
    padding: 3px 14px;
}

.kit-button.-large,
kit-button.-large,
.kit-button-alt.-large,
kit-button-alt.-large {
    font-size: 20px;
    padding: 3px 14px;
}

.kit-button.xlarge,
kit-button.xlarge,
.kit-button-alt.xlarge,
kit-button-alt.xlarge {
    font-size: 27px;
    padding: 5px 20px;
}

.kit-button.-xlarge,
kit-button.-xlarge,
.kit-button-alt.-xlarge,
kit-button-alt.-xlarge {
    font-size: 27px;
    padding: 5px 20px;
}

.kit-button.-xxlarge,
kit-button.-xxlarge,
.kit-button-alt.-xxlarge,
kit-button-alt.-xxlarge {
    font-size: 34px;
    padding: 12px 34px;
}

.kit-button.-disabled,
kit-button.-disabled,
.kit-button:disabled,
kit-button:disabled {
    background: #a5a5a5;
    box-shadow: none;
}

.kit-button-alt.-disabled,
kit-button-alt.-disabled,
.kit-button-alt:disabled,
kit-button-alt:disabled {
    background: #d8d8d8;
    color: #969696;
    box-shadow: none;
}

.kit-button.-disabled:active,
kit-button.-disabled:active,
.kit-button-alt.-disabled:active,
kit-button-alt.-disabled:active,
.kit-button:disabled:active,
kit-button:disabled:active,
.kit-button-alt:disabled:active,
kit-button-alt:disabled:active {
    box-shadow: none;
    position: static;
}

kit-buttongroup,
.kit-buttongroup,
kit-formgroup,
.kit-formgroup {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}

kit-buttongroup kit-button,
kit-buttongroup .kit-button,
.kit-buttongroup kit-button,
.kit-buttongroup .kit-button,
kit-buttongroup kit-button-alt,
kit-buttongroup .kit-button-alt,
.kit-buttongroup kit-button-alt,
.kit-buttongroup .kit-button-alt,
kit-formgroup kit-button,
kit-formgroup .kit-button,
.kit-formgroup kit-button,
.kit-formgroup .kit-button,
kit-formgroup kit-button-alt,
kit-formgroup .kit-button-alt,
.kit-formgroup kit-button-alt,
.kit-formgroup .kit-button-alt,
kit-formgroup .textbox,
.kit-formgroup .textbox,
kit-formgroup kit-btn,
kit-formgroup .btn,
.kit-formgroup kit-btn,
.kit-formgroup .btn {
    display: inline-block;
    border-radius: 0;
    margin: 0px;
}

kit-formgroup .textbox,
.kit-formgroup .textbox {
    border: 2px solid #909090;
    border-left-width: 0;
}

kit-buttongroup kit-button,
kit-buttongroup .kit-button,
.kit-buttongroup kit-button,
.kit-buttongroup .kit-button,
kit-buttongroup kit-button-alt,
kit-buttongroup .kit-button-alt,
.kit-buttongroup kit-button-alt,
.kit-buttongroup .kit-button-alt,
kit-formgroup kit-button,
kit-formgroup .kit-button,
.kit-formgroup kit-button,
.kit-formgroup .kit-button,
kit-formgroup kit-button-alt,
kit-formgroup .kit-button-alt,
.kit-formgroup kit-button-alt,
.kit-formgroup .kit-button-alt,
kit-formgroup kit-btn,
kit-formgroup .btn,
.kit-formgroup kit-btn,
.kit-formgroup .btn {
    border-left-width: 0;
}

kit-buttongroup kit-button:first-child,
kit-buttongroup .kit-button:first-child,
.kit-buttongroup kit-button:first-child,
.kit-buttongroup .kit-button:first-child,
kit-buttongroup kit-button-alt:first-child,
kit-buttongroup .kit-button-alt:first-child,
.kit-buttongroup kit-button-alt:first-child,
.kit-buttongroup .kit-button-alt:first-child,
kit-formgroup kit-button:first-child,
kit-formgroup .kit-button:first-child,
.kit-formgroup kit-button:first-child,
.kit-formgroup .kit-button:first-child,
kit-formgroup kit-button-alt:first-child,
kit-formgroup .kit-button-alt:first-child,
.kit-formgroup kit-button-alt:first-child,
.kit-formgroup .kit-button-alt:first-child,
kit-formgroup .textbox:first-child,
.kit-formgroup .textbox:first-child {
    border-radius: 6px 0 0 6px;
    border-left-width: 2px;
}

kit-formgroup kit-btn:first-child,
kit-formgroup .btn:first-child,
.kit-formgroup kit-btn:first-child,
.kit-formgroup .btn:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
}

kit-buttongroup kit-button:first-child,
kit-buttongroup .kit-button:first-child,
.kit-buttongroup kit-button:first-child,
.kit-buttongroup .kit-button:first-child,
kit-buttongroup kit-button-alt:first-child,
kit-buttongroup .kit-button-alt:first-child,
.kit-buttongroup kit-button-alt:first-child,
.kit-buttongroup .kit-button-alt:first-child,
kit-formgroup kit-button:first-child,
kit-formgroup .kit-button:first-child,
.kit-formgroup kit-button:first-child,
.kit-formgroup .kit-button:first-child,
kit-formgroup kit-button-alt:first-child,
kit-formgroup .kit-button-alt:first-child,
.kit-formgroup kit-button-alt:first-child,
.kit-formgroup .kit-button-alt:first-child {
    border-left-width: 2px;
}

kit-buttongroup kit-button:last-child,
kit-buttongroup .kit-button:last-child,
.kit-buttongroup kit-button:last-child,
.kit-buttongroup .kit-button:last-child,
kit-buttongroup kit-button-alt:last-child,
kit-buttongroup .kit-button-alt:last-child,
.kit-buttongroup kit-button-alt:last-child,
.kit-buttongroup .kit-button-alt:last-child,
kit-formgroup kit-button:last-child,
kit-formgroup .kit-button:last-child,
.kit-formgroup kit-button:last-child,
.kit-formgroup .kit-button:last-child,
kit-formgroup kit-button-alt:last-child,
kit-formgroup .kit-button-alt:last-child,
.kit-formgroup kit-button-alt:last-child,
.kit-formgroup .kit-button-alt:last-child,
kit-formgroup .textbox:last-child,
.kit-formgroup .textbox:last-child {
    border-radius: 0 6px 6px 0;
}

kit-formgroup kit-btn:last-child,
kit-formgroup .btn:last-child,
.kit-formgroup kit-btn:last-child,
.kit-formgroup .btn:last-child {
    border-radius: 0 5px 5px 0;
}

kit-buttongroup kit-button:only-child,
kit-buttongroup .kit-button:only-child,
.kit-buttongroup kit-button:only-child,
.kit-buttongroup .kit-button:only-child,
kit-buttongroup kit-button-alt:only-child,
kit-buttongroup .kit-button-alt:only-child,
.kit-buttongroup kit-button-alt:only-child,
.kit-buttongroup .kit-button-alt:only-child,
kit-formgroup kit-button:only-child,
kit-formgroup .kit-button:only-child,
.kit-formgroup kit-button:only-child,
.kit-formgroup .kit-button:only-child,
kit-formgroup kit-button-alt:only-child,
kit-formgroup .kit-button-alt:only-child,
.kit-formgroup kit-button-alt:only-child,
.kit-formgroup .kit-button-alt:only-child,
kit-formgroup .textbox:only-child,
.kit-formgroup .textbox:only-child {
    border-radius: 6px;
}

kit-formgroup kit-btn:only-child,
kit-formgroup .btn:only-child,
.kit-formgroup kit-btn:only-child,
.kit-formgroup .btn:only-child {
    border-radius: 5px;
}

kit-block,
.kit-block.kit-block {
    display: block;
}

kit-inblock,
.kit-inblock.kit-inblock {
    display: inline-block;
}

kit-inline,
.kit-inline.kit-inline {
    display: inline;
}

kit-sub,
.kit-sub.kit-sub {
    color: #999;
    font-size: 14px;
}

kit-title,
.kit-title.kit-title {
    color: #222;
    font-size: 20px;
}

kit-badge,
.kit-badge {
    background: orange;
    color: #ffffff;
    padding: 0 5px;
    margin: 0 4px;
    border-radius: 5px;
    font-weight: 400;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
}

/* child classes of kit-badge */

kit-badge.-orange,
.kit-badge.-orange {
    background: #ffa500;
}

kit-badge.-dodgerblue,
.kit-badge.-dodgerblue {
    background: #1e90ff;
}

kit-badge.-deeppink,
.kit-badge.-deeppink {
    background: #ff1493;
}

kit-badge.-limegreen,
.kit-badge.-limegreen {
    background: #32cd32;
}

kit-badge.-crimson,
.kit-badge.-crimson {
    background: #dc143c;
}

kit-badge.-green,
.kit-badge.-green {
    background: #008000;
}

kit-badge.-silver,
.kit-badge.-silver {
    color: #303030;
    text-shadow: none;
    background: #ebebeb;
}

kit-badge.-black,
.kit-badge.-black {
    background: #353535;
}

kit-notice,
.kit-notice {
    display: block;
    background: #e0e0ff;
    padding: 5px 8px;
    border-radius: 5px;
    margin: 10px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1);
}

kit-notice.-green,
.kit-notice.-green {
    background: #c0ffc0;
}

kit-notice.-yellow,
.kit-notice.-yellow {
    background: #ffffc0;
}

kit-notice.-red,
.kit-notice.-red {
    background: #ffc0c0;
}

kit-notice.-black,
.kit-notice.-black {
    background: #3d3d3d;
    color: #f0f0f0;
}

kit-flash,
.kit-flash{
    position: fixed;
    top: 0px;
    left: 100px;
    width: calc(100% - 200px);
    padding: 4px 10px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    border-radius: 0 0 10px 10px;
}

/* default elements */

h1 {
    font-size: 32px;
    margin: 20px 0;
    padding: 10px 0;
    font-weight: 700;
    border-bottom: 1px solid #c0c0c0;
}

h2 {
    font-size: 24px;
    margin: 10px 0;
    padding: 5px 0;
    font-weight: 700;
    border-bottom: 1px solid #c0c0c0;
}

h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
    margin: 8px 0
}

h4 {
    font-size: 17px;
    font-weight: 700;
    padding: 3px 0;
    margin: 5px 0
}

h5 {
    font-size: 15px;
    color: #505050;
    margin: 5px 0;
}

pre {
    padding: 10px;
    background: #eee;
    overflow: auto;
    scrollbar-color: light;
    scrollbar-width: thin;
    font-size: .85em;
    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

code {
    display: inline;
    padding: 4px 5px;
    margin: 0 2px;
    color: #303030;
    background: #ddd;
    border-radius: 6px;
    font-size: .85em;
    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

pre code {
    font-size: inherit;
    background: inherit;
    padding: 0;
    margin: 0;
}

blockquote {
    margin: 10px 0;
    padding: 10px;
    background: #f0f0f0;
    border-left: 3px solid #1f83e7;
}

input, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* layout */

kit-space,
.kit-space {
    display: block;
    height: 10px;
}

kit-left,
.kit-left {
    display: inline-block;
    padding: 10px;
    width: 100px;
}

kit-right,
.kit-right{
    float: right;
}

kit-container,
.kit-container {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

kit-container kit-box,
kit-container .kit-box,
.kit-container .kit-box,
.kit-container .kit-box {
    display: block;
    padding: 8px;
    margin: 0;
    border: 1px solid #c0c0c0;
    overflow: hidden;
}

kit-container kit-box,
kit-container .kit-box,
.kit-container kit-box,
.kit-container .kit-box {
    border-top-width: 0;
}

kit-container kit-box:first-child,
kit-container .kit-box:first-child,
.kit-container kit-box:first-child,
.kit-container .kit-box:first-child {
    border-radius: 6px 6px 0 0;
    border-top-width: 1px;
}

kit-container kit-box:last-child,
kit-container .kit-box:last-child,
.kit-container kit-box:last-child,
.kit-container .kit-box:last-child {
    border-radius: 0 0 6px 6px;
}

kit-container kit-box:only-child,
kit-container .kit-box:only-child,
.kit-container kit-box:only-child,
.kit-container .kit-box:only-child {
    border-radius: 6px;
}

kit-pane,
.kit-pane {
    display: block;
    padding: 6px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    border: 1px solid transparent;
}

kit-pane.dark,
.kit-pane.dark {
    background: #303030;
    color: #f0f0f0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .4);
}

kit-pane.hover:hover,
.kit-pane.hover:hover {
    background: #f0f0f0;
}

kit-pane.dark.hover:hover,
.kit-pane.dark.hover:hover {
    background: #404040;
}

.kit-tipped,
kit-tipped {
    display: inline-block;
    position: relative;
}

kit-tipped > kit-tip,
kit-tipped > .kit-tip,
.kit-tipped > kit-tip,
.kit-tipped > .kit-tip {
    position: absolute;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    line-height: 1.25;
    font-size: 12px;
    background: rgba(0, 0, 0, .75);
    color: #f0f0f0;
    padding: 4px 8px;
    bottom: calc(100% + 10px);
    right: 0%;
    min-height: 24px;
    border-radius: 4px;
    display: none;
    opacity: 0;
}

kit-tipped > kit-tip.-bottom,
kit-tipped > .kit-tip.-bottom,
.kit-tipped > kit-tip.-bottom,
.kit-tipped > .kit-tip.-bottom {
    top: calc(100% + 10px);
}

kit-tipped:hover > kit-tip:not(.-disabled),
kit-tipped:hover > .kit-tip:not(.-disabled),
.kit-tipped:hover > kit-tip:not(.-disabled),
.kit-tipped:hover > .kit-tip:not(.-disabled) {
    display: inline;
    animation: kit-kf-tooltip .2s;
    opacity: 1;
}

@keyframes kit-kf-tooltip {
    0% {
        display: inline-block;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.kit-breadcrumb {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    position: relative;
}

.kit-breadcrumb li {
    padding-right: 30px;
}

.kit-breadcrumb li:not(:last-child):after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    margin-left: 10px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #c0c0c0;
}

.kit-breadcrumb li a {
    color: dodgerblue;
    padding: 2px 3px;
    border-radius: 4px;
    text-decoration: none;
}
.kit-breadcrumb li a:hover {
    background: #f0f0f0;
}

/* padding and margin */

.p{ padding: 8px }
.p-s{ padding: 4px }
.p-m{ padding: 10px }
.p-l{ padding: 16px }
.p-xl{ padding: 24px }
.p-0{ padding: 0 }

.p-t{ padding-top: 8px }
.p-t-s{ padding-top: 4px }
.p-t-m{ padding-top: 10px }
.p-t-l{ padding-top: 16px }
.p-t-xl{ padding-top: 24px }
.p-t-0{ padding-top: 0 }

.p-b{ padding-bottom: 8px }
.p-b-s{ padding-bottom: 4px }
.p-b-m{ padding-bottom: 10px }
.p-b-l{ padding-bottom: 16px }
.p-b-xl{ padding-bottom: 24px }
.p-b-0{ padding-bottom: 0 }

.p-left{ padding-left: 8px }
.p-l-s{ padding-left: 4px }
.p-l-m{ padding-left: 10px }
.p-l-l{ padding-left: 16px }
.p-l-xl{ padding-left: 24px }
.p-l-0{ padding-left: 0 }

.p-r{ padding-right: 8px }
.p-r-s{ padding-right: 4px }
.p-r-m{ padding-right: 10px }
.p-r-l{ padding-right: 16px }
.p-r-xl{ padding-right: 24px }
.p-r-0{ padding-right: 0 }

.p-x{ padding: 0 8px }
.p-x-s{ padding: 0 4px }
.p-x-m{ padding: 0 10px }
.p-x-l{ padding: 0 16px }
.p-x-xl{ padding: 0 24px }
.p-x-0{ padding-left: 0; padding-right: 0 }

.p-y{ padding: 8px 0 }
.p-y-s{ padding: 4px 0 }
.p-y-m{ padding: 10px 0 }
.p-y-l{ padding: 16px 0 }
.p-y-xl{ padding: 24px 0 }
.p-y-0{ padding-top: 0; padding-bottom: 0 }

.m{ margin: 8px }
.m-s{ margin: 4px }
.m-m{ margin: 10px }
.m-l{ margin: 16px }
.m-xl{ margin: 24px }
.m-0{ margin: 0 }

.m-t{ margin-top: 8px }
.m-t-s{ margin-top: 4px }
.m-t-m{ margin-top: 10px }
.m-t-l{ margin-top: 16px }
.m-t-xl{ margin-top: 24px }
.m-t-0{ margin-top: 0 }

.m-b{ margin-bottom: 8px }
.m-b-s{ margin-bottom: 4px }
.m-b-m{ margin-bottom: 10px }
.m-b-l{ margin-bottom: 16px }
.m-b-xl{ margin-bottom: 24px }
.m-b-0{ margin-bottom: 0 }

.m-left{ margin-left: 8px }
.m-l-s{ margin-left: 4px }
.m-l-m{ margin-left: 10px }
.m-l-l{ margin-left: 16px }
.m-l-xl{ margin-left: 24px }
.m-l-0{ margin-left: 0 }

.m-r{ margin-right: 8px }
.m-r-s{ margin-right: 4px }
.m-r-m{ margin-right: 10px }
.m-r-l{ margin-right: 16px }
.m-r-xl{ margin-right: 24px }
.m-r-0{ margin-right: 0 }

.m-x{ margin: 0 8px }
.m-x-s{ margin: 0 4px }
.m-x-m{ margin: 0 10px }
.m-x-l{ margin: 0 16px }
.m-x-xl{ margin: 0 24px }
.m-x-0{ margin-left: 0; margin-right: 0 }

.m-y{ margin: 8px 0 }
.m-y-s{ margin: 4px 0 }
.m-y-m{ margin: 10px 0 }
.m-y-l{ margin: 16px 0 }
.m-y-xl{ margin: 24px 0 }
.m-y-0{ margin-top: 0; margin-bottom: 0 }

/* shadow */

.kit-shadow-0 { box-shadow: none }
.kit-shadow-1 { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25) }
.kit-shadow-2 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25) }
.kit-shadow-3 { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25) }
.kit-shadow-4 { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25) }
.kit-shadow-5 { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .25) }
.kit-shadow-6 { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .25) }
.kit-shadow-7 { box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .25) }
.kit-shadow-8 { box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .25) }
.kit-shadow-9 { box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .25) }
.kit-shadow-10 { box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .25) }

/* fonts */

.kit-font-xxlarge,
.kit-font-xxl {
    font-size: 40px;
}

.kit-font-xlarge,
.kit-font-xl {
    font-size: 27px;
}

.kit-font-large,
.kit-font-l {
    font-size: 20px;
}

.kit-font-medium,
.kit-font-m {
    font-size: 16px;
}

.kit-font-small,
.kit-font-s {
    font-size: 13px;
}

.kit-font-xsmall,
.kit-font-xs {
    font-size: 10px;
}

.kit-font-0 {
    font-size: 0;
}

.kit-font-bold {
    font-weight: bold;
}

.kit-font-normal {
    font-weight: normal;
}

.kit-font-thin {
    font-weight: lighter;
}

/* text */

.kit-text-l {
    text-align: left;
}

.kit-text-c {
    text-align: center;
}

.kit-text-r {
    text-align: right;
}

.kit-text-upper {
    text-transform: uppercase;
}

.kit-text-lower {
    text-transform: lowercase;
}

.kit-text-capitalize {
    text-transform: capitalize;
}

.kit-text-zenkaku {
    text-transform: full-width;
}

.kit-line-xl {
    line-height: 2.75;
}

.kit-line-l {
    line-height: 2;
}

.kit-line-m {
    line-height: 1.5;
}

.kit-line-s {
    line-height: 1;
}

.kit-line-0 {
    line-height: 0;
}

.kit-text-underline {
    text-decoration: underline;
}

.kit-text-overline {
    text-decoration: overline;
}

.kit-text-wavy {
    text-decoration: wavy;
}

.kit-text-double {
    text-decoration: double;
}

.kit-text-nodecoration {
    text-decoration: none;
}

/* width and height */

.kit-width-auto {
    width: auto;
}

.kit-width-0 { box-sizing: border-box; width: 0%; }
.kit-width-5 { box-sizing: border-box; width: 5%; }
.kit-width-10 { box-sizing: border-box; width: 10%; }
.kit-width-15 { box-sizing: border-box; width: 15%; }
.kit-width-20 { box-sizing: border-box; width: 20%; }
.kit-width-25 { box-sizing: border-box; width: 25%; }
.kit-width-30 { box-sizing: border-box; width: 30%; }
.kit-width-35 { box-sizing: border-box; width: 35%; }
.kit-width-40 { box-sizing: border-box; width: 40%; }
.kit-width-45 { box-sizing: border-box; width: 45%; }
.kit-width-50 { box-sizing: border-box; width: 50%; }
.kit-width-55 { box-sizing: border-box; width: 55%; }
.kit-width-60 { box-sizing: border-box; width: 60%; }
.kit-width-65 { box-sizing: border-box; width: 65%; }
.kit-width-70 { box-sizing: border-box; width: 70%; }
.kit-width-75 { box-sizing: border-box; width: 75%; }
.kit-width-80 { box-sizing: border-box; width: 80%; }
.kit-width-85 { box-sizing: border-box; width: 85%; }
.kit-width-90 { box-sizing: border-box; width: 90%; }
.kit-width-95 { box-sizing: border-box; width: 95%; }
.kit-width-100 { box-sizing: border-box; width: 100%; }

.kit-fit {
    box-sizing: border-box;
    max-width: 100%;
}

.kit-boxsize-content {
    box-sizing: content-box;
}

.kit-boxsize-border {
    box-sizing: border-box;
}

.kit-height-auto {
    height: auto;
}

.kit-height-100 {
    height: 100%;
}

/* colors */

.kit-clr-orange,
.kit-c-orange {
    color: #ffa500;
}

.kit-clr-dodgerblue,
.kit-c-dodgerblue {
    color: #1e90ff;
}

.kit-clr-deeppink,
.kit-c-deeppink {
    color: #ff1493;
}

.kit-clr-limegreen,
.kit-c-limegreen {
    color: #32cd32;
}

.kit-clr-crimson,
.kit-c-crimson {
    color: #dc143c;
}

.kit-clr-green,
.kit-c-green {
    color: #008000;
}

.kit-clr-beige,
.kit-c-beige {
    color: #f5f5dc;
}

.kit-clr-greenyellow,
.kit-c-greenyellow {
    color: #adff2f;
}

.kit-clr-violet,
.kit-c-violet {
    color: #ee82ee;
}

.kit-clr-snow,
.kit-c-snow {
    color: #fffafa;
}

.kit-clr-tomato,
.kit-c-tomato {
    color: #ff6347;
}

.kit-clr-lightcyan,
.kit-c-lightcyan {
    color: #e0ffff;
}

.kit-clr-lightpink,
.kit-c-lightpink {
    color: #ffb6c1;
}

.kit-clr-lightblue,
.kit-c-lightblue {
    color: #add8e6;
}

.kit-clr-lightyellow,
.kit-c-lightyellow {
    color: #ffffe0;
}

.kit-clr-silver,
.kit-c-silver {
    color: #ebebeb;
}

.kit-clr-black,
.kit-c-black {
    color: #353535;
}

.kit-clr-white,
.kit-c-white {
    color: #ffffff;
}

/* background colors */

.kit-bgclr-orange {
    background-color: #ffa500;
}

.kit-bgclr-dodgerblue {
    background-color: #1e90ff;
}

.kit-bgclr-deeppink {
    background-color: #ff1493;
}

.kit-bgclr-limegreen {
    background-color: #32cd32;
}

.kit-bgclr-crimson {
    background-color: #dc143c;
}

.kit-bgclr-green {
    background-color: #008000;
}

.kit-bgclr-beige {
    background-color: #f5f5dc;
}

.kit-bgclr-greenyellow {
    background-color: #adff2f;
}

.kit-bgclr-violet {
    background-color: #ee82ee;
}

.kit-bgclr-snow {
    background-color: #fffafa;
}

.kit-bgclr-tomato {
    background-color: #ff6347;
}

.kit-bgclr-lightcyan {
    background-color: #e0ffff;
}

.kit-bgclr-lightpink {
    background-color: #ffb6c1;
}

.kit-bgclr-lightblue {
    background-color: #add8e6;
}

.kit-bgclr-lightyellow {
    background-color: #ffffe0;
}

.kit-bgclr-silver {
    background-color: #ebebeb;
}

.kit-bgclr-black {
    background-color: #353535;
}

.kit-bgclr-white {
    background-color: #ffffff;
}

.kit-bgclr {
    background: -moz-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(204, 255, 216, 1)), color-stop(38%, rgba(212, 246, 255, 1)), color-stop(100%, rgba(255, 219, 238, 1)));
    background: -webkit-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(204, 255, 216, 1) 0%, rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
    background: linear-gradient(45deg, rgba(204, 255, 216, 1) 0% rgba(212, 246, 255, 1) 38%, rgba(255, 219, 238, 1) 100%);
}

/* legacy color classes */

.orange,
.kit-bgcolor-orange {
    background: #ffa500;
}

.kit-button-alt.orange,
kit-button-alt.orange {
    background: #ffffff;
    color: #ffa500;
    border-color: #ffa500;
}

.kit-button-alt.orange:hover,
kit-button-alt.orange:hover {
    color: #ffffff;
    background: #ffa500;
}

.dodgerblue,
.kit-bgcolor-dodgerblue {
    background: #1e90ff;
}

.kit-button-alt.dodgerblue,
kit-button-alt.dodgerblue {
    background: #ffffff;
    color: #1e90ff;
    border-color: #1e90ff;
}

.kit-button-alt.dodgerblue:hover,
kit-button-alt.dodgerblue:hover {
    color: #ffffff;
    background: #1e90ff;
}

.deeppink,
.kit-bgcolor-deeppink {
    background: #ff1493;
}

.kit-button-alt.deeppink,
kit-button-alt.deeppink {
    background: #ffffff;
    color: #ff1493;
    border-color: #ff1493;
}

.kit-button-alt.deeppink:hover,
kit-button-alt.deeppink:hover {
    color: #ffffff;
    background: #ff1493;
}

.limegreen,
.kit-bgcolor-limegreen {
    background: #32cd32;
}

.kit-button-alt.limegreen,
kit-button-alt.limegreen {
    background: #ffffff;
    color: #32cd32;
    border-color: #32cd32;
}

.kit-button-alt.limegreen:hover,
kit-button-alt.limegreen:hover {
    color: #ffffff;
    background: #32cd32;
}

.crimson,
.kit-bgcolor-crimson {
    background: #dc143c;
}

.kit-button-alt.crimson,
kit-button-alt.crimson {
    background: #ffffff;
    color: #dc143c;
    border-color: #dc143c;
}

.kit-button-alt.crimson:hover,
kit-button-alt.crimson:hover {
    color: #ffffff;
    background: #dc143c;
}

.green,
.kit-bgcolor-green {
    background: #008000;
}

.kit-button-alt.green,
kit-button-alt.green {
    background: #ffffff;
    color: #008000;
    border-color: #008000;
}

.kit-button-alt.green:hover,
kit-button-alt.green:hover {
    color: #ffffff;
    background: #008000;
}

.silver,
.kit-bgcolor-silver {
    color: #303030;
    text-shadow: none;
    background: #ebebeb;
}

.kit-button-alt.silver,
kit-button-alt.silver {
    background: rgba(0,0,0,.8);
    color: #ebebeb;
    border-color: #ebebeb;
}

.kit-button-alt.silver:hover,
kit-button-alt.silver:hover {
    color: #000000;
    background: #ebebeb;
}

.black,
.kit-bgcolor-black {
    background: #353535;
}

.kit-button-alt.black,
kit-button-alt.black {
    background: #ffffff;
    color: #353535;
    border-color: #353535;
}

.kit-button-alt.black:hover,
kit-button-alt.black:hover {
    color: #ffffff;
    background: #353535;
}

/* flexbox */

.kit-flex, kit-flex {
    display: flex;
    flex-wrap: wrap;
}

.kit-inline-flex {
    display: inline-flex;
}

.kit-flex-row {
    flex-direction: row;
}

.kit-flex-row-reverse {
    flex-direction: row-reverse;
}

.kit-flex-column {
    flex-direction: column;
}

.kit-flex-column-reverse {
    flex-direction: column-reverse;
}

.kit-flex-wrap {
    flex-wrap: wrap;
}

.kit-flex-nowrap {
    flex-wrap: nowrap;
}

.kit-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.kit-flex-grow {
    flex-grow: 1;
}

.kit-flex-shrink {
    flex-shrink: 1;
}

.kit-flex-start {
    justify-content: flex-start;
}

.kit-flex-end {
    justify-content: flex-end;
}

.kit-flex-center {
    justify-content: center;
}

.kit-flex-fit {
    justify-content: space-between;
}

.kit-flex-top {
    align-items: flex-start;
}

.kit-flex-middle {
    align-items: center;
}

.kit-flex-bottom {
    align-items: flex-end;
}

.kit-flex-order-1 {
    order: -1;
}

/* position */

.kit-static {
    position: static;
}

.kit-relative {
    position: relative;
}

.kit-absolute {
    position: absolute;
}

.kit-fixed {
    position: fixed;
}

.kit-sticky {
    position: sticky;
    top: 0;
}

/* other function */

.kit-scroll.kit-scroll {
    overflow: scroll;
    scrollbar-color: light;
    scrollbar-width: thin;
}

.kit-hidden {
    visibility: hidden;
}

.kit-nodisp,
.kit-nd {
    display: none;
}

.kit-noevents {
    pointer-events: none;
}

.kit-init {
    all: initial;
}