.collectionlist-content{margin:5rem;border-radius:var(--border-radius)}.collection_list_blocks_wrapper .collection_list_blocks_wrapper{max-width:75%}.collectionlist-content .collection_list_inner{align-items:flex-start;position:relative}.collectionlist-content_arrows{position:absolute;bottom:0}.collectionlist-content .collection_list_title{position:absolute;bottom:0;left:0;width:auto;display:flex;justify-content:space-between;background:color-mix(in srgb,var(--color-primary-button-background) 65%,transparent);padding:2rem 2.5rem;padding-right:0;border-radius:5px;margin:12px;opacity:1;box-sizing:border-box;transform:translateY(0);transition:width .5s ease}.collectionlist-content .collection_list_title span{opacity:0;transform:translate(-15px);transition:transform .5s ease}.collectionlist-content .collection_list_title h3{font-size:2rem;font-weight:600;font-family:var(--font-body-family);color:var(--color-primary-button-text);border-bottom:3px solid var(--color-primary-button-text);border-radius:3px}.collectionlist-content .collection_list_block:hover .collection_list_title{width:calc(100% - 24px);padding-right:2.5rem;background:color-mix(in srgb,var(--color-primary-button-hover-background) 80%,transparent)}.collectionlist-content .collection_list_block:hover .collection_list_title h3{color:var(--color-primary-button-hover-text);border-bottom:3px solid var(--color-primary-button-hover-text)}.collectionlist-content .collection_list_block:hover .collection_list_title span svg circle{stroke:var(--color-primary-button-hover-text)}.collectionlist-content .collection_list_block:hover .collection_list_title span svg path{fill:var(--color-primary-button-hover-text)}.collectionlist-content .collection_list_block:hover .collection_list_title span{transform:translate(10px);opacity:1}.collectionlist-content .swiper-button-next svg path,.collectionlist-content .swiper-button-prev svg path{fill:var(--color-foreground-heading)}.collectionlist-content .collectionlist_arrows{padding-right:6rem}@media screen and (max-width: 1440px){.collectionlist-content{margin:3.5rem}}@media screen and (max-width: 1240px){.collectionlist-content_arrows{display:none}.collectionlist-content{margin:2.5rem}}@media screen and (max-width: 990px){.collectionlist-content .collection_list_inner{flex-flow:column-reverse}}@media screen and (max-width: 750px){.collectionlist-content{margin:3rem}}@media screen and (max-width: 640px){.collectionlist-content{margin:1.5rem}.collectionlist-content .collection_list_title h3{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/collection-with-content.css.map */