@layer base{:root{--trvlr-cards-gap: 40px;--trvlr-cards-row-gap: var(--trvlr-cards-gap);--trvlr-cards-columns: repeat(4, 1fr);--trvlr-card-background: var(--trvlr-color-background);--trvlr-card-border-color: var(--trvlr-color-border);--trvlr-card-padding: 4px;--trvlr-card-border-radius: 8px;--trvlr-card-image-border-radius: 8px;--trvlr-card-badge-left: 0;--trvlr-card-badge-top: 0;--trvlr-card-title-font-size: 18px;--trvlr-card-title-font-weight: 600;--trvlr-card-focus-color: #000;--trvlr-card-icon-size: 18px;--trvlr-card-icon-color: #000;--trvlr-card-image-wrap-margin-bottom: 10px;--trvlr-card-title-margin-bottom: 8px;--trvlr-card-meta-margin-bottom: 0px;--trvlr-card-footer-margin-top: 20px}}@layer base{.trvlr-cards-container{width:100%;container-type:inline-size}.trvlr-cards{display:grid;grid-template-columns:var(--trvlr-cards-columns);gap:var(--trvlr-cards-gap);row-gap:var(--trvlr-cards-row-gap);width:100%}@container (max-width: 1200px){.trvlr-cards{--trvlr-cards-gap: 3vw}}@container (max-width: 1024px){.trvlr-cards{grid-template-columns:repeat(3,1fr)}}@container (max-width: 920px){.trvlr-cards{grid-template-columns:repeat(2,1fr);--trvlr-cards-gap: 5%;--trvlr-cards-row-gap: 50px}}@container (max-width: 560px){.trvlr-cards{grid-template-columns:repeat(1,1fr);--trvlr-cards-row-gap: 20px}}.trvlr-card__badge-on-image{position:absolute;left:var(--trvlr-card-badge-left, 0);top:var(--trvlr-card-badge-top, 0);z-index:1}}