.card-slider{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden;position:relative}.card-slider--SMALL,.card-slider--SMALL-EXTENDED{border-radius:0;margin-bottom:0}.card-slider--SMALL .card-slider__button,.card-slider--SMALL-EXTENDED .card-slider__button{height:2rem;width:2rem}.card-slider--SMALL .card-slider__track,.card-slider--SMALL-EXTENDED .card-slider__track{gap:0}.card-slider--SMALL .card-slider__image,.card-slider--SMALL-EXTENDED .card-slider__image{border-radius:0}.card-slider--SMALL-EXTENDED .card-slider__button{height:3rem;width:3rem}.card-slider--SMALL-EXTENDED .card-slider__track{grid-template-rows:30rem}.card-slider__track{display:grid;gap:var(--spacing-sm);grid-auto-columns:100%;grid-template-rows:24rem;overflow-x:scroll;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.card-slider__track::-webkit-scrollbar{display:none}.card-slider__image{border-radius:var(--border-radius-bs);grid-row:1;height:100%;scroll-snap-align:center;width:100%}.card-slider__button{align-items:center;background-color:var(--color-light);border:1px solid var(--color-grey-300);border-radius:50%;box-shadow:var(--box-shadow-bs);cursor:pointer;display:flex;flex-direction:row;height:3.2rem;justify-content:center;left:var(--spacing-xs);opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-speed-rapid);width:3.2rem}.card-slider__button:last-of-type{left:auto;right:var(--spacing-xs)}.card-slider__button:disabled{cursor:default;opacity:.3}@media only screen and (min-width:768px){.card-slider__button:hover:not(:disabled){background-color:var(--color-grey-200)}}.card-slider__button:active:not(:disabled){transform:translateY(-50%) scale(.9)}.card-slider__button .icon{color:var(--color-secondary)}@layer components{.card{animation:slide-up-fade-in .2s ease-in-out;color:var(--color-secondary)}.card[clickable=true]{cursor:pointer}.card--DEFAULT{display:flex;flex-direction:column;max-width:50rem}.card--LARGE{background-color:var(--color-light);border-radius:var(--border-radius-md);display:grid;gap:var(--spacing-sm) var(--spacing-xl)}@media only screen and (min-width:768px){.card--LARGE{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.card--LARGE .card__image{aspect-ratio:16/10;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;height:100%;margin-bottom:0}@media only screen and (min-width:768px){.card--LARGE .card__image{aspect-ratio:1/1}}@media screen and (max-width:768px){.card--LARGE .card__image{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}}.card--LARGE .card__content{padding:var(--spacing-xl) 0 var(--spacing-xl) var(--spacing-xl)}@media screen and (max-width:768px){.card--LARGE .card__content{padding:var(--spacing-xl) 0 var(--spacing-md) var(--spacing-xl)}}.card--LARGE .card__title{font-size:var(--font-size-lg)}@media only screen and (min-width:768px){.card--LARGE .card__title{font-size:var(--font-size-xl)}}.card--LARGE .card__subtitle{font-size:var(--font-size-sm);margin-block:var(--spacing-md)}@media only screen and (min-width:768px){.card--LARGE .card__subtitle{font-size:var(--font-size-bs)}}.card--LARGE .card__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:var(--font-size-bs);overflow:hidden}@media only screen and (min-width:768px){.card--LARGE .card__description{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:var(--font-size-lg);overflow:hidden}}.card--MEDIUM .card__title{font-size:var(--font-size-h3)}.card--MEDIUM .card__description{display:-webkit-box;-webkit-line-clamp:99;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.card--SMALL,.card--SMALL-EXTENDED{background-color:var(--color-light);border-radius:var(--border-radius-bs);cursor:auto;display:grid;grid-template-columns:25rem;grid-template-rows:5rem;overflow:hidden;transition:var(--transition-speed-fast)}.card--SMALL-EXTENDED:has(.card-slider),.card--SMALL-EXTENDED:has(.card__image),.card--SMALL:has(.card-slider),.card--SMALL:has(.card__image){grid-template-rows:16rem 5rem}.card--SMALL .card__content,.card--SMALL-EXTENDED .card__content{align-items:center;flex-direction:row-reverse;justify-content:space-between;padding:var(--spacing-xs)}.card--SMALL .card__tags,.card--SMALL-EXTENDED .card__tags{margin-bottom:0}.card--SMALL .card__title,.card--SMALL-EXTENDED .card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);margin-bottom:0}.card--SMALL .card__image,.card--SMALL-EXTENDED .card__image{align-self:stretch;border-radius:0;height:auto;margin-bottom:0;max-height:100%}.card--SMALL-EXTENDED{grid-template-columns:90vw;grid-template-rows:auto}.card--SMALL-EXTENDED:has(.card-slider),.card--SMALL-EXTENDED:has(.card__image){grid-template-rows:1fr auto}.card--SMALL-EXTENDED .card__content{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.card--SMALL-EXTENDED .card__title{font-size:var(--font-size-lg)}.card--SMALL-EXTENDED .card__description{animation:slide-up-fade-in var(--transition-speed-rapid) var(--transition-speed-rapid) ease-in-out forwards;display:block;font-size:var(--font-size-sm);margin-bottom:0;opacity:0}@media only screen and (min-width:576px){.card--SMALL-EXTENDED{grid-template-columns:50rem}.card--SMALL-EXTENDED:has(.card-slider),.card--SMALL-EXTENDED:has(.card__image){grid-template-rows:30rem auto}}.card__image{border-radius:var(--border-radius-bs);height:24rem;margin-bottom:var(--spacing-sm)}.card__content{align-items:flex-start;display:flex;flex:1;flex-direction:column}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card__subtitle{color:var(--color-grey-400);letter-spacing:1px;margin-block:var(--spacing-xs);width:100%}.card__tags{flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.card__tags,.card__transport-tags{align-items:center;display:flex;gap:var(--spacing-xs)}.card__transport-tags{color:var(--color-blue-cyan);font-size:1.2rem}.card__tags-separator{background-color:var(--color-grey-300);height:19px;width:2px}.card__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);overflow:hidden;word-break:break-word}.card__author{font-weight:var(--font-weight-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-lg);width:100%}.card__author,.card__author .avatar__name{color:var(--color-blue-cyan)}.card__map{border-radius:var(--border-radius-bs);margin-bottom:var(--spacing-md)}.card__btn,.card__map{margin-top:var(--spacing-md)}.card__link{height:-moz-fit-content;height:fit-content}a.card{cursor:pointer;transition:var(--transition-speed-fast) ease-in-out}a.card--DEFAULT:hover{transform:scale(1.02)}}.card__duration-tag .travel-tag{background-color:transparent;padding:0}
