[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card{--chh-flood: color-mix(in srgb, var(--chike-lime) 16%, var(--chike-white));--chh-deep: var(--chike-lime);--chh-glow: rgb(128 188 0 / .22);--chh-pool: color-mix(in srgb, var(--chh-flood) 45%, var(--chike-white));transition:background-color .26s var(--chike-ease),border-color .26s var(--chike-ease),box-shadow .26s var(--chike-ease),transform .26s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card[data-fam=plant]{--chh-flood: color-mix(in srgb, var(--chike-green-deep) 13%, var(--chike-paper-cool));--chh-deep: var(--chike-green-deep);--chh-glow: rgb(64 104 60 / .2)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card[data-fam=natural]{--chh-flood: var(--chike-cream);--chh-deep: var(--chike-gold);--chh-glow: rgb(229 161 0 / .2)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:is([data-fam=tea],[data-fam=shake],[data-tint=pumpkin],[data-tint=peppermint]){--chh-flood: color-mix(in srgb, var(--fl-field) 55%, var(--chike-white));--chh-deep: var(--fl-rule);--chh-glow: color-mix(in srgb, var(--fl-rule) 22%, transparent)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__media{background:transparent}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__img{mix-blend-mode:normal;z-index:1;transition:transform .28s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__flag{z-index:2}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__body{transition:background-color .26s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__add{transition:background-color .22s var(--chike-ease),color .22s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__add-go{display:inline-block;transition:transform .24s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:not([data-pack-cut="1"]) .chike-coll__media{background:var(--chike-white)}[data-variant-key=card-hover]:is([data-layout=h2],[data-layout=h4]) .chike-coll__media:before{content:"";position:absolute;pointer-events:none;z-index:0;opacity:0;transition:opacity .28s var(--chike-ease),transform .28s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__media:before{left:18%;right:18%;bottom:3%;height:7%;border-radius:50%;background:radial-gradient(closest-side,#14170f42,#14170f00);transform:scaleX(.85)}[data-variant-key=card-hover][data-layout=h4] .chike-coll__media:before{top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(closest-side,var(--chh-pool),transparent);transform:scale(.94)}@media(hover:hover)and (pointer:fine){[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:hover{background-color:var(--chh-flood);border-color:var(--chh-flood)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:hover .chike-coll__body{background-color:var(--chh-flood)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:hover .chike-coll__add:not(:disabled){background-color:var(--chike-green-deep-hover)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:hover .chike-coll__img{transform:translateY(-6px)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:hover .chike-coll__media:before{opacity:1;transform:scaleX(1)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:hover .chike-coll__add-go{transform:translate(3px)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:hover{box-shadow:inset 0 0 0 2px var(--chh-deep)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:hover .chike-coll__add:not(:disabled){background-color:var(--chike-lime);color:var(--chike-ink)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:hover .chike-coll__add-go{transform:translate(3px)}[data-variant-key=card-hover][data-layout=h4] .chike-coll__card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -14px var(--chh-glow),0 2px 6px #0a0a0a0d}[data-variant-key=card-hover][data-layout=h4] .chike-coll__card[data-in-bundle=true]:hover{box-shadow:inset 0 0 0 2px var(--chike-lime),0 16px 32px -14px var(--chh-glow)}[data-variant-key=card-hover][data-layout=h4] .chike-coll__card[data-pack-cut="1"]:hover .chike-coll__media:before{opacity:1;transform:scale(1)}}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:has(:focus-visible){background-color:var(--chh-flood);border-color:var(--chh-flood)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:has(:focus-visible) .chike-coll__body{background-color:var(--chh-flood)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card:has(:focus-visible) .chike-coll__add:not(:disabled){background-color:var(--chike-green-deep-hover)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:has(:focus-visible) .chike-coll__img{transform:translateY(-6px)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:has(:focus-visible) .chike-coll__media:before{opacity:1;transform:scaleX(1)}[data-variant-key=card-hover][data-layout=h2] .chike-coll__card:has(:focus-visible) .chike-coll__add-go{transform:translate(3px)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:has(:focus-visible){box-shadow:inset 0 0 0 2px var(--chh-deep)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:has(:focus-visible) .chike-coll__add:not(:disabled){background-color:var(--chike-lime);color:var(--chike-ink)}[data-variant-key=card-hover][data-layout=h3] .chike-coll__card:has(:focus-visible) .chike-coll__add-go{transform:translate(3px)}[data-variant-key=card-hover][data-layout=h4] .chike-coll__card:has(:focus-visible){transform:translateY(-4px);box-shadow:0 16px 32px -14px var(--chh-glow),0 2px 6px #0a0a0a0d}[data-variant-key=card-hover][data-layout=h4] .chike-coll__card[data-pack-cut="1"]:has(:focus-visible) .chike-coll__media:before{opacity:1;transform:scale(1)}[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card :is(.chike-coll__name a,.chike-coll__add):focus-visible{outline:2px solid var(--chike-green-deep);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card,[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card .chike-coll__img,[data-variant-key=card-hover]:is([data-layout=h1],[data-layout=h2],[data-layout=h3],[data-layout=h4]) .chike-coll__card .chike-coll__add-go{transform:none!important}}[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card{--chh2-on: 0;--chh2-lift: 0px;--chh2-shadow: 0 0 #0000;--chh2-ring: 0 0 #0000;--chh2-grow: 0;--chh2-img-y: 0px;--chh2-go: 0px;transition:border-color var(--chike-dur-fast) var(--chike-ease),box-shadow .26s var(--chike-ease),transform .26s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card[data-in-bundle=true]{--chh2-ring: inset 0 0 0 2px var(--chike-lime)}[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card[data-recommended=true]{--chh2-ring: inset 0 0 0 1.5px var(--chike-sage-line)}@media(hover:hover)and (pointer:fine){[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card:hover{--chh2-on: 1;transform:translateY(var(--chh2-lift));box-shadow:var(--chh2-ring),var(--chh2-shadow)}}[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card:has(:focus-visible){--chh2-on: 1;transform:translateY(var(--chh2-lift));box-shadow:var(--chh2-ring),var(--chh2-shadow)}[data-variant-key=card-hover]:is([data-layout=h6],[data-layout=h7],[data-layout=h8]) .chike-coll__img{transform-origin:50% 60%;transform:translateY(calc(var(--chh2-on) * var(--chh2-img-y))) scale(calc(1 + var(--chh2-on) * var(--chh2-grow)));transition:transform .28s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h5] .chike-coll__card{--chh2-lift: -5px;--chh2-shadow: 0 1px 2px rgb(20 23 15 / .04), 0 4px 8px -2px rgb(20 23 15 / .05), 0 16px 28px -12px rgb(20 23 15 / .16)}[data-variant-key=card-hover]:is([data-layout=h6],[data-layout=h8]) .chike-coll__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border:var(--chh2-frame-w, 2px) solid var(--fl-rule);border-bottom:0;border-radius:calc(var(--chike-r-card) - 1px) calc(var(--chike-r-card) - 1px) 0 0}[data-variant-key=card-hover][data-layout=h6] .chike-coll__card{--chh2-grow: .02}[data-variant-key=card-hover][data-layout=h6] .chike-coll__media:after{clip-path:inset(calc((1 - var(--chh2-on)) * 100%) 0 0 0);transition:clip-path .3s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h8] .chike-coll__card{--chh2-frame-w: 1.5px;--chh2-lift: -3px;--chh2-grow: .015;--chh2-shadow: 0 1px 2px rgb(20 23 15 / .03), 0 12px 22px -12px rgb(20 23 15 / .12)}[data-variant-key=card-hover][data-layout=h8] .chike-coll__media:after{opacity:calc(var(--chh2-on) * .9);transition:opacity .26s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h7] .chike-coll__card{--chh2-img-y: -4px}[data-variant-key=card-hover][data-layout=h7] .chike-coll__body{position:relative}[data-variant-key=card-hover][data-layout=h7] .chike-coll__card[data-tint] .chike-coll__body:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(4px + var(--chh2-on) * 3px);background:var(--fl-rule);pointer-events:none;transition:height .26s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h7] .chike-coll__media:before{content:"";position:absolute;left:22%;right:22%;bottom:5%;height:6%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#14170f38,#14170f00);opacity:var(--chh2-on);transform:scaleX(calc(.85 + var(--chh2-on) * .15));transition:opacity .28s var(--chike-ease),transform .28s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h9] .chike-coll__card{--chh2-lift: -2px;--chh2-go: 3px;--chh2-shadow: 0 1px 2px rgb(20 23 15 / .04), 0 14px 24px -14px color-mix(in srgb, var(--fl-rule) 45%, transparent)}[data-variant-key=card-hover][data-layout=h9] .chike-coll__name a{text-decoration:none;background-image:linear-gradient(var(--fl-rule),var(--fl-rule));background-repeat:no-repeat;background-position:0 100%;background-size:calc(var(--chh2-on) * 100%) 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .3s var(--chike-ease)}[data-variant-key=card-hover][data-layout=h9] .chike-coll__add-go{display:inline-block;transform:translate(calc(var(--chh2-on) * var(--chh2-go)));transition:transform .24s var(--chike-ease)}[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card :is(.chike-coll__name a,.chike-coll__add):focus-visible{outline:2px solid var(--chike-green-deep);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-variant-key=card-hover]:is([data-layout=h5],[data-layout=h6],[data-layout=h7],[data-layout=h8],[data-layout=h9]) .chike-coll__card{--chh2-lift: 0px;--chh2-grow: 0;--chh2-img-y: 0px;--chh2-go: 0px}[data-variant-key=card-hover][data-layout=h6] .chike-coll__media:after,[data-variant-key=card-hover][data-layout=h9] .chike-coll__name a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/chike-card-hover.css.map */