.collection-ribbon__stage{overflow:hidden;padding:2rem 0}.collection-ribbon__track{display:flex;align-items:center}.collection-ribbon__slide{height:auto;overflow:visible}.collection-ribbon__intro{align-self:flex-start}.collection-ribbon__card{position:relative;display:block;flex:0 0 auto;transform-origin:center left;overflow:hidden;background:rgb(var(--color-background));border:1px solid transparent;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s ease;will-change:transform}.collection-ribbon__card:hover,.collection-ribbon__card.is-active{z-index:50;border-color:rgb(var(--color-secondary-button-text));box-shadow:2px 2px 10px rgb(var(--color-secondary-button-text))}.collection-ribbon__media,.collection-ribbon__img,.collection-ribbon__placeholder{display:block;width:100%;height:100%}.collection-ribbon__media{position:absolute;top:0;right:0;bottom:0;left:0}.collection-ribbon__img{object-fit:cover;object-position:center center}.collection-ribbon__placeholder{background:rgb(var(--color-background))}.collection-ribbon__card-title{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:14px 12px 12px;font-size:2rem;font-weight:600;line-height:1.25;color:#fff;background:linear-gradient(to top,#000000bf,#0000);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.collection-ribbon__card:hover .collection-ribbon__card-title,.collection-ribbon__card.is-active .collection-ribbon__card-title{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.collection-ribbon__card-title{opacity:1;transform:none}}.collection-ribbon__content{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;margin-top:2rem}.collection-ribbon__heading{margin:0;line-height:1.1;font-weight:800;text-wrap:pretty;color:rgb(var(--color-foreground))}.collection-ribbon__tag{min-height:2.25rem;margin-top:12px;display:inline-flex;align-items:center;transition:opacity .2s ease,padding .25s ease,background-color .25s ease,color .25s ease}@keyframes cr-tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleZ(1)}}.collection-ribbon__heading.is-tada{animation:cr-tada .8s ease;transform-origin:left center}.collection-ribbon__tag:not(:empty){padding:6px 14px;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.5rem;font-weight:600;line-height:1.2}@keyframes cr-fade-in{0%{opacity:0}to{opacity:1}}.collection-ribbon__box{border-radius:6px;padding:28px;align-self:center;transition:transform .3s ease,box-shadow .3s ease}.collection-ribbon__box.cr-prep{opacity:0}.collection-ribbon__box.is-fade-in{animation:cr-fade-in .6s ease both}.collection-ribbon__box:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000026}.collection-ribbon__description{font-size:2rem;line-height:1}.collection-ribbon__description>*{margin:0}.collection-ribbon__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:20px}.collection-ribbon__btn{padding:12px 22px;font-weight:600;font-size:1.5rem;text-decoration:none;border:0;cursor:pointer;transition:filter .2s ease}.collection-ribbon__btn:hover{filter:brightness(.94)}@media screen and (max-width:749px){.collection-ribbon__content{grid-template-columns:1fr;align-items:start;gap:20px;padding:1rem}.collection-ribbon__buttons{flex-direction:column}.collection-ribbon__btn{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-collection-ribbon.css.map */