@layer components{.award-labels{padding-block:var(--section-padding-y);padding-inline:max(var(--page-padding-x), calc((100% - 1200px) / 2));--arrow-size:48px;--carousel-gap:var(--spacing-3);& .carousel-wrapper{align-items:center;gap:var(--carousel-gap);padding-top:var(--spacing-4);margin-inline:calc(-1 * var(--arrow-size) - var(--carousel-gap));display:flex}& .award-labels-pagination{justify-content:space-evenly;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex;& .carousel-indicators{margin-top:0;margin-inline:0}}@media (width>=769px){& .award-labels-pagination .carousel-arrow{display:none}}@media (width<=768px){& .carousel-wrapper{margin-inline:0;& .carousel-arrow{display:none}}& .award-labels-pagination{margin-top:var(--spacing-3)}}& .list{--max-cols:4;grid-template-columns:repeat(var(--cols,4), 1fr);gap:var(--spacing-6);view-transition-name:award-labels-list;flex:1;justify-items:center;display:grid}& .list.is-compact{width:min(100%, calc(100% * var(--cols,4) / var(--max-cols) + var(--spacing-6) * (var(--cols,4) / var(--max-cols) - 1)));flex:none;margin-inline:auto}@media (width<=768px){& .list{--max-cols:2;grid-template-columns:repeat(min(var(--cols,2), 2), 1fr);gap:var(--spacing-6)}}}.neighboring-communes{padding-block:var(--section-padding-y);padding-inline:max(var(--page-padding-x), calc((100% - 1200px) / 2));--arrow-size:48px;--carousel-gap:var(--spacing-3);& .carousel-wrapper{align-items:center;gap:var(--carousel-gap);padding-top:var(--spacing-4);margin-inline:calc(-1 * var(--arrow-size) - var(--carousel-gap));display:flex}& .neighboring-communes-pagination{justify-content:space-evenly;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex;& .carousel-indicators{margin-top:0;margin-inline:0}}@media (width>=769px){& .neighboring-communes-pagination .carousel-arrow{display:none}}@media (width<=768px){& .carousel-wrapper{margin-inline:0;& .carousel-arrow{display:none}}& .neighboring-communes-pagination{margin-top:var(--spacing-3)}}& .list{--max-cols:4;grid-template-columns:repeat(var(--cols,4), 1fr);column-gap:var(--spacing-6);view-transition-name:neighboring-communes-list;flex:1;grid-template-rows:1fr auto;justify-items:center;row-gap:0;display:grid;& .badge-card{grid-row:span 2;grid-template-rows:subgrid;width:100%;margin-bottom:0;display:grid;& .tag-container{align-self:stretch;position:static;transform:translateY(-50%);& .tag{justify-content:center;align-items:center;display:flex}}}}& .list.is-compact{width:min(100%, calc(100% * var(--cols,4) / var(--max-cols) + var(--spacing-6) * (var(--cols,4) / var(--max-cols) - 1)));flex:none;margin-inline:auto}@media (width<=768px){& .list{--max-cols:2;grid-template-columns:repeat(min(var(--cols,2), 2), 1fr);gap:var(--spacing-6)}}}.weather-and-namedays{gap:var(--spacing-6);flex-wrap:wrap;justify-content:center;display:flex;& .weather{background-color:var(--color-white);box-shadow:var(--theme-shadow);border-radius:var(--theme-radius);flex:400px;display:flex;overflow:hidden}& .content{gap:var(--spacing-6);grid-template-columns:auto 1fr auto;align-items:stretch;@media (width<=900px){grid-template-columns:1fr}}& .today{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-10);background-color:var(--color-primary);color:var(--text-color-over-primary);flex-direction:column;display:flex;& .wind{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small-text);opacity:.9;display:flex}}& .forecast{padding:var(--spacing-4);justify-content:center;align-items:center;gap:var(--spacing-4);flex:1;grid-template-columns:max-content 1fr max-content;display:grid;& .row{color:var(--color-dark-text);grid-template-columns:subgrid;align-items:center;gap:var(--spacing-6);padding:var(--spacing-3);grid-column:1/span 3;display:grid;& .day{font-weight:var(--font-weight-semibold);font-size:var(--font-size-h4);font-family:var(--font-menu);text-transform:capitalize;white-space:nowrap;justify-self:flex-start;& .month-short{display:none}}& .icon{justify-self:center}& .temperature{font-weight:var(--font-weight-semibold);font-size:var(--font-size-normal-text);justify-self:flex-end}}}@media (width<=768px){& .weather{flex-direction:column}& .today{padding:var(--spacing-5) var(--spacing-6);justify-content:space-evenly;gap:var(--spacing-4);flex-direction:row}& .forecast{padding:var(--spacing-4);gap:var(--spacing-2);& .row{padding:var(--spacing-1);gap:var(--spacing-3);& .day{font-size:var(--font-size-normal-text);& .month-long{display:none}& .month-short{display:inline}}}}}& .namedays{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-8);background-color:var(--color-white);border-radius:var(--theme-radius);min-width:30ch;max-width:25rem;box-shadow:var(--theme-shadow);text-align:center;flex-direction:column;display:flex;& .title{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-h4)}& .list{gap:var(--spacing-1);font-size:var(--font-size-normal-text);flex-direction:column;display:flex}}}}::view-transition-old(award-labels-list){animation:.3s ease-in-out both carousel-fade-slide-out}::view-transition-new(award-labels-list){animation:.3s ease-in-out .3s both carousel-fade-slide-in}::view-transition-old(neighboring-communes-list){animation:.3s ease-in-out both carousel-fade-slide-out}::view-transition-new(neighboring-communes-list){animation:.3s ease-in-out .3s both carousel-fade-slide-in}.social-networks{& .list{grid-template-columns:repeat(var(--columns-count,auto-fill), auto);justify-content:center;justify-items:center;gap:20px;display:grid}& .item{aspect-ratio:1;background-color:#fff;border-radius:50%;width:7.2rem;& a{justify-content:center;align-items:center;width:100%;height:100%;display:flex;& img{width:90%}}}@media (width<=992px){& .list{grid-template-columns:repeat(var(--columns-count,auto-fill), minmax(0, 5rem));gap:8px}& .item{width:100%}}@media (width<=768px){& .list{grid-template-columns:repeat(var(--columns-count-mobile,auto-fill), minmax(0, 5rem));gap:12px}}}.twin-towns{background-color:var(--background-section);& .list{--gap:var(--spacing-6);gap:var(--gap);padding-top:var(--spacing-6);flex-wrap:wrap;justify-content:center;display:flex}& .item{box-shadow:var(--shadow-light);background-color:var(--color-white);height:164px;width:calc(50% - (var(--gap) / 2));flex-direction:column;padding:16px 24px;display:flex}& .distance,& .link{justify-content:end;display:flex}& .distance{font-size:16px;font-weight:400;font-family:var(--font-family);align-items:center;& svg{margin-right:.5em}& path{fill:var(--color-primary)}}& .link{font-size:12px;font-weight:400;font-family:var(--font-family);color:var(--color-primary)}& .content{flex:1;align-items:center;gap:.5rem;display:flex;& span{font-size:5.1em}}& .informations{margin-left:12px}& .town{font-size:24px;font-weight:600;font-family:var(--font-family);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .country{font-size:20px;font-weight:600;font-family:var(--font-family)}}@media (width<=992px){.twin-towns{& .item{width:100%;height:auto}& .content{& span{font-size:3em}}& .town{word-break:break-word;font-size:18px}& .country{font-size:16px}}}.main-container[data-astro-cid-lhjynaae]{flex-direction:column;align-content:center;display:flex;& header{text-align:center;& p{color:#6b7280;font-size:1.25rem}}& astro-island:first-of-type>section[data-astro-cid-lhjynaae].root:not(.plain){margin-top:var(--spacing-6)}& section{& h2{margin-top:0}}& .info-card{background:#f9fafb;& ul{padding:0;list-style:none;& li{margin-bottom:.5rem;& span{width:1.5rem;height:1.5rem;display:inline-block}& p{margin:0;font-size:.875rem}}}}}