.collection-card{--button-border-color:var(--color-border);background-color:var(--color-background-gray);overflow:hidden;padding:1rem 1.5rem;text-decoration:none;-webkit-transition-duration:var(--duration-default);transition-duration:var(--duration-default);-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@media screen and (min-width:768px){.collection-card{padding:1.5rem;position:relative}.collection-card--small{max-height:89.69%}}.collection-card--default{color:var(--color-black);height:100%}@media screen and (min-width:1200px){.collection-card--default{min-height:13.75rem;padding:1.25rem 1.5rem 1.5rem}}.collection-card:active,.collection-card:focus-visible,.collection-card:hover{background-color:var(--color-accent-blue);color:var(--color-white)}.template-page--collections-list-pro .collection-card:active,.template-page--collections-list-pro .collection-card:focus-visible,.template-page--collections-list-pro .collection-card:hover{background:var(--color-brand-pro)}.template-page--collections-list-pro .collection-card:active .collection-card__button,.template-page--collections-list-pro .collection-card:focus-visible .collection-card__button,.template-page--collections-list-pro .collection-card:hover .collection-card__button{color:var(--color-brand-pro)}.template-page--collections-list-diy .collection-card:active,.template-page--collections-list-diy .collection-card:focus-visible,.template-page--collections-list-diy .collection-card:hover{background:var(--color-brand-diy)}.template-page--collections-list-diy .collection-card:active .collection-card__button,.template-page--collections-list-diy .collection-card:focus-visible .collection-card__button,.template-page--collections-list-diy .collection-card:hover .collection-card__button{color:var(--color-brand-diy)}.collection-card:active.link,.collection-card:focus-visible.link,.collection-card:hover.link{text-decoration:none}.collection-card:active .collection-card__title,.collection-card:focus-visible .collection-card__title,.collection-card:hover .collection-card__title{color:var(--color-white)}.collection-card:active .collection-card__image,.collection-card:focus-visible .collection-card__image,.collection-card:hover .collection-card__image{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.collection-card:active .collection-card__button,.collection-card:focus-visible .collection-card__button,.collection-card:hover .collection-card__button{--button-text-color:var(--color-accent-blue);--button-background-color:var(--color-white);--button-border-color:var(--color-white);z-index:1}@media screen and (min-width:768px){.collection-card--has-hover-image:active .collection-card__image-hover,.collection-card--has-hover-image:focus-visible .collection-card__image-hover,.collection-card--has-hover-image:hover .collection-card__image-hover{opacity:1;visibility:visible}.collection-card--has-hover-image:active .collection-card__title,.collection-card--has-hover-image:focus-visible .collection-card__title,.collection-card--has-hover-image:hover .collection-card__title{position:relative}.collection-card--has-hover-image:active .collection-card__image,.collection-card--has-hover-image:focus-visible .collection-card__image,.collection-card--has-hover-image:hover .collection-card__image{opacity:0}.collection-card--has-hover-image:active .collection-card__button,.collection-card--has-hover-image:focus-visible .collection-card__button,.collection-card--has-hover-image:hover .collection-card__button{--button-text-color:var(--color-white);--button-background-color:var(--color-accent-blue-hover);--button-border-color:var(--color-accent-blue-hover)}}.collection-card__inner{min-width:9.6875rem}@media screen and (max-width:1023px){.collection-card--default .collection-card__inner{height:100%}}@media screen and (min-width:1024px){.collection-card--default .collection-card__inner{grid-template-areas:"title title" "button image";height:100%}}@media screen and (min-width:1440px){.collection-card--default .collection-card__inner{grid-template-areas:"title ." "button image"}}@media screen and (min-width:768px){.collection-card--small .collection-card__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-direction:column;flex-direction:column;justify-content:center}}.collection-card__title,.collection-card__title:not(:first-child){margin:0}@media screen and (min-width:1200px){.collection-card__title--default{font-size:2rem;line-height:1.9375rem}}.collection-card--small .collection-card__title{color:var(--color-black);font-size:.875rem;line-height:1.3125rem}@media screen and (min-width:1024px){.collection-card--default .collection-card__title{align-self:baseline;grid-area:title}}.collection-card__image{aspect-ratio:1/1;-webkit-transition:all var(--duration-default);transition:all var(--duration-default);width:5rem}@media screen and (min-width:768px){.collection-card__image{position:relative}}.collection-card--default .collection-card__image{width:3.5rem}@media screen and (min-width:1024px){.collection-card--default .collection-card__image{align-self:flex-end;grid-area:image;justify-self:flex-end;width:5.5rem}}.collection-card__image-hover{background-color:var(--color-black);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transition-duration:var(--duration-default);transition-duration:var(--duration-default);-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;visibility:hidden;z-index:0}.collection-card__image-hover img{opacity:.5}.collection-card__button{-ms-flex-negative:0;aspect-ratio:1;flex-shrink:0;margin-left:auto;padding:0;width:1.5rem}@media screen and (min-width:768px){.collection-card__button{width:2.5rem}}@media screen and (min-width:1024px){.collection-card__button{margin-left:0}}.collection-card__button .icon{aspect-ratio:1;height:auto;width:.625rem}@media screen and (min-width:768px){.collection-card__button .icon{width:1rem}}.collection-card--default .collection-card__button{pointer-events:none}@media screen and (min-width:1024px){.collection-card--default .collection-card__button{align-self:flex-end;grid-area:button}}.collection-card--small:active .collection-card__title,.collection-card--small:focus-visible .collection-card__title,.collection-card--small:hover .collection-card__title{color:var(--color-white)}.collection-card--small:active .text-gray-extra-dark,.collection-card--small:focus-visible .text-gray-extra-dark,.collection-card--small:hover .text-gray-extra-dark{color:var(--color-gray-light)}