.sw-layout{
display:flex;
gap:var(--gap);
align-items:flex-start;
width:var(--pw3);
max-width:100%;
margin:0 auto var(--gd2) auto;
}
.sw-panel{
display:flex;
flex-direction:column;
gap:var(--gap);
padding:var(--gap);
max-width:var(--pw2);
margin:0 auto var(--gd2) auto;
background-color:var(--bg3);
border-radius:var(--br0);
color:var(--tx1);
}
.sw-layout .sw-panel{
flex:1;
min-width:0;
max-width:none;
margin:0;
}
.sw-rel{
flex-shrink:0;
width:260px;
color:var(--tx1);
}
.sw-rel-title{
font-family:var(--ff2);
margin:0 0 var(--gd2) 0;
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--cl1);
text-transform:uppercase;
letter-spacing:.55px;
}
.sw-rel-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:var(--gd3);
}
.sw-rel-card{
display:flex;
align-items:center;
gap:var(--gd2);
padding:var(--gd3);
color:var(--tx1);
}
.sw-rel-iconlink{
display:block;
flex-shrink:0;
line-height:0;
}
.sw-rel-icon{
width:32px;
height:32px;
flex-shrink:0;
object-fit:contain;
}
.sw-rel-body{
display:flex;
flex-direction:column;
min-width:0;
line-height:1.2;
}
.sw-rel-name{
align-self:flex-start;
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--cl1);
text-transform:uppercase;
letter-spacing:.4px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-decoration:none;
}
.sw-rel-name:hover{
text-decoration:underline;
text-decoration-thickness:2px;
}
.sw-rel-vendor{
font-family:var(--ff2);
font-size:var(--fz3);
color:var(--tx3);
text-transform:uppercase;
font-weight:calc(600 + var(--fw-offset));
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
@media(max-width:900px){
.sw-layout{
flex-direction:column;
align-items:stretch;
width:auto;
max-width:var(--pw2);
}
.sw-rel{
width:auto;
}
}
.sw-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--gd2);
margin:0;
width:100%;
}
.sw-left{
display:flex;
align-items:center;
gap:var(--gd2);
min-width:0;
}
.sw-icon{
width:64px;
height:64px;
flex-shrink:0;
display:block;
object-fit:contain;
object-position:center;
}
.sw-id{
display:flex;
flex-direction:column;
line-height:1.2;
min-width:0;
}
.sw-name{
font-family:var(--ff2);
margin:0;
font-size:32px;
font-weight:calc(600 + var(--fw-offset));
color:var(--cl1);
text-transform:uppercase;
overflow-wrap:anywhere;
}
.sw-vendor{
font-size:var(--fz4);
color:var(--tx2);
margin-top:4px;
}
.sw-stable{
display:flex;
flex-direction:column;
align-items:flex-end;
line-height:1.3;
gap:2px;
flex-shrink:0;
}
.sw-label{
font-family:var(--ff2);
font-size:var(--fz4);
text-transform:uppercase;
color:var(--tx3);
font-weight:calc(600 + var(--fw-offset));
}
.sw-ver{
font-family:var(--ff3);
font-size:26px;
font-weight:calc(500 + var(--fw-offset));
color:var(--tx1);
}
.sw-date{
font-size:var(--fz4);
color:var(--tx2);
}
.sw-channels{
display:flex;
flex-direction:column;
gap:var(--gap);
}
.sw-channel{
display:flex;
flex-direction:column;
gap:var(--gd3);
}
.sw-channel-head{
display:flex;
align-items:baseline;
gap:var(--gd2);
flex-wrap:wrap;
}
.sw-channel-name{
font-family:var(--ff2);
font-weight:calc(600 + var(--fw-offset));
font-size:22px;
color:var(--cl1);
text-transform:uppercase;
}
.sw-channel-ver{
font-family:var(--ff3);
font-size:var(--fz1);
color:var(--tx1);
font-weight:calc(500 + var(--fw-offset));
}
.sw-channel-date{
font-family:var(--ff2);
font-size:var(--fz4);
color:var(--tx3);
text-transform:uppercase;
font-weight:calc(600 + var(--fw-offset));
}
.sw-desc{
font-size:var(--fz0);
color:var(--tx2);
line-height:1.55;
margin:0;
overflow-wrap:anywhere;
}
.sw-desc a{
color:var(--lnk);
text-decoration:none;
}
.sw-desc a:hover{
text-decoration:underline;
}
.sw-platforms{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:var(--gd3);
}
.sw-platform{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 15px;
border-radius:var(--br1);
line-height:1;
}
.sw-platform.is-yes{
background:var(--gb1);
color:var(--ctx);
}
.sw-platform.is-no{
background:var(--rb1);
color:var(--rd1);
}
.sw-platform.is-unknown{
background:var(--hv2);
color:var(--tx3);
}
.sw-platform .sw-os-ic svg{
width:22px;
height:22px;
}
.sw-platform-name{
font-family:var(--ff2);
font-size:var(--fz3);
font-weight:calc(600 + var(--fw-offset));
line-height:1;
text-transform:uppercase;
letter-spacing:.4px;
}
.sw-platform-mark{
display:inline-flex;
flex-shrink:0;
opacity:.85;
}
.sw-platform-mark svg{
width:14px;
height:14px;
display:block;
}
.sw-section-title{
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(600 + var(--fw-offset));
line-height:1.1;
margin:0;
color:var(--tx3);
text-transform:uppercase;
}
.sw-shots{
display:flex;
flex-direction:column;
gap:var(--gd3);
}
.sw-shot-grid{
display:grid;
gap:var(--gd3);
}
.sw-shot{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
max-width:100%;
min-width:0;
margin:0 auto;
line-height:0;
background:transparent;
}
.sw-shot-controls[hidden]{
display:none;
}
.sw-shot img{
display:block;
width:auto;
height:auto;
max-width:100%;
max-height:min(420px,65vh);
object-fit:contain;
}
.sw-shot-controls{
display:flex;
align-items:center;
justify-content:center;
gap:var(--gd2);
color:var(--tx3);
font-size:var(--fz2);
}
.sw-shot:focus-visible{
outline:2px solid var(--cl1);
outline-offset:2px;
}
.sw-shot-count{
min-width:4ch;
text-align:center;
font-variant-numeric:tabular-nums;
}
.sw-dl{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:var(--gd2);
}
.sw-dl li{
display:flex;
flex-wrap:wrap;
align-items:center;
column-gap:var(--gd2);
row-gap:var(--gd2);
}
.sw-dl-link{
display:inline-flex;
align-items:center;
gap:7px;
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--lnk);
text-decoration:none;
text-transform:uppercase;
}
.sw-os-ic{
display:inline-flex;
flex-shrink:0;
}
.sw-os-ic svg{
width:24px;
height:24px;
display:block;
fill:currentColor;
}
.sw-dl-link:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-mirror-list{
display:flex;
flex-direction:column;
gap:var(--gd2);
flex-basis:100%;
width:100%;
max-width:100%;
margin:0;
padding:0 0 0 31px;
list-style:none;
}
.sw-mirror-list li{
display:flex;
align-items:center;
min-height:24px;
gap:10px;
}
.sw-mirror-list li::before{
content:"";
flex-shrink:0;
width:6px;
height:6px;
border-radius:50%;
background:var(--tx3);
}
.sw-mirror-list[hidden]{
display:none;
}
.sw-mirror-link{
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--lnk);
text-decoration:none;
text-transform:uppercase;
}
.sw-mirror-link:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-hash-toggle,
.sw-mirror-toggle{
display:inline-flex;
align-items:center;
gap:4px;
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
color:var(--tx2);
font-family:var(--ff2);
font-weight:calc(600 + var(--fw-offset));
text-transform:uppercase;
font-size:var(--fz4);
text-decoration:none;
white-space:nowrap;
}
.sw-hash-label{
text-decoration:none;
}
.sw-hash-toggle:hover,
.sw-mirror-toggle:hover{
color:var(--tx2);
}
.sw-hash-toggle:hover .sw-hash-label,
.sw-mirror-toggle:hover .sw-hash-label{
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.sw-chev{
display:inline-flex;
transition:transform .2s ease;
}
.sw-chev svg{
width:14px;
height:14px;
display:block;
}
.sw-hash-toggle[aria-expanded="true"] .sw-chev,
.sw-mirror-toggle[aria-expanded="true"] .sw-chev{
transform:rotate(180deg);
}
.sw-hash-list{
display:flex;
flex-direction:column;
gap:7px;
flex-basis:100%;
width:100%;
margin:0;
}
.sw-hash-list[hidden]{
display:none;
}
.sw-hash-row{
display:flex;
flex-direction:column;
gap:2px;
}
.sw-hash-algo{
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(600 + var(--fw-offset));
text-transform:uppercase;
letter-spacing:.04em;
color:var(--tx3);
}
.sw-hash-val{
display:block;
font-family:var(--ff3);
font-size:var(--fz4);
line-height:1.4;
white-space:normal;
word-break:break-all;
color:var(--tx1);
background:none;
margin-top:6px;
padding-right:1ch;
}
.sw-hash-line{
position:relative;
}
.sw-hash-line:not(:last-child)::after{
content:"-";
position:absolute;
left:100%;
top:0;
color:var(--tx3);
opacity:.7;
user-select:none;
pointer-events:none;
}
.sw-pkg{
display:flex;
flex-direction:column;
gap:var(--gap);
}
.sw-pkg-label{
display:inline-flex;
align-items:baseline;
flex-wrap:wrap;
gap:0 7px;
width:max-content;
max-width:100%;
font-family:var(--ff1);
font-size:var(--fz0);
font-weight:var(--fw1);
line-height:1.1;
text-transform:uppercase;
color:var(--tx3);
}
.sw-pkg-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:var(--gd2);
}
.sw-pkg-list li{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
min-width:0;
}
.sw-pkg-head-row{
display:flex;
align-items:center;
gap:var(--gd2);
flex-wrap:wrap;
}
.sw-pkg-toggle{
display:inline;
}
.sw-pkg-toggle-opt{
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
font-family:inherit;
font-size:inherit;
font-weight:var(--fw1);
line-height:inherit;
text-transform:inherit;
color:var(--tx3);
text-decoration:underline;
text-decoration-thickness:1.5px;
text-underline-offset:4px;
}
.sw-pkg-toggle-opt:not(.is-active):hover{
color:var(--cl1);
}
.sw-pkg-toggle-opt.is-active{
color:var(--cl1);
}
.sw-pkg-toggle-sep{
color:var(--tx3);
font-weight:var(--fw1);
}
.sw-pkg-mgr{
display:inline-flex;
align-items:center;
gap:7px;
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
text-transform:uppercase;
color:var(--tx2);
text-decoration:none;
flex-shrink:0;
}
a.sw-pkg-mgr{
color:var(--lnk);
}
a.sw-pkg-mgr:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-pkg-cmd[hidden]{
display:none;
}
.sw-pkg-cmd{
display:flex;
align-items:center;
gap:9px;
margin:6px 0 0 0;
padding:6px 12px;
border:0;
border-radius:var(--br1);
background:var(--bg2);
color:var(--tx1);
max-width:100%;
text-align:left;
font:inherit;
}
.sw-pkg-cmd code{
flex:1 1 auto;
min-width:0;
font-family:var(--ff3);
font-size:var(--fz2);
line-height:1.3;
color:var(--tx1);
background:none;
border-radius:0;
white-space:pre;
overflow-x:auto;
}
.sw-history{
display:block;
}
.sw-history-toggle{
display:inline-flex;
align-items:center;
gap:7px;
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
color:var(--tx3);
font-family:var(--ff2);
font-weight:calc(600 + var(--fw-offset));
text-transform:uppercase;
font-size:var(--fz0);
text-decoration:none;
white-space:nowrap;
}
.sw-history-toggle:hover{
color:var(--lnk);
}
.sw-history-toggle:hover .sw-history-label{
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-history-arrow{
display:inline-block;
width:11px;
height:11px;
border-right:3px solid currentColor;
border-bottom:3px solid currentColor;
border-radius:0 0 2px 0;
transform:rotate(45deg);
margin-left:2px;
margin-bottom:5px;
transition:transform 100ms,margin-bottom 100ms;
flex-shrink:0;
}
.sw-history-toggle[aria-expanded="true"] .sw-history-arrow{
transform:rotate(-135deg);
margin-bottom:-5px;
}
.sw-history-body{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--gd3);
margin:var(--gd3) 0 0 0;
}
.sw-history-body[hidden]{
display:none;
}
.sw-history-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:var(--gd3);
width:100%;
}
.sw-history-item[hidden]{
display:none;
}
.sw-history-more{
margin:0;
padding:6px 16px;
border:0;
border-radius:0;
background:var(--bg2);
cursor:pointer;
color:var(--tx2);
font-family:var(--ff2);
font-size:var(--fz3);
font-weight:calc(600 + var(--fw-offset));
line-height:1.3;
text-transform:uppercase;
letter-spacing:.4px;
}
.sw-history-more:hover{
color:var(--cl1);
}
.sw-history-more[hidden]{
display:none;
}
.sw-history-item{
display:flex;
flex-direction:column;
gap:6px;
}
.sw-history-top{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:var(--gd2);
flex-wrap:wrap;
}
.sw-history-channel{
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(var(--fw1) + var(--fw-offset));
text-transform:uppercase;
letter-spacing:.4px;
color:var(--tx3);
}
.sw-history-date{
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(var(--fw1) + var(--fw-offset));
text-transform:uppercase;
color:var(--tx3);
}
.sw-history-version{
font-family:var(--ff1);
font-size:var(--fz0);
font-weight:calc(var(--fw1) + var(--fw-offset));
color:var(--tx1);
}
.sw-history-summary{
margin:0;
font-size:var(--fz0);
line-height:1.45;
color:var(--tx2);
}
.sw-history-version a{
color:var(--lnk);
text-decoration:none;
}
.sw-history-version a:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.sw-foot{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--gd3);
font-size:var(--fz4);
text-align:center;
}
.sw-foot-links{
display:flex;
flex-wrap:wrap;
gap:10px var(--gd2);
align-items:center;
justify-content:center;
}
.sw-foot a{
font-family:var(--ff2);
text-decoration:none;
color:var(--lnk);
font-weight:calc(600 + var(--fw-offset));
text-transform:uppercase;
}
.sw-foot a:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-updated{
color:var(--tx3);
font-size:var(--fz4);
font-family:var(--ff2);
text-transform:uppercase;
}
@media(max-width:700px){
.sw-head{flex-wrap:wrap;}
.sw-name{font-size:26px;}
.sw-stable{margin-left:0;align-items:flex-start;width:100%;}
.sw-channel-name{font-size:var(--fz1);}
}
.sw-dl-torrent{
display:inline-flex;
align-items:center;
gap:5px;
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--lnk);
text-decoration:none;
text-transform:uppercase;
}
.sw-dl-torrent .sw-os-ic svg{
width:18px;
height:18px;
fill:currentColor;
}
.sw-dl-torrent:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
.sw-art-rel{
width:var(--pw3);
max-width:100%;
margin:0 auto var(--gap) auto;
color:var(--tx1);
}
.sw-art-rel-title{
font-family:var(--ff2);
margin:0 0 var(--gd2) 0;
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
color:var(--cl1);
text-transform:uppercase;
letter-spacing:.55px;
}
.sw-art-rel-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:var(--gd3);
}
.sw-art-rel-item{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--gd3) var(--gd2);
min-width:0;
}
.sw-art-rel-link{
font-family:var(--ff2);
font-size:var(--fz1);
font-weight:calc(600 + var(--fw-offset));
line-height:1.2;
color:var(--lnk);
text-decoration:none;
}
.sw-art-rel-link:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:4px;
}
.sw-art-rel-date,
.sw-art-rel-preview{
font-family:var(--ff2);
font-size:var(--fz3);
font-weight:calc(600 + var(--fw-offset));
line-height:1.2;
color:var(--tx3);
text-transform:uppercase;
}
.sw-art-rel-preview{
color:var(--cl1);
}
@media(max-width:900px){
.sw-art-rel{
width:auto;
max-width:var(--pw2);
}
}