:root{--color-primary:#ffecd1;--color-primary-darker:#fcdfa9;--color-secondary:#e74c3c;--color-secondary-darker:#d63031;--color-tertiary:#f6e58d;--color-tertiary-darker:#2d3436}*{box-sizing:border-box;margin:0;padding:0}html{color:#222;font-family:Lora,sans-serif;font-size:62.5%;overflow:hidden scroll}body{background-color:var(--color-primary);position:relative}ul{margin:.5rem}.app{display:flex}.btn{background-color:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:.4rem;padding:1.6rem 2.4rem;font-size:1.6rem;transition:background-color .3s;display:inline-block}button[disabled]{background-color:#707070}button[disabled]:hover{cursor:initial;background-color:#707070}.btn:hover{background-color:var(--color-secondary-darker)}.logo--container{text-align:center;margin-bottom:2.5rem}.logo{width:12.5rem;height:12.5rem}.filter.visible{display:block}.filter{box-sizing:border-box;text-align:left;padding:1.5rem}.filter form h3{margin-bottom:.8rem;font-size:1.8rem}.description__content{flex-direction:column;height:90%;font-size:1.6rem;display:flex}.content{box-sizing:border-box;border:1rem solid;border-radius:2.5rem;width:100%;height:94%;margin:2.5rem auto;padding:1rem}.hidden{visibility:hidden}.show-hide-btn{z-index:999;cursor:pointer;background-color:#fcdfa9;border-right:1px solid #222;border-radius:0 1.2rem 1.2rem 0;justify-content:center;align-items:center;width:5rem;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0}.excluded{display:none}.locations__container{box-sizing:content-box;flex-direction:column;flex:1;width:67%;height:100%;padding:2rem;display:flex;position:fixed;top:0;bottom:0;left:33%;overflow-y:hidden}.container{transition:transform 1s;position:absolute}.form-container label{font-size:1.8rem}.form-control label{font-size:1.6rem}.container--map{background-color:#fff;border-radius:.4rem;width:95%;height:94%;padding:2rem;box-shadow:0 .2rem .2rem #0000001a}.container--description{background-color:var(--color-tertiary);color:var(--color-tertiary-darker);border-radius:.4rem;width:95%;height:94%;padding:2rem;box-shadow:0 .2rem .4rem #0000001a}.btn--description-control{width:100%}.sidebar__row--slider{background-color:var(--color-primary-darker);color:#2d3436;box-sizing:border-box;width:33%;height:100vh;padding:2rem;position:fixed;top:0;left:0;overflow-y:hidden}.sidebar{text-align:center;background-color:var(--color-primary-darker);color:#2d3436;box-sizing:border-box;z-index:500;width:33%;height:100vh;padding:2rem;transition:all .5s;position:relative;overflow:hidden;transform:translate(0)}.sidebar__row{width:100%;height:95%;margin-bottom:1.5rem;transition:transform 1s;position:absolute}.sidebar__row--arrows:hover{cursor:pointer}.btn--toggle-filters{margin-bottom:1rem}.slider{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;height:80%;margin:0 auto;transition:scroll-behavior .5s ease-in-out;position:relative;overflow-x:hidden}.slide__item{cursor:pointer;background-color:#f6e58d;border:.5rem solid #000;border-radius:1rem;margin-bottom:1rem;padding:2rem;font-size:1.6rem;transition:all .2s}.slide__item h2{padding-bottom:1rem;font-size:2.4rem}.slide__item h3{padding-bottom:1rem;font-size:1.8rem}.slide--studios .slide__item{border-color:#4497cd}.slide--events .slide__item{border-color:#ce2354}.slide__item:hover,.selected{background-color:var(--color-primary);border-radius:2.5rem}.slider::-webkit-scrollbar{display:none}.slide{justify-content:center;align-items:center;width:100%;height:5rem;transition:transform 1s;display:block;position:absolute;top:0}.slide h3{font-size:2.4rem}.slider__arrow{height:2.5rem;margin:1rem 0}.modal{z-index:1000;background-color:#f3f3f3;border-radius:4rem;max-width:120rem;padding:6.4rem 8rem;font-size:1.8rem;line-height:1.5;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #0000004d}.modal h2{padding-bottom:2rem}.modal p{padding-bottom:1.2rem}.modal button{margin-top:2rem}.overlay{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);z-index:100;background-color:#00000080;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.btn--close-modal{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:0 2rem 0 0;font-family:inherit;font-size:3rem;position:absolute;top:2rem;right:2rem}.btn--filter-apply{margin:auto}.form-container{text-align:left;margin:2.4rem 5rem}.form-control{align-items:center;margin-bottom:1rem;display:flex}.form-control label{margin-left:1rem;font-weight:700}.form-control input[type=checkbox]{appearance:none;cursor:pointer;border:.2rem solid red;border-radius:.4rem;width:20px;height:20px;margin:0}.form-control input[type=checkbox]:checked{background-color:red;border-color:red}.form-control input[type=checkbox]:focus{outline:none}.form__label{margin-top:2.5rem;margin-bottom:1rem;font-weight:700;display:block}.content--studio-name{color:#007bff;font-size:2.4rem;font-weight:700}.content--studio-description{text-align:center;padding:0 10rem}.studio-description{margin-top:1rem;font-size:1.8rem;font-style:italic}.content--studio-types,.content--studio-type,.content--studio-dance-types,.content--studio-working-times,.content--studio-address,.content--studio-page,.content--studio-phone{margin-top:1rem;font-size:2rem;font-weight:700}.content--studio-type-item,.content--studio-dance-type-item,.content--studio-working-time-item{color:#10f;margin-left:2rem;font-size:2rem;font-style:italic;list-style:disc}.studio-address,.studio-type,.studio-page,.studio-phone{color:#10f;margin-left:2rem;font-style:italic}.content--dance-event-title{color:red;font-size:2.4rem;font-weight:700}.content--dance-event-description{text-align:center;padding:0 10rem}.dance-event-description{margin-top:1rem;font-size:1.8rem;font-style:italic}.content--dance-event-type,.content--dance-event-dances,.content--dance-event-dance,.content--dance-event-event-time,.content--dance-event-address,.content--dance-event-start-time,.content--dance-event-end-time{margin-top:1rem;font-size:2rem;font-weight:700}.dance-event-address,.dance-event-dance,.dance-event-type,.dance-event-start-time,.dance-event-end-time{color:red;margin-left:2rem;font-style:italic}.dance--event-dance-item{color:red;margin-left:2rem;font-size:2rem;font-style:italic;font-weight:700;list-style:disc}.dance-studio{border:5px groove #007bff;border-radius:1.5rem;margin:0;padding:1rem}.dance-studio h3{color:#fff;background-color:#007bff;padding:.5rem .2rem;font-style:italic;display:inline-block;position:relative}.dance-studio h3:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s linear infinite wave;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dance-event--party,.dance-event--festival,.dance-event--workshop{border:.5rem groove;border-radius:1.5rem;margin:0;padding:1rem}.dance-event--party{border-color:orange}.dance-event--festival{border-color:red}.dance-event--workshop{border-color:#ff4500}.dance-event--party h3,.dance-event--festival h3,.dance-event--workshop h3{color:#fff;padding:.5rem .2rem;font-style:italic;display:inline-block;position:relative}.dance-event--party h3{background-color:orange}.dance-event--festival h3{background-color:red}.dance-event--workshop h3{background-color:#ff4500}.dance-event--party h3:before,.dance-event--festival h3:before,.dance-event--workshop h3:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s linear infinite wave;position:absolute;top:0;left:0;transform:translate(-100%)}.event-marker--title,.studio-marker--name{font-size:1.6rem}.studio-marker--type,.studio-marker--address,.event-marker--title,.event-marker--organiser,.event-marker--type,.event-marker--dances,.event-marker--time{font-size:1.4rem}@media (width<=1462px){html{font-size:50%}.sidebar{width:25%}.locations__container{width:75%;left:25%}.slider{height:90%}}@media (width<=1125px){.sidebar{width:50%;transform:translate(-100%)}.locations__container{width:96%;height:100%;left:4%}.show-hide-btn{display:flex}}@media (width<=950px){.modal{width:80%;height:50rem}}@media (width<=588px){.modal{padding:3.2rem 4rem}.sidebar{width:75%}}@media (width<=420px){.sidebar{width:90%}}
/*# sourceMappingURL=index.e5d21e11.css.map */