body:has(.GangMembers){height:100vh!important}@media screen and (min-width: 1008px){body:has(.GangMembers){overflow:hidden!important}}@media screen and (max-width: 1007px){body:has(.GangMembers){overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}body:has(.GangMembers):after{content:"";display:block;height:1px;width:1px;position:absolute;top:100vh;left:0;pointer-events:none;visibility:hidden}}.GangMembers{position:absolute;top:80px;left:0;width:100%;height:calc(100vh - 80px);min-height:calc(100vh - 80px);overflow:hidden;background-color:#fff;z-index:1}.GangMembers__Container{display:flex;width:100%;height:100%;position:relative}.GangMembers__Column{flex:0 0 20%;width:20%;height:100%;position:relative;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1),left .6s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:6;opacity:1;transform:translate(0);left:auto;margin:0;padding:0}.GangMembers__Column[data-column-state=left-off],.GangMembers__Column[data-column-state=right-off]{position:absolute;top:0;height:100%;width:20%;transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:6;opacity:1}.GangMembers__ColumnInner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;opacity:1}.GangMembers__Column:hover .GangMembers__ColumnInner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1.5;pointer-events:none;transition:opacity .3s ease}.GangMembers__BackgroundImage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.GangMembers__BackgroundImage img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;display:block}.GangMembers__BackgroundImage--desktop{display:block}.GangMembers__BackgroundImage--mobile{display:none}@media screen and (max-width: 1007px){.GangMembers__BackgroundImage--desktop{display:none}.GangMembers__BackgroundImage--mobile{display:block}}.GangMembers__BackgroundColor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.GangMembers__Content{position:relative;z-index:2;text-align:center;padding:2rem}.GangMembers__Name{color:#fff;font-size:clamp(2rem,4vw,4rem);font-weight:700;font-family:Archivo Narrow,Arial Narrow,Helvetica Neue,Arial,sans-serif;text-transform:uppercase;margin:0}.GangMembers__Column--active{flex:0 0 20%;position:relative;z-index:10;opacity:1}.GangMembers__Container.GangMembers__Container--has-active .GangMembers__Column--active{position:absolute;top:0}.GangMembers__Column{will-change:transform,flex}.GangMembers__ContentArea{position:absolute;top:0;left:20%;width:80%;height:100%;background-color:#fff;opacity:1;visibility:visible;z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden}.GangMembers__ContentArea img{width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .3s ease}.GangMembers__Loader{width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-top-color:#00000080;border-radius:50%;animation:GangMembers__Spin .8s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes GangMembers__Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width: 1007px){.GangMembers{top:var(--tg-header-height, 80px);height:calc(100vh - var(--tg-header-height, 80px));min-height:calc(100vh - var(--tg-header-height, 80px));max-height:calc(100vh - var(--tg-header-height, 80px))}.GangMembers__Container{flex-direction:column;height:100%}.GangMembers__Column{flex:0 0 20%;width:100%;height:20%;transform:translateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1);left:auto;top:auto}.GangMembers__Column[data-column-state=top-off],.GangMembers__Column[data-column-state=bottom-off]{position:absolute;left:0;width:100%;height:20%;transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:6;opacity:1}.GangMembers__Column--active{flex:0 0 20%;width:100%;height:20%}.GangMembers__Container.GangMembers__Container--has-active .GangMembers__Column--active{position:absolute;left:0}.GangMembers__ContentArea{position:absolute;top:20%;left:0;width:100%;height:80%}.GangMembers__Spacer{flex:0 0 20%!important;width:100%!important;height:20%!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-gang-members.css.map */