.modal-backdrop{z-index:300}.modal-backdrop.show{opacity:.7;background-color:#18182e99}.gallery-modal{z-index:301;justify-content:center;align-items:center}.gallery-modal.show{display:flex!important}.gallery-modal .modal-dialog{width:60%;max-width:60%;display:flex;overflow-y:initial!important}.gallery-modal .modal-dialog .modal-content{border-radius:22px;flex-direction:column;width:100%;padding:0;display:flex}.gallery-modal .modal-dialog .modal-content ::-webkit-scrollbar{width:8px}.gallery-modal .modal-dialog .modal-content ::-webkit-scrollbar-thumb{background:var(--default-color-6);border-radius:5px}.gallery-modal .modal-dialog .modal-content ::-webkit-scrollbar-track-piece{background:var(--default-color-7);border-radius:5px}@supports not selector(::-webkit-scrollbar){.gallery-modal .modal-dialog .modal-content *{scrollbar-color:var(--default-color-6) var(--default-color-7);scrollbar-width:thin}}.gallery-modal .modal-dialog .modal-content .modal-header{border-bottom:none;flex:none;align-items:center;padding:0;display:flex}.gallery-modal .modal-dialog .modal-content .modal-header>*{color:var(--primary-text-2)}.gallery-modal .modal-dialog .modal-content .modal-header .modal-title{flex:auto;font-size:36px;font-weight:700;line-height:44px}.gallery-modal .modal-dialog .modal-content .modal-header .close{opacity:1;z-index:10000;font-size:21px;position:absolute;top:20px;right:30px}.gallery-modal .modal-dialog .modal-content .modal-header .close:hover{opacity:.5}.gallery-modal .modal-dialog .modal-content .modal-body{box-sizing:border-box;flex-direction:column;height:auto;max-height:90vh;padding:0;display:flex;overflow:hidden}.gallery-modal .modal-dialog .modal-content .modal-body i{padding:0 5px}.gallery-modal .modal-dialog .modal-content .modal-body>*{box-sizing:border-box}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container{flex-direction:column;flex:1 0 auto;display:flex;position:relative}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container{-webkit-user-select:none;user-select:none;border-radius:22px 22px 0 0;flex-direction:column;width:100%;min-height:250px;max-height:250px;display:flex;position:relative;overflow:hidden}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel{background-color:var(--primary-text-3-dark);border-radius:22px 22px 0 0;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel .image-row{background-color:var(--default-bg);border-radius:22px 22px 0 0;justify-content:center;width:100%;min-height:250px;max-height:250px;display:flex;position:relative}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel .image-row .image-placeholder{background-color:var(--primary-text-3-dark);border-radius:22px 22px 0 0;width:100%;height:100%;display:flex;position:absolute}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel .image-row .image-placeholder svg{color:var(--primary-text-1);margin:auto;font-size:4em}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel .image-row img{object-fit:cover;border-radius:22px 22px 0 0;width:100%;min-height:300px;max-height:300px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel .image-row img:not(.loaded){opacity:0}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel img{object-fit:cover;border-radius:22px 22px 0 0;width:100%;min-height:300px;max-height:300px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .controls{-webkit-user-select:none;user-select:none;z-index:5;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .controls .control-button{background-color:var(--dropdown-bg);width:5%;color:var(--default-color-2);cursor:pointer;-webkit-user-select:none;user-select:none;filter:opacity(.6);justify-content:center;align-items:center;font-size:4em;font-weight:bolder;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .controls .control-button:hover{background-color:var(--dropdown-bg);color:var(--default-color-2);filter:opacity(.9)}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-metadata-container{height:100%;max-height:calc(90vh - 270px);margin:10px 10px 20px 0;overflow:hidden auto}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header{padding:30px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section{display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .template-type{color:var(--default-color);opacity:.8;margin:auto 20px auto 0;font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .template-type svg{margin-right:5px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .writing-challenge{color:var(--writing-challenge)}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .reading-challenge{color:var(--reading-challenge)}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .special-mode{color:#8274b1;margin:auto 5px auto 0;font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .intro-mode-button{margin:auto auto auto 5px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .rules-button{margin:auto 0 auto auto}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section{display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .template-title{flex:4 2 60%;margin:auto auto auto 0}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .template-title h2{letter-spacing:-1px;overflow-wrap:break-word;margin:0;font-size:2.5em;font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .template-title .writing-challenge{color:var(--writing-challenge)}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .template-title .reading-challenge{color:var(--reading-challenge)}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos{flex-flow:row-reverse wrap;flex:3 4 40%;margin:auto 0 auto 10px;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos a{margin:10px 0 auto 10px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos a div{margin:auto auto auto 10px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos:last-child{margin-right:0!important}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main{flex-direction:column;padding:15px 30px;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main>*{margin-bottom:15px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main h3{color:var(--default-color);opacity:.8;margin:0 0 10px;font-size:1em;font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .text-block{border:1.4px solid var(--default-color);min-height:50px;max-height:100px;color:var(--default-color);white-space:pre-wrap;border-radius:7px;margin-bottom:15px;padding:15px;overflow-y:auto}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .edit-challenge-warning{padding:10px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .edit-challenge-warning .text-block{color:var(--content-invalid);background-color:var(--default-bg);border:var(--content-invalid) dashed 1px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .edit-challenge-warning .title{color:var(--content-invalid);font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-controls{justify-content:center;align-items:center;padding-bottom:30px;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-controls .login-needed{color:var(--primary-text-2);text-align:center;font-weight:bolder}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-controls .login-needed .lock i{font-size:2em}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-controls .save-template-actions{color:var(--default-color);justify-content:center;align-items:center;gap:20px;font-weight:bolder;display:flex}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .editable{border-radius:5px;padding:5px;border:2px solid var(--primary-text-2)!important}@media (width<=1200px){.gallery-modal{align-items:flex-start}.gallery-modal .modal-dialog{width:70%;max-width:70%;overflow-y:initial!important}.gallery-modal .modal-body{max-height:60vh;overflow-y:auto}.gallery-modal .template-overlay-header{flex-direction:column}.gallery-modal .template-overlay-header .additional-infos{justify-content:flex-start;margin-top:20px}.gallery-modal .template-overlay-header .additional-infos .nano-button:first-of-type{margin-left:0}.gallery-modal .template-overlay-controls a{margin-top:10px!important}}@media (width<=992px){.gallery-modal .modal-dialog{width:80%;max-width:80%}}@media (width<=767px){.gallery-modal .modal-dialog{width:90%;max-width:90%}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container,.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .carousel-container .carousel img{min-height:125px;max-height:125px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header{padding:15px 15px 0}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .rules-section .rules-button{height:35px;padding-left:10px;padding-right:10px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section{flex-direction:column}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .template-title h2{margin-top:10px;font-size:24px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos{flex-direction:row;margin-left:0}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-header .title-section .additional-infos a{margin-left:0!important}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main{padding:0 15px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .row>div{margin-bottom:5px}.gallery-modal .modal-dialog .modal-content .modal-body .template-overlay-container .template-overlay-main .text-block{min-height:30px;max-height:130px;padding:7px 15px;font-size:12px}}