.card__quality-tier,.card__mood{transition:opacity var(--duration-long) ease}.e420-card-media-flower-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:stretch;justify-content:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-long) ease}.card-wrapper .media.media--hover-effect>img{transition:opacity var(--duration-long) ease,transform var(--duration-long) ease}@media screen and (min-width: 990px){.card-wrapper:hover .media.media--hover-effect .e420-card-media-flower-overlay{opacity:1!important;visibility:visible!important}.card-wrapper:hover .media.media--hover-effect:has(.e420-card-media-flower-overlay)>img:first-child:not(:only-child){opacity:1}}@media screen and (min-width: 990px){.card__media .media.media--hover-effect .e420-card-extra-media{display:none}}.e420-card-media-flower-overlay .e420-flower-card{--e420-flower-bg: #020617;--e420-flower-fg: #ffffff;--e420-flower-border: rgba(255, 255, 255, .8);--e420-flower-radius: 12px;--e420-flower-pad: 20px;color:var(--e420-flower-fg);padding:var(--e420-flower-pad);height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;row-gap:8px;border-radius:var(--e420-flower-radius);overflow:hidden;container-type:size;background:radial-gradient(1px 1px at 5% 12%,rgba(248,250,252,.95) 0,transparent 55%),radial-gradient(1px 1px at 14% 32%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 22% 8%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 28% 46%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 36% 20%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 44% 38%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 52% 16%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 60% 30%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 68% 12%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 78% 26%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1px 1px at 88% 18%,rgba(248,250,252,.9) 0,transparent 55%),radial-gradient(1.2px 1.2px at 10% 70%,rgba(96,165,250,.85) 0,transparent 60%),radial-gradient(1.2px 1.2px at 26% 78%,rgba(56,189,248,.8) 0,transparent 60%),radial-gradient(1.2px 1.2px at 40% 60%,rgba(129,140,248,.85) 0,transparent 60%),radial-gradient(1.2px 1.2px at 55% 82%,rgba(56,189,248,.8) 0,transparent 60%),radial-gradient(1.2px 1.2px at 70% 68%,rgba(96,165,250,.85) 0,transparent 60%),radial-gradient(1.2px 1.2px at 84% 76%,rgba(56,189,248,.8) 0,transparent 60%),radial-gradient(1.6px 1.6px at 18% 56%,rgba(248,250,252,.95) 0,transparent 65%),radial-gradient(1.6px 1.6px at 46% 10%,rgba(248,250,252,.95) 0,transparent 65%),radial-gradient(1.6px 1.6px at 72% 44%,rgba(248,250,252,.95) 0,transparent 65%),radial-gradient(1.6px 1.6px at 90% 60%,rgba(248,250,252,.95) 0,transparent 65%),linear-gradient(to bottom right,#191a2e,#14213f,#191a2e)}.e420-card-media-flower-overlay .e420-flower-card-inner{display:flex;flex-direction:column;gap:8px}.e420-card-media-flower-overlay .e420-flower-row+.e420-flower-row{border-top:2px solid var(--e420-flower-border);padding-top:6px}.e420-card-media-flower-overlay .e420-flower-row-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);align-items:start;column-gap:10px}.e420-card-media-flower-overlay .e420-flower-label,.e420-card-media-flower-overlay .e420-flower-value{font-weight:400;font-size:clamp(10px,3.2cqw,18px);line-height:1.2;text-align:left}.e420-card-media-flower-overlay .e420-flower-potency{display:flex;align-items:center;justify-content:flex-start;gap:8px}.e420-card-media-flower-overlay .e420-flower-potency-text{font-weight:400;font-size:clamp(10px,3.2cqw,18px);line-height:1.2;flex-shrink:0}.e420-card-media-flower-overlay .e420-flower-potency-gauge{position:relative;width:clamp(90px,28cqw,200px);height:clamp(10px,2.5cqw,18px);border-radius:999px;border:2px solid #ffffff;padding:2px;box-sizing:border-box;overflow:hidden}.e420-card-media-flower-overlay .e420-flower-potency-fill{display:block;width:var(--e420-potency-fill, 60%);height:100%;border-radius:999px;background:linear-gradient(90deg,#ffffff40,#fff)}@supports (width: 1cqw){.e420-card-media-flower-overlay .e420-flower-card{row-gap:2.5cqw}.e420-card-media-flower-overlay .e420-flower-row-inner{column-gap:1.5cqw}.e420-card-media-flower-overlay .e420-flower-label,.e420-card-media-flower-overlay .e420-flower-value{font-size:clamp(9px,4.5cqw,22px)}.e420-card-media-flower-overlay .e420-flower-potency{gap:2cqw}.e420-card-media-flower-overlay .e420-flower-potency-text{font-size:clamp(9px,3.2cqw,22px)}.e420-card-media-flower-overlay .e420-flower-potency-gauge{width:30cqw;max-width:180px;height:2.2cqw;min-height:10px;border-width:.3cqw;padding:.4cqw}}@media screen and (min-width: 990px){.card-wrapper:hover .media.media--hover-effect .e420-card-media-flower-overlay{opacity:1!important;visibility:visible!important}.card-wrapper:hover .media.media--hover-effect:has(.e420-card-media-flower-overlay)>img:first-child:not(:only-child){opacity:1}.card-wrapper:has(.e420-card-media-flower-overlay):hover .card__quality-tier,.card-wrapper:has(.e420-card-media-flower-overlay):hover .card__mood{opacity:0}}@media screen and (max-width: 989px){.card__media .media.media--hover-effect[data-e420-slide]{position:relative;overflow:hidden;touch-action:pan-y;width:100%;height:100%}.card__media .media.media--hover-effect[data-e420-slide]>.e420-card-pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform var(--duration-long) ease,opacity var(--duration-long) ease;opacity:1!important;transform:translate(calc((var(--e420-slide-index, 1) - var(--e420-slide, 1)) * 100%))}.card__media .media.media--hover-effect[data-e420-slide]>.e420-card-media-flower-overlay{opacity:1;visibility:visible;pointer-events:auto}.card__quality-tier,.card__mood{transition:opacity var(--duration-long) ease}.card__inner:has(.card__media .media.media--hover-effect[data-e420-slide]:not([data-e420-slide="1"])) .card__quality-tier,.card__inner:has(.card__media .media.media--hover-effect[data-e420-slide]:not([data-e420-slide="1"])) .card__mood{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/869/assets/e420-flower-info-card.css.map */