.halo-block.spotlight .halo-block-header{margin-bottom:24px}.halo-block.spotlight .halo-block-header .desc{margin-top:4px;font-family:var(--font-3-family);font-weight:400;font-size:18px;line-height:var(--line-height-custom);letter-spacing:0px}.halo-block.spotlight .halo-row--grid{margin-left:-12px;margin-right:-12px}.halo-block.spotlight .halo-row--grid .halo-row-item{padding-left:12px;padding-right:12px}.halo-block.spotlight .halo-row--grid .halo-row-item:hover .link.link-underline{text-decoration:underline}.halo-block.spotlight .halo-row.layout-overlay{margin-left:-6px;margin-right:-6px}.halo-block.spotlight .halo-row.layout-overlay .halo-row-item{padding-left:6px;padding-right:6px}.halo-block.spotlight .content-box{padding-top:10px;padding-bottom:0}.halo-block.spotlight .content-box>*:only-child{padding-top:0;line-height:var(--line-height-custom-2)}.skin-4 .halo-block.spotlight .slick-arrow{width:48px;height:48px;top:-63px!important}.halo-block.spotlight .slick-arrow.slick-next{right:12px}.halo-block.spotlight .slick-arrow.slick-prev{left:calc(100% - 132px)}.halo-block.spotlight .layout-overlay .banner-item{position:relative}.halo-block.spotlight .layout-overlay .content-box{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:25px;background:linear-gradient(180deg,#0000,#00000070 47.6%,#000000b3);transition:height .4s ease}.halo-block.spotlight .layout-overlay .content-box:has(.banner-desc){padding:40px 24px 16px}.halo-block.spotlight .layout-overlay .content-box:has(.banner-desc) .banner-title{margin-bottom:10px}.halo-block.spotlight .layout-overlay .content-box .banner-title{margin-bottom:0}.halo-block.spotlight .layout-overlay .content-box .banner-title span{display:block;line-height:var(--line-height-custom-2)}.halo-block.spotlight .layout-overlay .content-box .banner-button{max-width:fit-content}.halo-block.spotlight .layout-overlay .halo-row-item:hover .banner-desc,.halo-block.spotlight .layout-overlay .halo-row-item:hover .banner-title{animation:slide-up .4s ease}.halo-block.spotlight .layout-overlay .halo-row-item .banner-desc{font-weight:400;font-size:16px;line-height:var(--line-height-custom-2);letter-spacing:0px;color:var(--title-color)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.halo-block.spotlight .layout-overlay .banner-button{position:absolute;margin-top:12px;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(100%);transition:opacity .4s ease,transform .4s ease}.halo-block.spotlight .layout-overlay .halo-row-item:hover .banner-button{position:unset;opacity:1;visibility:visible;transform:translateY(0)}@media screen and (max-width: 550px){.halo-block.spotlight .halo-row--grid.column-mb-2{margin-left:-2px;margin-right:-2px}.halo-block.spotlight .halo-row--grid.column-mb-2 .halo-row-item{width:50%;padding-left:2px;padding-right:2px}.halo-block.spotlight .halo-row--grid.column-mb-2 .halo-row-item:nth-child(-n+2){margin-top:0!important}.halo-block.spotlight .halo-row--grid.column-mb-2 .halo-row-item:nth-child(n+3){margin-top:24px!important}.halo-block.spotlight .halo-row--grid .halo-row-item{margin-top:0!important}.halo-block.spotlight .halo-row--grid.layout-overlay .halo-row-item+.halo-row-item{margin-top:12px!important}.halo-block.spotlight .content-box .banner-button.typography__button{font-size:16px}.halo-block.spotlight .layout-overlay .content-box{padding:12px}.halo-block.spotlight .layout-overlay .halo-row-item .banner-title{transform:unset}.halo-block.spotlight .layout-overlay .banner-button{display:none}.halo-block.spotlight .layout-overlay .content-box:has(.banner-desc){padding:40px 12px 16px}.halo-block.spotlight .halo-block-header .desc{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-spotlight.css.map */