:root{font-family:Nunito Sans,-apple-system,"system-ui",Roboto,sans-serif}:root{--text-gray: #717171;--light-gray: #f7f7f7;--border-gray: #dddddd}body{width:100%;word-break:keep-all}#app{display:flex;flex-direction:column;align-items:center}.header{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;background-color:#fff;z-index:1;width:100%;border-bottom:1px solid #dddddd;box-shadow:#00000029 0 0 6px;padding:1rem 3rem}.header__inner{width:100%;max-width:1760px;display:flex;justify-content:space-between;align-items:center}.header__title{font-size:1.5rem;font-weight:900;cursor:pointer}.logo{cursor:pointer;color:#ff385c;display:flex;align-items:center;font-weight:700}.logo i{font-size:2.3rem;padding-right:.5rem}.search-bar{border:1px solid #dddddd;border-radius:32px;padding:.5rem .3rem;font-size:.8rem;box-shadow:0 1px 2px #00000014,0 4px 12px #0000000d;transition:all ease-in-out 70ms;cursor:pointer}.search-bar:hover{box-shadow:0 2px 4px #0000002e}.search-bar__mobile-search,.search-bar__mobile-filter{display:none}.search-bar__content{display:flex;align-items:center}.search-bar__mobile-divide{display:none}.search-bar__button{padding:0 1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden}.search-bar__button--right{display:flex}.search-bar__button--right-line{border-right:1px solid}.search-bar__button--text-bold{font-weight:700}.search-bar__button--text-grey{color:var(--text-gray)}.search-bar__logo{border-radius:100%;background-color:#ff385c;padding:.3rem .5rem;color:#f5f5f5}.profile{display:flex;align-items:center;cursor:pointer}.profile__slogan:hover,.profile>i:hover{background-color:#f7f7f7}.profile__slogan{padding:.5rem;font-weight:600;border-radius:1.5rem;white-space:nowrap;font-size:.85rem}.profile>i{padding:1rem;border-radius:100%}.profile__dropdown{display:flex;align-items:center;padding:.3rem;border:.3px solid #dddddd;border-radius:24px;transition:all ease-in-out 70ms}.profile__dropdown-container{padding:.3rem .5rem}.profile__dropdown:hover{box-shadow:0 2px 4px #0000002e}.profile__dropdown .profile-user{background-color:gray;color:#fff;border-radius:100%}.filter{width:100%;padding:.5rem 3rem;background-color:#fff;z-index:1;box-shadow:0 1px 2px #00000014,0 4px 12px #0000000d;position:sticky;top:5rem;display:flex;flex-direction:column;align-items:center}.filter__inner{width:100%;max-width:1760px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter__categorys{display:flex;align-items:center;gap:2.5rem;-ms-overflow-style:none;overflow-x:auto}.filter__categorys::-webkit-scrollbar{display:none}.filter__label{cursor:pointer;padding:1rem 0;flex-shrink:0;opacity:.5;font-size:.8rem}.filter__label:has(input:checked){border-bottom:2px solid;opacity:1}.filter__label:hover{border-bottom:2px solid lightgray;opacity:1}.filter__input{display:none}.filter__image-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.filter__button-left,.filter__button-right{padding:.5rem .7rem;height:100%;border:1px solid var(--border-gray);border-radius:100%;transition:all ease-in-out 70ms}.filter__button-left:hover,.filter__button-right:hover{box-shadow:0 6px 16px #0000001f}.filter__button-filter{border:1px solid var(--border-gray);padding:1.2rem 1.3rem;font-size:.8rem;border-radius:1rem;flex-shrink:0}.filter__image{width:24px;height:24px}.gallery{padding:1rem 3rem;width:100%;display:flex;justify-content:center;--grid-column: 1}.gallery .gallery__inner{width:100%;max-width:1760px;display:grid;grid-auto-flow:row dense;gap:1.5rem;row-gap:2.5rem;grid-template-columns:repeat(var(--grid-column),1fr)}.gallery-item{cursor:pointer;position:relative}.gallery-item:hover .slide__left-button,.gallery-item:hover .slide__right-button{opacity:.95;visibility:visible}.gallery-item__location{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.gallery-item__score{flex-shrink:0}.gallery-item .slide__left-button,.gallery-item .slide__right-button{position:absolute;visibility:hidden;opacity:0;top:33%;padding:.5rem .7rem;border:1px solid var(--border-gray) rgba(0,0,0,.08);border-radius:100%;background-color:#ffffffe6;box-shadow:0 2px 4px #0000002e;transition:transform .25s cubic-bezier(.2,0,0,1)}.gallery-item .slide__left-button:hover,.gallery-item .slide__right-button:hover{transform:scale(1.05);opacity:1;box-shadow:0 6px 16px #0000001f}.gallery-item .slide__left-button{left:3%}.gallery-item .slide__right-button{right:3%}.gallery-item__image{aspect-ratio:1/1;margin-bottom:1rem;border-radius:12px}.gallery-item__heart{position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.6}.gallery-item__heart i{border:1px whitesmoke}.gallery-item__title{display:flex;justify-content:space-between;align-items:center}.gallery-item__price{padding:.5rem 0}.gallery-item--text-gray{color:var(--text-gray)}.gallery-item--text-bold{font-weight:700}.fixed-container{position:fixed;pointer-events:none;width:100%;bottom:0;display:grid;grid-template:repeat(2,auto)/repeat(3,1fr);grid-template-areas:". map-button ." "footer footer footer"}.map-button-container{grid-area:map-button;align-self:center;justify-self:center;padding:4rem}.map-button-container .map-button{pointer-events:all;background-color:#000;color:#fff;padding:1rem 1.3rem;border-radius:2rem;font-weight:700;white-space:nowrap;transition:all .1s ease-in-out}.map-button-container .map-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.footer{pointer-events:all;grid-area:footer;width:100%;padding:0 40px;border-top:.1px solid var(--text-gray);background-color:#fff;display:flex;justify-content:center}.footer__inner{width:100%;max-width:1760px}.footer__copyright{font-size:.85rem;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.footer__copyright--left{gap:.5rem}.footer__copyright--right{flex-shrink:0}.footer__information{color:var(--text-gray);padding:.4rem 0;font-size:.5rem;border-top:1px solid var(--border-gray);word-break:break-all}.footer--text-underline:hover{cursor:pointer;text-decoration:underline}@media (min-width: 550px){.gallery{--grid-column: 2}}@media (min-width: 950px){.gallery{--grid-column: 3}}@media (min-width: 1128px){.gallery{--grid-column: 4}}@media (min-width: 1640px){.gallery{--grid-column: 5}}@media (min-width: 1800px){.gallery{--grid-column: 6}}@media (max-width: 720px){.header{justify-content:center;border:none}.header .logo{display:none}.header .search-bar__container{flex-grow:1;display:flex}.header .search-bar__container .search-bar{display:flex;flex-grow:1;align-items:center;padding:.3rem .2rem;gap:.1rem}.header .search-bar__container .search-bar__mobile-search,.header .search-bar__container .search-bar__mobile-filter{display:block;padding:.8rem}.header .search-bar__container .search-bar__mobile-search{font-size:1.3rem}.header .search-bar__container .search-bar__mobile-filter{border:1px solid var(--border-gray);border-radius:100%}.header .search-bar__container .search-bar__content{align-items:flex-start;flex-direction:column;flex-grow:1}.header .search-bar__container .search-bar__mobile-divide{display:inline}.header .search-bar__container .search-bar__button--right-line{border:none}.header .search-bar__container .search-bar__logo{display:none}.header .search-bar__container .search-bar .where{font-weight:400;color:var(--text-gray)}.header .profile{display:none}.filter{padding:.5rem 2rem}.filter__label{padding:.5rem 0}.filter__button-left,.filter__button-right,.filter__button-filter,.map-button span{display:none}.footer__copyright{flex-direction:column}}@media (max-width: 1128px){.header__title{display:none}}