.ag-glass-benefits{--ag-gap-m: 10px;--ag-gap-d: 12px;--ag-radius: 16px;--ag-item-radius: 14px;--ag-accent: #A5B4FC;--ag-emoji-m: 18px;--ag-emoji-d: 21px;--ag-line-clamp: 2;--ag-bubble-op: .09;--ag-bubble-min: 10px;--ag-bubble-max: 24px;--ag-blur: 12px;width:100%}.ag-glass-benefits__title{font-size:.875rem;font-weight:600;margin:0 0 10px;color:var(--color-foreground-heading, #1f2937);letter-spacing:-.01em}.ag-glass-benefits__surface{position:relative;padding:14px;border-radius:var(--ag-radius);overflow:hidden;background:linear-gradient(180deg,#ffffffbf,#ffffff73);border:1px solid rgba(0,0,0,.065);box-shadow:0 10px 28px #0000000e;-webkit-backdrop-filter:blur(var(--ag-blur)) saturate(160%);backdrop-filter:blur(var(--ag-blur)) saturate(160%)}.ag-glass-benefits__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ag-bubble{position:absolute;left:var(--x, 50%);bottom:var(--y, 100%);width:var(--s, 16px);height:var(--s, 16px);border-radius:50%;pointer-events:none;background:radial-gradient(circle at 42% 42%,color-mix(in srgb,var(--ag-accent) 48%,rgba(255,255,255,.88)) 0%,color-mix(in srgb,var(--ag-accent) 28%,rgba(255,255,255,.45)) 50%,transparent 70%);opacity:0;transform:translate(-50%) translateY(0);will-change:transform,opacity;animation:agBubbleFloat var(--dur, 24s) var(--delay, 0s) ease-in-out infinite}@keyframes agBubbleFloat{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.75)}10%{opacity:var(--ag-bubble-op, .09)}50%{opacity:calc(var(--ag-bubble-op, .09) * 1.15)}90%{opacity:calc(var(--ag-bubble-op, .09) * .3)}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px))) translateY(-260%) scale(.85)}}.ag-glass-benefits__grid{position:relative;z-index:1;display:grid;gap:var(--ag-gap-m);list-style:none;margin:0;padding:0}.ag-glass-benefits[data-cols-m="1"] .ag-glass-benefits__grid{grid-template-columns:1fr}.ag-glass-benefits[data-cols-m="2"] .ag-glass-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.ag-glass-benefits__grid{gap:var(--ag-gap-d)}.ag-glass-benefits[data-cols-d="1"] .ag-glass-benefits__grid{grid-template-columns:1fr}.ag-glass-benefits[data-cols-d="2"] .ag-glass-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ag-glass-benefit{position:relative;border-radius:var(--ag-item-radius);overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#ffffffd1,#ffffff59);border:1px solid rgba(0,0,0,.082);box-shadow:0 8px 20px #0001,inset 0 1px #ffffff94;-webkit-backdrop-filter:blur(calc(var(--ag-blur) - 2px)) saturate(170%);backdrop-filter:blur(calc(var(--ag-blur) - 2px)) saturate(170%);transition:transform .16s ease,box-shadow .16s ease}.ag-glass-benefit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff52,#fff0 55%);pointer-events:none;z-index:1}.ag-glass-benefit:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse 75% 110% at 50% 110%,color-mix(in srgb,var(--ag-accent) 28%,transparent) 0%,transparent 60%);opacity:.14;z-index:-1;filter:blur(3px);pointer-events:none;transition:opacity .16s ease}.ag-glass-benefit__inner{display:flex;align-items:center;gap:7px;padding:10px 13px;position:relative;z-index:2;min-height:44px}@media screen and (max-width:749px){.ag-glass-benefits[data-cols-m="2"] .ag-glass-benefit__inner{padding:9px 11px;min-height:40px;gap:6px}}.ag-glass-benefit__emoji{font-size:var(--ag-emoji-m);line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}@media screen and (min-width:750px){.ag-glass-benefit__emoji{font-size:var(--ag-emoji-d)}}.ag-glass-benefit__text{font-size:.8125rem;font-weight:500;color:var(--color-foreground, #374151);line-height:1.32;display:-webkit-box;-webkit-line-clamp:var(--ag-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.ag-glass-benefits[data-cols-m="2"] .ag-glass-benefit__text{font-size:.75rem}}@media(hover:hover)and (pointer:fine){.ag-glass-benefit:hover{transform:translateY(-1px);box-shadow:0 10px 26px #00000014,inset 0 1px #ffffff9e}.ag-glass-benefit:hover:after{opacity:.22}}@media(prefers-reduced-motion:reduce){.ag-bubble{animation:none;display:none}.ag-glass-benefit{transition:none}.ag-glass-benefit:after{transition:none}}@supports not (background: color-mix(in srgb,red 50%,blue)){.ag-bubble{background:radial-gradient(circle at 42% 42%,rgba(165,180,252,.48) 0%,rgba(165,180,252,.25) 50%,transparent 70%)}.ag-glass-benefit:after{background:radial-gradient(ellipse 75% 110% at 50% 110%,rgba(165,180,252,.18) 0%,transparent 60%)}}@media(prefers-color-scheme:dark){.ag-glass-benefits__surface{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-color:#ffffff14;box-shadow:0 10px 28px #00000040}.ag-glass-benefit{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#ffffff1f;box-shadow:0 8px 20px #0003,inset 0 1px #ffffff1a}.ag-glass-benefit:before{background:linear-gradient(145deg,#ffffff1f,#fff0 55%)}.ag-glass-benefit__text{color:var(--color-foreground, #e5e7eb)}.ag-glass-benefits__title{color:var(--color-foreground-heading, #f3f4f6)}.ag-bubble{background:radial-gradient(circle at 42% 42%,color-mix(in srgb,var(--ag-accent) 62%,rgba(255,255,255,.85)) 0%,color-mix(in srgb,var(--ag-accent) 40%,rgba(255,255,255,.4)) 50%,transparent 70%)}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/ag-glass-benefits.css.map */