:where(.punishment-page) .segmented-control{border-radius:var(--br-8);border:1px solid var(--transparent-10-w);-webkit-user-select:none;user-select:none;height:var(--input-height);outline:none;grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:4px;display:grid;position:relative}:where(.punishment-page) .segmented-control .option{cursor:pointer;z-index:3;position:relative}:where(.punishment-page) .segmented-control .option:hover input:not(:checked)+label span,:where(.punishment-page) .segmented-control .option:active input:not(:checked)+label span,:where(.punishment-page) .segmented-control .option:focus input:not(:checked)+label span{filter:brightness(115%)}:where(.punishment-page) .segmented-control .option:active input:not(:checked)+label span{transform:scale(.95)}:where(.punishment-page) .segmented-control .option label{text-align:center;font-weight:var(--font-weight-5);font-size:var(--font-size-m);background:0 0;justify-content:center;align-items:center;height:100%;margin-left:0;padding:0 1rem;display:flex;position:relative}:where(.punishment-page) .segmented-control .option label:before,:where(.punishment-page) .segmented-control .option label:after{content:"";will-change:background;background:0 0;width:1px;transition:background .2s;position:absolute;top:0;bottom:0}:where(.punishment-page) .segmented-control .option label:before{left:0;transform:translate(-.5px)}:where(.punishment-page) .segmented-control .option label:after{right:0;transform:translate(.5px)}:where(.punishment-page) .segmented-control .option:first-of-type{box-shadow:none;grid-area:1/1}:where(.punishment-page) .segmented-control .option:first-of-type label:before,:where(.punishment-page) .segmented-control .option:last-of-type label:after{opacity:0}:where(.punishment-page) .segmented-control .option input{appearance:none;opacity:0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}:where(.punishment-page) .segmented-control .selection{background:var(--span);border-radius:var(--br-4);z-index:2;will-change:transform;width:100px;transition:transform .2s;position:absolute;top:4px;bottom:4px;left:0}:where(.punishment-page) .segmented-control .option label span{z-index:2;-webkit-transition:var(--transition-ease-2);transition:var(--transition-ease-2);will-change:transform;color:var(--text-custom);display:block;position:relative}:where(.punishment-page) .segmented-control .option input:checked+label:before,:where(.punishment-page) .segmented-control .option input:checked+label:after{z-index:1;background:0 0}:where(.punishment-page) .segmented-control .option input:checked+label span{color:var(--text-default)}:where(.punishment-page) .segmented-control .option input:checked+label{cursor:default}:where(.punishment-page) .punish_state{flex-direction:column;gap:10px;display:flex}:where(.punishment-page) .punish_title{width:100%;font-size:var(--font-size-m);color:var(--text-custom);opacity:.5;display:block}:where(.punishment-page) .not_auth_user{font-size:var(--font-size-m);color:var(--text-custom);text-align:center;background:var(--transparent-2-w);border-radius:var(--br-12);justify-content:center;align-items:center;height:59px;padding:10px 20px;font-weight:400;display:flex}:where(.punishment-page) .no_user_punish{font-size:var(--font-size-m);text-align:center;background:var(--transparent);border-radius:var(--br-12);justify-content:center;align-items:center;height:59px;padding:10px 20px;font-weight:400;display:flex;position:relative;overflow:hidden}:where(.punishment-page) .no_user_punish:before{content:"";z-index:0;background:linear-gradient(315deg,#64ce8233,#0000);width:100%;height:100%;position:absolute;top:0;left:0}:where(.punishment-page) .no_user_punish svg{width:53px;height:auto;fill:var(--green);opacity:.2;position:absolute;right:-15px}:where(.punishment-page) .no_user_punish span{color:var(--green);z-index:2;position:relative}:where(.punishment-page) .have_ban_user_punish{font-size:var(--font-size-m);text-align:center;background:var(--transparent);border-radius:var(--br-12);flex-direction:column;justify-content:center;align-items:center;height:59px;padding:10px 20px;font-weight:400;display:flex;position:relative;overflow:hidden}:where(.punishment-page) .have_ban_user_punish:before{content:"";z-index:0;background:linear-gradient(315deg,#ff494033,#0000);width:100%;height:100%;position:absolute;top:0;left:0}:where(.punishment-page) .have_ban_user_punish svg{width:53px;height:auto;fill:var(--red);opacity:.2;position:absolute;right:-15px}:where(.punishment-page) .have_ban_user_punish span{color:var(--red);z-index:2;position:relative}:where(.punishment-page) .have_comm_user_punish{font-size:var(--font-size-m);text-align:center;background:var(--transparent);border-radius:var(--br-12);flex-direction:column;justify-content:center;align-items:center;height:59px;padding:10px 20px;font-weight:400;display:flex;position:relative;overflow:hidden}:where(.punishment-page) .have_comm_user_punish:before{content:"";z-index:0;background:linear-gradient(315deg,#f6b94933,#0000);width:100%;height:100%;position:absolute;top:0;left:0}:where(.punishment-page) .have_comm_user_punish svg{width:53px;height:auto;fill:var(--orange);opacity:.2;position:absolute;right:-15px}:where(.punishment-page) .have_comm_user_punish span{color:var(--orange);z-index:2;position:relative}:where(.punishment-page) .punish_stats_head{flex-direction:row;justify-content:space-between;align-items:center;display:flex}:where(.punishment-page) .hide_stats{background-color:var(--button);color:var(--orange);font-size:var(--font-size-s);border-radius:var(--br-6);cursor:pointer;justify-content:center;align-items:center;padding:5px 10px;display:flex}:where(.punishment-page) .show_stats{background-color:var(--button);color:var(--green);font-size:var(--font-size-s);border-radius:var(--br-6);cursor:pointer;justify-content:center;align-items:center;padding:5px 10px;display:none}:where(.punishment-page) .punish_string{font-size:var(--font-size-m);background:var(--transparent-2-w);border-radius:var(--br-8);flex-direction:row;justify-content:space-between;align-items:center;padding:5px 5px 5px 10px;display:flex}:where(.punishment-page) .punish_stats_list{border-radius:var(--br-8);height:max-content;transition:var(--transition-duration) ease-in;flex-direction:column;gap:5px;display:flex;overflow:hidden}:where(.punishment-page) .stats_title{color:var(--text-default)}:where(.punishment-page) .stats_count{color:var(--span);background:var(--span-low);border:1px solid var(--span-low);font-size:var(--font-size-s);font-weight:var(--font-weight-7);border-radius:var(--br-4);padding:3px 10px}:where(.punishment-page) .modern_table{flex-direction:column;gap:5px;display:flex}@media (max-width:768.9px){:where(.punishment-page) .punish_header li{grid-template-columns:.3fr 1fr 1fr;justify-items:start;gap:5px;padding:.5rem .7rem;display:grid}:where(.punishment-page) .punish_content li{background:var(--transparent-5-w);border-radius:var(--br-8);cursor:pointer;transition:var(--transition-duration);grid-template-columns:.3fr 1fr 1fr;place-items:center start;gap:.3rem;padding:.5rem .7rem;display:grid}:where(.punishment-page) .none_span{display:none!important}:where(.punishment-page) .punish_buttons{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}}@media (min-width:769px){:where(.punishment-page) .punish_header li{grid-template-columns:.2fr .2fr 1fr 2fr .7fr 1fr;justify-items:start;gap:5px;padding:.5rem .7rem;display:grid}:where(.punishment-page) .punish_content li{background-color:var(--transparent-3-w);border-radius:var(--br-8);cursor:pointer;transition:var(--transition-duration);grid-template-columns:.2fr .2fr 1fr 2fr .7fr 1fr;place-items:center start;gap:5px;padding:.5rem .7rem;display:grid}:where(.punishment-page) .none_span{display:block}:where(.punishment-page) .punish_buttons{flex-direction:row;justify-content:space-between;align-items:center;gap:.3rem;width:100%;display:flex}}:where(.punishment-page) .punish_subinfo{background:var(--transparent-3-w);border-radius:var(--br-10);border:1px solid var(--transparent-2-w);align-items:center;gap:.5rem;width:100%;padding:.3rem;display:flex}:where(.punishment-page) .punish_content li:hover{background-color:var(--transparent-10-w)}:where(.punishment-page) .punish_content li:hover span{color:var(--text-default)}:where(.punishment-page) .punish_header li span{font-size:var(--font-size-s);color:var(--text-custom);align-items:center;display:flex}:where(.punishment-page) .punish_header svg{width:14px;height:14px;fill:var(--text-default)}:where(.punishment-page) .punish_content{flex-direction:column;gap:3px;display:flex}:where(.punishment-page) .punish_content li span{color:var(--text-custom);font-size:var(--font-size-m);transition:var(--transition-duration);text-overflow:ellipsis;white-space:nowrap;align-items:center;width:100%;min-width:0;display:block;position:relative;overflow:hidden}:where(.punishment-page) .punish_content li span svg{width:1.3rem;height:1.3rem;fill:var(--red)}:where(.punishment-page) .punish_content li span img{border-radius:var(--br-4);width:25px;height:25px}:where(.punishment-page) .current_punish,:where(.punishment-page) .permanent_punish,:where(.punishment-page) .expired_punish,:where(.punishment-page) .remove_punish{background:var(--transparent-3-w);border-radius:var(--br-6);justify-content:center;height:23px;padding-inline:.7rem;font-size:var(--font-size-s)!important;width:max-content!important;display:flex!important}:where(.punishment-page) .permanent_punish{background:#ff49401a;color:var(--red)!important}:where(.punishment-page) .expired_punish{background:#64ce821a;text-decoration:line-through;color:var(--green)!important}:where(.punishment-page) .remove_punish{background:var(--span-middle);color:var(--span)!important}:where(.punishment-page) .punish_body{flex-direction:column;align-items:center;gap:.5rem;display:flex}:where(.punishment-page) .punish_body span{text-align:center;color:var(--text-default);font-size:var(--font-size-m);flex-direction:column;justify-content:center;display:flex}:where(.punishment-page) .punish_info{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px;width:100%;display:grid}:where(.punishment-page) .icon_subinfo{background:var(--button-hover);border-radius:var(--br-8);flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:flex}:where(.punishment-page) .icon_subinfo svg{width:1rem;height:1rem;fill:var(--text-secondary)}:where(.punishment-page) .text_subinfo{flex-direction:column;justify-content:center;height:100%;padding-top:2px;display:flex}:where(.punishment-page) .text_subinfo p{line-height:1;font-size:var(--font-size-s);opacity:.5;color:var(--text-default);margin:0}:where(.punishment-page) .text_subinfo span{font-weight:var(--font-weight-7);justify-content:start;display:grid}:where(.punishment-page) .text_subinfo span a{text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}:where(.punishment-page) .punish_take_admin{font-size:var(--font-size-m);color:var(--text-custom);background-color:var(--transparent-3-w);border-radius:var(--br-10);white-space:nowrap;border:1px solid var(--transparent-2-w);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;width:100%;padding-block:.7rem;display:flex;overflow:hidden}:where(.punishment-page) .punishment-filters{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}:where(.punishment-page) .sticky-filter{position:sticky;top:.5rem}:where(.punishment-page) .punishmen-admins__wrapper{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;width:100%;display:grid}:where(.punishment-page) .punishmen-admins__card{border-radius:var(--br-10);background-color:var(--input-form);border:1px solid var(--transparent-2-w);flex-direction:column;display:flex;position:relative;overflow:hidden}:where(.punishment-page) .punishmen-admins__card-header{background-color:var(--transparent-2-w);grid-template-columns:minmax(0,1fr);height:5rem;display:grid;position:relative;overflow:hidden}:where(.punishment-page) .punishmen-admins__card-header img,:where(.punishment-page) .punishmen-admins__card-header video{object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.3;width:100%;height:100%;position:absolute;left:0}:where(.punishment-page) .punishmen-admins__rating,:where(.punishment-page) .punishmen-admins__group{z-index:1;font-size:var(--font-size-m);font-weight:var(--font-weight-7);position:absolute;right:.8rem}:where(.punishment-page) .punishmen-admins__rating{color:var(--text-custom);align-items:center;gap:1rem;display:flex;top:.8rem}:where(.punishment-page) .punishmen-admins__rating svg{fill:currentColor;transition:var(--transition-duration)}:where(.punishment-page) .punishmen-admins__group{font-size:var(--font-size-default);text-overflow:ellipsis;white-space:nowrap;text-align:right;width:55%;max-width:100%;position:absolute;bottom:.8rem;overflow:hidden}:where(.punishment-page) .punishmen-admins__rating-like,:where(.punishment-page) .punishmen-admins__rating-dislike{cursor:pointer;transition:var(--transition-duration)}:where(.punishment-page) .punishmen-admins__rating-like:hover,:where(.punishment-page) .punishmen-admins__rating-dislike:hover{color:var(--text-default)}:where(.punishment-page) .punishmen-admins__rating-dislike svg{rotate:180deg}:where(.punishment-page) .punishmen-admins__rating-like.voted-like{color:#4caf50}:where(.punishment-page) .punishmen-admins__rating-dislike.voted-dislike{color:#f44336}:where(.punishment-page) .punishmen-admins__avatar{position:absolute;top:3rem;left:1.3rem}:where(.punishment-page) .punishmen-admins__avatar img{border-radius:var(--br-50);outline:.5rem solid var(--input-form);width:4rem;height:4rem}:where(.punishment-page) .punishmen-admins__avatar:before,:where(.punishment-page) .punishmen-admins__avatar:after{content:"";background-color:var(--input-form);width:7px;height:6px;position:absolute;top:1.63rem;right:-13px;-webkit-mask-image:url(/legacy/punishment/angle.svg);mask-image:url(/legacy/punishment/angle.svg);-webkit-mask-size:cover;mask-size:cover}:where(.punishment-page) .punishmen-admins__avatar:before{left:-13px;transform:scaleX(-1)}:where(.punishment-page) .punishmen-admins__avatar span{content:"";border-radius:var(--br-50);background-color:var(--button-hover);border:4px solid var(--input-form);width:1rem;height:1rem;position:absolute;top:.1rem;right:.1rem}:where(.punishment-page) .punishmen-admins__avatar span.online{background-color:var(--green)}:where(.punishment-page) .punishmen-admins__steamid{width:100%;height:2.3rem;font-size:var(--font-size-s);color:var(--text-custom);opacity:.3;cursor:pointer;transition:var(--transition-duration);justify-content:flex-end;align-items:center;gap:.3rem;padding-inline:.8rem;display:flex}:where(.punishment-page) .punishmen-admins__steamid svg{fill:currentColor;width:.8rem;height:.8rem}:where(.punishment-page) .punishmen-admins__steamid:hover{opacity:.7}:where(.punishment-page) .punishmen-admins__nickname{font-size:var(--font-size-l);color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-weight:var(--font-weight-7);margin-left:1rem;display:block;overflow:hidden}:where(.punishment-page) .punishmen-admins__button{margin:.5rem}
.punishment-page .have_comm_user_punish:before{background:linear-gradient(315deg, color-mix(in srgb, var(--green) 20%, transparent), transparent)}.punishment-page .have_comm_user_punish svg{fill:var(--green)}.punishment-page .have_comm_user_punish span{color:var(--green)}.punishment-page .bp-my-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background var(--transition-duration);border:none;gap:8px}.punishment-page .bp-my-row:hover{background:var(--transparent-5-w)}.punishment-page .bp-my-row__what{align-items:center;gap:8px;min-width:0;display:flex}.punishment-page .bp-my-row__icon{width:16px;height:16px;fill:var(--green);flex-shrink:0}.punishment-page .bp-my-row__reason{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.punishment-page .bp-my-row__left{white-space:nowrap;flex-shrink:0}.punishment-page .bp-my-row--ban .bp-my-row__left{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border-color:color-mix(in srgb, var(--red) 12%, transparent)}.punishment-page .bp-my-row--comm .bp-my-row__left{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent);border-color:color-mix(in srgb, var(--green) 12%, transparent)}@media (max-width:768.9px){.punishment-page #punishments_list .punish_header{display:none}.punishment-page .punish_content li{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"type name term""type reason reason";gap:2px 10px;padding:.6rem .8rem}.punishment-page .punish_content li .bp-pl__type{grid-area:type;align-self:center;display:flex}.punishment-page .punish_content li .bp-pl__name{color:var(--text-default);grid-area:name}.punishment-page .punish_content li .bp-pl__reason{font-size:var(--font-size-s);grid-area:reason}.punishment-page .punish_content li .bp-pl__term{grid-area:term;justify-self:end}}