@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:border-box}body,main{min-height:100%;min-width:100%}body{scroll-behavior:smooth;overflow-y:scroll;font-family:Quicksand,sans-serif;background-color:#f7f7f7;padding:0;margin:0}button,img{-webkit-tap-highlight-color:rgba(0,0,0,0)}.skip-link{position:absolute;top:-40px;left:0;background-color:#219fc9;color:#fff;padding:8px;z-index:100;text-decoration:none}.skip-link:focus{top:0}.box-message{padding:19%;margin:25% 10%;background-color:#fff;border-radius:20px;color:#000;text-align:center}.box-message__icon{font-size:50px;color:grey}.app-bar{padding:2px 30%;background:#000;background:rgba(0,0,0,.7);width:100%;text-align:center}.app-bar__brand{font-family:Roboto,sans-serif;color:#fff;font-size:17px}nav{position:fixed;bottom:0;z-index:1;width:100%;box-shadow:0 5px 15px 0 rgba(0,0,0,.3)}nav ul{list-style-type:none;display:flex;padding:0;margin:0}nav a{flex-basis:33.34%;text-align:center;padding:12px 13px;text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent}nav p{margin:0;font-family:Ubuntu,sans-serif;font-size:13px;padding:10px;color:#4a4a4a;border-radius:15px;border:1px solid #fff;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1)}nav p:focus,nav p:hover{color:#4a4a4a;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1)}.hover,nav p:focus,nav p:hover{border:1px solid #4a4a4a}.unhover{border:1px solid #fff}nav ul span{font-size:27px!important;color:#9aa3aa}nav span.active{color:green}.dynamic-island{padding:2px 17%;margin-bottom:5%;position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex}.overlay{background:inherit!important;background-color:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px);border-bottom:1px solid;border-color:rgba(0,0,0,.15)}.dynamic-island p{flex-basis:72%}.dynamic-island input{flex-basis:28%;padding:0;background-color:initial;color:grey;border:none;max-width:28%}.dynamic-island input::placeholder{color:grey;font-size:14px}.dynamic-island input:focus{outline:none}.search-delete{display:none;color:grey;cursor:pointer;padding:5px 3px 5px 15px;margin-top:2.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.collections-list{margin-bottom:30%}.collections-item{display:flex;flex-direction:column;padding:3% 5%;margin:5% 0}.collections-item__header{flex-basis:30%;display:flex;flex-direction:row;padding:0}.collections-item__picture{flex-basis:10%}.collections-item__picture img{border-radius:15px;max-width:70px;min-width:70px;max-height:70px;object-fit:cover;object-position:center}.collections-item__header-body{flex-basis:72%;display:flex;flex-direction:column;padding:8px 0;margin:0 0 0 5px}.collections-item__name{flex-grow:1;font-size:15px}.collections-item__author{flex-grow:1;font-size:14px}.collections-item__button{flex-basis:18%;display:flex;padding:10px 0}.collections-item__button-comingsoon,.collections-item__button-open,.collections-item__button-open-code{flex-grow:1}.collections-item__button-open-code button{border:2px solid green;border-radius:20px;background-color:#fff;color:green;padding:13px;margin:5px;cursor:pointer;opacity:1;transition:.3s}.collections-item__button-open-code button:hover{opacity:.6}.collections-item__button-open button{border:2px solid green;border-radius:20px;background-color:green;color:#fff;padding:13px;margin:5px;cursor:pointer;opacity:1;transition:.3s}.collections-item__button-open button:hover{opacity:.6}.collections-item__button-comingsoon button{border:2px solid orange;border-radius:20px;background-color:#fff;color:orange;padding:13px;margin:5px;cursor:pointer;overflow:hidden;white-space:nowrap;opacity:1;transition:.3s}.collections-item__button-comingsoon button:hover{opacity:.6}.collections-item__body{flex-basis:70%;display:flex;flex-direction:column;padding:0}.collections-item__description{flex-basis:20%;font-size:14px;color:#000;margin-bottom:10px}.collections-item__images{flex-basis:50%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none;margin:10px}.collections-item__images::-webkit-scrollbar{width:0!important}.collections-item__images-item{flex-grow:1;max-width:35%;min-width:35%;min-height:100%;margin:0 13px 0 0;border-radius:18px;cursor:pointer}.icon{font-size:35px}.modal{display:none;position:fixed;z-index:3;padding-top:20%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.8)}.modal-content{padding:0;max-width:76%}.caption,.modal-content{margin:auto;display:block}.caption{width:80%;max-width:100%;text-align:center;color:#ccc;padding:10px 0;height:120px}.caption,.modal-content{-webkit-animation-name:auto;-webkit-animation-duration:.5s;animation-name:auto;animation-duration:.5s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;left:18px;color:#fff;font-size:23px;font-weight:700;transition:.3s;padding:3px 5px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.close,.close:focus,.close:hover{-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1)}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}footer{position:fixed;bottom:0;width:100%;font-family:Roboto,sans-serif;font-size:8px;text-align:center;background-color:#4a4a4a;color:#fff;margin:20% 0 0}footer a{color:#fff;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.loader{border-radius:50%;border:5px solid #cce9fc;border-top-color:#1c89ad;width:20px;height:20px;animation:spin 1.2s linear infinite;margin:0 auto;padding:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton{-webkit-user-select:none;user-select:none;background-color:#f1f1f1;color:#f1f1f1;border-radius:5px}.box__picture__skeleton{grid-row-start:1;grid-row-end:4;border-radius:14px 0 0 14px;max-width:87%;min-height:100%;background-color:#e8e8e7}.box__name__skeleton{grid-column-start:2;grid-column-end:4;font-size:10px;margin:2% 45% 1% 0}.box__description__skeleton{grid-column-start:2;grid-column-end:4;font-size:12px;padding:0 5% 0 0;margin:1% 3% 1% 0}.box__rating__skeleton{max-width:70%;margin:1% 0 3%}.box__rating__skeleton p{text-align:center;font-size:10px}.box__city__skeleton{max-width:70%;margin:1% 0 3%}.box__city__skeleton p{text-align:center;font-size:10px}@media screen and (min-width:425px){.modal{padding-top:10%}.modal-content{max-width:55%}.search-delete{margin-top:2%}}@media screen and (min-width:570px){.modal-content{max-width:40%}.dynamic-island p{flex-basis:80%}.dynamic-island input{flex-basis:20%;max-width:20%}.box-message{padding:15%;margin:10% 20%}}@media screen and (min-width:680px){.modal{padding-top:7%}.modal-content{max-width:30%}}@media screen and (max-width:627px){.dynamic-island{padding:2px 5px 2px 4%}.collections-item__header-body{margin:0 0 0 15px;padding:10px 0}}@media screen and (min-width:627px){nav ul{padding:0 21%}.collections-item{padding:0 18%}.collections-item__images-item{flex-grow:1;max-width:25%;min-width:25%;min-height:100%}.collections-item__header-body{margin:0 0 0 12px}input,input::placeholder{font-size:15px}}@media screen and (min-width:769px){.collections-item__images-item{flex-grow:1;max-width:15%;min-width:15%;min-height:100%}.collections-item__name{font-size:16px}.collections-item__author,.collections-item__description{font-size:15px}.modal{padding-top:5%}.modal-content{max-width:20%}.box-message{padding:8%;margin:7% 30% 8%}.search-delete{margin-top:2%}}@media screen and (min-width:967px){.dynamic-island p{flex-basis:85%}.dynamic-island input{flex-basis:15%;max-width:15%}.search-delete{margin-top:1%}}@media screen and (min-width:1024px){.collections-list{margin-bottom:10%}footer{margin-top:10%}}@media only screen and (max-width:700px){.modal-content{width:100%}}
/*# sourceMappingURL=main.08baef9d.chunk.css.map */