.sky-card{--card-ratio: 3 / 4;position:relative;display:flex;flex-direction:column;height:100%;background:rgb(var(--sky-white));color:#2b2b2b}.sky-card__media-wrap{position:relative;overflow:hidden}.sky-card__media{display:block;aspect-ratio:var(--card-ratio);background:rgb(var(--sky-bg))}.sky-card__img--hover{opacity:0;visibility:hidden;transform:scale(1.08);transition:all .85s cubic-bezier(.4,0,.2,1)}.sky-card__badge{position:absolute;top:10px;left:10px;z-index:2}.sky-card__quick{position:absolute;top:24px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:rgb(var(--sky-white));color:rgb(var(--sky-black));opacity:0;visibility:hidden;transform:translate(100%) scale(.8);transition:all .3s,transform .54s cubic-bezier(.4,0,.2,1),opacity .54s cubic-bezier(.4,0,.2,1),visibility .54s cubic-bezier(.4,0,.2,1)}.sky-card__quick:hover{background:rgb(var(--sky-black));color:rgb(var(--sky-white))}.sky-card__quick svg{width:14px;height:14px}.sky-card__swatches{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#ffffffab;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--sky-text-sm);opacity:0;visibility:hidden;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.sky-card__swatches ul{display:flex;flex-wrap:wrap;margin:-6px}.sky-card__swatches li{padding:6px}.sky-card__swatch{display:block;width:14px;height:14px;border-radius:50%;background-size:cover;box-shadow:0 0 0 1px #00000014;transition:box-shadow .3s ease}.sky-card__swatches:not(.sky-card__swatches--text) .sky-card__swatch{background-color:rgb(var(--sky-bg-alt))}.sky-card__swatch:hover,.sky-card__swatch.is-active{box-shadow:0 0 0 1px rgb(var(--sky-white)),0 0 0 2px rgb(var(--sky-black))}.sky-card__swatches--text ul{margin:-3px -6px}.sky-card__swatches--text li{padding:3px 6px}.sky-card__swatches--text .sky-card__swatch{width:auto;height:auto;border-radius:0;box-shadow:none;color:rgb(var(--sky-black))}.sky-card__swatches--text .sky-card__swatch:hover{box-shadow:none;text-decoration:underline}.sky-card__swatch-more{display:block;line-height:14px;color:rgb(var(--sky-black))}.sky-card__img--variant{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}.sky-card__info{display:grid;gap:5px;padding:15px 20px}.sky-card__title{font-size:var(--sky-text-sm);line-height:1.35;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-card__title:hover{text-decoration:underline;text-underline-offset:2px}.sky-card__bottom{position:relative}.sky-card__price{color:inherit;transition:all .5s ease}.sky-card__action{position:absolute;top:0;left:0;display:flex;align-items:center;height:100%;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .5s ease}.sky-card__action .sky-dot-link{color:rgb(var(--sky-black))}.sky-card__action [aria-busy]{opacity:.5}@media(hover:hover)and (pointer:fine){.sky-card:hover .sky-card__img--hover{opacity:1;visibility:visible;transform:none}.sky-card:is(:hover,:focus-within) .sky-card__quick,.sky-card:is(:hover,:focus-within) .sky-card__swatches{opacity:1;visibility:visible;transform:none}.sky-card:is(:hover,:focus-within) .sky-card__price{opacity:0}.sky-card:is(:hover,:focus-within) .sky-card__action{opacity:1;visibility:visible;transform:none;transition:none}}@media(max-width:767px){.sky-card__info{padding:12px 12px 14px}.sky-card__quick{display:none}}sky-carousel{position:relative;display:block}.sky-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per-view, 5) - 1) * var(--gap, 0px)) / var(--per-view, 5));gap:var(--gap, 0px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.sky-carousel__track::-webkit-scrollbar{display:none}.sky-carousel__track>*{scroll-snap-align:start;min-width:0}@media(hover:hover)and (pointer:fine){.sky-carousel__track{cursor:grab}}.sky-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.sky-carousel__track.is-dragging>*{pointer-events:none}.sky-carousel__arrow{position:absolute;top:var(--arrow-top, 50%);z-index:3;transform:translateY(-50%)}.sky-arrow.sky-carousel__arrow{width:40px;height:50px;border-radius:15px}.sky-carousel__arrow--prev{left:24px}.sky-carousel__arrow--next{right:24px}@media(max-width:767px){.sky-carousel__arrow{display:none}}.sky-featured__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:20px}.sky-featured__head>h2{max-width:50%}.sky-featured__aside{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:402px;padding-bottom:20px}.sky-featured__text{line-height:1.5}.sky-featured__track{--per-view: var(--per-view-m, 2.15);border-block:1px solid rgb(var(--sky-border))}@media(min-width:768px){.sky-featured__track{--per-view: 3}}@media(min-width:1025px){.sky-featured__track{--per-view: 4}}@media(min-width:1200px){.sky-featured__track{--per-view: var(--per-view-d, 5)}}.sky-featured__slide{border-left:1px solid rgb(var(--sky-border))}.sky-featured__slide:last-child{border-right:1px solid rgb(var(--sky-border))}@media(max-width:767px){.sky-featured__head{flex-direction:column;align-items:flex-start}.sky-featured__head>h2{max-width:none}.sky-featured__aside{padding-bottom:0}.sky-featured__track{padding-inline:var(--sky-gutter);scroll-padding-inline:var(--sky-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-product-card.css.map */