.flow-arc-container{display:flex;flex-wrap:wrap;gap:20px;max-width:1260px;margin:0 auto}.arc-panel{position:relative;min-width:475px;background-color:#313638;background-image:url(/wp-content/uploads/website_texture_tile_400x400.png);border:1px solid #333;outline:2px solid #000;border-radius:8px;margin-top:40px;overflow:visible;color:#f7f7f7;box-shadow:2px 2px 6px 0 rgba(0,0,0,1);flex:1 1 calc(50% - 10px);display:flex;flex-direction:column;align-items:center}.arc-panel:before{content:"";position:absolute;top:-20px;left:50%;width:150px;height:150px;transform:translateX(-50%);background-color:#313638;background-image:url(/wp-content/uploads/website_texture_tile_400x400.png);border:3px solid #121212;border-bottom:0;border-left:0;border-right:0;border-top-left-radius:50%;border-top-right-radius:50%;box-sizing:border-box}.arc-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.arc-icon{font-size:16px;line-height:1;width:42px;height:42px;filter:drop-shadow(2px 2px 1px rgba(0,0,0,1))}.arc-icon--large{width:50px;height:50px}.divider09{border-top:2px solid #000;border-bottom:1px solid #333;width:100%}.panel-banner{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1;padding:20px;width:100%}.flow-item-groups-container{display:flex;gap:20px;justify-content:center;align-items:center;width:100%}.flow-item-divider{border-top:2px solid #000;border-bottom:1px solid #333;width:calc(100% + 40px)}.flow-item-group{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;background:#111;border:1px solid #333;outline:2px solid #000;border-radius:6px;padding:10px;flex:1 1 auto;align-self:stretch;align-content:center}.flow-comp-group{display:flex;flex-direction:column;gap:20px}.flow-item-group-item{display:flex;flex-direction:column;gap:5px;align-items:center}.flow-item-icon{width:64px;height:64px;border-radius:6px;border:1px solid #333}.flow-item-name{width:105px;font-size:11px;text-align:center;font-weight:700}.panel-body{padding:50px 20px 30px;text-align:center;text-shadow:0 0 1px transparent,0 2px 2px rgba(0,0,0,1),2px 0 2px rgba(0,0,0,1),-2px 2px 2px rgba(0,0,0,1);position:relative;max-width:1100px;width:100%;font-size:16px}.panel-body p{margin:0}.flow-item-group-item .opener-label-container{align-items:flex-end}.flow-item-group-item .opener-label{font-size:11px}.flow-item-group-item .opener-champion img{width:40px;height:40px;border-width:2px;border-style:solid}.flow-item-group-item .opener-champion-name{width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-flowchart-wrapper{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column}.flowchart-guide-container,.flowchart-tips-container{text-align:left;display:flex;flex-direction:column;gap:20px}.flow-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.flow-buttons svg{height:24px;filter:drop-shadow(2px 2px 1px rgba(0,0,0,1))}.flow-buttons i{font-size:24px}.flow-arc-ul{margin-top:0;margin-bottom:0}.panel-body .tftflow-guide-header{margin-bottom:0}.tier-label-container{display:flex;align-items:center;justify-content:center;height:36px;width:36px;background:#111;border-radius:50%}@media (max-width:550px){.arc-panel{min-width:initial}.flow-item-groups-container{flex-direction:column-reverse}.flow-comp-group{flex-direction:row;flex-wrap:wrap;justify-content:center}}