StackOverflow - CSS before and after formatting change

// OLD CSS retrieved with WAYBACK MACHINE (Jul 24, 2020)
// NEW CSS (retrieved Aug 29, 2020)
html,body {
html,body {
color: var(--black-800);
color: var(--black-800);
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 13px;
font-size: 13px;
line-height: 1.30769231
line-height: 1.30769231
}
}
@media (max-width: 640px) {
@media (max-width: 640px) {
html.html__responsive:not(.html__unpinned-leftnav) ,html.html__responsive:not(.html__unpinned-leftnav) body {
html.html__responsive:not(.html__unpinned-leftnav) ,html.html__responsive:not(.html__unpinned-leftnav) body {
font-size:11px
font-size:11px
}
}
}
}
@media (max-width: 640px) {
@media (max-width: 640px) {
html.html__responsive.html__unpinned-leftnav ,html.html__responsive.html__unpinned-leftnav body {
html.html__responsive.html__unpinned-leftnav ,html.html__responsive.html__unpinned-leftnav body {
font-size:11px
font-size:11px
}
}
}
}
body {
body {
box-sizing: border-box;
box-sizing: border-box;
min-height: 100%;
min-height: 100%;
background-color: var(--white)
background-color: var(--white)
}
}
body *,body *:before,body *:after {
body *,body *:before,body *:after {
box-sizing: inherit
box-sizing: inherit
}
}
.s-banner__body-pt {
.s-banner__body-pt {
padding-top: 93px
padding-top: 93px
}
}
.s-banner {
.s-banner {
position: fixed;
position: fixed;
z-index: 5049;
z-index: 5049;
top: 0;
top: 0;
right: 0;
right: 0;
left: 0;
left: 0;
width: 100%;
width: 100%;
padding: 12px;
padding: 12px;
border-top: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 0;
border-radius: 0;
box-shadow: none;
box-shadow: none;
color: var(--fc-medium);
color: var(--fc-medium);
font-size: 13px
font-size: 13px
}
}
.s-banner[aria-hidden="true"] {
.s-banner[aria-hidden="true"] {
visibility: hidden;
visibility: hidden;
opacity: 0;
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
transform: translate3d(0, -50px, 0)
}
}
.s-banner[aria-hidden="false"] {
.s-banner[aria-hidden="false"] {
visibility: visible;
visibility: visible;
opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 49px, 0);
-webkit-transform: translate3d(0, 49px, 0);
transform: translate3d(0, 49px, 0)
transform: translate3d(0, 49px, 0)
}
}
.s-banner.is-pinned {
.s-banner.is-pinned {
z-index: 5051;
z-index: 5051;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
transform: translate3d(0, 0, 0)
}
}
.s-banner.s-banner__important {
.s-banner.s-banner__important {
border-color: transparent;
border-color: transparent;
color: var(--white)
color: var(--white)
}
}
.s-banner--container {
.s-banner--container {
position: relative;
position: relative;
width: 100%;
width: 100%;
max-width: 1060px;
max-width: 1060px;
margin: 0 auto
margin: 0 auto
}
}
.s-btn {
.s-btn {
position: relative;
position: relative;
display: inline-block;
display: inline-block;
padding: .8em;
padding: .8em;
border: 1px solid transparent;
border: 1px solid transparent;
border-radius: 3px;
border-radius: 3px;
background-color: transparent;
background-color: transparent;
outline: none;
outline: none;
font-family: inherit;
font-family: inherit;
font-size: 13px;
font-size: 13px;
font-weight: normal;
font-weight: normal;
line-height: 1.15384615;
line-height: 1.15384615;
text-align: center;
text-align: center;
text-decoration: none;
text-decoration: none;
cursor: pointer;
cursor: pointer;
color: var(--blue-600)
color: var(--blue-600)
}
}
.s-btn.grid {
.s-btn.grid {
display: flex
display: flex
}
}
.s-btn:hover,.s-btn:focus,.s-btn:active {
.s-btn:hover,.s-btn:focus,.s-btn:active {
color: var(--blue-700);
color: var(--blue-700);
background: var(--blue-050);
background: var(--blue-050);
text-decoration: none
text-decoration: none
}
}
.s-btn:active {
.s-btn:active {
background: var(--blue-100)
background: var(--blue-100)
}
}
.s-btn:focus {
.s-btn:focus {
outline: none;
outline: none;
box-shadow: 0 0 0 4px var(--focus-ring)
box-shadow: 0 0 0 4px var(--focus-ring)
}
}
.s-btn[disabled] {
.s-btn[disabled] {
opacity: 1;
opacity: 1;
cursor: default;
cursor: default;
pointer-events: none;
pointer-events: none;
color: var(--black-300);
color: var(--black-300);
background-color: var(--black-050);
background-color: var(--black-050);
box-shadow: none
box-shadow: none
}
}
.s-btn.is-selected {
.s-btn.is-selected {
color: var(--blue-900);
color: var(--blue-900);
background: var(--blue-200);
background: var(--blue-200);
box-shadow: none
box-shadow: none
}
}
.s-btn.is-selected:focus {
.s-btn.is-selected:focus {
box-shadow: 0 0 0 4px var(--focus-ring)
box-shadow: 0 0 0 4px var(--focus-ring)
}
}
.s-btn.s-btn__dropdown {
.s-btn.s-btn__dropdown {
padding-right: 2em
padding-right: 2em
}
}
.s-btn.s-btn__dropdown:after {
.s-btn.s-btn__dropdown:after {
content: "";
content: "";
position: absolute;
position: absolute;
z-index: 30;
z-index: 30;
top: calc(50% - 2px);
top: calc(50% - 2px);
right: .8em;
right: .8em;
border-style: solid;
border-style: solid;
border-width: 4px;
border-width: 4px;
border-top-width: 4px;
border-top-width: 4px;
border-bottom-width: 0;
border-bottom-width: 0;
border-color: currentColor transparent;
border-color: currentColor transparent;
pointer-events: none
pointer-events: none
}
}
.s-btn.s-btn__xs {
.s-btn.s-btn__xs {
padding: .6em;
padding: .6em;
font-size: 11px
font-size: 11px
}
}
.s-btn.s-btn__xs.s-btn__dropdown {
.s-btn.s-btn__xs.s-btn__dropdown {
padding-right: 1.5em
padding-right: 1.5em
}
}
.s-btn.s-btn__xs.s-btn__dropdown:after {
.s-btn.s-btn__xs.s-btn__dropdown:after {
top: calc(50% - 2px);
top: calc(50% - 2px);
right: .6em;
right: .6em;
border-width: 3px;
border-width: 3px;
border-top-width: 3px;
border-top-width: 3px;
border-bottom-width: 0
border-bottom-width: 0
}
}
.s-btn.s-btn__sm {
.s-btn.s-btn__sm {
font-size: 12px
font-size: 12px
}
}
.s-btn.s-btn__sm.s-btn__dropdown {
.s-btn.s-btn__sm.s-btn__dropdown {
padding-right: 2.05em
padding-right: 2.05em
}
}
.s-btn.s-btn__md {
.s-btn.s-btn__md {
padding: .7em;
padding: .7em;
border-radius: 4px;
border-radius: 4px;
font-size: 1.30769231rem
font-size: 1.30769231rem
}
}
.s-btn.s-btn__md.s-btn__dropdown {
.s-btn.s-btn__md.s-btn__dropdown {
padding-right: 1.8em
padding-right: 1.8em
}
}
.s-btn.s-btn__md.s-btn__dropdown:after {
.s-btn.s-btn__md.s-btn__dropdown:after {
top: calc(50% - 2px);
top: calc(50% - 2px);
right: .7em;
right: .7em;
border-width: 5px;
border-width: 5px;
border-top-width: 5px;
border-top-width: 5px;
border-bottom-width: 0
border-bottom-width: 0
}
}
.s-btn.s-btn__lg {
.s-btn.s-btn__lg {
padding: .6em;
padding: .6em;
border-radius: 4px;
border-radius: 4px;
font-size: 2.07692308rem
font-size: 2.07692308rem
}
}
.s-btn.s-btn__lg.s-btn__dropdown {
.s-btn.s-btn__lg.s-btn__dropdown {
padding-right: 1.5em
padding-right: 1.5em
}
}
.s-btn.s-btn__lg.s-btn__dropdown:after {
.s-btn.s-btn__lg.s-btn__dropdown:after {
top: calc(50% - 2px);
top: calc(50% - 2px);
right: .6em;
right: .6em;
border-width: 6px;
border-width: 6px;
border-top-width: 6px;
border-top-width: 6px;
border-bottom-width: 0
border-bottom-width: 0
}
}
.s-btn.s-btn__xl {
.s-btn.s-btn__xl {
padding: .5em;
padding: .5em;
border-radius: 6px;
border-radius: 6px;
font-size: 2.61538461rem
font-size: 2.61538461rem
}
}
.s-btn.s-btn__xl.s-btn__dropdown {
.s-btn.s-btn__xl.s-btn__dropdown {
padding-right: 1.3em
padding-right: 1.3em
}
}
.s-btn.s-btn__xl.s-btn__dropdown:after {
.s-btn.s-btn__xl.s-btn__dropdown:after {
top: calc(50% - 4px);
top: calc(50% - 4px);
right: .5em;
right: .5em;
border-width: 7px;
border-width: 7px;
border-top-width: 7px;
border-top-width: 7px;
border-bottom-width: 0
border-bottom-width: 0
}
}
.s-btn .s-btn--badge {
.s-btn .s-btn--badge {
opacity: .5;
opacity: .5;
display: inline-block;
display: inline-block;
border-radius: 3px;
border-radius: 3px;
padding: 2px 3px;
padding: 2px 3px;
font-size: 12px;
font-size: 12px;
line-height: 1;
line-height: 1;
background-color: currentColor
background-color: currentColor
}
}
.s-btn .s-btn--number {
.s-btn .s-btn--number {
color: var(--white)
color: var(--white)
}
}
@media (prefers-color-scheme:dark) {
@media (prefers-color-scheme:dark) {
body.theme-system .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {
body.theme-system .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {
color: #0c0d0e
color: #0c0d0e
}
}
}
}
body.theme-dark .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number,.theme-dark__forced .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {
body.theme-dark .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number,.theme-dark__forced .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {
color: #0c0d0e
color: #0c0d0e
}
}
.s-btn__outlined {
.s-btn__outlined {
border-color: var(--blue-400)
border-color: var(--blue-400)
}
}
.s-btn__outlined.is-selected {
.s-btn__outlined.is-selected {
border-color: var(--blue-600)
border-color: var(--blue-600)
}
}
.s-btn__outlined[disabled] {
.s-btn__outlined[disabled] {
color: var(--black-200);
color: var(--black-200);
border-color: var(--black-100);
border-color: var(--black-100);
background-color: transparent
background-color: transparent
}
}
.s-btn__filled {
.s-btn__filled {
color: var(--powder-700);
color: var(--powder-700);
background-color: var(--powder-100);
background-color: var(--powder-100);
border-color: var(--powder-500);
border-color: var(--powder-500);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7)
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7)
}
}
.s-btn__filled:hover,.s-btn__filled:focus,.s-btn__filled:active {
.s-btn__filled:hover,.s-btn__filled:focus,.s-btn__filled:active {
color: var(--powder-800);
color: var(--powder-800);
background-color: var(--powder-300)
background-color: var(--powder-300)
}
}
.s-btn__filled:active {
.s-btn__filled:active {
background-color: var(--powder-400);
background-color: var(--powder-400);
border-color: var(--powder-600);
border-color: var(--powder-600);
box-shadow: none
box-shadow: none
}
}
.s-btn__filled[disabled] {
.s-btn__filled[disabled] {
background-color: var(--black-075);
background-color: var(--black-075);
border-color: var(--black-150);
border-color: var(--black-150);
box-shadow: none
box-shadow: none
}
}
.s-btn__filled.is-selected {
.s-btn__filled.is-selected {
color: var(--powder-900);
color: var(--powder-900);
background-color: var(--powder-500);
background-color: var(--powder-500);
border-color: var(--powder-700);
border-color: var(--powder-700);
box-shadow: none
box-shadow: none
}
}
@media (prefers-color-scheme:dark) {
@media (prefers-color-scheme:dark) {
body.theme-system .s-btn__filled {
body.theme-system .s-btn__filled {
box-shadow: none
box-shadow: none
}
}
}
}
body.theme-dark .s-btn__filled,.theme-dark__forced .s-btn__filled {
body.theme-dark .s-btn__filled,.theme-dark__forced .s-btn__filled {
box-shadow: none
box-shadow: none
}
}
.s-btn__muted {
.s-btn__muted {
color: var(--black-500)
color: var(--black-500)
}
}
.s-btn__muted:hover,.s-btn__muted:focus,.s-btn__muted:active {
.s-btn__muted:hover,.s-btn__muted:focus,.s-btn__muted:active {
color: var(--black-600);
color: var(--black-600);
background-color: var(--black-025)
background-color: var(--black-025)
}
}
.s-btn__muted:active {
.s-btn__muted:active {
background: var(--black-050)
background: var(--black-050)
}
}
.s-btn__muted:focus {
.s-btn__muted:focus {
box-shadow: 0 0 0 4px var(--focus-ring-muted)
box-shadow: 0 0 0 4px var(--focus-ring-muted)
}
}
.s-btn__muted.is-selected {
.s-btn__muted.is-selected {
color: var(--black-700);
color: var(--black-700);
background-color: var(--black-075)
background-color: var(--black-075)
}
}
.s-btn__muted.is-selected:focus {
.s-btn__muted.is-selected:focus {
box-shadow: 0 0 0 4px var(--focus-ring-muted)
box-shadow: 0 0 0 4px var(--focus-ring-muted)
}
}
.s-btn__muted.s-btn__outlined {
.s-btn__muted.s-btn__outlined {
border-color: var(--black-300)
border-color: var(--black-300)
}
}
.s-btn__muted.s-btn__outlined.is-selected {
.s-btn__muted.s-btn__outlined.is-selected {
border-color: var(--black-400)
border-color: var(--black-400)
}
}
.s-btn__muted.s-btn__outlined[disabled] {
.s-btn__muted.s-btn__outlined[disabled] {
border-color: var(--black-100)
border-color: var(--black-100)
}
}
.s-btn__muted.s-btn__filled {
.s-btn__muted.s-btn__filled {
color: var(--black-700);
color: var(--black-700);
background-color: var(--black-100);
background-color: var(--black-100);
border-color: transparent;
border-color: transparent;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}
}
.s-btn__muted.s-btn__filled:hover,.s-btn__muted.s-btn__filled:focus,.s-btn__muted.s-btn__filled:active {
.s-btn__muted.s-btn__filled:hover,.s-btn__muted.s-btn__filled:focus,.s-btn__muted.s-btn__filled:active {
color: var(--black-700);
color: var(--black-700);
background-color: var(--black-150)
background-color: var(--black-150)
}
}
.s-btn__muted.s-btn__filled:active {
.s-btn__muted.s-btn__filled:active {
background-color: var(--black-200);
background-color: var(--black-200);
box-shadow: none
box-shadow: none
}
}
.s-btn__muted.s-btn__filled:focus {
.s-btn__muted.s-btn__filled:focus {
box-shadow: 0 0 0 4px var(--focus-ring-muted)
box-shadow: 0 0 0 4px var(--focus-ring-muted)
}
}
.s-btn__muted.s-btn__filled.is-selected {
.s-btn__muted.s-btn__filled.is-selected {
color: var(--black-800);
color: var(--black-800);
background-color: var(--black-350);
background-color: var(--black-350);
box-shadow: none
box-shadow: none
}
}
.s-btn__muted.s-btn__filled.is-selected:focus {
.s-btn__muted.s-btn__filled.is-selected:focus {
box-shadow: 0 0 0 4px var(--focus-ring-muted)
box-shadow: 0 0 0 4px var(--focus-ring-muted)
}
}
.s-btn__muted.s-btn__filled[disabled] {
.s-btn__muted.s-btn__filled[disabled] {
color: var(--black-300);
color: var(--black-300);
box-shadow: none
box-shadow: none
}
}
@media (prefers-color-scheme:dark) {
@media (prefers-color-scheme:dark) {
body.theme-system .s-btn__muted.s-btn__filled {
body.theme-system .s-btn__muted.s-btn__filled {
box-shadow: none
box-shadow: none
}
}
}
}
body.theme-dark .s-btn__muted.s-btn__filled,.theme-dark__forced .s-btn__muted.s-btn__filled {
body.theme-dark .s-btn__muted.s-btn__filled,.theme-dark__forced .s-btn__muted.s-btn__filled {
box-shadow: none
box-shadow: none
}
}
.s-btn__danger {
.s-btn__danger {
color: var(--red-600)
color: var(--red-600)
}
}
.s-btn__danger:hover,.s-btn__danger:focus,.s-btn__danger:active {
.s-btn__danger:hover,.s-btn__danger:focus,.s-btn__danger:active {
color: var(--red-700);
color: var(--red-700);
background-color: var(--red-050)
background-color: var(--red-050)
}
}
.s-btn__danger:active {
.s-btn__danger:active {
background-color: var(--red-100)
background-color: var(--red-100)
}
}
.s-btn__danger:focus {
.s-btn__danger:focus {
box-shadow: 0 0 0 4px var(--focus-ring-error)
box-shadow: 0 0 0 4px var(--focus-ring-error)
}
}
.s-btn__danger.is-selected {
.s-btn__danger.is-selected {
color: var(--red-900);
color: var(--red-900);
background-color: var(--red-200)
background-color: var(--red-200)
}
}
.s-btn__danger.is-selected:focus {
.s-btn__danger.is-selected:focus {
box-shadow: 0 0 0 4px var(--focus-ring-error)
box-shadow: 0 0 0 4px var(--focus-ring-error)
}
}
.s-btn__danger.s-btn__outlined {
.s-btn__danger.s-btn__outlined {
border-color: var(--red-500)
border-color: var(--red-500)
}
}
.s-btn__danger.s-btn__outlined.is-selected {
.s-btn__danger.s-btn__outlined.is-selected {
border-color: var(--red-600)
border-color: var(--red-600)
}
}
.s-btn__danger.s-btn__outlined[disabled] {
.s-btn__danger.s-btn__outlined[disabled] {
border-color: var(--black-200)
border-color: var(--black-200)
}
}
.s-btn__danger.s-btn__filled {
.s-btn__danger.s-btn__filled {
color: #fff;
color: #fff;
background-color: var(--red-500);
background-color: var(--red-500);
border-color: transparent;
border-color: transparent;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}
}
.s-btn__danger.s-btn__filled:hover,.s-btn__danger.s-btn__filled:focus,.s-btn__danger.s-btn__filled:active {
.s-btn__danger.s-btn__filled:hover,.s-btn__danger.s-btn__filled:focus,.s-btn__danger.s-btn__filled:active {
color: #fff;
color: #fff;
background-color: var(--red-600)
background-color: var(--red-600)
}
}
.s-btn__danger.s-btn__filled:active {
.s-btn__danger.s-btn__filled:active {
background-color: var(--red-700);
background-color: var(--red-700);
box-shadow: none
box-shadow: none
}
}
.s-btn__danger.s-btn__filled:focus {
.s-btn__danger.s-btn__filled:focus {
box-shadow: 0 0 0 4px var(--focus-ring-error)
box-shadow: 0 0 0 4px var(--focus-ring-error)
}
}
.s-btn__danger.s-btn__filled.is-selected {
.s-btn__danger.s-btn__filled.is-selected {
color: var(--white);
color: var(--white);
background-color: var(--red-800);
background-color: var(--red-800);
box-shadow: none
box-shadow: none
}
}
.s-btn__danger.s-btn__filled.is-selected:focus {
.s-btn__danger.s-btn__filled.is-selected:focus {
box-shadow: 0 0 0 4px var(--focus-ring-error)
box-shadow: 0 0 0 4px var(--focus-ring-error)
}
}
.s-btn__danger.s-btn__filled .s-btn--number {
.s-btn__danger.s-btn__filled .s-btn--number {
color: var(--black-900)
color: var(--black-900)
}
}
.s-btn__danger.s-btn__filled[disabled] {
.s-btn__danger.s-btn__filled[disabled] {
color: var(--white);
color: var(--white);
background-color: var(--black-200);
background-color: var(--black-200);
box-shadow: none
box-shadow: none
}
}
.s-btn__danger.s-btn__filled[disabled] .s-btn--number {
.s-btn__danger.s-btn__filled[disabled] .s-btn--number {
color: var(--black-300)
color: var(--black-300)
}
}
@media (prefers-color-scheme:dark) {
@media (prefers-color-scheme:dark) {
body.theme-system .s-btn__danger.s-btn__filled {
body.theme-system .s-btn__danger.s-btn__filled {
box-shadow: none
box-shadow: none
}
}
}
}
body.theme-dark .s-btn__danger.s-btn__filled,.theme-dark__forced .s-btn__danger.s-btn__filled {
body.theme-dark .s-btn__danger.s-btn__filled,.theme-dark__forced .s-btn__danger.s-btn__filled {
box-shadow: none
box-shadow: none
}
}
.s-btn__primary {
.s-btn__primary {
color: #fff;
color: #fff;
background-color: var(--blue-500);
background-color: var(--blue-500);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}
}
.s-btn__primary:hover,.s-btn__primary:focus,.s-btn__primary:active {
.s-btn__primary:hover,.s-btn__primary:focus,.s-btn__primary:active {
color: #fff;
color: #fff;
background-color: var(--blue-600)
background-color: var(--blue-600)
}
}
.s-btn__primary:active {
.s-btn__primary:active {
background-color: var(--blue-700);
background-color: var(--blue-700);
box-shadow: none
box-shadow: none
}
}
.s-btn__primary.is-selected {
.s-btn__primary.is-selected {
color: var(--white);
color: var(--white);
background-color: var(--blue-800)
background-color: var(--blue-800)
}
}
.s-btn__primary .s-btn--number {
.s-btn__primary .s-btn--number {
color: var(--black-900)
color: var(--black-900)
}
}
.s-btn__primary[disabled] {
.s-btn__primary[disabled] {
color: var(--white);
color: var(--white);
background-color: var(--black-200)
background-color: var(--black-200)
}
}
.s-btn__primary[disabled] .s-btn--number {
.s-btn__primary[disabled] .s-btn--number {
color: var(--black-300)
color: var(--black-300)
}
}
@media (prefers-color-scheme:dark) {
@media (prefers-color-scheme:dark) {
body.theme-system .s-btn__primary {
body.theme-system .s-btn__primary {
box-shadow: none
box-shadow: none
}
}
}
}
body.theme-dark .s-btn__primary,.theme-dark__forced .s-btn__primary {
body.theme-dark .s-btn__primary,.theme-dark__forced .s-btn__primary {
box-shadow: none
box-shadow: none
}
}
.s-btn__google {
.s-btn__google {
border-color: var(--black-100);
border-color: var(--black-100);
background-color: var(--white);
background-color: var(--white);
color: var(--black-700)
color: var(--black-700)
}
}
.s-btn__google:hover,.s-btn__google:focus {
.s-btn__google:hover,.s-btn__google:focus {
border-color: var(--black-150);
border-color: var(--black-150);
background-color: var(--black-025);
background-color: var(--black-025);
color: var(--black-800)
color: var(--black-800)
}
}
.s-btn__google:active {
.s-btn__google:active {
border-color: var(--black-200);
border-color: var(--black-200);
background-color: var(--black-050);
background-color: var(--black-050);
color: var(--black-900)
color: var(--black-900)
}
}
.s-btn__facebook {
.s-btn__facebook {
border-color: transparent;
border-color: transparent;
background-color: #385499;
background-color: #385499;
color: #fff
color: #fff
}
}
.s-btn__facebook:hover,.s-btn__facebook:focus {
.s-btn__facebook:hover,.s-btn__facebook:focus {
background-color: #314a86;
background-color: #314a86;
color: #fff
color: #fff
}
}
.s-btn__facebook:active {
.s-btn__facebook:active {
background-color: #2a4074;
background-color: #2a4074;
color: #fff
color: #fff
}
}
.s-btn__github {
.s-btn__github {
background-color: var(--black-750);
background-color: var(--black-750);
color: var(--white)
color: var(--white)
}
}
.s-btn__github:hover,.s-btn__github:focus {
.s-btn__github:hover,.s-btn__github:focus {
background-color: var(--black-800);
background-color: var(--black-800);
color: var(--white)
color: var(--white)
}
}
.s-btn__github:active {
.s-btn__github:active {
background-color: var(--black-900);
background-color: var(--black-900);
color: var(--white)
color: var(--white)
}
}
.s-btn__unset,.s-btn__unset:hover,.s-btn__unset:active {
.s-btn__unset,.s-btn__unset:hover,.s-btn__unset:active {
padding: 0;
padding: 0;
border: none;
border: none;
outline: none;
outline: none;
font: unset;
font: unset;
border-radius: 0;
border-radius: 0;
color: unset;
color: unset;
background: none;
background: none;
box-shadow: none;
box-shadow: none;
cursor: default
cursor: default
}
}
.s-btn__unset:focus {
.s-btn__unset:focus {
color: unset
color: unset
}
}
.s-btn__link {
.s-btn__link {
display: inline;
display: inline;
padding: 0;
padding: 0;
border: none;
border: none;
border-radius: 0;
border-radius: 0;
outline: none;
outline: none;
font: inherit;
font: inherit;
background: none;
background: none;
box-shadow: none;
box-shadow: none;
text-align: inherit;
text-align: inherit;
text-decoration: none;
text-decoration: none;
color: var(--blue-600);
color: var(--blue-600);
cursor: pointer
cursor: pointer
}
}
.s-btn__link.s-link__visited:visited {
.s-btn__link.s-link__visited:visited {
color: var(--blue-700);
color: var(--blue-700);
text-decoration: none
text-decoration: none
}
}
.s-btn__link:hover,.s-btn__link.s-link__visited:hover,.s-btn__link:active,.s-btn__link.s-link__visited:active {
.s-btn__link:hover,.s-btn__link.s-link__visited:hover,.s-btn__link:active,.s-btn__link.s-link__visited:active {
color: var(--blue-500);
color: var(--blue-500);
text-decoration: none
text-decoration: none
}
}
.s-btn__link.s-link__grayscale {
.s-btn__link.s-link__grayscale {
color: var(--black-800)
color: var(--black-800)
}
}
.s-btn__link.s-link__grayscale.s-link__visited:visited {
.s-btn__link.s-link__grayscale.s-link__visited:visited {
color: var(--black-700)
color: var(--black-700)
}
}
.s-btn__link.s-link__grayscale:hover,.s-btn__link.s-link__grayscale.s-link__visited:hover,.s-btn__link.s-link__grayscale:active,.s-btn__link.s-link__grayscale.s-link__visited:active {
.s-btn__link.s-link__grayscale:hover,.s-btn__link.s-link__grayscale.s-link__visited:hover,.s-btn__link.s-link__grayscale:active,.s-btn__link.s-link__grayscale.s-link__visited:active {
color: var(--black-900)
color: var(--black-900)
}
}
.s-btn__link.s-link__muted {
.s-btn__link.s-link__muted {
color: var(--black-500)
color: var(--black-500)
}
}
.s-btn__link.s-link__muted.s-link__visited:visited {
.s-btn__link.s-link__muted.s-link__visited:visited {
color: var(--black-700)
color: var(--black-700)
}
}
.s-btn__link.s-link__muted:hover,.s-btn__link.s-link__muted.s-link__visited:hover,.s-btn__link.s-link__muted:active,.s-btn__link.s-link__muted.s-link__visited:active {
.s-btn__link.s-link__muted:hover,.s-btn__link.s-link__muted.s-link__visited:hover,.s-btn__link.s-link__muted:active,.s-btn__link.s-link__muted.s-link__visited:active {
color: var(--black-600)
color: var(--black-600)
}
}
.s-btn__link.s-link__danger {
.s-btn__link.s-link__danger {
color: var(--red-500)
color: var(--red-500)
}
}
.s-btn__link.s-link__danger.s-link__visited:visited {
.s-btn__link.s-link__danger.s-link__visited:visited {
color: var(--red-600)
color: var(--red-600)
}
}
.s-btn__link.s-link__danger:hover,.s-btn__link.s-link__danger.s-link__visited:hover,.s-btn__link.s-link__danger:active,.s-btn__link.s-link__danger.s-link__visited:active {
.s-btn__link.s-link__danger:hover,.s-btn__link.s-link__danger.s-link__visited:hover,.s-btn__link.s-link__danger:active,.s-btn__link.s-link__danger.s-link__visited:active {
color: var(--red-400)
color: var(--red-400)
}
}
.s-btn__link.s-link__inherit {
.s-btn__link.s-link__inherit {
color: inherit !important
color: inherit !important
}
}
.s-btn__link.s-link__inherit:hover,.s-btn__link.s-link__inherit:active,.s-btn__link.s-link__inherit.s-link__visited:visited {
.s-btn__link.s-link__inherit:hover,.s-btn__link.s-link__inherit:active,.s-btn__link.s-link__inherit.s-link__visited:visited {
color: inherit !important
color: inherit !important
}
}
.s-btn__link.s-link__underlined {
.s-btn__link.s-link__underlined {
text-decoration: underline !important
text-decoration: underline !important
}
}
.s-btn__link:hover,.s-btn__link:active,.s-btn__link:focus {
.s-btn__link:hover,.s-btn__link:active,.s-btn__link:focus {
background: none
background: none
}
}
.s-btn__icon .svg-icon {
.s-btn__icon .svg-icon {
vertical-align: baseline;
vertical-align: baseline;
margin-top: -0.3em;
margin-top: -0.3em;
margin-bottom: -0.3em;
margin-bottom: -0.3em;
transition: opacity 200ms cubic-bezier(.165, .84, .44, 1)
transition: opacity 200ms cubic-bezier(.165, .84, .44, 1)
}
}
.s-btn.is-loading {
.s-btn.is-loading {
padding-left: 2.2em
padding-left: 2.2em
}
}
.s-btn.is-loading:before {
.s-btn.is-loading:before {
content: "";
content: "";
position: absolute;
position: absolute;
opacity: .3;
opacity: .3;
left: .6em;
left: .6em;
top: calc(50% - .6em);
top: calc(50% - .6em);
width: 1.23076923em;
width: 1.23076923em;
height: 1.23076923em;
height: 1.23076923em;
border-width: 2px;
border-width: 2px;
border-style: solid;
border-style: solid;
border-color: currentColor;
border-color: currentColor;
border-radius: 50%
border-radius: 50%
}
}
.s-btn.is-loading:after {
.s-btn.is-loading:after {
content: "";
content: "";
position: absolute;
position: absolute;
left: .6em;
left: .6em;
top: calc(50% - .6em);
top: calc(50% - .6em);
width: 1.23076923em;
width: 1.23076923em;
height: 1.23076923em;
height: 1.23076923em;
border-width: 2px;
border-width: 2px;
border-style: solid;
border-style: solid;
border-color: transparent;
border-color: transparent;
border-left-color: currentColor;
border-left-color: currentColor;
border-radius: 50%;
border-radius: 50%;
animation: s-spinner-rotate .9s infinite cubic-bezier(.5, .1, .5, .9);
animation: s-spinner-rotate .9s infinite cubic-bezier(.5, .1, .5, .9);
filter: invert(0);
filter: invert(0);
transform-origin: 50% 50% 1px
transform-origin: 50% 50% 1px
}
}
.s-btn.is-loading .svg-icon:first-child {
.s-btn.is-loading .svg-icon:first-child {
margin-left: -23px;
margin-left: -23px;
opacity: 0
opacity: 0
}
}
.s-btn.is-loading.s-btn__lg:before,.s-btn.is-loading.s-btn__lg:after {
.s-btn.is-loading.s-btn__lg:before,.s-btn.is-loading.s-btn__lg:after {
border-width: 3px
border-width: 3px
}
}
.s-btn.is-loading.s-btn__xl:before,.s-btn.is-loading.s-btn__xl:after {
.s-btn.is-loading.s-btn__xl:before,.s-btn.is-loading.s-btn__xl:after {
border-width: 4px
border-width: 4px
}
}
a,.s-link {
a,.s-link {
text-decoration: none;
text-decoration: none;
color: var(--blue-600);
color: var(--blue-600);
cursor: pointer
cursor: pointer
}
}
a.s-link__visited:visited,.s-link.s-link__visited:visited {
a.s-link__visited:visited,.s-link.s-link__visited:visited {
color: var(--blue-700);
color: var(--blue-700);
text-decoration: none
text-decoration: none
}
}
a:hover,.s-link:hover,a.s-link__visited:hover,.s-link.s-link__visited:hover,a:active,.s-link:active,a.s-link__visited:active,.s-link.s-link__visited:active {
a:hover,.s-link:hover,a.s-link__visited:hover,.s-link.s-link__visited:hover,a:active,.s-link:active,a.s-link__visited:active,.s-link.s-link__visited:active {
color: var(--blue-500);
color: var(--blue-500);
text-decoration: none
text-decoration: none
}
}
a.s-link__grayscale,.s-link.s-link__grayscale {
a.s-link__grayscale,.s-link.s-link__grayscale {
color: var(--black-800)
color: var(--black-800)
}
}
a.s-link__grayscale.s-link__visited:visited,.s-link.s-link__grayscale.s-link__visited:visited {
a.s-link__grayscale.s-link__visited:visited,.s-link.s-link__grayscale.s-link__visited:visited {
color: var(--black-700)
color: var(--black-700)
}
}
a.s-link__grayscale:hover,.s-link.s-link__grayscale:hover,a.s-link__grayscale.s-link__visited:hover,.s-link.s-link__grayscale.s-link__visited:hover,a.s-link__grayscale:active,.s-link.s-link__grayscale:active,a.s-link__grayscale.s-link__visited:active,.s-link.s-link__grayscale.s-link__visited:active {
a.s-link__grayscale:hover,.s-link.s-link__grayscale:hover,a.s-link__grayscale.s-link__visited:hover,.s-link.s-link__grayscale.s-link__visited:hover,a.s-link__grayscale:active,.s-link.s-link__grayscale:active,a.s-link__grayscale.s-link__visited:active,.s-link.s-link__grayscale.s-link__visited:active {
color: var(--black-900)
color: var(--black-900)
}
}
a.s-link__muted,.s-link.s-link__muted {
a.s-link__muted,.s-link.s-link__muted {
color: var(--black-500)
color: var(--black-500)
}
}
a.s-link__muted.s-link__visited:visited,.s-link.s-link__muted.s-link__visited:visited {
a.s-link__muted.s-link__visited:visited,.s-link.s-link__muted.s-link__visited:visited {
color: var(--black-700)
color: var(--black-700)
}
}
a.s-link__muted:hover,.s-link.s-link__muted:hover,a.s-link__muted.s-link__visited:hover,.s-link.s-link__muted.s-link__visited:hover,a.s-link__muted:active,.s-link.s-link__muted:active,a.s-link__muted.s-link__visited:active,.s-link.s-link__muted.s-link__visited:active {
a.s-link__muted:hover,.s-link.s-link__muted:hover,a.s-link__muted.s-link__visited:hover,.s-link.s-link__muted.s-link__visited:hover,a.s-link__muted:active,.s-link.s-link__muted:active,a.s-link__muted.s-link__visited:active,.s-link.s-link__muted.s-link__visited:active {
color: var(--black-600)
color: var(--black-600)
}
}
a.s-link__danger,.s-link.s-link__danger {
a.s-link__danger,.s-link.s-link__danger {
color: var(--red-500)
color: var(--red-500)
}
}
a.s-link__danger.s-link__visited:visited,.s-link.s-link__danger.s-link__visited:visited {
a.s-link__danger.s-link__visited:visited,.s-link.s-link__danger.s-link__visited:visited {
color: var(--red-600)
color: var(--red-600)
}
}
a.s-link__danger:hover,.s-link.s-link__danger:hover,a.s-link__danger.s-link__visited:hover,.s-link.s-link__danger.s-link__visited:hover,a.s-link__danger:active,.s-link.s-link__danger:active,a.s-link__danger.s-link__visited:active,.s-link.s-link__danger.s-link__visited:active {
a.s-link__danger:hover,.s-link.s-link__danger:hover,a.s-link__danger.s-link__visited:hover,.s-link.s-link__danger.s-link__visited:hover,a.s-link__danger:active,.s-link.s-link__danger:active,a.s-link__danger.s-link__visited:active,.s-link.s-link__danger.s-link__visited:active {
color: var(--red-400)
color: var(--red-400)
}
}
a.s-link__inherit,.s-link.s-link__inherit {
a.s-link__inherit,.s-link.s-link__inherit {
color: inherit !important
color: inherit !important
}
}
a.s-link__inherit:hover,.s-link.s-link__inherit:hover,a.s-link__inherit:active,.s-link.s-link__inherit:active,a.s-link__inherit.s-link__visited:visited,.s-link.s-link__inherit.s-link__visited:visited {
a.s-link__inherit:hover,.s-link.s-link__inherit:hover,a.s-link__inherit:active,.s-link.s-link__inherit:active,a.s-link__inherit.s-link__visited:visited,.s-link.s-link__inherit.s-link__visited:visited {
color: inherit !important
color: inherit !important
}
}
a.s-link__underlined,.s-link.s-link__underlined {
a.s-link__underlined,.s-link.s-link__underlined {
text-decoration: underline !important
text-decoration: underline !important
}
}
button.s-link {
button.s-link {
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: none;
background: transparent;
background: transparent;
border: 0;
border: 0;
padding: 0;
padding: 0;
line-height: inherit
line-height: inherit
}
}
button.s-link:focus {
button.s-link:focus {
outline: none
outline: none
}
}
.s-anchors.s-anchors__underlined a:not(.s-link) {
.s-anchors.s-anchors__underlined a:not(.s-link) {
text-decoration: underline
text-decoration: underline
}
}
.s-anchors.s-anchors__default a:not(.s-link),.s-anchors .s-anchors.s-anchors__default a:not(.s-link) {
.s-anchors.s-anchors__default a:not(.s-link),.s-anchors .s-anchors.s-anchors__default a:not(.s-link) {
color: var(--blue-600)
color: var(--blue-600)
}
}
.s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors.s-anchors__default a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):active {
.s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors.s-anchors__default a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):active {
color: var(--blue-500)
color: var(--blue-500)
}
}
.s-anchors.s-anchors__default a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited {
.s-anchors.s-anchors__default a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited {
color: var(--blue-700)
color: var(--blue-700)
}
}
.s-anchors.s-anchors__grayscale a:not(.s-link),.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link) {
.s-anchors.s-anchors__grayscale a:not(.s-link),.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link) {
color: var(--black-700)
color: var(--black-700)
}
}
.s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors.s-anchors__grayscale a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):active {
.s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors.s-anchors__grayscale a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):active {
color: var(--black-600)
color: var(--black-600)
}
}
.s-anchors.s-anchors__grayscale a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {
.s-anchors.s-anchors__grayscale a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {
color: var(--black-900)
color: var(--black-900)
}
}
.s-anchors.s-anchors__inherit a:not(.s-link),.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link) {
.s-anchors.s-anchors__inherit a:not(.s-link),.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link) {
color: inherit
color: inherit
}
}
.s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors.s-anchors__inherit a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):active {
.s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors.s-anchors__inherit a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):active {
color: inherit
color: inherit
}
}
.s-anchors.s-anchors__inherit a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):visited {
.s-anchors.s-anchors__inherit a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):visited {
color: inherit
color: inherit
}
}
.s-anchors.s-anchors__muted a:not(.s-link),.s-anchors .s-anchors.s-anchors__muted a:not(.s-link) {
.s-anchors.s-anchors__muted a:not(.s-link),.s-anchors .s-anchors.s-anchors__muted a:not(.s-link) {
color: var(--black-500)
color: var(--black-500)
}
}
.s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors.s-anchors__muted a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):active {
.s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors.s-anchors__muted a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):active {
color: var(--black-400)
color: var(--black-400)
}
}
.s-anchors.s-anchors__muted a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):visited {
.s-anchors.s-anchors__muted a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):visited {
color: var(--black-600)
color: var(--black-600)
}
}
.s-anchors.s-anchors__danger a:not(.s-link),.s-anchors .s-anchors.s-anchors__danger a:not(.s-link) {
.s-anchors.s-anchors__danger a:not(.s-link),.s-anchors .s-anchors.s-anchors__danger a:not(.s-link) {
color: var(--red-500)
color: var(--red-500)
}
}
.s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors.s-anchors__danger a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):active {
.s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors.s-anchors__danger a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):active {
color: var(--red-400)
color: var(--red-400)
}
}
.s-anchors.s-anchors__danger a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):visited {
.s-anchors.s-anchors__danger a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):visited {
color: var(--red-600)
color: var(--red-600)
}
}
.s-block-link {
.s-block-link {
display: block;
display: block;
color: var(--black-600);
color: var(--black-600);
padding: 6px 8px
padding: 6px 8px
}
}
.s-block-link:hover,.s-block-link:active {
.s-block-link:hover,.s-block-link:active {
color: var(--black-800)
color: var(--black-800)
}
}
.s-block-link.is-selected {
.s-block-link.is-selected {
color: var(--black-800);
color: var(--black-800);
font-weight: bold;
font-weight: bold;
background-color: var(--black-050)
background-color: var(--black-050)
}
}
.s-block-link.is-selected.s-block-link__right {
.s-block-link.is-selected.s-block-link__right {
border-right: 3px solid #f48024
border-right: 3px solid #f48024
}
}
.s-block-link.is-selected.s-block-link__left {
.s-block-link.is-selected.s-block-link__left {
border-left: 3px solid #f48024
border-left: 3px solid #f48024
}
}
.s-link-preview {
.s-link-preview {
border: 1px solid var(--black-100);
border: 1px solid var(--black-100);
border-radius: 3px;
border-radius: 3px;
text-align: left;
text-align: left;
box-shadow: var(--bs-sm)
box-shadow: var(--bs-sm)
}
}
.s-link-preview--header {
.s-link-preview--header {
display: flex;
display: flex;
background: var(--black-025);
background: var(--black-025);
border-top-left-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 1px solid var(--black-100);
border-bottom: 1px solid var(--black-100);
padding: 12px 8px
padding: 12px 8px
}
}
.s-link-preview--icon {
.s-link-preview--icon {
margin-right: 8px;
margin-right: 8px;
color: var(--black-800)
color: var(--black-800)
}
}
.s-link-preview--title {
.s-link-preview--title {
font-size: 1.30769231rem;
font-size: 1.30769231rem;
font-weight: bold;
font-weight: bold;
color: var(--black-900)
color: var(--black-900)
}
}
a.s-link-preview--title {
a.s-link-preview--title {
text-decoration: none;
text-decoration: none;
color: var(--blue-600);
color: var(--blue-600);
cursor: pointer
cursor: pointer
}
}
a.s-link-preview--title.s-link__visited:visited {
a.s-link-preview--title.s-link__visited:visited {
color: var(--blue-700);
color: var(--blue-700);
text-decoration: none
text-decoration: none
}
}
a.s-link-preview--title:hover,a.s-link-preview--title.s-link__visited:hover,a.s-link-preview--title:active,a.s-link-preview--title.s-link__visited:active {
a.s-link-preview--title:hover,a.s-link-preview--title.s-link__visited:hover,a.s-link-preview--title:active,a.s-link-preview--title.s-link__visited:active {
color: var(--blue-500);
color: var(--blue-500);
text-decoration: none
text-decoration: none
}
}
.s-link-preview--details {
.s-link-preview--details {
font-size: 12px;
font-size: 12px;
color: var(--black-500);
color: var(--black-500);
margin-top: 2px
margin-top: 2px
}
}
@media (max-width: 640px) {
@media (max-width: 640px) {
html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--details {
html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--details {
margin-top:4px
margin-top:4px
}
}
}
}
@media (max-width: 640px) {
@media (max-width: 640px) {
html.html__responsive.html__unpinned-leftnav .s-link-preview--details {
html.html__responsive.html__unpinned-leftnav .s-link-preview--details {
margin-top:4px
margin-top:4px
}
}
}
}
.s-link-preview--body {
.s-link-preview--body {
padding: 12px;
padding: 12px;
font-size: 1.15384615rem
font-size: 1.15384615rem
}
}
.s-link-preview--body *:last-child {
.s-link-preview--body *:last-child {
margin-bottom: 0
margin-bottom: 0
}
}
.s-link-preview--code pre {
.s-link-preview--code pre {
scrollbar-color: var(--scrollbar) transparent;
scrollbar-color: var(--scrollbar) transparent;
display: flex;
display: flex;
width: 100%;
width: 100%;
margin: 0;
margin: 0;
border-radius: 0;
border-radius: 0;
padding: 12px;
padding: 12px;
overflow: auto;
overflow: auto;
font-size: 13px;
font-size: 13px;
line-height: 1.15384615;
line-height: 1.15384615;
background-color: var(--black-050);
background-color: var(--black-050);
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
max-height: 400px
max-height: 400px
}
}
.s-link-preview--code pre::-webkit-scrollbar {
.s-link-preview--code pre::-webkit-scrollbar {
width: 10px;
width: 10px;
height: 10px;
height: 10px;
background-color: transparent
background-color: transparent
}
}
.s-link-preview--code pre::-webkit-scrollbar-track {
.s-link-preview--code pre::-webkit-scrollbar-track {
border-radius: 10px;
border-radius: 10px;
background-color: transparent
background-color: transparent
}
}
.s-link-preview--code pre::-webkit-scrollbar-thumb {
.s-link-preview--code pre::-webkit-scrollbar-thumb {
border-radius: 10px;
border-radius: 10px;
background-color: var(--scrollbar)
background-color: var(--scrollbar)
}
}
.s-link-preview--code pre::-webkit-scrollbar-corner {
.s-link-preview--code pre::-webkit-scrollbar-corner {
Original Text
Changed Text