.m-gp-preview__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.m-gp-preview__label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gp-accent);margin-bottom:12px}.m-gp-preview__label svg{opacity:.7}.m-gp-preview__heading{margin-bottom:8px}.m-gp-preview__heading em,.m-gp-preview__heading i{font-style:normal;color:var(--gp-accent)}.m-gp-preview__description{font-size:15px;color:rgba(var(--color-foreground),.5);max-width:540px;line-height:1.6}.m-gp-preview__tabs{margin-bottom:48px}.m-gp-preview__tab{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.m-gp-preview__tab-badge{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--gp-secondary);background:rgba(var(--gp-secondary-rgb),.12);padding:2px 8px;border-radius:3px;line-height:1.4}.m-gp-preview__tab.active{color:var(--gp-accent)}.m-gp-preview__tab.active:after{background-color:var(--gp-accent)}.m-gp-preview__panel{display:none;--gp-gap: 40px}.m-gp-preview__panel.active{display:block}.m-gp-preview__panels:not(:has(.m-gp-preview__panel.active)) .m-gp-preview__panel:first-child{display:block}.m-gp-preview__panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gp-gap);align-items:stretch;animation:gpPanelIn .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes gpPanelIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-gp-preview__video{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(var(--gp-accent-rgb),.15);background:rgba(var(--color-foreground),.03);aspect-ratio:16 / 9}.m-gp-preview__video-inner{width:100%;height:100%}.m-gp-preview__video video,.m-gp-preview__video iframe{width:100%;height:100%;object-fit:cover;display:block}.m-gp-preview__poster{position:relative;width:100%;height:100%;display:block;border:none;padding:0;background:none;cursor:pointer}.m-gp-preview__video-cover{position:absolute;top:0;right:0;bottom:0;left:0}.m-gp-preview__video-cover img{width:100%;height:100%;object-fit:cover}.m-gp-preview__video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:2px solid rgba(var(--gp-accent-rgb),.5);background:rgba(var(--gp-accent-rgb),.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transition:all .35s;z-index:3;color:#fff}.m-gp-preview__video-play svg{margin-left:4px}.m-gp-preview__poster:hover .m-gp-preview__video-play{background:rgba(var(--gp-accent-rgb),.35);border-color:var(--gp-accent);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 40px rgba(var(--gp-accent-rgb),.3)}.m-gp-preview__video-label{position:absolute;top:16px;left:16px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);background:rgba(var(--color-background),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:3px;display:flex;align-items:center;gap:6px;z-index:2}.m-gp-preview__video-label svg{color:var(--gp-accent)}.m-gp-preview__video-duration{position:absolute;bottom:16px;right:16px;font-size:11px;font-weight:600;color:rgba(var(--color-foreground),.5);background:rgba(var(--color-background),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:3px;z-index:2}.m-gp-preview__graphic{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(var(--gp-accent-rgb),.15);background:rgba(var(--color-foreground),.03);display:flex;flex-direction:column}.m-gp-preview__graphic-img{position:relative;flex:1;overflow:hidden}.m-gp-preview__graphic-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.m-gp-preview__graphic:hover .m-gp-preview__graphic-img img{transform:scale(1.04)}.m-gp-preview__graphic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--color-background),.9) 0%,transparent 50%);pointer-events:none}.m-gp-preview__graphic-info{position:absolute;bottom:0;left:0;right:0;padding:28px;z-index:2}.m-gp-preview__graphic-tag{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gp-secondary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.m-gp-preview__graphic-title{font-size:clamp(20px,2.5vw,32px);font-weight:700;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:6px}.m-gp-preview__graphic-desc{font-size:14px;color:rgba(var(--color-foreground),.45);line-height:1.6}.m-gp-preview__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gp-gap);margin-top:var(--gp-gap)}.m-gp-preview__field{background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--gp-accent-rgb),.12);border-radius:6px;padding:12px 14px}.m-gp-preview__field-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gp-accent);opacity:.85;margin-bottom:6px}.m-gp-preview__field-text{font-size:13px;line-height:1.65;color:rgba(var(--color-foreground),.7)}.m-gp-preview__stats{display:flex;gap:48px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(var(--gp-accent-rgb),.08)}.m-gp-preview__stat{display:flex;flex-direction:column;gap:4px}.m-gp-preview__stat-value{font-size:28px;font-weight:700;letter-spacing:-.04em;color:var(--gp-accent)}.m-gp-preview__stat-label{font-size:12px;color:rgba(var(--color-foreground),.35);text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width:767px){.m-gp-preview__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.m-gp-preview__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.m-gp-preview__tab{white-space:nowrap;padding:8px 0;font-size:12px}.m-gp-preview__panel{--gp-gap: 20px}.m-gp-preview__panel-grid{grid-template-columns:1fr}.m-gp-preview__stats{gap:20px;flex-wrap:wrap}.m-gp-preview__stat-value{font-size:22px}.m-gp-preview__video-play{width:60px;height:60px}.m-gp-preview__video-play svg{width:20px;height:20px}.m-gp-preview__graphic-info{padding:20px}}@media screen and (max-width:1024px)and (min-width:768px){.m-gp-preview__panel{--gp-gap: 24px}.m-gp-preview__stats{gap:32px;flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gameplan-preview.css.map */