.l-benefits{--benefit-accent: var(--color-brand-orange, #ffa800);--benefit-ink: #1c1c19;--benefit-muted: #6d6d66;--benefit-surface: #f7f8fa;--benefit-card: #ffffff;--benefit-border: rgba(28, 28, 25, .09);font-family:var(--font-jost-light, inherit)}.l-benefits .benefits{width:100%;padding:clamp(16px,3vw,34px);overflow:hidden;background:var(--benefit-surface);border:1px solid var(--benefit-border);border-radius:clamp(20px,2vw,28px)}.l-benefits .benefits__tabs{display:flex;gap:10px;padding-bottom:3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity}.l-benefits .benefits__tabs::-webkit-scrollbar{display:none}.l-benefits .benefit-tab{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;flex:0 0 min(78vw,280px);gap:13px;min-width:0;min-height:84px;padding:13px 15px;color:rgb(var(--text-color));text-align:left;background:var(--benefit-card);border:1px solid var(--benefit-border);border-radius:16px;box-shadow:0 5px 18px #2420190b;cursor:pointer;scroll-snap-align:start;-webkit-appearance:none;appearance:none;transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.l-benefits .benefit-tab:hover{border-color:#ffa80061;box-shadow:0 9px 24px #24201914}.l-benefits .benefit-tab:focus-visible{outline:3px solid rgba(255,168,0,.45);outline-offset:3px}.l-benefits .benefit-tab[aria-selected=true]{color:var(--benefit-ink);background:#fff9ed;border-color:var(--benefit-accent);box-shadow:inset 0 0 0 1px var(--benefit-accent),0 8px 24px #24201912}.l-benefits .benefit-tab__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f3f3f1;border-radius:13px;transition:background-color .22s ease,transform .22s ease}.l-benefits .benefit-tab[aria-selected=true] .benefit-tab__icon{background:var(--benefit-accent);transform:rotate(-3deg)}.l-benefits .benefit-tab__icon-image{display:block;width:28px;height:28px;object-fit:contain}.l-benefits .benefit-tab__icon-image--active,.l-benefits .benefit-tab--has-active-icon[aria-selected=true] .benefit-tab__icon-image--default{display:none}.l-benefits .benefit-tab--has-active-icon[aria-selected=true] .benefit-tab__icon-image--active{display:block}.l-benefits .benefit-tab__title{display:block;margin:0;color:rgb(var(--heading-color));font-family:var(--font-jost-semibold, inherit);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:-.015em}.l-benefits .benefits__panels{margin-top:12px}.l-benefits .benefit-panel[hidden]{display:none}.l-benefits .benefit-panel{position:relative;display:flex;min-height:230px;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px;overflow:hidden;color:#fff;background:var(--benefit-ink);border-radius:20px;box-shadow:0 18px 48px #1c1c1924;animation:benefit-panel-in .3s ease both}.l-benefits .benefit-panel--has-image{display:grid;grid-template-rows:auto minmax(170px,1fr);align-items:center;gap:22px}.l-benefits .benefit-panel:after{position:absolute;top:-90px;right:-70px;width:230px;height:230px;content:"";border:1px solid rgba(255,168,0,.22);border-radius:50%;box-shadow:0 0 0 32px #ffa80009,0 0 0 64px #ffa80005;pointer-events:none}.l-benefits .benefit-panel__copy{position:relative;z-index:1;min-width:0}.l-benefits .benefit-panel__eyebrow{margin:0 0 8px;color:var(--benefit-accent);font-family:var(--font-jost-semibold, inherit);font-size:11px;font-weight:400;line-height:1;letter-spacing:.12em;text-transform:uppercase}.l-benefits .benefit-panel h3{margin:0;color:#fff;font-family:var(--font-jost-semibold, inherit);font-size:clamp(22px,1.8vw,28px);font-weight:400;line-height:1.2;letter-spacing:-.02em}.l-benefits .benefit-panel__text{max-width:780px;margin:10px 0 0;color:#ffffffb3;font-family:var(--font-jost-light, inherit);font-size:15px;font-weight:400;line-height:1.6}.l-benefits .benefit-panel__media{position:relative;z-index:1;width:100%;height:100%;min-height:170px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 14px 34px #0000003d}.l-benefits .benefit-panel__image{display:block;width:100%;height:100%;object-fit:cover}@keyframes benefit-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media only screen and (min-width:741px){.l-benefits .benefits__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:0;overflow:visible}.l-benefits .benefit-tab{min-height:90px;padding:15px 17px;flex-basis:auto}.l-benefits .benefit-panel{min-height:260px;padding:30px}.l-benefits .benefit-panel--has-image{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);grid-template-rows:1fr;gap:28px}.l-benefits .benefit-panel__media{min-height:200px}}@media only screen and (min-width:1000px){.l-benefits .benefits{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:clamp(16px,2vw,26px);align-items:stretch}.l-benefits .benefits__tabs{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}.l-benefits .benefit-tab{grid-template-columns:48px minmax(0,1fr);min-height:76px;padding:13px 16px;border-radius:17px}.l-benefits .benefit-tab__icon{width:48px;height:48px;border-radius:14px}.l-benefits .benefit-tab__icon-image{width:30px;height:30px}.l-benefits .benefit-tab__title{font-size:clamp(16px,1.2vw,19px)}.l-benefits .benefits__panels{min-width:0;margin-top:0}.l-benefits .benefit-panel{min-height:100%;padding:clamp(30px,3vw,44px);border-radius:22px}.l-benefits .benefit-panel--has-image{grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:clamp(28px,3vw,48px)}.l-benefits .benefit-panel h3{font-size:clamp(26px,2.2vw,34px)}.l-benefits .benefit-panel__text{max-width:560px;font-size:16px}.l-benefits .benefit-panel__media{min-height:230px;max-height:290px;border-radius:18px}}@media only screen and (max-width:740px){.l-benefits .container{padding-inline:12px}.l-benefits .benefits{padding:14px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.l-benefits .benefit-tab,.l-benefits .benefit-tab__icon,.l-benefits .benefit-panel{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/psy-benefits.css.map */