.most-loved{--most-loved-arch: 50% 50% 0 0 / 36% 36% 0 0;--most-loved-script-font: var(--most-loved-script, var(--heading-font-family));display:flex;flex-direction:column;align-items:center;gap:var(--spacing-10)}.most-loved__header{max-inline-size:42rem;text-align:center}.most-loved__ornament{color:rgb(var(--most-loved-accent))}.most-loved__ornament svg{display:block;margin-inline:auto;inline-size:3.25rem;block-size:3.25rem;stroke-width:1}.most-loved__heading{margin:0}.most-loved__heading-text{display:block}.most-loved__heading--spaced .most-loved__heading-text{letter-spacing:.14em;text-transform:uppercase}.most-loved__script{display:block;margin-block-start:-.1em;font-family:var(--most-loved-script-font);font-size:1.45em;font-style:var(--most-loved-script-style, italic);font-weight:400;line-height:1.1;letter-spacing:normal;text-transform:none;color:rgb(var(--most-loved-accent))}.most-loved__text{max-inline-size:30rem;margin-inline:auto}.most-loved__collage{position:relative;inline-size:100%;max-inline-size:var(--most-loved-cards-width, 100%)}.most-loved--width-small{--most-loved-cards-width: 52rem}.most-loved--width-medium{--most-loved-cards-width: 66rem}.most-loved__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-8);max-inline-size:22rem;margin:0 auto;padding:0;list-style:none}.most-loved__item{min-width:0}.most-loved__card{position:relative;margin:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}.most-loved__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;color:inherit;background-color:rgb(var(--text-primary) / .06);border-radius:var(--most-loved-arch)}.most-loved__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.most-loved__placeholder{fill:rgb(var(--text-primary) / .3)}a.most-loved__media:focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:3px}.most-loved__card--photo{padding:var(--spacing-3);background-color:rgb(var(--most-loved-card));border-radius:50% 50% 2px 2px/36% 36% 2px 2px;box-shadow:0 .875rem 2.25rem #00000012}.most-loved__card--arch .most-loved__media{box-shadow:0 .625rem 1.875rem #0000000d}.most-loved__card--photo:after{content:"";display:block;block-size:var(--spacing-6)}.most-loved__card--photo:has(.most-loved__caption):after{display:none}.most-loved__caption{display:flex;flex-wrap:wrap;min-block-size:var(--spacing-6);padding-block-start:var(--spacing-3);align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--most-loved-script-font);font-size:var(--text-lg);font-style:var(--most-loved-script-style, italic);line-height:1.2;text-align:center;color:rgb(var(--text-primary) / .75)}.most-loved__caption-heart{display:inline-flex;color:rgb(var(--most-loved-accent))}.most-loved__caption-heart svg{inline-size:.85em;block-size:.85em;fill:currentColor}.most-loved__tape{position:absolute;z-index:1;inset-block-start:-.75rem;inset-inline:0;inline-size:4rem;block-size:1.375rem;margin-inline:auto;background-color:rgb(var(--most-loved-accent) / .6);box-shadow:0 1px 4px #0000000f}.most-loved__float-heart{position:absolute;z-index:1;display:none;color:rgb(var(--most-loved-accent));pointer-events:none}.most-loved__float-heart svg{inline-size:1.5rem;block-size:1.5rem;stroke-width:1.2}.most-loved__float-heart--start{inset-block-start:4%;inset-inline-start:-1.75rem;rotate:-15deg}.most-loved__float-heart--end{inset-block-start:35%;inset-inline-end:-1.75rem;rotate:15deg}.most-loved__badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5) var(--spacing-6);max-inline-size:32rem;margin:0;padding:0;list-style:none}.most-loved__badge{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.most-loved__badge-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;color:rgb(var(--most-loved-badge-icon, var(--text-primary)));background-color:rgb(var(--most-loved-badge-bg, var(--most-loved-accent) / .16));border-radius:var(--rounded-full)}.most-loved__badge-icon svg{inline-size:1.25rem;block-size:1.25rem;stroke-width:1.25}.most-loved__badge-text{max-inline-size:9rem;font-size:var(--text-sm);line-height:1.35}.most-loved__button svg{inline-size:1rem;block-size:1rem;transform:scaleX(var(--transform-logical-flip, 1));transition:translate .3s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.most-loved__item:hover .most-loved__card{transform:translateY(-.25rem) scale(1.02)}.most-loved__item:hover .most-loved__image{transform:scale(1.03)}.most-loved__button:hover svg{translate:calc(.25rem * var(--transform-logical-flip, 1)) 0}}@media screen and (min-width:700px){.most-loved{gap:var(--spacing-12)}.most-loved__cards{grid-template-columns:repeat(var(--most-loved-columns, 3),minmax(0,1fr));align-items:center;max-inline-size:none}.most-loved__collage:has(.most-loved__cards>:nth-child(-n+2):last-child) .most-loved__cards{max-inline-size:calc(var(--most-loved-columns) * 24rem)}}@media screen and (min-width:1000px){.most-loved__float-heart{display:block}}@media screen and (min-width:1200px){.most-loved__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-5) 0;max-inline-size:none}.most-loved__badge{padding-inline:var(--spacing-8)}.most-loved__badge:not(:last-child){border-inline-end:1px solid rgb(var(--most-loved-accent) / .45)}}@keyframes most-loved-rise{0%{opacity:0;translate:0 1.5rem}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.most-loved--reveal .most-loved__header,.most-loved--reveal .most-loved__item,.most-loved--reveal .most-loved__badges,.most-loved--reveal .most-loved__action{animation:most-loved-rise linear both;animation-timeline:view();animation-range:entry calc(var(--most-loved-step, 0) * 8%) entry calc(55% + var(--most-loved-step, 0) * 8%)}}}.most-loved--tilt .most-loved__item{transform-origin:50% 85%;transition:rotate .5s cubic-bezier(.34,1.56,.64,1)}.most-loved--tilt .most-loved__item:nth-child(odd){rotate:calc(var(--most-loved-tilt, 4deg) * -.6)}.most-loved--tilt .most-loved__item:nth-child(2n){rotate:calc(var(--most-loved-tilt, 4deg) * .6)}@media screen and (min-width:700px){.most-loved--tilt .most-loved__item:nth-child(3n+1){rotate:calc(var(--most-loved-tilt, 4deg) * -1);--most-loved-lift: .625rem}.most-loved--tilt .most-loved__item:nth-child(3n+2){rotate:calc(var(--most-loved-tilt, 4deg) * .35);--most-loved-lift: -.875rem}.most-loved--tilt .most-loved__item:nth-child(3n){rotate:var(--most-loved-tilt, 4deg);--most-loved-lift: .625rem}}@media(hover:hover){.most-loved--tilt .most-loved__item:hover{rotate:0deg;z-index:2}}.most-loved--pop .most-loved__item{filter:drop-shadow(.625rem .75rem 0 rgb(var(--most-loved-accent) / .38))}@keyframes most-loved-float{0%,to{translate:0 var(--most-loved-lift, 0rem)}50%{translate:0 calc(var(--most-loved-lift, 0rem) - .5625rem)}}@keyframes most-loved-pulse{0%,to{scale:1}50%{scale:1.25}}@media(prefers-reduced-motion:no-preference){.most-loved--float .most-loved__card{animation:most-loved-float 6s ease-in-out infinite}.most-loved--float .most-loved__item:nth-child(3n+2) .most-loved__card{animation-delay:-2s}.most-loved--float .most-loved__item:nth-child(3n) .most-loved__card{animation-delay:-4s}.most-loved--pulse .most-loved__float-heart{animation:most-loved-pulse 2.2s ease-in-out infinite}.most-loved--pulse .most-loved__float-heart--end{animation-delay:-1.1s}}@media(prefers-reduced-motion:reduce){.most-loved--tilt .most-loved__item{transition:none}}.most-loved{max-inline-size:100%}@supports (overflow: clip){.most-loved{overflow-x:clip}}.most-loved--tilt .most-loved__collage,.most-loved--pop .most-loved__collage{box-sizing:border-box;padding-inline:1.75rem}.most-loved--tilt .most-loved__float-heart--start,.most-loved--pop .most-loved__float-heart--start{inset-inline-start:.125rem}.most-loved--tilt .most-loved__float-heart--end,.most-loved--pop .most-loved__float-heart--end{inset-inline-end:.125rem}.most-loved--overlap .most-loved__heading-text+.most-loved__script{position:relative;z-index:1;margin-block-start:calc(var(--most-loved-overlap, .4em) * -1);rotate:-3deg}.most-loved--text-heading-font .most-loved__text,.most-loved--text-heading-font .most-loved__text :is(p,li,a,strong,em,span){font-family:var(--heading-font-family)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-most-loved-collection.css.map */