@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--gap:2px;--primary-color:rgba(252, 251, 221, 1);--primary-hover-color:rgba(166, 186, 160, 1);--primary-background-color:rgba(41, 46, 40, 1.00);--primary-font-family:'Figtree', sans-serif;--margin:12px;--padding-x:12px;--padding-y:12px;--header-h:40px;--footer-h:56px;--dynamic-color-deep:var(--primary-background-color);--dynamic-color-vibrant:rgba(252, 251, 221, 0.38);--dynamic-color-soft:rgba(166, 186, 160, 0.28);--dynamic-color-glow:rgba(252, 251, 221, 0.45);--cell-size-w:calc((100vw - (var(--gap) + var(--padding-x)) * 5) / 6);--cell-size-h:calc((100vh - var(--header-h) - var(--footer-h) - (var(--gap) + var(--padding-y)) * 4) / 5)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;background-color:var(--primary-background-color);color:var(--primary-color);font-family:var(--primary-font-family)}body{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle 80vw at 50% 50%,var(--dynamic-color-vibrant) 0%,var(--dynamic-color-soft) 45%,transparent 80%),radial-gradient(circle 100vw at 50% 40%,transparent 40%,var(--dynamic-color-deep) 100%)}body:has(header.home){background:var(--primary-background-color);font-weight:300}header.home{justify-content:flex-start;width:100%;height:var(--header-h);margin-left:24px}header.home div.logo{pointer-events:none}main.home,main.home div#photo{display:flex;flex-direction:row}main.home{justify-content:center;height:calc(100vh - var(--header-h) - var(--footer-h));padding:var(--padding-x) var(--padding-y);overflow-y:auto;width:100%}main.home div#content.home{position:relative;display:grid;grid-template-columns:repeat(6,var(--cell-size-h));grid-template-rows:repeat(4,var(--cell-size-h));width:fit-content;gap:var(--gap)}main.home div#photo{gap:var(--gap);grid-column:1/7;grid-row:1/4;overflow:hidden}main.home div#photo>div{position:relative;flex:1;background-color:color-mix(in srgb,var(--primary-hover-color) 20%,transparent)}main.home div#photo img{width:100%;height:100%;object-fit:cover}main.home div#photo>div#left::after,main.home div#photo>div#right::after{position:absolute;display:flex;content:'';inset:0;background-image:linear-gradient(to bottom,transparent calc(33.333% - (var(--gap)/2)),var(--primary-background-color) calc(33.333% - (var(--gap)/2)),var(--primary-background-color) calc(33.333% + (var(--gap)/2)),transparent calc(33.333% + (var(--gap)/2)),transparent calc(66.666% - (var(--gap)/2)),var(--primary-background-color) calc(66.666% - (var(--gap)/2)),var(--primary-background-color) calc(66.666% + (var(--gap)/2)),transparent calc(66.666% + (var(--gap)/2))),linear-gradient(to right,transparent calc(50% - (var(--gap)/2)),var(--primary-background-color) calc(50% - (var(--gap)/2)),var(--primary-background-color) calc(50% + (var(--gap)/2)),transparent calc(50% + (var(--gap)/2)))}main.home div#photo>div#center::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to bottom,transparent calc(66.666% - 1px),var(--primary-background-color) calc(66.666% - 1px),var(--primary-background-color) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),var(--primary-background-color) calc(50% - 1px),var(--primary-background-color) calc(50% + 1px),transparent calc(50% + 1px));background-size:100% 100%,100% 33.334%;background-position:top left,bottom left;background-repeat:no-repeat}main.home div#message{grid-column:3/7;grid-row:4;padding-top:var(--padding-y)}main.home div#message p{text-align:justify;margin-bottom:var(--padding-y)}main.home div#message p.sign{text-align:right}main.home div#message a{color:var(--primary-hover-color);text-decoration:underline dotted}main.home div#message a:active,main.home div#message a:hover{color:var(--primary-hover-color);text-decoration:underline}main.home div#message a:active{text-decoration:none}footer.home{position:relative;width:100%;height:var(--footer-h)}footer.home div#copyright{position:absolute;bottom:var(--gap);left:50%;transform:translateX(-50%);line-height:16px;font-size:12px;text-transform:uppercase;font-weight:300;text-align:center}@media (max-aspect-ratio:1/1){main.home div#content.home{position:relative;display:grid;grid-template-columns:repeat(6,var(--cell-size-w));grid-template-rows:repeat(4,var(--cell-size-w));width:fit-content;gap:var(--gap)}}header div.logo,header.wall{display:flex;height:var(--header-h)}header div.logo{position:relative;flex-grow:1;justify-content:flex-start;width:50%}header div.logo svg{position:absolute;inset:calc(var(--gap)*4);left:0;height:24px;fill:var(--primary-color);cursor:pointer;transform:fill 250ms ease}header div.logo svg:hover{fill:var(--primary-hover-color)}header.wall{flex-direction:row;width:100%;font-weight:300;align-items:center;justify-content:space-between;padding-left:var(--padding-x);padding-right:var(--padding-x)}header.wall div#thema{display:flex;flex-direction:row;margin-top:calc(var(--gap)*4)}header.wall div#thema button{--shadow-color:color-mix(in srgb, var(--primary-hover-color) 50%, var(--primary-background-color) 50%);position:relative;min-width:calc(24px + var(--gap)*2);height:calc(24px + var(--gap)*4);border:0;padding:calc(var(--gap)*2);border:1px solid var(--shadow-color);background-color:var(--shadow-color);color:var(--primary-color);font-family:var(--primary-font-family);font-weight:300;cursor:pointer;line-height:24px;font-size:12px;transition:background-color 250ms ease,color 250ms ease,border 250ms ease}header.wall div#thema button:not(.disabled):hover{background-color:var(--primary-hover-color);color:var(--primary-background-color);border-color:var(--primary-hover-color)}header.wall div#thema button:not(.disabled):hover::before{background-color:var(--primary-background-color)!important}header.wall button#previous.thema{border-top-left-radius:calc(12px + var(--gap)*2);border-bottom-left-radius:calc(12px + var(--gap)*2);border-right:none;border:1px solid var(--shadow-color)}footer.wall div#pagination button#previous::before,header.wall button#previous.thema::before,header.wall div.actions button#diaporama::before{position:absolute;content:'';background-color:var(--primary-color);width:12px;height:24px;clip-path:polygon(50% 50%,90% 27.5%,100% 32.5%,70% 50%,100% 67.5%,90% 72.5%)}header.wall button#previous.thema::before{top:calc(var(--gap)*2);left:calc(var(--gap)*2 + 2px)}header.wall div#thema button#previous.disabled{border-right:none;cursor:default}header.wall div#thema button#next.disabled::before,header.wall div#thema button#previous.disabled::before{background-color:color-mix(in srgb,var(--primary-color) 25%,transparent)!important}header.wall div#thema div#viewport{--shadow-color:color-mix(in srgb, var(--primary-hover-color) 50%, var(--primary-background-color) 50%);background-color:var(--shadow-color);color:var(--primary-color);font-family:var(--primary-font-family);font-weight:300;line-height:calc(24px + var(--gap)*4);font-size:12px;position:relative;overflow:hidden}footer.wall div#pagination button,header.wall div.actions button#diaporama{min-width:calc(24px + var(--gap)*4);border:0;border-radius:calc(var(--gap)*2);background-color:color-mix(in srgb,var(--primary-hover-color) 50%,transparent);color:var(--primary-color);font-family:var(--primary-font-family);font-weight:300;cursor:pointer;line-height:24px;font-size:12px}header.wall div.actions button#diaporama{position:relative;min-height:calc(24px + var(--gap)*4);padding-right:calc(var(--gap)*4);padding-left:28px}header.wall div.actions button#diaporama::before{display:block;inset:calc(var(--gap)*4);transition:background-color .35s cubic-bezier(.22,1,.36,1);width:16px;height:16px;clip-path:polygon(20% 20%,20% 80%,80% 50%,80% 50%,50% 35%,50% 65%,50% 65%,50% 35%)}header.wall div.actions button#diaporama:hover{background-color:var(--primary-hover-color);color:var(--primary-background-color)}header.wall div.actions button#diaporama:hover::before,lightbox header button:hover::before{background-color:var(--primary-background-color)!important}header.wall div#thema div#viewport.transition{transition:width 350ms cubic-bezier(.4,0,.2,1)}header.wall div#thema div.wrapper{display:flex;flex-direction:row;white-space:nowrap;position:absolute}header.wall div#thema div.wrapper.transition{transition:transform 350ms cubic-bezier(.4,0,.2,1)}header.wall div#thema div.wrapper>div{padding-left:calc(var(--gap)*4);padding-right:calc(var(--gap)*4)}header.wall button#next.thema{border-top-right-radius:calc(12px + var(--gap)*2);border-bottom-right-radius:calc(12px + var(--gap)*2);border-left:none;border-color:var(--shadow-color)}header.wall button#next.thema::before{position:absolute;content:'';background-color:var(--primary-color);width:12px;height:24px;top:calc(var(--gap)*2);right:calc(var(--gap)*2 + 2px);clip-path:polygon(50% 50%,10% 27.5%,0 32.5%,30% 50%,0 67.5%,10% 72.5%)}header.wall div#thema button#next.disabled{border-left:none;cursor:default}footer.wall{display:flex;width:100%;height:56px;flex-direction:column;gap:calc(var(--gap)*2);bottom:0;padding-top:var(--gap)}footer.wall div#pagination{width:100%;height:32px;flex-direction:row;justify-content:center}footer.wall div#pagination button{padding:calc(var(--gap)*2);transition:background-color 250ms ease,color 250ms ease,border 250ms ease,box-shadow 250ms ease,-webkit-box-shadow}footer.wall div#pagination button#previous{position:relative;padding-right:calc(var(--gap)*4);padding-left:calc(16px)}footer.wall div#pagination button#previous::before{left:0}footer.wall div#pagination button#next{position:relative;padding-left:calc(var(--gap)*4);padding-right:calc(16px)}footer.wall div#pagination button#next::before{position:absolute;content:'';background-color:var(--primary-color);width:12px;height:24px;right:0;clip-path:polygon(50% 50%,10% 27.5%,0 32.5%,30% 50%,0 67.5%,10% 72.5%)}footer.wall div#pagination,footer.wall div#pagination div.wrapper{display:flex;gap:var(--gap)}footer.wall div#pagination button:not(.disabled):hover{background-color:var(--primary-hover-color);color:var(--primary-background-color)}footer.wall div#pagination button.disabled::before{background-color:var(--primary-hover-color)!important}footer.wall div#pagination button:not(.disabled):hover::before{background-color:var(--primary-background-color)!important}footer.wall div#pagination button.disabled{background-color:var(--primary-background-color);color:var(--primary-hover-color);box-shadow:inset 0 0 0 1px var(--primary-hover-color);cursor:default}footer.wall div#pagination button.current,footer.wall div#pagination button.current:hover{background-color:var(--primary-color);color:var(--primary-background-color);cursor:default}footer.wall div#copyright{width:100%;line-height:16px;font-size:12px;text-transform:uppercase;font-weight:300;text-align:center;height:24px}article[data-tile]{aspect-ratio:1/1;width:100%;height:100%;overflow:hidden;transition:border 150ms ease;border:0 solid var(--primary-hover-color);background-color:color-mix(in srgb,var(--primary-hover-color) 20%,transparent)}article[data-tile] img{width:100%;height:100%;object-fit:cover;cursor:pointer}article[data-tile]:has(img:hover){border:4px solid var(--primary-hover-color)}div.actions{display:flex;width:50%;flex-direction:row;flex-grow:1;justify-content:flex-end;gap:var(--gap);margin-top:calc(var(--gap)*4)}@media (min-aspect-ratio:1/1){:root{--max-cell-w:calc((100vw - (2 * var(--padding-x)) - (5 * var(--gap))) / 6);--max-cell-h:calc((100vh - var(--header-h) - var(--footer-h) - (2 * var(--padding-y)) - (2 * var(--gap))) / 3);--unit-size:min(var(--max-cell-w), var(--max-cell-h))}div#gallery.wrapper{width:calc((6*var(--unit-size)) + (5*var(--gap)));height:calc((3*var(--unit-size)) + (2*var(--gap)));grid-template-columns:repeat(6,var(--unit-size));grid-template-rows:repeat(3,var(--unit-size))}article[data-tile="0"]{grid-column:1/3;grid-row:1/3}article[data-tile="1"]{grid-column:3;grid-row:1}article[data-tile="2"]{grid-column:4;grid-row:1}article[data-tile="3"]{grid-column:5;grid-row:1}article[data-tile="4"]{grid-column:6;grid-row:1}article[data-tile="5"]{grid-column:3;grid-row:2}article[data-tile="6"]{grid-column:4;grid-row:2}article[data-tile="7"]{grid-column:5/7;grid-row:2/4}article[data-tile="8"]{grid-column:1;grid-row:3}article[data-tile="9"]{grid-column:2;grid-row:3}article[data-tile="10"]{grid-column:3;grid-row:3}article[data-tile="11"]{grid-column:4;grid-row:3}}@media (max-aspect-ratio:1/1){:root{--max-cell-w:calc((100vw - (2 * var(--padding-x)) - (2 * var(--gap))) / 3);--max-cell-h:calc((100vh - var(--header-h) - var(--footer-h) - (2 * var(--padding-y)) - (5 * var(--gap))) / 6);--unit-size:min(var(--max-cell-w), var(--max-cell-h))}div#gallery.wrapper{width:calc((3*var(--unit-size)) + (2*var(--gap)));height:calc((6*var(--unit-size)) + (5*var(--gap)));grid-template-columns:repeat(3,var(--unit-size));grid-template-rows:repeat(6,var(--unit-size))}article[data-tile="0"]{grid-column:1/3;grid-row:1/3}article[data-tile="1"]{grid-column:3;grid-row:1}article[data-tile="2"]{grid-column:3;grid-row:2}article[data-tile="3"]{grid-column:3;grid-row:3}article[data-tile="4"]{grid-column:3;grid-row:4}article[data-tile="5"]{grid-column:2;grid-row:3}article[data-tile="6"]{grid-column:2;grid-row:4}article[data-tile="7"]{grid-column:2/4;grid-row:5/7}article[data-tile="8"]{grid-column:1;grid-row:3}article[data-tile="9"]{grid-column:1;grid-row:4}article[data-tile="10"]{grid-column:1;grid-row:5}article[data-tile="11"]{grid-column:1;grid-row:6}}lightbox,main#gallery{display:flex;overflow:hidden}main#gallery{flex:1;align-items:center;justify-content:center;position:relative}div#gallery.wrapper{display:grid;gap:var(--gap);transform-origin:center center;will-change:transform,opacity,filter;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease-in-out,filter .35s ease-in-out;filter:blur(0)}div#gallery.wrapper.transition{opacity:0;transform:scale(.85);filter:blur(6px);pointer-events:none}lightbox{display:block;position:fixed;inset:0;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease,background-color .8s cubic-bezier(.16,1,.3,1);flex-direction:column;background-color:var(--dynamic-color-deep)}lightbox.open{opacity:1;pointer-events:auto}lightbox div#ambiant{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle 80vw at 50% 50%,var(--dynamic-color-vibrant) 0%,var(--dynamic-color-soft) 45%,transparent 80%),radial-gradient(circle 100vw at 50% 40%,transparent 40%,var(--dynamic-color-deep) 100%);transition:background .9s cubic-bezier(.16,1,.3,1)}lightbox img#blur{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;opacity:.24;filter:blur(80px) saturate(175%) brightness(.85);pointer-events:none;z-index:2;transition:opacity .8s ease;transform:scale(1.05)}lightbox div#content{position:absolute;inset:0;z-index:3}lightbox card,lightbox header{width:100%;display:flex;align-items:center}lightbox header{flex-direction:row;height:var(--header-h);gap:calc(var(--gap)*2);font-weight:300;padding-left:var(--padding-x);padding-right:var(--padding-x)}lightbox main#viewport{display:flex;gap:0;height:calc(100% - var(--header-h));padding-top:calc(var(--gap)*3);padding-bottom:calc(var(--gap)*3)}lightbox button#next.lightbox,lightbox button#previous.lightbox{position:relative;width:48px;margin:calc(var(--gap)*4);flex-shrink:0;border:0;background-color:transparent;cursor:pointer}lightbox button#next.lightbox::before,lightbox button#previous.lightbox::before{position:absolute;display:block;content:'';border-radius:calc(var(--gap)*2);width:48px;height:48px;background-color:color-mix(in srgb,var(--primary-color) 25%,transparent);transition:background-color .35s cubic-bezier(.16,1,.3,1)}lightbox button#next.lightbox::after,lightbox button#previous.lightbox::after{position:absolute;display:block;content:'';top:calc(50% + 8px);width:16px;height:32px;background-color:var(--primary-color);transition:background-color .35s cubic-bezier(.16,1,.3,1)}lightbox button#next.lightbox:hover::before,lightbox button#previous.lightbox:hover::before{background-color:var(--primary-hover-color)}lightbox button#next.lightbox:hover::after,lightbox button#previous.lightbox:hover::after{background-color:var(--primary-background-color)}lightbox button#previous.lightbox::after{left:12px;clip-path:polygon(50% 50%,90% 27.5%,100% 32.5%,70% 50%,100% 67.5%,90% 72.5%)}lightbox button#next.lightbox::after{right:12px;clip-path:polygon(50% 50%,10% 27.5%,0 32.5%,30% 50%,0 67.5%,10% 72.5%)}lightbox div#photo{display:flex;flex-direction:row;flex-grow:1}lightbox card{position:absolute;inset:0;height:100%;justify-content:center;opacity:1;pointer-events:none;will-change:opacity,transform;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:scale(.96)}lightbox div#fade.transition card{opacity:0;transform:scale(.82)}lightbox card img{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}lightbox card div#progress{position:absolute;transition:opacity .35s cubic-bezier(.22,1,.36,1)}lightbox card div#progress::before{display:block;position:absolute;content:'';height:calc(var(--gap)*2);bottom:0;left:0;width:calc(var(--progress)*1%);background-color:var(--primary-color)}lightbox div#fade{position:relative;flex-grow:1}lightbox div#thumbnails{position:relative;overflow:hidden;flex-shrink:0;padding:4px}lightbox div#thumbnails div#scroller{position:absolute;display:flex;flex-wrap:nowrap;gap:calc(var(--gap)*2);transition:transform .65s cubic-bezier(.22,1,.36,1)}lightbox div#thumbnails div#scroller button{position:relative;width:56px;height:56px;border:2px solid transparent;background-color:transparent;flex-shrink:0;cursor:pointer;transition:border .35s cubic-bezier(.22,1,.36,1)}lightbox div#thumbnails div#scroller button .progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:color-mix(in srgb,var(--primary-color) 50%,transparent);pointer-events:none;z-index:5}lightbox div#thumbnails div#scroller button .progress .bar{display:block;height:100%;background:var(--primary-color);transition:width 80ms ease-out}lightbox div#thumbnails button.selected{border-color:var(--primary-hover-color)!important}lightbox div#thumbnails button img{width:100%;height:100%;overflow:hidden;object-fit:contain}lightbox header div#number{flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:stretch;border:2px solid color-mix(in srgb,var(--primary-hover-color) 50%,var(--primary-background-color) 50%);border-radius:128px;overflow:hidden;margin-top:calc(var(--gap)*4)}lightbox header div#number div#photo{background:0 0;border-radius:128px;padding:0 calc(var(--gap)*6);line-height:calc(24px + var(--gap)*2);color:var(--primary-color);white-space:nowrap;position:relative;z-index:1;box-shadow:0 0 0 1920px color-mix(in srgb,var(--primary-hover-color) 50%,var(--primary-background-color) 50%)}lightbox header div#number div#photo,lightbox header div#number div#thema,lightbox header div#scroller.duration div[data-duration]{display:flex;align-items:center;justify-content:center;font-family:var(--primary-font-family);font-weight:300;font-size:12px;flex-shrink:0}lightbox header div#number div#thema{padding:0 calc(var(--gap)*6);line-height:calc(24px + var(--gap)*2);color:var(--primary-color);white-space:nowrap;position:relative;z-index:2;flex-grow:1}lightbox header div#duration,lightbox header div#scroller.duration{display:flex;flex-direction:row;gap:0}lightbox header div#scroller.duration.transition{transition:transform 350ms cubic-bezier(.4,0,.2,1)}lightbox header button.duration,lightbox header div#wrapper.duration{position:relative;height:calc(24px + var(--gap)*4);background-color:color-mix(in srgb,var(--primary-color) 25%,transparent)}lightbox header button.duration{width:16px;border:0;border-radius:calc(var(--gap)*2);color:var(--primary-color);cursor:pointer}lightbox header button#previous.duration{border-top-right-radius:0;border-bottom-right-radius:0}lightbox header button#next.duration::before,lightbox header button#previous.duration::before{position:absolute;content:'';top:calc(var(--gap)*2);background-color:var(--primary-color);width:12px;height:24px}lightbox header button#previous.duration::before{left:calc(var(--gap)/-2);clip-path:polygon(50% 50%,90% 27.5%,100% 32.5%,70% 50%,100% 67.5%,90% 72.5%)}lightbox header button#next.duration::before{right:calc(var(--gap)/-2);clip-path:polygon(50% 50%,10% 27.5%,0 32.5%,30% 50%,0 67.5%,10% 72.5%)}lightbox header button.duration.disabled{background-color:color-mix(in srgb,var(--primary-color) 25%,transparent)!important;cursor:default}lightbox header button.duration.disabled::before{background-color:color-mix(in srgb,var(--primary-color) 50%,transparent)!important}lightbox header button#next.duration{border-top-left-radius:0;border-bottom-left-radius:0}lightbox header div#wrapper.duration{display:block;width:calc(24px + var(--gap)*4);overflow:hidden}lightbox header div#scroller.duration div[data-duration]{width:calc(24px + var(--gap)*4);height:calc(24px + var(--gap)*4)}lightbox header button:not(.duration){position:relative;background-color:color-mix(in srgb,var(--primary-color) 25%,transparent);min-height:calc(24px + var(--gap)*4);min-width:calc(24px + var(--gap)*4);border:0;border-radius:calc(var(--gap)*2);color:var(--primary-color);cursor:pointer}lightbox header button#download::before{transition:background-color .35s cubic-bezier(.22,1,.36,1)}lightbox header button#close::before,lightbox header button#diaporama::before,lightbox header button#download::before,lightbox header button#fullscreen::before{position:absolute;display:block;content:'';inset:calc(var(--gap)*4);background-color:color-mix(in srgb,var(--primary-color) 75%,transparent)}lightbox header button#close::before,lightbox header button#fullscreen::before{transition:background-color .35s cubic-bezier(.22,1,.36,1)}lightbox header button:hover,main#admin div#infos button.submit{background-color:var(--primary-hover-color);color:var(--primary-background-color)}lightbox header button#diaporama,lightbox header button#download{padding-right:calc(var(--gap)*4);padding-left:28px;line-height:24px;font-family:var(--primary-font-family);font-weight:300;font-size:12px}lightbox header button#download::before{width:16px;height:16px;clip-path:polygon(40% 20%,40% 45%,20% 45%,50% 75%,20% 75%,20% 80%,80% 80%,80% 75%,50% 75%,80% 45%,60% 45%,60% 20%)}lightbox header button#diaporama::before{width:16px;height:16px;clip-path:polygon(20% 20%,20% 80%,80% 50%,80% 50%,50% 35%,50% 65%,50% 65%,50% 35%);transition:clip-path .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1)}lightbox header button#diaporama.pause::before{clip-path:polygon(20% 20%,20% 80%,80% 80%,80% 20%,60% 20%,60% 80%,40% 80%,40% 20%)}lightbox header button#fullscreen::before{clip-path:polygon(0 0,0 30%,5% 30%,5% 5%,30% 5%,30% 0,0 0,70% 0,70% 5%,95% 5%,95% 30%,100% 30%,100% 0,0 0,0 70%,5% 70%,5% 95%,30% 95%,30% 100%,0 100%,70% 100%,70% 95%,95% 95%,95% 70%,100% 70%,100% 100%,0 100%,0 0)}lightbox header button#fullscreen.fullscreen::before{clip-path:polygon(30% 0,25% 0,25% 25%,0 25%,0 30%,100% 30%,100% 25%,75% 25%,75% 0,70% 0,70% 100%,75% 100%,75% 75%,100% 75%,100% 70%,0 70%,0 75%,25% 75%,25% 100%,30% 100%,30% 70%,70% 70%,70% 30%,30% 30%)}lightbox header button#close::before{clip-path:polygon(0 3.5%,46.5% 50%,0 96.5%,3.5% 100%,50% 53.5%,96.5% 100%,100% 96.5%,53.5% 50%,100% 3.5%,96.5% 0,50% 46.5%,3.5% 0)}@media (min-aspect-ratio:1/1){lightbox main#viewport{flex-direction:column}lightbox div#thumbnails{flex-shrink:0;width:100%;height:64px}lightbox div#thumbnails div#scroller{flex-direction:row;left:50%}}lightbox #loader{position:absolute;width:192px;height:192px;top:calc(50% - 48px - 64px);left:calc(50% - 48px);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}lightbox #loader>div:nth-child(2),lightbox #loaderdiv:nth-child(1){position:absolute;width:100%;height:100%}lightbox #loader>div:nth-child(1)>div,lightbox #loader>div:nth-child(2)>div{position:absolute;width:calc(192px - 16px);height:calc(192px - 16px);box-sizing:border-box;top:8px;left:8px;border-radius:50%;border:var(--primary-color) calc(var(--gap)*2) solid;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);animation:rotate 2s infinite}lightbox #loader>div:nth-child(2){clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}lightbox #loader>div:nth-child(2)>div,lightbox #loaderdiv:nth-child(1){clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}lightbox #loader>div:nth-child(3){position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;box-sizing:border-box}lightbox #loader svg{transform:rotate(90deg);width:100%;height:100%}lightbox #loader circle{fill:none;stroke-width:var(--gap)}lightbox #loader circle.background{stroke:color-mix(in srgb,var(--primary-color) 25%,transparent)}lightbox #loader circle.foreground{stroke:color-mix(in srgb,var(--primary-color) 75%,transparent);stroke-linecap:round}lightbox #loader circle.foreground.transition{transition:stroke-dashoffset .35s cubic-bezier(.22,1,.36,1)}@media (max-aspect-ratio:1/1){lightbox main#viewport{flex-direction:row}lightbox div#thumbnails{flex-shrink:0;width:64px;height:100%}lightbox div#thumbnails div#scroller{flex-direction:column;top:50%}lightbox #loader{top:calc(50% - 48px);left:calc(50% - 48px - 64px)}}@media (max-width:640px){:root{--header-height:calc(var(--header-h) * 2)}lightbox header{flex-wrap:wrap;height:var(--header-height)}lightbox main#viewport{height:calc(100% - var(--header-height));padding-top:calc(var(--gap)*4)}lightbox header div.logo{width:auto}lightbox header div.actions{margin-top:0;flex-basis:100%}}header#admin{padding:var(--margin);line-height:36px;font-size:24px;height:auto}main#admin{display:flex;flex-direction:row;margin-left:var(--margin);width:calc(100% - 2*var(--margin));height:100%;gap:8px;align-items:stretch}main#admin div#files,main#admin div#infos{display:flex;width:320px;flex-grow:0;flex-shrink:0}main#admin div#files{height:240px;color:var(--primary-hover-color);border:1px dashed var(--primary-hover-color);justify-content:center;align-items:center;text-align:center;cursor:pointer}main#admin div#files.drag-n-drop.hover{color:var(--primary-color);border:1px dashed var(--primary-color)}main#admin div#infos{flex-direction:column;gap:8px}main#admin div#infos div#buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:8px}main#admin div#infos button,main#admin div#infos input{border:1px solid var(--primary-hover-color);line-height:24px;background-color:var(--primary-background-color)}main#admin div#infos input{font-size:16px;color:var(--primary-color);padding:4px;outline:0}main#admin div#infos button:hover,main#admin div#infos input.selected{border:1px solid var(--primary-color)}main#admin div#infos button{padding-left:8px;padding-right:8px;border-radius:4px;font-size:12px;color:var(--primary-hover-color);font-weight:400;cursor:pointer}main#admin div#infos button:hover{background-color:var(--primary-color);color:var(--primary-background-color)}
/*# sourceMappingURL=main.min.css.map */