.beautify-runtime .hero-collections{--grow: calc(12 * var(--space-unit));display:flex;flex-direction:column;overflow:hidden}.beautify-runtime .hero-collections>li{width:100%}.beautify-runtime .collection-card--hero{--media-height: 288px;--media-inset-size: 80px;position:relative;width:100%;height:100%;padding:calc(20 * var(--space-unit)) calc(8 * var(--space-unit));overflow:hidden;background:var(--bg-color, transparent)}.beautify-runtime .collection-card--hero .card__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bg-color-hover, transparent);pointer-events:none}.beautify-runtime .collection-card--hero .card__backdrop .marquee{margin-top:calc(20 * var(--space-unit) + 6 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__inner{position:relative;max-width:750px;margin:0 auto}.beautify-runtime .collection-card--hero .card__media{display:flex;align-items:center;justify-content:center;width:100%;height:var(--media-height);margin-bottom:calc(12 * var(--space-unit));padding:0 calc(8 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__media .media-container{position:relative;width:100%;max-width:calc(var(--media-height) * var(--ratio))}.beautify-runtime .collection-card--hero .card__media .media-wrap{position:relative;width:var(--width);max-width:100%;height:auto;max-height:100%;margin:auto}.beautify-runtime .collection-card--hero .card__media .media--main{border-radius:calc(var(--card-border-radius) * 4)}.beautify-runtime .collection-card--hero .card__media .media--shadow{box-shadow:0 2px 4px #0000000a,0 24px 48px -8px #0000001f}.beautify-runtime .collection-card--hero .card__media .media--inset{display:flex;position:absolute;bottom:calc(var(--card-border-radius) * 4);inset-inline-start:0;align-items:center;justify-content:center;width:min(80px,var(--media-inset-size, 80px));height:min(80px,var(--media-inset-size, 80px));overflow:hidden;transform:translate(-50%);border-radius:50%}.beautify-runtime .collection-card--hero .card__info{padding:0}.beautify-runtime .collection-card--hero .card__title{margin:0}.beautify-runtime .collection-card--hero .card__description{margin-top:calc(3 * var(--space-unit))}.beautify-runtime .collection-card--hero .link{display:inline-block;vertical-align:middle}.beautify-runtime .collection-card--hero .btn,.beautify-runtime .collection-card--hero .link{align-self:flex-start;max-width:15rem;margin-top:calc(8 * var(--space-unit))}@media(min-width:480px){.beautify-runtime .collection-card--hero .card__media .media--inset{width:min(104px,var(--media-inset-size, 80px));height:min(104px,var(--media-inset-size, 80px))}}@media(min-width:768px){.beautify-runtime .collection-card--hero{--media-height: 320px;padding:calc(20 * var(--space-unit) + 6 * var(--space-unit)) calc(16 * var(--space-unit)) calc(20 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__media{margin-bottom:calc(16 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__media .media--inset{width:var(--media-inset-size, 80px);height:var(--media-inset-size, 80px)}.beautify-runtime .collection-card--hero .card__info--inline{flex-direction:row;flex-wrap:wrap}.beautify-runtime .collection-card--hero .card__info--inline .card__title{align-self:flex-start}.beautify-runtime .collection-card--hero .card__info--inline .card__title:has(+.card__description){width:100%}.beautify-runtime .collection-card--hero .card__info--inline .card__title:not(:has(+.card__description)){flex-basis:50%;flex-grow:1;margin-inline-end:auto}.beautify-runtime .collection-card--hero .card__info--inline .card__description{flex-basis:50%;margin-inline-end:auto}.beautify-runtime .collection-card--hero .card__info--inline .btn,.beautify-runtime .collection-card--hero .card__info--inline .link{align-self:flex-end;max-width:min(50% - 8 * var(--space-unit),15rem);margin-top:0;margin-inline-start:calc(8 * var(--space-unit))}}@media(min-width:1024px){.beautify-runtime .hero-collections{flex-direction:row;flex-wrap:nowrap;align-items:stretch}.beautify-runtime .hero-collections>li:not(:only-child){width:50%}.beautify-runtime .collection-card--hero{--media-height: 368px;padding-bottom:calc(20 * var(--space-unit) + 6 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__info{width:calc(50vw - 2 * 16 * var(--space-unit) - var(--grow, 0) - var(--scrollbar-width, 0) / 2);max-width:100%;margin-right:auto;margin-left:auto}.beautify-runtime .collection-card--hero .card__info--inline{flex-direction:column}.beautify-runtime .collection-card--hero .card__info--inline .card__title,.beautify-runtime .collection-card--hero .card__info--inline .card__description{flex-basis:100%;margin-inline-end:0}.beautify-runtime .collection-card--hero .card__info--inline .btn,.beautify-runtime .collection-card--hero .card__info--inline .link{top:0;align-self:flex-start;max-width:15rem;margin-top:calc(8 * var(--space-unit));margin-inline-start:0}}@media(min-width:1280px){.beautify-runtime .collection-card--hero{--media-height: 392px;padding-bottom:calc(20 * var(--space-unit) + 6 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__info--inline{flex-direction:row}.beautify-runtime .collection-card--hero .card__info--inline .card__title:has(+.card__description){width:100%}.beautify-runtime .collection-card--hero .card__info--inline .card__title:not(:has(+.card__description)){flex-basis:50%;margin-inline-end:auto}.beautify-runtime .collection-card--hero .card__info--inline .card__description{flex-basis:50%;margin-inline-end:auto}.beautify-runtime .collection-card--hero .card__info--inline .btn,.beautify-runtime .collection-card--hero .card__info--inline .link{align-self:flex-end;max-width:min(50% - 8 * var(--space-unit),15rem);margin-top:0;margin-inline-start:calc(8 * var(--space-unit))}}@media(min-width:1536px){.beautify-runtime .collection-card--hero{padding:calc(20 * var(--space-unit) + 6 * var(--space-unit))}.beautify-runtime .collection-card--hero .card__info{width:calc(50vw - 2 * (20 * var(--space-unit) + 6 * var(--space-unit)) - var(--grow, 0) - var(--scrollbar-width, 0) / 2)}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.beautify-runtime .hero-collections>li:not(:only-child){transition:width 1s cubic-bezier(.285,.02,.18,1.02)}.beautify-runtime .hero-collections>li:not(:only-child):nth-child(2):not(:hover,.is-editing) .collection-card--hero:not(:hover) .card__backdrop{transform:translate(100%)}.beautify-runtime .hero-collections:has(>li.is-editing)>li:not(:only-child),.beautify-runtime .hero-collections:hover>li:not(:only-child){width:calc(50% - var(--grow, 0))}.beautify-runtime .hero-collections:has(>li.is-editing)>li:not(:only-child):hover,.beautify-runtime .hero-collections:has(>li.is-editing)>li:not(:only-child).is-editing,.beautify-runtime .hero-collections:hover>li:not(:only-child):hover,.beautify-runtime .hero-collections:hover>li:not(:only-child).is-editing{width:calc(50% + var(--grow, 0))}.beautify-runtime .hero-collections:has(>li.is-editing)>li:not(:only-child){pointer-events:none}.beautify-runtime .hero-collections:has(>li.is-editing)>li:not(:only-child).is-editing{pointer-events:auto}.beautify-runtime .collection-card--hero .card__backdrop{transform:translate(-100%);transition:transform 1s cubic-bezier(.285,.02,.18,1.02)}.beautify-runtime .collection-card--hero .card__backdrop .marquee{visibility:hidden;transition:visibility 1s linear 1s}.beautify-runtime .collection-card--hero .card__media .media--inset{transform:translate(-50%) scale(0);transition:transform 1s cubic-bezier(.285,.02,.18,1.02)}.beautify-runtime .hero-collections>li.is-editing .collection-card--hero .card__backdrop,.beautify-runtime .collection-card--hero:hover .card__backdrop{transform:none}.beautify-runtime .hero-collections>li.is-editing .collection-card--hero .card__backdrop .marquee,.beautify-runtime .collection-card--hero:hover .card__backdrop .marquee{visibility:visible;transition-delay:0s}.beautify-runtime .hero-collections>li.is-editing .collection-card--hero .card__media .media--inset,.beautify-runtime .collection-card--hero:hover .card__media .media--inset{transform:translate(-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/beautify-hero-collections.css.map */