.knockout{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:30px 10px;display:flex;position:relative}@media (max-width:1024px){.knockout{padding:10px}}.knockout__title{font-size:1.4rem;font-weight:600}.knockout__popup{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.knockout__popup-wrapper{background-color:var(--color-contrast-bg);border-radius:12px;padding:8px 12px;font-size:1.33rem;box-shadow:0 0 24px #0000001a}.knockout__switcher{scrollbar-width:thin;max-width:100%;overflow-x:auto}.knockout .switcher{border:1px solid var(--color-border);background-color:var(--color-contrast-bg);border-radius:24px;overflow-x:auto}.knockout .switcher .knockout__switcher-btn.active{background:var(--gradient-bg);color:var(--color-accent-text)}.knockout .switcher .knockout__switcher-btn{border-radius:24px}.knockout .switcher .knockout__switcher-btn:hover{background-color:color-mix(in srgb, var(--color-muted-light) 12%, transparent)}.knockout .switcher .knockout__switcher-btn{min-width:fit-content}.knockout .switcher span{text-wrap:nowrap}.knockout__viewport{flex-direction:column;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.knockout__wrapper{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1.5rem;width:200%;min-height:400px;padding:10px;display:flex}.knockout__tooltip{background-color:var(--color-contrast-bg);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:1.1rem;display:flex}@media (max-width:1024px){.knockout__tooltip{padding:45px 5px 5px;font-size:1rem}}.knockout__table-column,.knockout__column-inner,.knockout__item{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.knockout__cell{position:relative}.knockout__item{z-index:0;background-color:var(--color-bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;padding:10px;display:flex;position:relative}.knockout__item:hover{background-color:color-mix(in srgb, var(--color-muted-light) 12%, transparent)}.knockout__item:before{content:"";border-radius:inherit;background:var(--gradient-bg);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.knockout__item--tooltip:before{display:none}@media (max-width:1024px){.knockout__item--tooltip{gap:5px;padding:5px}.knockout__item--tooltip span{font-size:1rem}}.knockout__item-separator:not(:last-child){background-color:var(--color-border);width:100%;height:1px}.knockout__item-wrapper{flex-direction:column;justify-content:center;align-items:center;min-height:74px;max-height:74px;display:flex;position:relative}.knockout__item-wrapper.has-child:before{content:"";background:var(--gradient-bg);width:15px;height:2px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.knockout__item-wrapper.has-parent:after{content:"";background:var(--gradient-bg);width:15px;height:2px;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.knockout__connector-vertical{background:var(--gradient-bg);pointer-events:none;width:2px;transform:translateY();position:absolute;bottom:0;left:-15px}.knockout__team{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width:200px;padding:0 6px;display:flex}.knockout__team-info{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.knockout__team-name{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:normal;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;display:-webkit-box;overflow:hidden}.knockout__team-score{text-wrap:nowrap;width:max-content}.knockout__team-score--win{color:var(--color-accept)}.knockout__team-score--lose{color:var(--color-error)}.knockout__grid{grid-auto-columns:max-content;grid-auto-flow:column;column-gap:30px;display:grid}.knockout__grid-column{display:grid}.knockout__grid-column--active{background-color:var(--color-knockout-light);border-radius:10px}