@layer components{.horizontal-list{position:relative;max-width:var(--page-width);margin-right:-16px}@media (min-width: 640px),print{.horizontal-list{margin:0 auto}}.horizontal-list__wrapper{display:flex;width:100%;padding-right:16px;-ms-overflow-style:none;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;will-change:scroll-position}.horizontal-list__wrapper::-webkit-scrollbar{display:none}@media (min-width: 640px),print{.horizontal-list__wrapper{display:grid;padding-right:0;gap:24px;grid-template-columns:1fr 1fr}}@media (min-width: 1024px),print{.horizontal-list__wrapper{grid-template-columns:1fr 1fr 1fr}}.horizontal-list-item{position:relative;width:85%;max-width:calc(var(--page-width) * .3 + 20px);flex-shrink:0;margin-right:8px;scroll-snap-align:center;transition:opacity .3s}.horizontal-list-item:last-child{margin-right:0}.horizontal-list-item__title{margin:24px 0;font-size:var(--font-size-base)}.horizontal-list-item__link:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.horizontal-list-item__image{width:100%;aspect-ratio:16/9;object-fit:cover}@media (min-width: 640px),print{.horizontal-list__wrapper{scroll-behavior:initial;scroll-snap-type:none}.horizontal-list-item{width:100%;margin:8px 0 16px}}.horizontal-list--modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:16px;background-color:var(--color-white)}.horizontal-list--modal .horizontal-list__close{position:absolute;top:0;right:16px;padding:10px;border:0;background-color:var(--color-white);transition:all .25s}.horizontal-list--modal .horizontal-list__close:hover{border-bottom:2px solid var(--color-black)}.horizontal-list--modal .horizontal-list-item{width:100%}.horizontal-list--modal .image-modal-trigger{display:none}.horizontal-list--center{margin-left:-16px}.horizontal-list--center .horizontal-list__wrapper{margin-bottom:32px}.horizontal-list--center .horizontal-list-item{display:flex;flex-direction:column;margin-right:16px}.horizontal-list--center .horizontal-list-item:first-child{padding-left:16px}.horizontal-list--center .horizontal-list-item:last-child{margin-right:0}.horizontal-list--center .horizontal-list-item__image{position:relative;display:flex;flex-grow:1;aspect-ratio:auto;background-color:var(--color-gray-100)}.horizontal-list--center .horizontal-list-item__image img{display:block;object-fit:contain}.horizontal-list--center .horizontal-list-item__caption{overflow:hidden;width:100%;height:80px;flex-grow:0;padding:12px 16px 0;color:color-mix(in srgb,var(--color-black),transparent 40%);font-weight:600;line-height:140%;text-align:center;font-size:var(--font-size-sm)}.horizontal-list--center .horizontal-list-item__caption:first-line{color:var(--color-black)}}