.thumb{display:flex;flex-direction:column;padding:var(--thumb-gutter);position:relative}.thumb__content{flex:1 1 auto;position:relative;width:100%}.thumb__title{font-size:.875rem;font-weight:500;line-height:1.25;min-height:3em;padding-top:1em;position:relative;z-index:4}.thumb--square .thumb__content>*{height:0;padding-top:100%}.thumb--square .thumb__content>* .image,.thumb--square .thumb__content>* .image img{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.thumb__bottom{flex:0 1 auto}.thumb__hover{display:block;max-height:50%;opacity:0;pointer-events:none;position:absolute;transform-origin:center;transition:opacity var(--hover-speed),transform var(--hover-speed),visibility var(--hover-speed);visibility:hidden;width:var(--thumb-hover-size);z-index:3}.thumb__hover-image{top:50%;transform:translateY(-50%)}.thumb__hover-image img{height:100%;max-width:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.thumb--hover-title .thumb__title{opacity:0;pointer-events:none;transition:opacity var(--hover-speed),visibility var(--hover-speed);visibility:hidden}.is-active .thumb--hover-title .thumb__title,.thumb--hover-title.is-active .thumb__title,[data-js-focus-visible] .thumb--hover-title[data-focus-visible-added] .thumb__title{opacity:1;pointer-events:auto;transition:opacity var(--hover-speed);visibility:visible}.is-active .thumb,.thumb.is-active,.thumb:hover,[data-js-focus-visible] .thumb[data-focus-visible-added]{z-index:5}.is-active .thumb .thumb__hover,.thumb.is-active .thumb__hover,[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover{opacity:1;transition:opacity var(--hover-speed),transform var(--hover-speed);visibility:visible}.thumb--block{--thumb-hover-size:var(--thumb-block-hover-size);--thumb-top-left:translate(-40%,20%) scale(.75) rotate(20deg);--thumb-top-left-end:translate(-25%,0) scale(1) rotate(0deg);--thumb-bottom-right:translate(40%,20%) scale(.75) rotate(-20deg);--thumb-bottom-right-end:translate(25%,0) scale(1) rotate(0deg);--thumb-bottom-left:translate(-40%,20%) scale(.5) rotate(0deg);--thumb-bottom-left-end:translate(-25%,0) scale(1) rotate(0deg);--thumb-top-right:translate(40%,20%) scale(.5) rotate(0deg);--thumb-top-right-end:translate(25%,0) scale(1) rotate(0deg);--thumb-top-center:translate(-50%,20%) scale(.33) rotate(15deg);--thumb-top-center-end:translate(-50%,0) scale(.66) rotate(0deg);--thumb-bottom-center:translate(-50%,20%) scale(.33) rotate(15deg);--thumb-bottom-center-end:translate(-50%,0) scale(.66) rotate(0deg)}.thumb--block .thumb__hover:first-child{left:0;top:0}.thumb--block .thumb__hover:nth-child(2){bottom:0;right:0}.thumb--block .thumb__hover:nth-child(3){left:0;top:100%}.thumb--block .thumb__hover:nth-child(4){right:0;top:0}.thumb--block .thumb__hover:nth-child(5){bottom:100%;left:50%}.thumb--block .thumb__hover:nth-child(6){left:50%;top:50%}.thumb--inline{--thumb-hover-size:min(var(--thumb-inline-hover-size),3em);--thumb-top-left:translate(-25%,-50%) scale(.75);--thumb-top-left-end:translate(-100%,-75%) scale(1);--thumb-bottom-right:translate(0,0) scale(.75);--thumb-bottom-right-end:translate(100%,50%) scale(1);--thumb-bottom-left:translate(-50%,50%) scale(.5) rotate(0deg);--thumb-bottom-left-end:translate(-125%,0%) scale(.75) rotate(10deg);--thumb-top-right:translate(0,0) scale(.5) rotate(0deg);--thumb-top-right-end:translate(125%,-50%) scale(.75) rotate(-10deg);--thumb-top-center:translate(-50%,20%) scale(.33) rotate(15deg);--thumb-top-center-end:translate(25%,-50%) scale(.66) rotate(0deg);--thumb-bottom-center:translate(-10%,0) scale(.33) rotate(0deg);--thumb-bottom-center-end:translate(-20%,25%) scale(.66) rotate(15deg);display:inline-block;flex-direction:unset;padding-left:0;padding-right:0}.thumb--inline .thumb__hover:first-child{bottom:100%;left:-2.5%}.thumb--inline .thumb__hover:nth-child(2){right:-2.5%;top:100%}.thumb--inline .thumb__hover:nth-child(3){left:-5%;top:100%}.thumb--inline .thumb__hover:nth-child(4){right:-5%;top:-5%}.thumb--inline .thumb__hover:nth-child(5){bottom:100%;left:50%}.thumb--inline .thumb__hover:nth-child(6){left:50%;top:100%}.thumb__hover:first-child{transform:var(--thumb-top-left)}.is-active .thumb .thumb__hover:first-child,.thumb.is-active .thumb__hover:first-child,.thumb:hover .thumb__hover:first-child,[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:first-child{transform:var(--thumb-top-left-end)}.thumb .thumb__hover:nth-child(2){transform:var(--thumb-bottom-right)}.is-active .thumb .thumb__hover:nth-child(2),.thumb.is-active .thumb__hover:nth-child(2),.thumb:hover .thumb__hover:nth-child(2),[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:nth-child(2){transform:var(--thumb-bottom-right-end)}.thumb .thumb__hover:nth-child(3){transform:var(--thumb-bottom-left)}.is-active .thumb .thumb__hover:nth-child(3),.thumb.is-active .thumb__hover:nth-child(3),.thumb:hover .thumb__hover:nth-child(3),[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:nth-child(3){transform:var(--thumb-bottom-left-end)}.thumb .thumb__hover:nth-child(4){transform:var(--thumb-top-right)}.is-active .thumb .thumb__hover:nth-child(4),.thumb.is-active .thumb__hover:nth-child(4),.thumb:hover .thumb__hover:nth-child(4),[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:nth-child(4){transform:var(--thumb-top-right-end)}.thumb .thumb__hover:nth-child(5){transform:var(--thumb-top-center)}.is-active .thumb .thumb__hover:nth-child(5),.thumb.is-active .thumb__hover:nth-child(5),.thumb:hover .thumb__hover:nth-child(5),[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:nth-child(5){transform:var(--thumb-top-center-end)}.thumb .thumb__hover:nth-child(6){transform:var(--thumb-bottom-center)}.is-active .thumb .thumb__hover:nth-child(6),.thumb.is-active .thumb__hover:nth-child(6),.thumb:hover .thumb__hover:nth-child(6),[data-js-focus-visible] .thumb[data-focus-visible-added] .thumb__hover:nth-child(6){transform:var(--thumb-bottom-center-end)}@media (hover){.thumb--hover-title:hover .thumb__title,.thumb:hover .thumb__hover{opacity:1;visibility:visible}.thumb:hover .thumb__hover{transition:opacity var(--hover-speed),transform var(--hover-speed)}.thumb--hover-title:hover .thumb__title{pointer-events:auto;transition:opacity var(--hover-speed)}}@media (min-width:1024px){.thumb__title{padding-top:1.5em}}@media (min-width:1460px){.thumb__title{font-size:1rem}}