.collection-preview-header{margin-block-end:2.4rem}.collection-preview-heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-style:normal;font-size:2rem;letter-spacing:.056rem;line-height:1.2;color:rgb(var(--color-foreground))}.collection-preview-slider{display:block}.collection-preview-grid{display:flex;flex-wrap:wrap;gap:1.2rem;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-padding);list-style:none;--cols: var(--cols-mobile, 1)}.collection-preview-grid>li{flex:0 0 auto;width:calc((100% - (var(--cols) - 1) * 1.2rem) / var(--cols));max-width:100%}.collection-preview{position:relative;display:block;height:16.4rem;border-radius:.6rem;overflow:visible;isolation:isolate;text-decoration:none}.collection-preview__paw{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.collection-preview__paw img{position:absolute;top:0;left:6.4rem;width:55%;height:auto;opacity:.15;transform:rotate(-15deg)}.collection-preview__image{position:absolute;inset-block-end:0;inset-inline-end:0;height:18.5rem;width:auto;max-width:52%;object-fit:contain;object-position:bottom right;pointer-events:none;z-index:1}.collection-preview__content{position:absolute;inset-block-start:1.6rem;inset-inline-start:1.6rem;z-index:2;display:flex;flex-direction:column;gap:.4rem;max-width:70%}.collection-preview__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.8rem;line-height:1.2;letter-spacing:.02em}.collection-preview__count{font-family:var(--font-body-family);font-size:1.2rem;line-height:1.2}.collection-preview__button{position:absolute;inset-block-end:1.6rem;inset-inline-start:1.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:.8rem;border-radius:.8rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:.4rem .4rem 1.2rem rgba(var(--color-shadow),.12);transition:transform var(--duration-medium) ease,background-color var(--duration-medium) ease,color var(--duration-medium) ease}.collection-preview__button .icon{width:2.4rem;height:2.4rem}.collection-preview:hover .collection-preview__button{transform:translate(.4rem);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.collection-preview--child{display:flex;flex-direction:column;height:100%;min-height:16.4rem;padding:1.6rem;border-radius:.8rem}.collection-preview--child .collection-preview__content{position:static;inset:auto;max-width:100%}.collection-preview--child .collection-preview__button{position:static;inset:auto;margin-top:auto}.collection-preview--child .collection-preview__title{font-size:2.4rem}.collection-preview--child .collection-preview__paw img{left:33%;top:0;width:auto;height:100%;opacity:1;transform:none}.collection-preview--child .collection-preview__image{inset-block-start:0;inset-inline-end:0;height:100%;width:55%;max-width:55%;object-fit:contain;object-position:bottom;padding-bottom:1.6rem}.collection-preview--inset{overflow:hidden}.collection-preview--inset .collection-preview__image{height:100%}@media screen and (min-width:641px){.collection-preview-header{margin-block-end:4rem}.collection-preview-heading{font-size:2.8rem}.collection-preview-grid{--cols: var(--cols-tablet, 2)}.collection-preview__image{height:19rem;max-width:50%}}@media screen and (min-width:1025px){.collection-preview-grid{--cols: var(--cols-desktop, 4)}.collection-preview__image{height:20rem;max-width:50%}}@media screen and (max-width:1440px){.collection-preview__paw img{width:65%}.collection-preview__image{max-width:60%}}@media screen and (max-width:1280px){.collection-preview__paw img{top:1rem}}@media screen and (max-width:1024px){.collection-preview__paw img{width:50%}.collection-preview__image{height:20rem}}@media screen and (max-width:768px){.collection-preview__paw img{width:60%}}@media screen and (max-width:640px){.collection-preview__paw img{width:40%}.collection-preview__image{height:19rem}.collection-preview--child .collection-preview__content{max-width:none;align-items:center;text-align:center}.collection-preview--child .collection-preview__title{font-size:1.6rem}.collection-preview--child .collection-preview__button{display:none}.collection-preview--child .collection-preview__image{inset-block-start:auto;inset-block-end:0;inset-inline:0;width:100%;max-width:100%;height:65%;object-position:bottom;padding:0 1.2rem 1.2rem}}@media screen and (max-width:480px){.collection-preview__paw img{width:60%}}@media screen and (max-width:420px){.collection-preview--child{min-height:12.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-preview.css.map */