.FragranceRadar-radarCard{color:#fff;background:radial-gradient(circle at 16% 8%,#d9b66f33,#0000 28%),radial-gradient(circle at 88% 88%,#728b3729,#0000 24%),#101010;border:1px solid #ffffff1a;border-radius:var(--radius-lg);grid-column:1/-1;padding:clamp(26px,4vw,48px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000029}.FragranceRadar-radarCard:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:34px 34px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.FragranceRadar-header,.FragranceRadar-content{z-index:1;position:relative}.FragranceRadar-header{grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:end;gap:22px 48px;margin-bottom:22px;display:grid}.FragranceRadar-eyebrow{color:var(--color-gold-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.FragranceRadar-header h3{color:#fff;text-wrap:balance;margin:0;font-size:clamp(34px,4.2vw,58px);line-height:.98}.FragranceRadar-header p{color:#fff9;max-width:44ch;margin:0;font-size:15px;line-height:1.65}.FragranceRadar-content{grid-template-columns:minmax(320px,.95fr) minmax(300px,.7fr);align-items:center;gap:clamp(26px,4vw,64px);display:grid}.FragranceRadar-chartWrap{place-items:center;min-width:0;display:grid}.FragranceRadar-chart{width:min(100%,520px);overflow:visible}.FragranceRadar-gridPolygon{fill:#ffffff04;stroke:#ffffff26;stroke-width:1px}.FragranceRadar-axisLine{stroke:#ffffff1f;stroke-width:1px}.FragranceRadar-dataPolygon{fill:url(#essenzeRadarFill);stroke:var(--color-gold-light);stroke-width:2px;stroke-linejoin:round;transform-origin:170px 170px;animation:1.1s cubic-bezier(.22,1,.36,1) both radarReveal}.FragranceRadar-metricPoint{outline:none}.FragranceRadar-dot{stroke:#ffffffe0;stroke-width:2px;transition:r .2s,filter .2s}.FragranceRadar-metricPoint:hover .FragranceRadar-dot,.FragranceRadar-metricPoint:focus .FragranceRadar-dot{r:9;filter:drop-shadow(0 0 9px)}.FragranceRadar-axisLabel{fill:#ffffffb8;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.FragranceRadar-metricList{gap:8px;display:grid}.FragranceRadar-metricRow{background:#ffffff0b;border:1px solid #ffffff17;border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:12px 14px;transition:background .25s,border-color .25s,transform .25s;display:grid}.FragranceRadar-metricRow:hover{background:#ffffff13;border-color:#d9b66f57;transform:translate(4px)}.FragranceRadar-metricColor{border-radius:var(--radius-pill);width:9px;height:34px}.FragranceRadar-metricRow div{min-width:0}.FragranceRadar-metricRow div span,.FragranceRadar-metricRow strong{display:block}.FragranceRadar-metricRow div span{color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.FragranceRadar-metricRow strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.FragranceRadar-metricScore{color:#ffffff8f;font-size:12px;font-weight:700}.FragranceRadar-pending{font-style:italic;color:#ffffff61!important;font-weight:500!important}.FragranceRadar-red{fill:#d84b43;color:#d84b43;background:#d84b43}.FragranceRadar-orange{fill:var(--color-gold-light);color:var(--color-gold-light);background:var(--color-gold)}.FragranceRadar-gold{fill:var(--color-gold-light);color:var(--color-gold-light);background:var(--color-gold-light)}.FragranceRadar-lime{fill:#9dae42;color:#9dae42;background:#9dae42}.FragranceRadar-green{fill:#4e9d5d;color:#4e9d5d;background:#4e9d5d}.FragranceRadar-neutral{fill:#5b5b5b;color:#5b5b5b;background:#5b5b5b}@keyframes radarReveal{0%{opacity:0;transform:scale(.18)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media(max-width:900px){.FragranceRadar-header,.FragranceRadar-content{grid-template-columns:1fr}.FragranceRadar-header{align-items:start}.FragranceRadar-chart{width:min(100%,470px)}.FragranceRadar-metricList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.FragranceRadar-radarCard{border-radius:var(--radius-md);padding:24px 14px 18px}.FragranceRadar-header{padding-inline:6px}.FragranceRadar-header h3{font-size:clamp(34px,11vw,46px)}.FragranceRadar-header p{font-size:14px}.FragranceRadar-chart{width:100%}.FragranceRadar-axisLabel{letter-spacing:.035em;font-size:11px}.FragranceRadar-metricList{grid-template-columns:1fr}.FragranceRadar-metricRow{min-height:58px}}@media(prefers-reduced-motion:reduce){.FragranceRadar-dataPolygon{animation:none}.FragranceRadar-metricRow,.FragranceRadar-dot{transition:none}}@media(max-width:700px){.FragranceRadar-metricRow strong{white-space:normal;text-overflow:clip;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ess-FragranceRadar.css.map */
