.kit-banner{--kit-accent: #02c8c2;display:grid;align-content:space-between;gap:28px;min-height:calc(100svh - var(--kit-banner-top, 0px));padding:clamp(36px,5vw,72px) var(--grid-padding, 20px);position:relative;overflow:hidden;background:#000;color:#fff}.kit-banner>:not(contour-background){position:relative}.kit-banner>.kit-banner__skip{position:absolute;top:clamp(24px,3vw,40px);right:clamp(24px,3vw,40px);z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:none;color:inherit;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}.kit-banner__skip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.kit-banner>.kit-banner__skip:hover{border-color:#fff;transform:rotate(90deg)}.kit-banner__intro{display:grid;gap:20px}.kit-banner__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.kit-banner__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kit-accent)}.kit-banner__heading{margin:0;color:inherit;font-size:clamp(36px,6vw,96px);font-weight:700;line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.kit-banner__text{max-width:560px;margin:0;font-size:16px;line-height:1.5}.kit-banner__kits{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.3)}.kit-banner__kit{display:grid;grid-template-columns:48px 1fr auto 32px;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.3);color:inherit;text-decoration:none;transition:padding .4s cubic-bezier(.16,1,.3,1),color .3s}.kit-banner__index,.kit-banner__pieces,.kit-banner__from{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.kit-banner__name{display:grid;gap:6px;font-size:clamp(18px,2vw,26px);font-weight:700;text-transform:uppercase}.kit-banner__price{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums}.kit-banner__price s{opacity:.45}.kit-banner__price strong{font-size:clamp(18px,1.8vw,22px)}.kit-banner__arrow{font-size:20px;transition:transform .4s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.kit-banner__kit:hover{padding-inline:16px;color:var(--kit-accent)}.kit-banner__kit:hover .kit-banner__arrow{transform:translate(6px)}}@media(max-width:767px){.kit-banner__kit{grid-template-columns:1fr auto}.kit-banner__index,.kit-banner__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-kit-banner.css.map */
