:root{--js-mobile:(max-width: 719.9px);--js-tablet:(min-width: 720px);--js-below-small-desktop:(max-width: 1023.9px);--js-small-desktop:(min-width: 1024px);--js-desktop:(min-width: 1440px);--js-max-page-width:(min-width: 1600px);--background-gradient: #fff}.collection-item{border-radius:var(--radius-image);overflow:hidden;position:relative;color:var(--color-text)}.collection-item .icon-wrap{width:28px;height:28px;border-radius:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-text);color:var(--color-icon-button-foreground);transition:all var(--ease-out-quart) var(--animation-timing-400)}.collection-item .icon-wrap__custom{position:absolute;right:0;padding:0 9px;border-left:1px solid var(--color-lines-and-borders);height:100%;display:flex;align-items:center;background-color:var(--color-icon-button-foreground);color:var(--color-text);transition:all var(--ease-out-quart) var(--animation-timing-400)}.collection-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background-gradient, var(--color-background));opacity:var(--overlay-opacity)}.collection-item__content{position:absolute;right:0;bottom:0;left:0;top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 15px}.collection-item__content.collection-item__content--below{position:relative;border:1px solid var(--color-lines-and-borders);border-top:none}@media (min-width: 720px){.collection-item__content{padding:16px 20px}}.collection-item__title{font-size:18px;font-weight:400;line-height:120%;text-transform:uppercase;max-width:calc(100% - 46px)}.collection-item__snippet{font-size:12px;font-weight:300;margin-block-start:var(--spacing-50);line-height:120%}@media (min-width: 720px){.collection-item__title{font-size:20px}.collection-item__snippet{font-size:14px}}.collection-item__image{transition:transform var(--ease-out-quart) var(--animation-timing-400)}@media (max-width: 1023.9px){.collection-item .icon-wrap{display:none}}@media (min-width: 1024px){.collection-item:hover .collection-item__image{transform:scale(1.05)}.collection-item:not(:hover) .icon-wrap{opacity:0;transform:translate(-4px)}}.collection-item__badge{position:absolute;left:15px;top:15px;padding:var(--spacing-50)}.collection-item__badge.collection-item__badge--new{background:#fde;color:#f27;font-style:normal;font-weight:400;line-height:100%;letter-spacing:-.24px;z-index:99}.collection-item__image-wrapper{position:relative;background:var(--background-gradient);border-radius:var(--radius-image);overflow:hidden;display:flex}.collection-item__white-fade{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#fff -24%,#fffc 50%,#fff0 90%);z-index:0}.collection-item__image{border:1px solid var(--color-lines-and-borders);border-bottom:none;position:relative;z-index:1}.collection-item__image--responsive-aspect-ratio{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 719.9px){.collection-item__image--responsive-aspect-ratio{object-fit:contain}}@media (max-width: 719.9px){.collection-item__image-wrapper[data-mobile-aspect-ratio=portrait]{aspect-ratio:3/4}.collection-item__image-wrapper[data-mobile-aspect-ratio=portrait-alt]{aspect-ratio:4/5}.collection-item__image-wrapper[data-mobile-aspect-ratio=square]{aspect-ratio:1/1}.collection-item__image-wrapper[data-mobile-aspect-ratio=landscape-alt]{aspect-ratio:5/4}.collection-item__image-wrapper[data-mobile-aspect-ratio=landscape]{aspect-ratio:3/2}.collection-item__image-wrapper[data-mobile-aspect-ratio=landscape-wide]{aspect-ratio:16/9}}@media (min-width: 720px){.collection-item__image-wrapper[data-desktop-aspect-ratio=portrait]{aspect-ratio:3/4}.collection-item__image-wrapper[data-desktop-aspect-ratio=portrait-alt]{aspect-ratio:4/5}.collection-item__image-wrapper[data-desktop-aspect-ratio=square]{aspect-ratio:1/1}.collection-item__image-wrapper[data-desktop-aspect-ratio=landscape-alt]{aspect-ratio:5/4}.collection-item__image-wrapper[data-desktop-aspect-ratio=landscape]{aspect-ratio:3/2}.collection-item__image-wrapper[data-desktop-aspect-ratio=landscape-wide]{aspect-ratio:16/9}}
/*# sourceMappingURL=/cdn/shop/t/556/assets/component-collection-item.css.map */