@CHARSET "UTF-8";

body[data-size="xs"] #mainbody > .grid > *,
body[data-size="s"] #mainbody > .grid > *,
body[data-size="r"] #mainbody > .grid > * {
	width: calc(100%);
    float: none;
}


body[data-size="xs"] .split,
body[data-size="s"] .split,
body[data-size="xs"] .split > li,
body[data-size="s"] .split > li {
	width: calc(100%);
}

body[data-size="xs"] section.grid > *:first-child,
body[data-size="s"] section.grid > *:first-child {
	margin-right: 0px;
}

body[data-size="xs"] section.grid > *,
body[data-size="s"] section.grid > * {
    width: 100%;
    margin-bottom: 40px;
}

body[data-size="xs"] header > span + h0:has(+ h2),
body[data-size="s"] header > span + h0:has(+ h2) {
    position: relative;
    margin-top: 20px;
    margin-left: 0px;
    width: 100%;
    color: inherit;
    display: inline-block;
}

body[data-size="xs"] header > span + h0 + h2,
body[data-size="s"] header > span + h0 + h2 {
    position: relative;
    margin-left: 0px;
    width: 100%;
    color: inherit;
    display: inline-block;
}

body[data-size="xs"] ul.collection,
body[data-size="s"] ul.collection {
    width: 100%;
}

body[data-size="xs"] ul.collection:not(.fixed) > li,
body[data-size="s"] ul.collection:not(.fixed) > li {
    width: 100%;
}

body[data-size="xs"] .dialogbox,
body[data-size="s"] .dialogbox {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    transform: none;
} 

body[data-size="xs"] .dialogbox > .dialogbox_inner,
body[data-size="s"] .dialogbox > .dialogbox_inner {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    border-radius: 0px;
} 

body[data-size="xs"] .dialogbox > .dialogbox_inner form ul.fields .collection:not(.fixed) > *,
body[data-size="s"] .dialogbox > .dialogbox_inner form ul.fields .collection:not(.fixed) > * {
    float: none;
    margin-bottom: 30px !important;
}

body[data-size="xs"] .dialogbox > .dialogbox_inner form ul.fields li.collection:not(.fixed),
body[data-size="s"] .dialogbox > .dialogbox_inner form ul.fields li.collection:not(.fixed) {
    margin-bottom: 0px;
}