```css
/* TOKIMEKIのカラム幅をウィンドウの幅に合わせて自動調節するUserStyle */
.app {
--t-columns: 1;
--t-sidebar-width: 64px;
--t-columnarea-width: calc(
(100vw - var(--t-sidebar-width)) - var(--decks-gap) * (var(--t-columns) - 1)
);
--t-auto-width: calc(var(--t-columnarea-width) / var(--t-columns));
--deck-xxs-width: var(--t-auto-width);
--deck-xs-width: var(--t-auto-width);
--deck-s-width: var(--t-auto-width);
--deck-m-width: var(--t-auto-width);
--deck-l-width: var(--t-auto-width);
--deck-xl-width: var(--t-auto-width);
--deck-xxl-width: var(--t-auto-width);
@media (min-width: 600px) {
--t-columns: 2
}
@media (min-width: 900px) {
--t-columns: 3
}
@media (min-width: 1200px) {
--t-columns: 4
}
@media (min-width: 1500px) {
--t-columns: 5
}
@media (min-width: 1800px) {
--t-columns: 6
}
&[style*="--decks-gap:"] {
--decks-gap: 0px !important;
}
}
```
/* TOKIMEKIのカラム幅をウィンドウの幅に合わせて自動調節するUserStyle */
.app {
--t-columns: 1;
--t-sidebar-width: 64px;
--t-columnarea-width: calc(
(100vw - var(--t-sidebar-width)) - var(--decks-gap) * (var(--t-columns) - 1)
);
--t-auto-width: calc(var(--t-columnarea-width) / var(--t-columns));
--deck-xxs-width: var(--t-auto-width);
--deck-xs-width: var(--t-auto-width);
--deck-s-width: var(--t-auto-width);
--deck-m-width: var(--t-auto-width);
--deck-l-width: var(--t-auto-width);
--deck-xl-width: var(--t-auto-width);
--deck-xxl-width: var(--t-auto-width);
@media (min-width: 600px) {
--t-columns: 2
}
@media (min-width: 900px) {
--t-columns: 3
}
@media (min-width: 1200px) {
--t-columns: 4
}
@media (min-width: 1500px) {
--t-columns: 5
}
@media (min-width: 1800px) {
--t-columns: 6
}
&[style*="--decks-gap:"] {
--decks-gap: 0px !important;
}
}
```