.slidable-spotlight-custom{background:var(--ssc-section-bg)}.slidable-spotlight-custom .ssc__header{margin-bottom:18px}.slidable-spotlight-custom .ssc__title{margin:0;text-align:center;color:var(--ssc-title-color, #FFC107);font-size:var(--ssc-title-fs, 32px);font-weight:800;line-height:1.15}@media (max-width: 767px){.slidable-spotlight-custom .ssc__title{font-size:var(--ssc-title-fs-mb, 24px)}}.slidable-spotlight-custom .ssc__slider{position:relative}.slidable-spotlight-custom .ssc__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:6px 2px 2px}.slidable-spotlight-custom .ssc__viewport::-webkit-scrollbar{display:none}.slidable-spotlight-custom .ssc__track{display:flex;gap:var(--ssc-gap, 18px);align-items:stretch}.slidable-spotlight-custom .ssc__slide{scroll-snap-align:start;flex:0 0 calc((100% - (var(--ssc-gap, 18px) * (var(--ssc-cols-mobile, 1) - 1))) / var(--ssc-cols-mobile, 1))}@media (min-width: 768px){.slidable-spotlight-custom .ssc__slide{flex:0 0 calc((100% - (var(--ssc-gap, 18px) * (var(--ssc-cols-desktop, 5) - 1))) / var(--ssc-cols-desktop, 5))}}.slidable-spotlight-custom .ssc__card{display:block;height:100%;text-decoration:none;color:inherit;background:var(--ssc-card-bg, #3D22A8);border:var(--ssc-card-border-width, 1px) solid var(--ssc-card-border-color, rgba(255,255,255,.18));border-radius:var(--ssc-card-radius, 16px);padding:var(--ssc-card-padding, 14px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.slidable-spotlight-custom .ssc__card:hover{transform:translateY(calc(-1 * var(--ssc-hover-translate, 6px)));box-shadow:var(--ssc-hover-shadow, 0 10px 24px rgba(0,0,0,.18));border-color:var(--ssc-card-border-color-hover, #FFC107);background:var(--ssc-card-bg-hover, #4729C1)}.slidable-spotlight-custom .ssc__media{border-radius:calc(var(--ssc-card-radius, 16px) - 6px);overflow:hidden;background:#ffffff0f}.slidable-spotlight-custom .ssc__media img{width:100%;height:auto;display:block}.slidable-spotlight-custom .ssc__placeholder{width:100%;aspect-ratio:4 / 3;background:#ffffff14}.slidable-spotlight-custom .ssc__body{padding-top:12px;text-align:center}.slidable-spotlight-custom .ssc__item-title{margin:0;color:var(--ssc-item-title-color, #FFC107);font-size:var(--ssc-item-title-fs, 18px);font-weight:800;line-height:1.2}@media (max-width: 767px){.slidable-spotlight-custom .ssc__item-title{font-size:var(--ssc-item-title-fs-mb, 16px)}}.slidable-spotlight-custom .ssc__button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;margin-top:12px;width:var(--ssc-btn-width, 180px);max-width:100%;padding:10px 14px;border-radius:var(--ssc-btn-radius, 18px);border:1px solid var(--ssc-btn-border, rgba(255,255,255,.35));color:var(--ssc-btn-text, #fff);background:var(--ssc-btn-bg, transparent);font-weight:700;line-height:1;text-transform:uppercase}.slidable-spotlight-custom .ssc__body--no-title .ssc__button{margin-top:0}.slidable-spotlight-custom .ssc__card:hover .ssc__button{color:var(--ssc-btn-text-hover, #2D1B86);background:var(--ssc-btn-bg-hover, #FFC107);border-color:var(--ssc-btn-border-hover, #FFC107)}.slidable-spotlight-custom .ssc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#0000002e;cursor:pointer}.slidable-spotlight-custom .ssc__arrow--prev{left:10px}.slidable-spotlight-custom .ssc__arrow--next{right:10px}@media (max-width: 767px){.slidable-spotlight-custom .ssc__arrow{width:34px;height:34px;background:#00000047;border-color:#ffffff59}.slidable-spotlight-custom .ssc__arrow--prev{left:6px}.slidable-spotlight-custom .ssc__arrow--next{right:6px}}.slidable-spotlight-custom .ssc__arrow:before{content:"";display:block;width:10px;height:10px;margin:0 auto;border-right:2px solid rgba(255,255,255,.9);border-bottom:2px solid rgba(255,255,255,.9);transform:rotate(135deg);position:relative;top:1px}.slidable-spotlight-custom .ssc__arrow--next:before{transform:rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-slidable-spotlight-custom.css.map */
