.tsl__protection{--tsl-red: #e10700;--tsl-red-bright: #ff625a;background:radial-gradient(ellipse at 70% 30%,#16385a 0,transparent 58%),#0b203d}.tsl__protection .tsl__kicker{color:#ff625a}.tsl__protection:before{content:none}.tsl__protection-watermark{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(85%,1100px);height:400px;object-fit:contain;opacity:.045;pointer-events:none}.tsl__protection .tsl__sleeve-head .tsl__kicker{margin-bottom:30px}.tsl__protection .tsl__heading{font-size:clamp(32px,4.4vw,64px)}.tsl__pack-option{min-width:0}.tsl__pack-option .tsl__pull-card{width:100%;display:block}.tsl__product-link{display:block;padding:12px 4px;color:#dce9f7;text-align:center;font-size:12px;text-decoration:underline;text-underline-offset:4px}.tsl__accessory-product{display:flex;gap:16px;align-items:center;margin-top:20px;padding:14px;border:1px solid #ffffff26;border-radius:8px;background:#0b203d;color:#fff;text-decoration:none;transition:border-color .25s,background .25s}.tsl__accessory-image{flex:0 0 60px;height:84px}.tsl__accessory-image img{width:100%;height:100%;object-fit:contain}.tsl__accessory-product strong,.tsl__accessory-product span>span,.tsl__accessory-product small{display:block}.tsl__accessory-product strong{font-size:12px}.tsl__accessory-product span>span{margin-top:5px;font-size:12px;color:#c2ccda}.tsl__accessory-product small{margin-top:10px;color:#ff8a82;text-decoration:underline;text-underline-offset:3px;font-size:12px}.tsl__accessory-product:hover{border-color:#ff625a;background:#16385a}.tsl__protection a:focus-visible{outline:2px solid #fff;outline-offset:4px}.tsl__transfer-card{position:absolute;z-index:10;padding:5px;border:1px solid #ecf8ff;border-radius:4px;background:#b5dbff40;box-shadow:0 16px 36px #0006;transform-origin:top left;pointer-events:none;box-sizing:border-box}.tsl__transfer-card img{width:100%;height:100%;object-fit:cover}[data-tsl-soft-stage].is-transferred .tsl__soft-pocket{visibility:hidden}.is-measuring .tsl__sleeved-insert,.is-received .tsl__sleeved-insert{transform:none}.is-received .tsl__sleeved-insert{opacity:1}.tsl__protection .tsl__sleeve-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,42px);padding:clamp(20px,3vw,40px);background:#07172bcc;border-color:#ffffff24;box-shadow:0 30px 70px #0003}.tsl__protection .tsl__sleeve-label{color:#fff;letter-spacing:.08em}.tsl__protection .tsl__sleeve-label span{flex-shrink:0;border-color:#ff625a}.tsl__protection .tsl__pull-card{background:#0b203d}.tsl__protection .tsl__sleeve-head>p:last-child{color:#c2ccda}.tsl__protection .tsl__picker-hint{margin:0 0 18px;color:#c2ccda;font-size:13px;line-height:1.5}.tsl__protection .tsl__pull-card{transition:opacity .3s ease,border-color .3s ease,transform .4s ease}.tsl__protection .tsl__pull-card.is-resetting{opacity:0}.tsl__protection .tsl__pull-pack-half{transition:transform .75s cubic-bezier(.22,.65,.3,1),opacity .6s ease}.tsl__protection .tsl__pull-hit{transition:opacity .6s ease,transform .75s cubic-bezier(.22,.65,.3,1)}.tsl__protection .is-resetting .tsl__pull-pack-half,.tsl__protection .is-resetting .tsl__pull-hit{transition:none}.tsl__protect-stage{transition:opacity .32s ease;display:grid;position:relative;place-items:end center;height:clamp(320px,31vw,410px);padding-bottom:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#a7d7ff16,transparent 65%);border-bottom:1px solid #ffffff24}.tsl__protect-stage.is-resetting{opacity:0}.tsl__soft-pocket,.tsl__rigid-pocket{position:relative;width:min(68%,200px);aspect-ratio:64 / 91;border:1px solid #c4e1ff88;border-top:2px solid #eaf5ff;border-radius:2px 2px 7px 7px;background:linear-gradient(115deg,#c2ddff16,#ffffff05 45%,#e0f4ff24);box-shadow:0 18px 35px #0004}.tsl__rigid-pocket{width:min(78%,226px);aspect-ratio:3 / 4;border:5px solid #b5d9f285;border-top:3px solid #e0f4ff;border-radius:5px;box-shadow:inset 0 0 0 2px #d5eeff55,0 18px 35px #0004}.tsl__sleeve-product{position:absolute;z-index:3;width:min(74%,218px);height:76%;bottom:24px;left:50%;transform:translate(-50%);transform-origin:center bottom;filter:drop-shadow(0 16px 18px #0005)}.tsl__sleeve-product img{width:100%;height:100%;object-fit:contain}.tsl__sleeve-product:focus-visible{outline:3px solid #fff;outline-offset:5px}.tsl__sleeve-product:hover img{filter:brightness(1.15)}[data-tsl-soft-stage] .tsl__soft-pocket,[data-tsl-loader-stage] .tsl__rigid-pocket{opacity:0;z-index:2}[data-tsl-soft-stage].is-extracting .tsl__soft-pocket,[data-tsl-loader-stage].is-extracting .tsl__rigid-pocket{animation:tsl-sleeve-extract 1.1s cubic-bezier(.22,.65,.3,1) both}.is-extracting .tsl__sleeve-product{animation:tsl-sleeve-pack-away 1.1s ease both}.tsl__soft-pocket:before{content:"";position:absolute;z-index:4;left:-1px;right:-1px;top:-8px;height:16px;border:1px solid #eaf5ff;border-radius:50%;background:#07172bcc;box-shadow:0 0 18px #b5dbff30;opacity:0;transform:scaleY(0);transition:transform .55s ease,opacity .55s ease}.is-opening-sleeve .tsl__soft-pocket:before{opacity:1;transform:scaleY(1)}.tsl__soft-pocket .tsl__pocket-front{transform-origin:center bottom;transition:transform .55s ease}.is-opening-sleeve .tsl__soft-pocket .tsl__pocket-front{transform:perspective(500px) rotateX(-9deg)}.is-protected .tsl__soft-pocket:before{opacity:0;transform:scaleY(0)}.is-protected .tsl__soft-pocket .tsl__pocket-front{transform:none}.tsl__pocket-front{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 12%,#fff2 13%,transparent 15%,transparent 65%,#fff1 66%,transparent 88%);pointer-events:none}.tsl__protect-card,.tsl__sleeved-insert{position:absolute;width:94%;height:95%;left:3%;bottom:2%;object-fit:cover;opacity:0;transform:translateY(-112%)}.tsl__sleeved-insert{width:89%;height:93%;left:5.5%;bottom:2.5%;padding:5px;border:1px solid #ecf8ff;border-radius:3px;background:#b5dbff25}.tsl__sleeved-insert img{width:100%;height:100%;object-fit:cover}.is-inserting .tsl__protect-card,.is-inserting .tsl__sleeved-insert{animation:tsl-protect-in 1.45s cubic-bezier(.22,.65,.3,1) both}.is-protected .tsl__pocket-front{box-shadow:inset 0 0 12px #dbedff20}.tsl__step-caption{margin-top:18px!important;color:#c2ccda;font-size:13px;line-height:1.6}@media(min-width:601px){.tsl__protection .tsl__sleeve-workspace{row-gap:0}.tsl__protection .tsl__pull-picker,.tsl__protection-step{grid-row:span 4}.tsl__protection-step{display:grid;grid-template-rows:subgrid;row-gap:0}.tsl__protection-step .tsl__accessory-product{align-self:start}}@media(min-width:601px)and (max-width:1000px){.tsl__protection .tsl__pull-picker{grid-row:auto;margin-bottom:clamp(20px,3vw,42px)}}.tsl__protection-status{margin-top:24px!important;text-align:center;min-height:3em;color:#fff;font-size:15px;line-height:1.5}.tsl__demo-note{text-align:center;color:#a8b8cb;font-size:11px}.tsl__fanatics-funnel{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1.3fr) minmax(220px,1fr);gap:32px;align-items:center;position:relative;margin-top:36px;padding:34px;background:#050e1c;border-top:3px solid #e10700}.tsl__fanatics-logo{width:100%;max-width:250px;height:auto}.tsl__fanatics-funnel h3{color:#fff;font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:12px 0}.tsl__fanatics-funnel p:last-child{color:#c2ccda;font-size:14px;line-height:1.6}.tsl__fanatics-funnel .tsl__button{background:#e10700;color:#fff;white-space:normal;text-align:left;font-size:13px}.tsl__fanatics-funnel .tsl__button:hover{background:#b90600}.tsl__fanatics-funnel .tsl__button:focus-visible{outline:2px solid #fff;outline-offset:5px}@keyframes tsl-protect-in{0%{opacity:0;transform:translateY(-112%) rotate(-4deg)}18%{opacity:1;transform:translateY(-80%) rotate(0)}to{opacity:1;transform:translateY(0)}}@keyframes tsl-sleeve-extract{0%{opacity:0;transform:translateY(12%) scale(.82)}15%{opacity:1}48%{opacity:1;transform:translateY(-38%) scale(.88) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes tsl-sleeve-pack-away{0%,28%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%) translateY(30px) scale(.65)}}@media(max-width:1000px){.tsl__protection .tsl__sleeve-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.tsl__protection .tsl__pull-picker{grid-column:1 / -1}.tsl__protection .tsl__pull-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tsl__fanatics-funnel{grid-template-columns:180px 1fr}.tsl__fanatics-funnel .tsl__button{grid-column:1 / -1;justify-self:start}}@media(max-width:600px){.tsl__protection .tsl__sleeve-workspace{grid-template-columns:minmax(0,1fr);gap:30px}.tsl__protection .tsl__pull-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsl__protect-stage{height:350px;--tsl-pack-shift: -96%}.tsl__fanatics-funnel{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 22px}.tsl__fanatics-logo{max-width:230px}.tsl__fanatics-funnel .tsl__button{width:100%}}@media(prefers-reduced-motion:reduce){.tsl__protect-stage,.tsl__protection .tsl__pull-card,.tsl__protection .tsl__pull-pack-half,.tsl__protection .tsl__pull-hit{transition:none}[data-tsl-soft-stage].is-extracting .tsl__soft-pocket,[data-tsl-loader-stage].is-extracting .tsl__rigid-pocket{animation:none;opacity:1;transform:none}.is-extracting .tsl__sleeve-product{animation:none;opacity:0}.tsl__soft-pocket:before,.tsl__soft-pocket .tsl__pocket-front{transition:none}.is-inserting .tsl__protect-card,.is-inserting .tsl__sleeved-insert{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/topps-protection.css.map */