.collection-block{--f-collection-block-background:transparent;--f-collection-block-color:var(--theme-color-black);--f-collection-block-arrow-opacity:0;--f-collection-block-title-min-height:80px;--f-collection-block-title-line-width:60px;--f-collection-block-title-line-color:var(--theme-color-primary-500);--f-collection-block-title-line-padding:calc(var(--f-collection-block-title-line-width) + var(--u-spacing-7));--f-collection-block-max-height:745px;max-width:100%;transition:color var(--u-default-transition), background var(--u-default-transition);display:inline-flex;overflow:hidden}.collection-block:hover{--f-collection-block-background:var(--theme-color-primary-500);--f-collection-block-color:var(--theme-color-white);--f-collection-block-arrow-opacity:1;--f-collection-block-title-line-color:var(--theme-color-white)}.collection-block--compact{--f-collection-block-title-line-width:var(--u-spacing-7);--f-collection-block-title-line-padding:calc(var(--f-collection-block-title-line-width) + var(--u-spacing-6));--f-collection-block-title-min-height:40px;--f-collection-block-color:var(--theme-color-secondary-500)}.collection-block--compact:hover,.collection-block--compact:focus{--f-collection-block-background:transparent;--f-collection-block-arrow-opacity:1;--f-collection-block-title-line-color:var(--theme-color-primary-500);--f-collection-block-color:var(--theme-color-primary-500)}.collection-block__wrapper{max-width:100%;text-decoration:none;display:block}.collection-block__wrapper:hover{text-decoration:none}.collection-block__title{min-height:var(--f-collection-block-title-min-height);padding:var(--u-spacing-1) 0 var(--u-spacing-1) var(--f-collection-block-title-line-padding);color:var(--f-collection-block-color);background-color:var(--f-collection-block-background,transparent);transition:color var(--u-default-transition), background var(--u-default-transition);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name icon";align-items:center;display:grid;position:relative}.collection-block__title:before{width:var(--f-collection-block-title-line-width);content:"";background:var(--f-collection-block-title-line-color);height:1px;transition:background var(--u-default-transition);display:block;position:absolute;left:0}.collection-block__image{max-width:100%;height:auto;max-height:var(--f-collection-block-max-height)}.collection-block__image-wrapper{justify-content:center;align-items:center;max-width:100%;display:grid}.collection-block__name{font-size:var(--u-font-size-body);font-weight:var(--u-font-weight-semi-bold);text-transform:uppercase;grid-area:name}.collection-block__arrow{font-size:var(--u-spacing-3);color:var(--f-arrow-with-circle-color,var(--theme-color-white));transition:color var(--u-default-transition);align-items:center;display:flex;position:relative}.collection-block__arrow:before{z-index:var(--u-z-index-normal);position:relative}.collection-block__arrow:after{width:var(--u-spacing-9);height:var(--u-spacing-9);content:"";background-color:var(--f-arrow-with-circle-background,transparent);transition:background var(--u-default-transition);border-radius:50%;position:absolute}@media (pointer:fine){.collection-block__arrow:after{display:none}}@media (width<=1023.98px){.collection-block__arrow:after{display:none}}.collection-block__arrow:after{left:var(--u-spacing-5)}.collection-block__arrow{--f-arrow-with-circle-background:var(--theme-color-primary-300);margin-right:var(--u-spacing-12);opacity:var(--f-collection-block-arrow-opacity);transition:opacity var(--u-default-transition);grid-area:icon}@media (width<=1023.98px){.collection-block{--f-collection-block-max-height:550px}}@media (width<=767.98px){.collection-block{--f-collection-block-title-min-height:50px;--f-collection-block-title-line-width:40px;--f-collection-block-max-height:350px}.collection-block__name{font-size:var(--u-font-size-h6)}.collection-block__title{padding:var(--u-spacing-1) 0 var(--u-spacing-1) calc(var(--f-collection-block-title-line-width) + var(--u-spacing-6))}.collection-block__arrow{display:none}.collection-block__image{width:auto;max-width:fit-content;margin:0 auto}}
