.fh-cats.fh-cats--ts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fh-cats--ts .fh-cat.fh-ts{display:flex;flex-direction:column;min-height:0;background:var(--fh-surface);border-radius:var(--fh-r);overflow:hidden;isolation:isolate;transition:box-shadow .35s var(--fh-ease),background-color .35s var(--fh-ease)}.fh-cats--ts .fh-cat.fh-ts:hover{transform:none;box-shadow:var(--fh-sh-md);background:#fff}.fh-cats--ts .fh-cat.fh-ts:focus-visible{outline:3px solid var(--fh-teal-bright);outline-offset:3px;border-radius:var(--fh-r)}.fh-ts-band{display:flex;align-items:flex-start;min-height:32px;padding:10px 10px 0}.fh-cats--ts .fh-cat .fh-ts-band .fh-badge{position:static;top:auto;left:auto;font-size:10.5px;padding:.36em .56em}.fh-ts-stage{--st:106px;--tier:1;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px;height:calc(var(--st) + 22px);padding:0 10px 12px;z-index:0}.fh-ts--t2 .fh-ts-stage{--tier:.9}.fh-ts--t3 .fh-ts-stage{--tier:.68}.fh-ts-stage:before{content:"";position:absolute;z-index:-1;left:7%;right:7%;bottom:0;height:60%;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--fh-tint,var(--fh-pink-soft));transform-origin:50% 100%;transition:scale .5s var(--fh-ease)}.fh-ts-stage:after{content:"";position:absolute;z-index:-1;left:20%;right:20%;bottom:9px;height:7px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,22,28,.14),transparent)}.fh-cat.fh-t-teal{--fh-tint:var(--fh-teal-soft)}.fh-cat.fh-t-sun{--fh-tint:var(--fh-sun-soft)}.fh-cat.fh-t-violet{--fh-tint:var(--fh-violet-soft)}.fh-cat.fh-t-leaf{--fh-tint:var(--fh-leaf-soft)}.fh-cat.fh-t-blue{--fh-tint:#e3ecff}.fh-ts-stage .fh-ts-p{display:block;flex:0 1 auto;min-width:0;width:auto;max-width:none;height:calc(var(--st) * var(--tier) * var(--k,1));object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;filter:drop-shadow(0 9px 7px rgba(20,22,28,.15)) drop-shadow(0 2px 2px rgba(20,22,28,.1));transition:translate .45s var(--fh-ease),rotate .45s var(--fh-ease)}.fh-ts-stage .fh-ts-xm{display:none}.fh-ts-stage .fh-ts-lm{rotate:-3deg}.fh-ts-stage .fh-ts-rm{rotate:3deg}.fh-ts--row .fh-ts-stage .fh-ts-p{rotate:none}.fh-ts:hover .fh-ts-stage .fh-ts-p{translate:0 -5px}.fh-ts:hover .fh-ts-stage:before{scale:1.06 1.1}.fh-ts-note{position:absolute;z-index:2;display:none;padding:.26em .7em!important;pointer-events:none}.fh-cats--ts .fh-ts .fh-meta{display:grid;gap:2px;padding:10px 12px 12px;margin-top:auto}.fh-cats--ts .fh-ts .fh-meta b{font-size:15px}.fh-cats--ts .fh-ts .fh-meta span{font-size:12.5px;line-height:1.4}.fh-cats--ts .fh-ts .fh-meta .fh-from{font-size:13px;color:var(--fh-ink);font-weight:700}@media(min-width:760px){.fh-cats.fh-cats--ts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fh-ts-band{min-height:40px;padding:14px 14px 0}.fh-cats--ts .fh-cat .fh-ts-band .fh-badge{font-size:11px}.fh-ts-stage{--st:clamp(124px,13.2vw,166px);gap:14px;padding:0 14px 14px}.fh-ts--t3 .fh-ts-stage{--tier:.62}.fh-ts-stage .fh-ts-xm{display:block}.fh-ts-stage .fh-ts-lm,.fh-ts-stage .fh-ts-rm{rotate:none}.fh-ts-stage .fh-ts-ld{rotate:-3deg}.fh-ts-stage .fh-ts-rd{rotate:3deg}.fh-ts--row .fh-ts-stage .fh-ts-p{rotate:none}.fh-cats--ts .fh-ts .fh-meta{padding:14px 16px 16px}.fh-cats--ts .fh-ts .fh-meta b{font-size:17px}.fh-cats--ts .fh-ts .fh-meta span{font-size:13.5px}.fh-cats--ts .fh-ts .fh-meta .fh-from{font-size:14px}}@media(max-width:759px){.fh-cats--ts .fh-ts .fh-meta b .fh-ic{display:none}}@media(min-width:1100px){.fh-cats.fh-cats--ts{gap:16px}}@media(min-width:1240px){.fh-ts-note{display:inline-flex;top:-31px;right:14px;font-size:14px!important}}@media(prefers-reduced-motion:reduce){.fh-ts-stage .fh-ts-p,.fh-ts-stage:before{transition:none}.fh-ts:hover .fh-ts-stage .fh-ts-p{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fann-tiles.css.map */