.redirect-page-container{background-color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.redirect-barrel-btn{border-radius:var(--radius-lg);border-color:var(--color-button-background);color:var(--color-text-dark);background-color:#0000;margin:.6em}.redirect-title{color:#000;margin-bottom:2rem;font-family:Serpentine;font-size:2.5rem;font-weight:700}.redirect-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:100px;width:90%;display:grid}.redirect-grid:before{content:"";z-index:1;background:linear-gradient(#ccc,#999,#ccc);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.redirect-container{width:100%;height:100%;min-height:0;box-shadow:none;cursor:pointer;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;padding:2em;font-size:1.2rem;font-weight:700;transition:transform .1s;display:flex;position:relative;overflow-x:hidden}.redirect-text-container{color:var(--color-text-dark);text-shadow:1px 1px #0003;font-size:1.5rem;font-weight:700;position:absolute;bottom:20px;left:20px}.redirect-container p{text-align:left;margin:0;padding:0}.redirect-container:active{transform:scale(.97)}.redirect-container:hover{background-color:#0000;transform:scale(1.02)}.redirect-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:2rem;width:90vw;height:85vh;display:grid;position:relative}.redirect-scroll-container{scroll-snap-type:y mandatory;background:var(--color-background);justify-content:center;align-items:stretch;width:100vw;max-width:100vw;height:45vh;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden auto}.redirect-gradient-line{z-index:10;pointer-events:none;background:linear-gradient(#ccc,#999,#ccc);width:2px;height:30vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.redirect-fade-top,.redirect-fade-bottom{z-index:11;pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);width:100%;height:40px;position:absolute;left:0}.redirect-fade-top{top:0}.redirect-fade-bottom{background:linear-gradient(#fff0,#ffffffe6);bottom:0}.redirect-snap-list{z-index:3;background-color:var(--color-background);flex-direction:column;align-items:stretch;width:100vw;display:flex}.redirect-snap-row{scroll-snap-align:start;z-index:3;filter:drop-shadow(0 -10px 10px #0000000a);flex-direction:row;justify-content:center;align-items:stretch;width:100vw;min-height:45vh;max-height:45vh;display:flex;position:relative;overflow:visible}.redirect-container{min-width:0;height:38vh;min-height:0;box-shadow:none;cursor:pointer;border-radius:var(--radius-lg,18px);opacity:1;background-color:#0000;border:0;outline:none;flex:1 1 0;justify-content:flex-start;align-items:flex-end;margin:1vw 2vw;font-size:1.2rem;font-weight:700;transition:opacity .3s;display:flex;position:relative;overflow:hidden}.redirect-container.empty{box-shadow:none;cursor:default;pointer-events:none;opacity:0;background:0 0}.scroll-gesture{z-index:20;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.arrow-down{opacity:.7;border-bottom:4px solid #bbb;border-left:4px solid #bbb;width:32px;height:32px;margin-top:4px;animation:1.2s infinite bounce-down;transform:rotate(-45deg)}.arrow-up{opacity:.7;border-top:4px solid #bbb;border-left:4px solid #bbb;width:32px;height:32px;margin-bottom:4px;animation:1.2s infinite bounce-up;transform:rotate(45deg)}@keyframes bounce-down{0%{transform:translateY(0)rotate(-45deg)}50%{transform:translateY(12px)rotate(-45deg)}to{transform:translateY(0)rotate(-45deg)}}@keyframes bounce-up{0%{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-12px)rotate(45deg)}to{transform:translateY(0)rotate(45deg)}}.redirect-scroll-container::-webkit-scrollbar{display:none}.redirect-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.main-rifle-display{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 4px 32px #00000012}.main-rifle-image{width:100%;height:100%;transition:background-image .3s;position:relative}.main-rifle-label{color:var(--color-text-dark,#222);text-shadow:1px 1px 8px #ffffffb3;background:#1a1a1a2c;border-radius:12px;font-size:1.3rem;font-weight:700;display:inline-block}.configure-btn{color:var(--color-text-light);border:3px solid var(--color-text-dark);border-radius:var(--border-radius-lg);cursor:pointer;background:#222;padding:.8em 2.5em;font-weight:700;transition:background .2s,color .2s,transform .1s;box-shadow:0 2px 12px #00000014}.configure-btn:hover{color:#ffe;background:#111}.center-absolute{width:fit-content;margin-inline:auto;position:absolute;left:0;right:0}.rifle-thumbnails{border-top:1px solid var(--color-border);justify-content:center;justify-items:center;width:100%;max-width:1200px;display:flex}@media screen and (min-width:1501px){.rifle-thumbnails{height:200px}.rifle-thumb-btn.selected{transform:scale(1.08)}}@media screen and (max-width:1500px){.mobile-con{padding:3em}.rifle-thumbnails{border-top:0;flex-direction:column;margin-top:0;margin-left:1em;margin-right:1em;padding:0}.rifle-thumb-label{padding:0}.stats-container{height:100%;margin:0;top:0;position:relative!important}.stats-child{height:100%}.stats-ul{justify-items:center;flex-direction:column!important}.stats-ul>li>span{text-align:left}.rifle-thumb-btn.selected:after,.rifle-thumb-btn:hover:after{width:80%!important;left:10%!important}}.rifle-thumb-btn{cursor:pointer;background-color:#0000;border:2px solid #0000;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:0;transition:border .2s,box-shadow .2s,transform .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.rifle-thumb-btn:hover{background-color:#0000;border:0;outline:0}.rifle-thumb-btn.selected{box-shadow:none;z-index:2;background-color:#0000;position:relative}.rifle-thumb-btn.selected:after{content:"";z-index:3;background:linear-gradient(270deg,#ad7171,#ffa2a2,red) 0 0/200% 100%;border-radius:2px;width:80%;height:4px;animation:2s linear infinite gradient-slide;position:absolute;bottom:0;left:10%}.rifle-thumb-btn.selected:after,.rifle-thumb-btn:hover:after{content:"";z-index:3;background:linear-gradient(270deg,#bbb,#888,#bbb) 0 0/200% 100%;border-radius:2px;width:100%;height:4px;animation:2s linear infinite gradient-slide-grey;position:absolute;bottom:0;left:0}@keyframes gradient-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradient-slide-grey{0%{background-position:200% 0}to{background-position:-200% 0}}.rifle-thumb-label{color:#222;pointer-events:none;background:#fffc;border-radius:8px;padding:.1em .7em;position:absolute;bottom:8px}