html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}wof-grid{display:block;background:#fcf7ed;font-family:DM Sans,Barlow,system-ui,sans-serif;position:relative;overflow:hidden}wof-grid{padding-top:56px}@media(min-width:40rem){wof-grid{padding-top:96px}}.wof-section-head{text-align:center;margin:0 auto 48px;padding:0 16px}@media(min-width:640px){.wof-section-head{margin-bottom:80px}}.wof-section-superlabel{color:#ff30cc66;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-family:DM Sans,Barlow,system-ui,sans-serif!important;opacity:0;transition:opacity 1s ease,letter-spacing 1s ease}.wof-section-head.is-visible .wof-section-superlabel{opacity:1;letter-spacing:.3em}.wof-section-title{font-size:36px;font-family:Fraunces,Georgia,serif!important;font-weight:700!important;color:#1a1a1a;line-height:1.1;margin:0 0 20px;opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.wof-section-title{font-size:48px}}@media(min-width:1024px){.wof-section-title{font-size:60px}}.wof-section-head.is-visible .wof-section-title{opacity:1;transform:none}.wof-section-title .wof-shimmer-text{margin-left:.25em;margin-right:.25em}.wof-shimmer-text{background:linear-gradient(90deg,#1a1a1a,#ff30cc,#ccfd28,#ff30cc,#1a1a1a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wof-shimmer 4s linear infinite}@keyframes wof-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.wof-section-sub{font-size:14px;color:#1a1a1a4d;max-width:448px;margin:0 auto;line-height:1.6;opacity:0;transform:translateY(20px);transition:opacity .6s ease .2s,transform .6s ease .2s;font-family:DM Sans,Barlow,system-ui,sans-serif!important}@media(min-width:40rem){.wof-section-sub{font-size:16px}}.wof-section-head.is-visible .wof-section-sub{opacity:1;transform:none}.wof-section-sub__note{color:#ff30cc66;font-size:12px;font-style:italic}.wof-section-drip{height:1px;max-width:100px;margin:32px auto 0;background:linear-gradient(90deg,transparent,#ff30cc,transparent);transform:scaleX(0);transform-origin:center;transition:transform .8s ease .4s}.wof-section-head.is-visible .wof-section-drip{transform:scaleX(1)}.wof-grid-wrap{max-width:1280px;margin:40px auto 0;padding:0 12px}@media(min-width:640px){.wof-grid-wrap{padding:0 24px}}.wof-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.wof-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1024px){.wof-grid{grid-template-columns:repeat(3,1fr)}}.wof-card-wrap{opacity:0;transform:translateY(40px) scale(.95);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.wof-card-wrap[data-variant="0"]{transform:translateY(60px) scale(.92);filter:blur(8px)}.wof-card-wrap[data-variant="1"]{transform:translate(-40px) rotateY(6deg) scale(.95)}.wof-card-wrap[data-variant="2"]{transform:translate(40px) rotateY(-6deg) scale(.95)}.wof-card-wrap[data-variant="3"]{transform:translateY(80px) rotateX(5deg) scale(.9)}.wof-card-wrap[data-variant="4"]{transform:scale(.7) rotate(-2deg)}.wof-card-wrap.is-visible{opacity:1;transform:none;filter:none}.wof-card-wrap--legendary{grid-column:1 / -1}@media(min-width:640px){.wof-card-wrap--hall-of-fame{grid-column:span 2}}.wof-card{display:block;border-radius:16px;overflow:hidden;position:relative;height:100%;cursor:default;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.wof-card:hover{transform:translateY(-10px);box-shadow:var(--wof-card-hover-shadow, 0 28px 64px rgba(0, 0, 0, .1))}}.wof-card--legendary{background:linear-gradient(135deg,#fff5f9,#fff,#fffdf0);border:2px solid rgba(255,48,204,.2);box-shadow:0 4px 24px #ff30cc14}.wof-card--standard{background:#fff;border:1px solid rgba(26,26,26,.06);box-shadow:0 1px 8px #0000000a}@keyframes wof-hof-glow{0%,to{box-shadow:inset 0 0 15px var(--wof-accent-glow, rgba(255, 107, 157, .06))}50%{box-shadow:inset 0 0 30px var(--wof-accent-glow, rgba(255, 107, 157, .12))}}.wof-card--hall-of-fame{animation:wof-hof-glow 3s ease-in-out infinite}.wof-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--wof-accent-glow, rgba(255, 48, 204, .12)),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:0}@media(hover:hover)and (pointer:fine){.wof-card:hover:before{opacity:1}}.wof-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:200% 200%;pointer-events:none;opacity:0;transition:opacity .3s ease;border-radius:inherit;animation:wof-wet-shimmer 3s ease-in-out infinite;z-index:0}@media(hover:hover)and (pointer:fine){.wof-card:hover:after{opacity:1}}@keyframes wof-wet-shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.wof-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff30cc;animation:wof-sparkle 2s ease-in-out infinite;pointer-events:none}@keyframes wof-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.wof-drops{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden;z-index:1}.wof-drop{position:absolute;top:-10px;width:4px;height:7px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(180deg,#78c8ff80,#78c8ff26);animation:wof-drop-fall var(--dur, 3s) ease-in infinite;animation-delay:var(--del, 0s)}@keyframes wof-drop-fall{0%{transform:translateY(-10px) scaleY(1.3) scaleX(.7);opacity:0}15%{opacity:1}80%{opacity:.8}to{transform:translateY(120px) scaleY(.8) scaleX(1.1);opacity:0}}.wof-card__inner{position:relative;z-index:2;padding:20px;display:flex;flex-direction:column;height:100%}@media(min-width:640px){.wof-card__inner{padding:28px}}.wof-badge{display:inline-block;align-self:flex-start;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:16px;cursor:default}.wof-badge:hover{animation:wof-wiggle .4s ease-in-out}.wof-badge--legendary,.wof-badge--accent-0{background:#ff30cc;color:#fff}.wof-badge--accent-1{background:#ccfd28;color:#1a1a1a}.wof-badge--accent-2{background:#f0c417;color:#1a1a1a}.wof-badge--accent-3{background:#ff6b9d;color:#fff}.wof-badge--accent-4{background:#a78bfa;color:#fff}@keyframes wof-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.wof-pull-quote{font-family:Georgia,Times New Roman,serif;font-style:italic;color:#1a1a1a;line-height:1.3;margin:0 0 16px;position:relative;padding-left:24px}.wof-pull-quote__mark{position:absolute;top:-12px;left:-4px;font-size:48px;color:#ff30cc33;font-family:Georgia,serif;line-height:1;font-style:normal;pointer-events:none}.wof-pull-quote--legendary{font-size:clamp(20px,2vw,24px)}.wof-pull-quote--hall-of-fame{font-size:clamp(18px,1.8vw,20px)}.wof-pull-quote--gold,.wof-pull-quote--gem{font-size:16px}.wof-body{font-size:13px;color:#1a1a1a8c;line-height:1.7;white-space:pre-line;flex:1}.wof-expand-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#ff30cc;font-size:12px;font-weight:600;background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.wof-expand-btn:hover{color:#ff30ccbf}.wof-body-wrap{flex:1;min-height:0;margin-bottom:12px}.wof-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid rgba(26,26,26,.06)}.wof-avatar-row{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:1}.wof-avatar-row>div{min-width:0;overflow:hidden}.wof-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;position:relative}.wof-reviewer-name{font-family:cursive;font-family:Caveat!important;font-size:15px;color:#1a1a1a;font-weight:500;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wof-reviewer-product{font-size:11px;color:#1a1a1a4d;line-height:1;margin-top:2px}.wof-lemons{display:flex;gap:2px;font-size:12px;flex-shrink:0}.wof-lemons span{display:inline-block;opacity:0;transform:translateY(10px) scale(0);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),scale .15s ease}.wof-card-wrap.is-visible .wof-lemons span{opacity:1;transform:none}.wof-lemons span:nth-child(1){transition-delay:.1s}.wof-lemons span:nth-child(2){transition-delay:.18s}.wof-lemons span:nth-child(3){transition-delay:.26s}.wof-lemons span:nth-child(4){transition-delay:.34s}.wof-lemons span:nth-child(5){transition-delay:.42s}@keyframes wof-avatar-bounce{0%{scale:1}25%{scale:1.2}50%{scale:.9}75%{scale:1.1}to{scale:1}}@keyframes wof-avatar-ring{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--wof-accent-border, #FF30CC) 25%,transparent)}}@media(hover:hover)and (pointer:fine){.wof-avatar:hover{animation:wof-avatar-bounce .5s ease both}.wof-card-wrap:hover .wof-avatar,wof-card:hover .wof-avatar{animation:wof-avatar-ring 1.5s ease infinite}.wof-card-wrap:hover .wof-avatar:hover,wof-card:hover .wof-avatar:hover{animation:wof-avatar-bounce .5s ease both}}@keyframes wof-lemon-wobble{0%{rotate:0deg}33%{rotate:-20deg}66%{rotate:20deg}to{rotate:0deg}}@media(hover:hover)and (pointer:fine){.wof-lemons span:hover{scale:1.5;animation:wof-lemon-wobble .3s ease both;transition-delay:0s}}.wof-loader{text-align:center;padding:48px 0 24px;color:#1a1a1a66;font-size:13px}.wof-loader__icon{font-size:28px;display:block;margin:0 auto 12px;animation:wof-spin 1.4s linear infinite}@keyframes wof-spin{to{transform:rotate(360deg)}}.wof-footer{text-align:center;padding:48px 16px 64px;color:#1a1a1a59;font-size:11px;line-height:1.8}.wof-footer a{color:#ff30cc;text-decoration:none}.wof-footer a:hover{text-decoration:underline}.wof-footer-logo{height:28px;width:auto;margin:0 auto 16px;display:block;opacity:.35;transition:opacity .3s}.wof-footer-logo:hover{opacity:1}.wof-cta-float{position:fixed;bottom:24px;right:24px;cursor:pointer;border:none;outline:none;z-index:100;background:#ff30cc;color:#fff;font-weight:700;font-size:14px;padding:14px 24px;border-radius:9999px;text-decoration:none;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 0 30px #ff30cc40;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease;pointer-events:none}.wof-cta-float.is-visible{opacity:1;transform:none;pointer-events:auto;animation:wof-cta-pulse 2.5s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.wof-cta-float:hover{transform:scale(1.05);box-shadow:0 0 40px #ff30cc73}}@keyframes wof-cta-pulse{0%{box-shadow:0 0 #ff30cc59}70%{box-shadow:0 0 0 16px #ff30cc00}to{box-shadow:0 0 #ff30cc00}}.wof-count-badge{position:fixed;bottom:24px;left:24px;z-index:100;display:flex;align-items:center;gap:6px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(26,26,26,.06);border-radius:9999px;padding:10px 16px;font-size:12px;font-weight:400;color:#1a1a1a80;box-shadow:0 4px 12px #00000014;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.wof-count-badge.is-visible{opacity:1;transform:none}@media(max-width:639px){.wof-cta-float{bottom:16px;right:auto;left:50%;transform:translate(-50%) translateY(20px);font-size:13px;padding:12px 20px}.wof-cta-float.is-visible{transform:translate(-50%)}.wof-count-badge{bottom:auto;top:calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height) + var(--header-height) * var(--header-visible) + var(--custom-topbar-height) + 16px);left:16px;transform:translateY(-20px);font-size:11px;padding:8px 14px}.wof-count-badge.is-visible{transform:none}}.wof-steam-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.wof-steam-wisp{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,48,204,.06) 0%,transparent 70%);animation:wof-steam-rise var(--steam-dur, 4s) ease-out infinite;animation-delay:var(--steam-delay, 0s);pointer-events:none}@keyframes wof-steam-rise{0%{transform:translateY(0) scaleX(1);opacity:0}20%{opacity:.15}60%{opacity:.08}to{transform:translateY(-80px) scaleX(2);opacity:0}}.wof-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.wof-particle{position:absolute;bottom:-2rem;opacity:0;animation:wof-float-up var(--wof-p-dur, 20s) linear infinite;animation-delay:var(--wof-p-del, 0s)}@keyframes wof-float-up{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{transform:translateY(-10vh) rotate(72deg) scale(1);opacity:.35}90%{transform:translateY(-110vh) rotate(648deg) scale(.8);opacity:.15}to{transform:translateY(-120vh) rotate(720deg) scale(.3);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/wof-grid.css.map */