<>
.craft-forums-notice {
margin: -10px;
padding: 15px 20px 20px 20px;
border-radius: 5px;
background-color: var(--ja-col-alt-bg);
}
.craft-notice-header {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 8px;
font-size: calc(18 / 16 * 1rem);
font-weight: 600;
margin-bottom: 12px;
text-align: center;
line-height: 1.25;
}
.craft-notice-icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 100%;
color: hsla(var(--xf-buttonCtaBg--h),var(--xf-buttonCtaBg--s),clamp(0%,calc((var(--xf-buttonCtaBg--l) - 67%) * -100),100%),var(--xf-buttonCtaBg--a));
background: hsla(var(--xf-buttonCtaBg));
transform: rotate(-12deg);
}
.craft-notice-icon svg {
position: relative;
left: -1px;
}
.craft-sites {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 8px;
justify-content: center;
}
@media screen and (min-width: 768px) {
.craft-sites {
column-gap: 12px;
row-gap: 12px;
}
}
.craft-site-row {
display: contents;
}
.craft-site-link {
padding: 6px 12px;
border: none;
border-radius: 5px;
color: hsla(var(--xf-buttonTextColor));
background: hsla(var(--xf-buttonBg));
font-size: calc(13 / 15 * 1rem);
line-height: 1.4;
text-transform: none;
text-align: center;
white-space: nowrap;
-webkit-transition: background-color .125s easeborder-color .125s easecolor .125s ease;
transition: background-color .125s easeborder-color .125s easecolor .125s ease;
}
@media screen and (min-width: 768px) {
.craft-site-link {
font-size: calc(14 / 15 * 1rem);
}
}
.craft-site-link:hover,
.craft-site-link:focus {
color: hsla(var(--xf-buttonCtaBg--h),var(--xf-buttonCtaBg--s),clamp(0%,calc((var(--xf-buttonCtaBg--l) - 67%) * -100),100%),var(--xf-buttonCtaBg--a));
background: hsla(var(--xf-buttonCtaBg));
text-decoration: none;
}
