#calendar-list{position:relative;width:clamp(0px,400px,100%);margin:0 auto;padding:3rem .75rem;align-items:center;min-height:100vh;gap:1rem;display:flex;flex-direction:column;justify-content:center}#calendar-list .columns{position:relative;display:grid;gap:1rem;grid-template-columns:1fr;grid-template-rows:auto repeat(calc(var(--column-count, 0) + 2),auto);width:100%}#calendar-list #salles{min-width:max-content;width:100%;justify-content:center;grid-row:1 / 2;overflow:hidden;position:relative;padding-top:1.5rem}#calendar-list #salles:before{content:"Nouveau !";background-color:orange;width:100%;position:absolute;top:0;left:0;transition:all .1s;color:#000;text-align:center}#calendar-list #salles:hover:before{background-color:#ff8c00}#calendar-list .column{display:flex;width:100%;flex-direction:column;gap:1rem;grid-column:1 / 2}#calendar-list .column .category{display:flex;width:100%;flex-direction:column;align-items:center}#calendar-list .column .category .title{display:block;width:100%;padding:.5rem 1rem;text-align:center;text-decoration:none;color:#fff;background-color:var(--c-main-1);flex:1;cursor:pointer;transition:background-color 75ms}#calendar-list .column .category .title{background-color:var(--c-main-3);border-radius:6px 6px 0 0;cursor:default}#calendar-list .column .category .button{width:100%;justify-content:center;border-radius:0}#calendar-list .column .category .button.disabled{cursor:wait}#calendar-list .column .category .button:last-of-type{border-radius:0 0 6px 6px}#calendar-list .column .category .button:hover{background-color:var(--c-main-2)}#calendar-list .text{margin:0;text-align:center}@media (min-width: 750px){#calendar-list{width:clamp(400px,1200px,100%)}#calendar-list .columns{grid-template-columns:repeat(var(--column-count, 0),1fr);grid-template-rows:auto 1fr}#calendar-list #salles{grid-column:4 / 6}#calendar-list .column{grid-row:2 / 3;grid-column:auto}#calendar-list .text{position:absolute;width:100%}#calendar-list .text#text-choose{top:1rem}#calendar-list .text#text-salles{bottom:1rem}}