.places{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}@media (min-width:992px){.places{gap:calc(60/var(--base)*1rem)}}.places__header{margin-bottom:calc(22/var(--base)*1rem)}@media (min-width:992px){.places__header{max-width:calc(1100/var(--base)*1rem);margin-bottom:calc(50/var(--base)*1rem)}}.places__grid{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:9999px}@media (min-width:992px){.places__grid{display:grid;grid-auto-flow:dense;gap:30px;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px 315px 380px 315px}}.places__item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;height:345px;max-width:100%}@media (min-width:420px){.places__item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:75%}}@media (min-width:768px){.places__item{height:auto;grid-column:span var(--place-col, 1);grid-row:span var(--place-row, 1);max-width:unset}.places__pagination{display:none}}.place{overflow:hidden;background-color:var(--bg);min-height:240px;padding:10px;border-radius:30px;position:relative;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s;height:100%;max-width:345px}@media (min-width:768px){.place{padding:20px}}@media (min-width:1200px){.place{max-width:unset}}.place__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;font-size:10px;position:relative;z-index:1;width:max(46.6666%,245px);border-radius:20px;padding:10px;-webkit-transition:inherit;transition:inherit}@media (min-width:768px){.place__content{font-size:12px}}.place__name{font-size:18px;font-weight:700}@media (min-width:768px){.place__name{font-size:22px}}.place__image{position:absolute;right:0;bottom:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:inherit;transition-duration:inherit;max-height:70%;width:auto}@media (min-width:420px){.place__image{max-width:70%}}@media (min-width:992px){.place__image{max-width:100%;max-height:100%;width:unset}}.place__image--night{opacity:0}@media (pointer:fine){.place:hover{--bg:var(--bg-active, #1c1727)!important;color:#fff}.place:hover .place__image--day{opacity:0}.place:hover .place__image--night{opacity:1}}