.cc-a8g2-hardware{--cc-a8g2-hardware-background: #000;--cc-a8g2-hardware-card-background: rgba(37, 38, 42, .92);--cc-a8g2-hardware-card-active-background: rgba(48, 49, 54, .96);--cc-a8g2-hardware-heading-color: #f5f5f7;--cc-a8g2-hardware-body-color: #f5f5f7;--cc-a8g2-hardware-mobile-body-color: #86868b;--cc-a8g2-hardware-desktop-heading-size: 16px;--cc-a8g2-hardware-desktop-body-size: 16px;--cc-a8g2-hardware-mobile-heading-size: 30px;--cc-a8g2-hardware-mobile-body-size: 16px;--cc-a8g2-hardware-mobile-side-space: 35px;--cc-a8g2-hardware-mobile-media-body-gap: 50px;--cc-a8g2-hardware-mobile-entry-space: 150px;--cc-a8g2-hardware-mobile-unit-space: 150px;--cc-a8g2-hardware-mobile-exit-space: 150px;width:100%;overflow:clip;background:var(--cc-a8g2-hardware-background);color:var(--cc-a8g2-hardware-heading-color)}.cc-a8g2-hardware,.cc-a8g2-hardware *{box-sizing:border-box}.cc-a8g2-hardware-desktop{display:none}.cc-a8g2-hardware-mobile{display:block;padding-top:var(--cc-a8g2-hardware-mobile-entry-space);padding-bottom:var(--cc-a8g2-hardware-mobile-exit-space)}.cc-a8g2-hardware-mobile-unit+.cc-a8g2-hardware-mobile-unit{margin-top:var(--cc-a8g2-hardware-mobile-unit-space)}.cc-a8g2-hardware-mobile-media,.cc-a8g2-hardware-mobile-picture{position:relative;display:block;width:100%}.cc-a8g2-hardware-mobile-image{display:block;width:100%;height:auto}.cc-a8g2-hardware-mobile-heading{position:absolute;top:96px;left:var(--cc-a8g2-hardware-mobile-side-space);z-index:1;max-width:calc(100% - (var(--cc-a8g2-hardware-mobile-side-space) * 2));margin:0;color:var(--cc-a8g2-hardware-heading-color);font-size:var(--cc-a8g2-hardware-mobile-heading-size);font-weight:400;line-height:1.1;letter-spacing:-.02em;text-align:left}.cc-a8g2-hardware-mobile-heading>span{display:block}.cc-a8g2-hardware-mobile-body{max-width:860px;margin:var(--cc-a8g2-hardware-mobile-media-body-gap) auto 0;padding-inline:var(--cc-a8g2-hardware-mobile-side-space);color:var(--cc-a8g2-hardware-mobile-body-color);font-size:var(--cc-a8g2-hardware-mobile-body-size);font-weight:400;line-height:1.5;letter-spacing:0;text-align:left}.cc-a8g2-hardware-mobile-body>*{margin:0}@media screen and (min-width:769px){.cc-a8g2-hardware{padding-bottom:15.625vw}.cc-a8g2-hardware-mobile{display:none}.cc-a8g2-hardware-desktop{display:block}.cc-a8g2-hardware-stage{position:relative;width:min(83vw,2124px);aspect-ratio:2 / 1;margin-inline:auto;overflow:hidden;border-radius:15px;background:#000}.cc-a8g2-hardware-media,.cc-a8g2-hardware-picture,.cc-a8g2-hardware-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cc-a8g2-hardware-picture{opacity:0;transform:scale(1.018);transition:opacity .52s ease,transform .82s cubic-bezier(.22,1,.36,1)}.cc-a8g2-hardware-picture[data-cc-a8g2-hardware-active=true]{z-index:1;opacity:1;transform:scale(1)}.cc-a8g2-hardware-image{object-fit:cover;object-position:50% 50%}.cc-a8g2-hardware-controls{--cc-a8g2-hardware-controls-scale: clamp(.64, calc(100vw/1280px) , 1);position:absolute;top:50%;left:50px;z-index:4;display:flex;flex-direction:column;gap:34px;align-items:flex-start;width:560px;transform:translateY(-50%) scale(var(--cc-a8g2-hardware-controls-scale));transform-origin:left center}.cc-a8g2-hardware-card{position:relative;interpolate-size:allow-keywords;width:clamp(402px,calc(377px + 1.953vw),427px);height:66px;overflow:hidden;border-radius:999px;background:var(--cc-a8g2-hardware-card-background);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .56s cubic-bezier(.22,1,.36,1),height .56s cubic-bezier(.22,1,.36,1),border-radius .56s cubic-bezier(.22,1,.36,1),background-color .32s ease,transform .32s ease}.cc-a8g2-hardware-card[data-cc-a8g2-hardware-active=true]{width:560px;height:auto;border-radius:48px;background:var(--cc-a8g2-hardware-card-active-background)}.cc-a8g2-hardware-card-heading{margin:0;font:inherit}.cc-a8g2-hardware-card-button{display:inline-flex;align-items:center;width:100%;height:66px;padding:0 42px 0 28px;border:0;background:transparent;color:var(--cc-a8g2-hardware-heading-color);font:inherit;font-size:clamp(var(--cc-a8g2-hardware-desktop-heading-size),calc(var(--cc-a8g2-hardware-desktop-heading-size) - 2px + .15625vw),calc(var(--cc-a8g2-hardware-desktop-heading-size) + 2px));font-weight:700;line-height:1.2;text-align:left;cursor:pointer}.cc-a8g2-hardware-card-button>span:last-child{white-space:nowrap}.cc-a8g2-hardware-card-icon{position:relative;flex:0 0 auto;width:44px;height:44px;margin-right:28px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:#ffffff14}.cc-a8g2-hardware-card-icon:before,.cc-a8g2-hardware-card-icon:after{position:absolute;top:50%;left:50%;width:20px;height:3px;border-radius:999px;background:#fff;content:"";transform:translate(-50%,-50%);transition:transform .26s ease}.cc-a8g2-hardware-card-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.cc-a8g2-hardware-card-panel{max-height:206px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(9px) scale(.98);transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1),visibility 0s linear .52s}.cc-a8g2-hardware-card[data-cc-a8g2-hardware-active=true] .cc-a8g2-hardware-card-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:.1s,.1s,0s}.cc-a8g2-hardware-card-body{padding:0 48px 44px;color:var(--cc-a8g2-hardware-body-color);font-size:clamp(var(--cc-a8g2-hardware-desktop-body-size),calc(var(--cc-a8g2-hardware-desktop-body-size) - 2px + .15625vw),calc(var(--cc-a8g2-hardware-desktop-body-size) + 2px));font-weight:600;line-height:1.7}.cc-a8g2-hardware-card-body>*{margin:0}.cc-a8g2-hardware-close{position:absolute;top:24px;right:24px;z-index:5;display:flex;align-items:center;justify-content:center;width:clamp(42px,5vw,72px);height:clamp(42px,5vw,72px);padding:0;border:0;border-radius:50%;background:#2a2b30eb;color:var(--cc-a8g2-hardware-heading-color);font-size:clamp(30px,3.333vw,48px);font-weight:300;line-height:1;cursor:pointer;transition:background-color .22s ease,transform .22s ease}.cc-a8g2-hardware-close>span{transform:translateY(-.04em)}.cc-a8g2-hardware[data-cc-a8g2-hardware-closed=true] .cc-a8g2-hardware-close{visibility:hidden;opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.cc-a8g2-hardware-card:hover{background:#37383ef5;transform:translate(8px)}.cc-a8g2-hardware-close:hover{background:#46484ef5;transform:scale(1.06)}}.cc-a8g2-hardware-card-button:focus-visible,.cc-a8g2-hardware-close:focus-visible{outline:2px solid #fff;outline-offset:3px}}@media screen and (min-width:1280px)and (max-width:1939px){.cc-a8g2-hardware-card-button{font-size:16px;line-height:1.2}.cc-a8g2-hardware-card-body{font-size:18px;line-height:1.6}}@media screen and (min-width:1940px){.cc-a8g2-hardware-card-button{font-size:16px;line-height:1.2}.cc-a8g2-hardware-card-body{font-size:22px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.cc-a8g2-hardware-picture,.cc-a8g2-hardware-card,.cc-a8g2-hardware-card-icon:before,.cc-a8g2-hardware-card-icon:after,.cc-a8g2-hardware-card-panel,.cc-a8g2-hardware-close{transition:none!important;animation:none!important}.cc-a8g2-hardware-card:hover,.cc-a8g2-hardware-close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cc-a8g2-hardware-features.css.map */
