/* ==UserStyle==
@name           Квадратофикатор: элементы
@name:en        Squarificator: elements
@namespace      steamcard.fun
@version        2.2.0
@description    Квадратофикация интернета: элементы. Собрано конструктором на steamcard.fun/square/.
@description:en Squarifying the internet: elements. Assembled at steamcard.fun/square/.
@author         steamcard.fun
@homepageURL    https://steamcard.fun/square/
@supportURL     https://steamcard.fun/square/
@updateURL      https://steamcard.fun/styles/squarificator-e.user.css
@license        MIT
==/UserStyle== */

@-moz-document regexp(".*") {
    /* ── ЭЛЕМЕНТЫ: смерть скруглениям ── */
    *, *::before, *::after {
        border-radius: 0 !important;
    }
    img, video, picture, canvas {
        clip-path: none !important;
        -webkit-clip-path: none !important;
        mask-image: none !important;
        -webkit-mask-image: none !important;
    }
    [class*="avatar" i], [class*="userpic" i], [class*="profile-pic" i],
    [class*="rounded" i], [class*="circle" i], [class*="round" i] {
        border-radius: 0 !important;
    }
    [class*="avatar" i] img, [class*="userpic" i] img {
        border-radius: 0 !important;
        clip-path: none !important;
    }
    svg image {
        clip-path: none !important;
    }
    /* скроллбары — квадратные по умолчанию */
    ::-webkit-scrollbar,
    ::-webkit-scrollbar-thumb,
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner,
    ::-webkit-scrollbar-button {
        border-radius: 0 !important;
    }
    /* точки списков */
    ul {
        list-style-type: square !important;
    }
    /* радиокнопки: круглее не бывает — исправляем */
    input[type="radio"] {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 15px !important;
        height: 15px !important;
        border: 2px solid currentColor !important;
        background: transparent !important;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    input[type="radio"]:checked::after {
        content: '';
        position: absolute;
        inset: 2px;
        background: currentColor;
    }
    /* ползунки и прогресс-бары */
    input[type="range"]::-webkit-slider-thumb,
    input[type="range"]::-moz-range-thumb,
    progress, meter,
    progress::-webkit-progress-bar,
    progress::-webkit-progress-value {
        border-radius: 0 !important;
    }
    /* медиаконтролы хрома (насколько дотягивается CSS) */
    ::-webkit-media-controls-panel,
    ::-webkit-media-controls-play-button,
    ::-webkit-media-controls-timeline,
    ::-webkit-media-controls-volume-slider {
        border-radius: 0 !important;
    }
}