@media all and (min-width: 204px) and (max-width: 581px) {
        .UIContainer1 { width: 22rem; margin-left: auto; margin-right: auto; }
        .Modal1 {
                padding: 1rem; box-sizing: border-box; width: 22rem; background-color: var(--ColorDm01);
                border-radius: 0.1250rem;
                }
        .Modal1 > :global(*) { margin-right: auto; margin-left: auto; }
        .Modal1 > .Modal1C01 { font-size: 0.8750rem; letter-spacing: 4%; width: 20rem; }
        .Modal2 {
                padding: 0rem; box-sizing: border-box; width: 22rem; position: relative;
                background-color: var(--ColorDm01); position: relative;
                border-radius: 0.1250rem;
                }
        .Modal2 > .Modal2C01 {
                width: 100%; box-sizing: border-box; height: 2.50rem; padding-left: 1rem;
                padding-right: 1rem; display: flex; align-items: center; border-radius: 0.1250rem;
                justify-content: space-between; position: absolute; top: 0px; left: 0px;
                border-bottom: 0.0625rem solid var(--ColorDm04);
                background-color: var(--ColorDm01);
                }
        .Modal2   .Modal2C03 { flex-shrink: 0; letter-spacing: 8%; }
        .Modal2   .Modal2C04 { flex-shrink: 0; width: 0.5625rem; padding: 0.50rem; margin-right:-0.50rem; }
        :root[data-theme="d"]{ .Modal2 .Modal2C04 { filter: invert(1); } }
        .Modal2 > .Modal2C02 { padding: 1rem; padding-top: 3.50rem; box-sizing: border-box; }
        .Modal3 { padding-top: 4rem; padding-bottom: 4rem; background-color: var(--ColorDm01); width: 22rem; }
        .Modal3 > * { margin-left: auto; margin-right: auto; border-radius: 0.1250rem; }
        .Modal4 {
                padding: 2rem; box-sizing: border-box; width: 22rem; background-color: var(--ColorDm01);
                border-radius: 0.1250rem;
                }
        .Modal4 > * { margin-right: auto; margin-left: auto; }
        .ActiveLocation {
                display: flex; align-items: center; justify-content: center; padding-top: 0.50rem;
                padding-bottom: 0.50rem; margin-top: -0.50rem; margin-bottom: 3.50rem;
                }
        .ActiveLocationEl01 { flex-grow: 0; flex-shrink: 0; height:0.5625rem; margin-left: -1.4375rem; margin-right: 0.50rem; }
        :root[data-theme="d"] { .ActiveLocationEl01 { filter: invert(1); } }
        .ActiveLocationEl02 { flex-grow: 0; flex-shrink: 0; max-width: 16rem; letter-spacing: 8%; }
        .ActiveLocation2{
                display: flex; align-items: center; padding: 0.50rem; gap: 0.50rem;
                margin-top: -0.50rem; margin-bottom: 3.50rem; border-radius: 0.8750rem;
                border: 0.0625rem; border: 0.0625rem solid var(--ColorDm04);
                }
        .ActiveLocation2El02{ flex-grow: 0; flex-shrink: 0; max-width: 16rem; letter-spacing: 8%; }
        .ActiveLocation2El01{ flex-grow: 0; flex-shrink: 0; height:0.5625rem; }
}