.product-role{background:#000;color:#fff;padding:40px 0;text-align:center}.product-role__container{display:flex;flex-direction:column;align-items:center;gap:48px}.product-role_titles{display:flex;flex-direction:column;align-items:center;gap:12px}.product-role__logo img{height:auto}.product-role-header-container{display:flex;flex-direction:column;align-items:center;gap:36px}.product-role__heading{font-family:var(--font-body);font-size:36px;font-weight:600;background:linear-gradient(90deg,#b88a00,#efbf04 28.85% 54.33%,#efbf04 75.48%,#b88a00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-role__desc{color:#fff;font-family:var(--font-body);font-size:14px;font-weight:500}.product-role__card{display:flex;flex-direction:column;gap:18px}.product-role__cards{display:flex;justify-content:center;gap:21px}.product-role__card{transform:translateZ(0);will-change:transform,opacity;transition:transform .18s ease,box-shadow .18s ease}.product-role__card:active{transform:scale(.98)}.product-role-cards-wrapper{flex:1;max-width:500px;min-height:300px;border-radius:20px;background:#161616;padding:32px;border:1px solid #2a2a2a;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.product-role-cards-wrapper:hover{border-color:#efbf04e6;box-shadow:0 0 60px #efbf0440}.product-role__loader{background:#efbf041f;border:1px solid rgba(239,191,4,.6);color:#efbf04;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(-5px);transition:all .3s ease;pointer-events:none}.product-role-cards-wrapper.is-loading .product-role__loader{opacity:1;transform:translateY(0)}.product-role-cards-wrapper.is-loading{border:2px solid #efbf04;box-shadow:0 0 60px #efbf0440}.product-role-cards-wrapper .product-role__loader{opacity:0;transition:opacity .2s ease,transform .2s ease}.loader-dot{width:10px;height:10px;border-radius:50%;border:2px solid #efbf04;border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-role__icon{display:flex;justify-content:space-between;align-items:center}.product-role__icon svg{border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#181818;transition:all .3s ease;padding:10px}.product-role-cards-wrapper:hover .product-role__icon svg{fill:#efbf04;background:#a0892d2e}.product-role-card-header-content{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:10px;width:100%}.product-role__title{color:#fff;font-family:var(--font-heading);font-size:28px;font-weight:700;background:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-role__subtitle{color:#fff;text-align:left;font-family:var(--font-body);font-size:14px;font-weight:400;max-width:330px}.product-role__features{display:flex;gap:10px;justify-content:left;flex-wrap:wrap}.product-role__pill{padding:8px 16px;border-radius:999px;background:#1f1f1f;border:1px solid #2a2a2a;font-size:14px;font-weight:500;font-family:var(--font-ui);color:#dcdcdc;transition:all .3s ease}.subtitle-feature{display:flex;flex-direction:column;gap:30px;align-items:flex-start}.product-role__note{color:#757575;text-align:center;font-family:var(--font-ui);font-size:14px;font-weight:400}@media(max-width:768px){.product-role-header-container{gap:24px}.product-role{padding:38px 16px 0;height:100vh;height:100svh;min-height:-webkit-fill-available;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:999;overscroll-behavior:contain}.product-role__container{gap:32px}.product-role_titles{gap:10px;padding:0 8px}.product-role__heading{font-size:24px;line-height:1.3;text-align:center}.product-role__desc{font-size:14px;font-weight:500;max-width:100%;line-height:1.6;text-align:center}.product-role__card{gap:25px}.product-role__cards{flex-direction:column;gap:20px;width:100%}.product-role-card-header-content{gap:6px}.product-role__small{font-size:13px}.product-role__title{font-size:20px;text-align:center}.product-role__subtitle{font-size:12px;line-height:1.5;white-space:normal;text-align:left;max-width:290px}.product-role-cards-wrapper{padding:20px}.subtitle-feature{gap:16px}.product-role__note{font-size:12px;line-height:1.5;padding:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/product-role-selection-popup.css.map */