.collection-carousel{--collection-carousel-text: #111827;--collection-carousel-muted: #9ca3af;--collection-carousel-border: #e5e7eb;--collection-carousel-shadow: rgba(241, 245, 249, 1);--collection-carousel-bg-top: #f4f7f8;--collection-carousel-bg-bottom: #ffffff;--collection-carousel-gradient-stop: 50%;padding-top:var(--collection-carousel-padding-top, 36px);padding-bottom:var(--collection-carousel-padding-bottom, 36px)}.collection-carousel__background.collection-carousel--bg-solid{background-color:var(--collection-carousel-bg-top)}.collection-carousel__background.collection-carousel--bg-gradient.collection-carousel--gradient-smooth{background:linear-gradient(180deg,var(--collection-carousel-bg-top) 0%,var(--collection-carousel-bg-bottom) 100%)}.collection-carousel__background.collection-carousel--bg-gradient.collection-carousel--gradient-split{background:linear-gradient(180deg,var(--collection-carousel-bg-top) 0%,var(--collection-carousel-bg-top) var(--collection-carousel-gradient-stop),var(--collection-carousel-bg-bottom) var(--collection-carousel-gradient-stop),var(--collection-carousel-bg-bottom) 100%)}.collection-carousel__header{display:none;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.collection-carousel__eyebrow{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--collection-carousel-primary)}.collection-carousel__heading{margin:0;font-size:20px;font-weight:700;color:var(--collection-carousel-text)}.collection-carousel__header-button{display:none;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--collection-carousel-border);border-radius:9999px;text-decoration:none;font-size:15px;font-weight:600;color:var(--collection-carousel-header-btn-text, #fff);background:var(--collection-carousel-header-btn-bg, #e27526);box-shadow:0 4px 14px color-mix(in srgb,var(--collection-carousel-header-btn-bg, #e27526) 30%,transparent);transition:border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}.collection-carousel__header-button svg{width:16px;height:16px}.collection-carousel__header-button:hover,.collection-carousel__header-button:focus-visible{border-color:var(--collection-carousel-primary);color:var(--collection-carousel-primary);background:var( --collection-carousel-header-btn-bg-hover, color-mix(in srgb, var(--collection-carousel-primary) 6%, #fff) )}.collection-carousel .slideshow-control.slideshow-control--shape-circle,.collection-carousel .slideshow-control.slideshow-control--shape-square{background-color:var(--collection-carousel-nav-btn-bg, #fff);color:var(--collection-carousel-nav-btn-icon, var(--collection-carousel-primary));box-shadow:0 4px 12px #00000014;transition:background-color .2s ease,color .2s ease,transform .2s ease}.collection-carousel .slideshow-control.slideshow-control--shape-circle:hover:not(:disabled),.collection-carousel .slideshow-control.slideshow-control--shape-square:hover:not(:disabled){background-color:var(--collection-carousel-nav-btn-bg-hover, var(--collection-carousel-nav-btn-bg, #fff));color:var(--collection-carousel-nav-btn-icon, var(--collection-carousel-primary))}.collection-carousel .resource-list__carousel slideshow-arrows .slideshow-control{color:var(--collection-carousel-nav-btn-icon, var(--collection-carousel-primary))}.collection-carousel .resource-list__item{min-width:0;height:100%;padding-top:12px}.collection-carousel__card{position:relative;display:flex;flex-direction:column;height:100%;min-height:7.5rem;overflow:hidden;aspect-ratio:14 / 8;border:1px solid var(--collection-carousel-border);border-radius:16px;background:#fff;box-shadow:0 1px 3px var(--collection-carousel-shadow);text-decoration:none;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}.collection-carousel__card:hover{transform:translateY(-8px)}.collection-carousel__card-content{position:relative;z-index:2;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;min-height:0;padding:12px 12px 8px}.collection-carousel__card-title{margin:0;font-size:var(--collection-carousel-title-size-mobile, 12px);font-weight:700;line-height:1.35;color:var(--collection-carousel-text);transition:color .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.collection-carousel__card:hover .collection-carousel__card-title{color:var(--collection-carousel-primary)}.collection-carousel__card-image-wrap{position:relative;z-index:1;flex:0 0 auto;width:48px;height:48px;margin:auto 12px 12px}.collection-carousel__card-image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.collection-carousel__card:hover .collection-carousel__card-image{transform:scale(1.1)}.collection-carousel__card-shadow{display:none}.collection-carousel__card-glow{position:absolute;inset:auto 0 0 0;width:100%;height:40%;border-radius:0;background:linear-gradient(0deg,color-mix(in srgb,var(--collection-carousel-primary) 6%,transparent),transparent);filter:blur(20px);transform:none;transition:background .3s ease;pointer-events:none}.collection-carousel__card:hover .collection-carousel__card-glow{background:color-mix(in srgb,var(--collection-carousel-primary) 10%,transparent)}@media(min-width:1024px){.collection-carousel__header{display:flex}.collection-carousel__header-button{display:inline-flex}.collection-carousel__eyebrow{font-size:14px}.collection-carousel__heading{font-size:36px}.collection-carousel__card{display:block;aspect-ratio:10 / 10;min-height:0}.collection-carousel__card-content{position:absolute;top:0;right:0;bottom:0;left:0;flex:none;justify-content:space-between;padding:24px}.collection-carousel__card-title{font-size:var(--collection-carousel-title-size-desktop, 18px);text-align:center;font-weight:500;display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:normal}.collection-carousel__card-image-wrap{position:absolute;bottom:0;left:50%;width:min(90%,250px);height:auto;margin:0;aspect-ratio:1 / 1;transform:translate(-50%)}.collection-carousel__card-glow{top:50%;left:50%;width:128px;height:128px;border-radius:9999px;background:color-mix(in srgb,var(--collection-carousel-primary) 5%,transparent);filter:blur(32px);transform:translate(-50%,-50%)}.collection-carousel__card-shadow{position:absolute;bottom:15px;left:50%;z-index:2;display:block;width:40%;height:16px;border-radius:9999px;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0%,transparent 70%);filter:blur(4px);transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-carousel.css.map */
