Empty state images branding update (#29790)
* Updated Channel Intro svgs * Mention and Pins empty state svg update * Updated empty thread svg * Fixed static colors * Fix color in public center channel * Updated empty state images for search, groups and saved messages * Removed overriding size for svgs in RHS * Removed unused translation string * Review feedback * Linting * linting
Этот коммит содержится в:
Maria A Nunez
коммит произвёл
GitHub
GitHub
родитель
ca439e73f3
Коммит
f149520dfc
@@ -9,55 +9,250 @@ export function ChannelFilesSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='17px'
|
||||
height='17px'
|
||||
viewBox='0 0 17 17'
|
||||
width='132'
|
||||
height='108'
|
||||
viewBox='0 0 132 108'
|
||||
fill='none'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.channel_files', defaultMessage: 'Channel Files Icon'})}
|
||||
>
|
||||
<ellipse
|
||||
cx='8.68583'
|
||||
cy='15.7038'
|
||||
rx='7.3516'
|
||||
ry='0.319635'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
<rect
|
||||
x='1'
|
||||
y='51'
|
||||
width='131'
|
||||
height='35'
|
||||
rx='2'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<rect
|
||||
opacity='0.12'
|
||||
x='1'
|
||||
y='51'
|
||||
width='131'
|
||||
height='35'
|
||||
rx='2'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M15.5434 15.5814H7.3247C7.19562 15.5687 7.0749 15.5109 6.9832 15.4178C6.89151 15.3248 6.83453 15.2023 6.82202 15.0713V4.24286C6.83343 4.11018 6.89088 3.98592 6.98414 3.8922C7.07688 3.79811 7.19914 3.73992 7.32973 3.72771H13.4247L16.0637 6.3749V15.0662C16.0653 15.1315 16.0538 15.1963 16.0298 15.2568C16.0058 15.3174 15.9699 15.3723 15.9242 15.4182C15.8211 15.5178 15.6857 15.5759 15.5434 15.5814V15.5814Z'
|
||||
fill='#E8E9ED'
|
||||
d='M11.5 44.5L11.5 91.5H100'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M12.2888 5.53203H7.9708C7.94706 5.5305 7.9239 5.52402 7.90273 5.51301C7.88157 5.502 7.86286 5.48669 7.84777 5.46804C7.83268 5.44938 7.82154 5.42778 7.81503 5.40457C7.80853 5.38135 7.80679 5.35703 7.80994 5.33311C7.80994 5.2158 7.86398 5.15714 7.9708 5.15714H12.2888C12.3969 5.15714 12.4509 5.2158 12.4509 5.33311C12.4541 5.35713 12.4523 5.38155 12.4457 5.40485C12.4391 5.42814 12.4279 5.4498 12.4126 5.46848C12.3974 5.48715 12.3786 5.50244 12.3572 5.51338C12.3359 5.52431 12.3126 5.53067 12.2888 5.53203V5.53203ZM11.619 6.79697C11.668 6.79697 11.715 6.77722 11.7496 6.74207C11.7842 6.70692 11.8037 6.65923 11.8037 6.60952C11.8037 6.55981 11.7842 6.51213 11.7496 6.47698C11.715 6.44183 11.668 6.42208 11.619 6.42208H7.97457C7.92929 6.42745 7.88753 6.4495 7.85722 6.48406C7.82691 6.51862 7.81017 6.56326 7.81017 6.60952C7.81017 6.65578 7.82691 6.70043 7.85722 6.73499C7.88753 6.76954 7.92929 6.7916 7.97457 6.79697H11.619ZM14.4817 8.08486C14.5072 8.08699 14.5328 8.08375 14.5569 8.07533C14.5811 8.06691 14.6033 8.0535 14.6221 8.03595C14.6409 8.01839 14.6558 7.99707 14.6661 7.97334C14.6764 7.9496 14.6817 7.92397 14.6817 7.89805C14.6817 7.87214 14.6764 7.8465 14.6661 7.82276C14.6558 7.79903 14.6409 7.77771 14.6221 7.76016C14.6033 7.7426 14.5811 7.72919 14.5569 7.72077C14.5328 7.71235 14.5072 7.70911 14.4817 7.71124H7.9708C7.9265 7.71769 7.88598 7.74013 7.85667 7.77445C7.82736 7.80876 7.81123 7.85264 7.81123 7.89805C7.81123 7.94346 7.82736 7.98735 7.85667 8.02166C7.88598 8.05597 7.9265 8.07841 7.9708 8.08486H14.4817ZM14.067 9.35107C14.1734 9.35107 14.235 9.28859 14.2517 9.16363C14.2482 9.11509 14.2277 9.06944 14.1937 9.03502C14.1598 9.00061 14.1148 8.97972 14.067 8.97618H7.9708C7.94706 8.97771 7.9239 8.98419 7.90273 8.9952C7.88157 9.00621 7.86286 9.02152 7.84777 9.04018C7.83268 9.05883 7.82154 9.08043 7.81503 9.10364C7.80853 9.12686 7.80679 9.15119 7.80994 9.17511C7.80994 9.29242 7.86398 9.35107 7.9708 9.35107H14.067ZM11.619 10.639C11.668 10.639 11.715 10.6192 11.7496 10.5841C11.7842 10.5489 11.8037 10.5012 11.8037 10.4515C11.8037 10.4018 11.7842 10.3541 11.7496 10.319C11.715 10.2838 11.668 10.2641 11.619 10.2641H7.97457C7.92929 10.2694 7.88753 10.2915 7.85722 10.3261C7.82691 10.3606 7.81017 10.4053 7.81017 10.4515C7.81017 10.4978 7.82691 10.5424 7.85722 10.577C7.88753 10.6115 7.92929 10.6336 7.97457 10.639H11.619ZM14.4817 11.9039C14.5898 11.9039 14.6514 11.8414 14.6664 11.7165C14.6632 11.6678 14.6427 11.622 14.6087 11.5876C14.5748 11.5531 14.5296 11.5323 14.4817 11.529H7.9708C7.94706 11.5305 7.9239 11.537 7.90273 11.548C7.88157 11.559 7.86286 11.5743 7.84777 11.593C7.83268 11.6117 7.82154 11.6333 7.81503 11.6565C7.80853 11.6797 7.80679 11.704 7.80994 11.7279C7.80994 11.8452 7.86398 11.9039 7.9708 11.9039H14.4817ZM14.4817 13.1931C14.5295 13.1895 14.5745 13.1686 14.6084 13.1342C14.6424 13.0998 14.6629 13.0542 14.6664 13.0056C14.6635 12.9569 14.643 12.9109 14.609 12.8764C14.575 12.8419 14.5297 12.8212 14.4817 12.8182H7.9708C7.92552 12.8235 7.88375 12.8456 7.85345 12.8802C7.82314 12.9147 7.8064 12.9594 7.8064 13.0056C7.8064 13.0519 7.82314 13.0965 7.85345 13.1311C7.88375 13.1656 7.92552 13.1877 7.9708 13.1931H14.4817ZM14.4817 14.458C14.5898 14.458 14.6514 14.3955 14.6664 14.2706C14.6657 14.2472 14.6602 14.2242 14.6504 14.2031C14.6405 14.182 14.6265 14.1631 14.6092 14.1477C14.5919 14.1323 14.5716 14.1206 14.5497 14.1135C14.5278 14.1063 14.5046 14.1038 14.4817 14.1061H7.9708C7.86398 14.1061 7.80994 14.1647 7.80994 14.282C7.80994 14.3993 7.86398 14.458 7.9708 14.458H14.4817Z'
|
||||
fill='#989DAE'
|
||||
d='M14 20.5L19.5 26V80H40.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<rect
|
||||
x='34'
|
||||
y='26'
|
||||
width='67'
|
||||
height='82'
|
||||
rx='2'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<rect
|
||||
x='27'
|
||||
y='13'
|
||||
width='70.3182'
|
||||
height='91'
|
||||
rx='2'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<rect
|
||||
x='27.5'
|
||||
y='13.5'
|
||||
width='69.3182'
|
||||
height='90'
|
||||
rx='1.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M13.4198 3.72771L16.0274 6.3749H13.9727C13.8275 6.3787 13.6866 6.32417 13.5807 6.22315C13.5262 6.17048 13.4836 6.10656 13.4557 6.03573C13.4277 5.96489 13.415 5.88878 13.4185 5.81256L13.4198 3.72771Z'
|
||||
fill='#BABEC9'
|
||||
d='M37 22H49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M9.82464 2.40803C9.21678 1.79243 8.44961 1.47536 7.52467 1.45834C6.61675 1.47536 5.85422 1.79089 5.23708 2.40803C4.62148 3.02517 4.3044 3.7877 4.28739 4.69563C4.3044 5.62057 4.61993 6.38619 5.23708 6.9956C5.85422 7.60346 6.61675 7.92518 7.52467 7.95611C8.44961 7.92363 9.21524 7.60346 9.82464 6.9956C10.4325 6.38619 10.7527 5.61902 10.7852 4.69408C10.7527 3.78616 10.4325 3.02362 9.82464 2.40803Z'
|
||||
fill='white'
|
||||
d='M36 68H69'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M4.54501 4.1179C4.82011 3.224 5.34091 2.55488 6.10818 2.11189C6.87546 1.66891 7.71533 1.55244 8.62703 1.76115C9.12558 1.88848 9.55993 2.10858 9.93363 2.42122C9.51576 1.96514 8.98567 1.64934 8.34475 1.47301C7.43305 1.2643 6.58904 1.38316 5.81486 1.83013C5.04069 2.2771 4.51575 2.94861 4.24065 3.84251C4.07152 4.48653 4.07997 5.1035 4.26738 5.69263C4.45342 6.28256 4.78736 6.7781 5.26982 7.17712C4.90759 6.78238 4.65835 6.3188 4.52269 5.78426C4.38841 5.24893 4.39591 4.69464 4.54501 4.1179Z'
|
||||
fill='black'
|
||||
fillOpacity='0.4'
|
||||
d='M36 86H75'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.53859 4.44355C3.6035 3.48398 3.99292 2.64128 4.70531 1.91545C5.5166 1.14194 6.45307 0.754425 7.5147 0.754425C8.57633 0.754425 9.51125 1.14194 10.3225 1.91545C11.0998 2.72278 11.4893 3.65314 11.4893 4.70959C11.4893 5.76604 11.0998 6.69793 10.3225 7.50373C9.5777 8.21418 8.72623 8.59709 7.76968 8.65245C6.81312 8.70935 5.93075 8.44639 5.11946 7.86665L4.51215 8.47099L3.73485 7.69749L4.34216 7.09314C3.74258 6.28735 3.47524 5.40313 3.53859 4.44355ZM5.21681 6.98396C5.83339 7.58831 6.59523 7.90817 7.50234 7.93892C8.42644 7.90663 9.19137 7.58831 9.80022 6.98396C10.4075 6.37961 10.7274 5.61688 10.7599 4.69729C10.7274 3.79461 10.4075 3.03649 9.80022 2.42291C9.19291 1.81088 8.42644 1.49563 7.50234 1.47872C6.59523 1.49563 5.83339 1.80934 5.21681 2.42291C4.60177 3.03649 4.28498 3.79461 4.26799 4.69729C4.28498 5.61688 4.60023 6.37961 5.21681 6.98396Z'
|
||||
fill='#BABEC9'
|
||||
d='M37 27H59'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M1.05283 12.1479C1.25323 12.2052 1.40162 12.185 1.498 12.0875L4.65087 8.62728C4.74724 8.52975 4.78702 8.40434 4.77172 8.24952C4.75642 8.0947 4.66005 7.92131 4.48259 7.72623C4.28984 7.54819 4.1185 7.44601 3.96553 7.42124C3.81255 7.39647 3.68864 7.44137 3.59226 7.55593L0.150264 10.7468C0.0538879 10.8443 0.0385894 10.9898 0.10284 11.1849C0.167091 11.38 0.287943 11.575 0.463867 11.7701C0.655089 11.9652 0.85243 12.0906 1.05283 12.1479Z'
|
||||
fill='#FFBC1F'
|
||||
d='M36 74H87'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M0.822022 10.122L2.1109 11.4216L3.66479 9.71593L2.52508 8.55175L0.822022 10.122Z'
|
||||
fill='#7A5600'
|
||||
d='M36 92H87'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M37 33H46'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M36 80H55'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M48 33H57'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M60 80H72'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<rect
|
||||
x='57'
|
||||
y='43'
|
||||
width='30'
|
||||
height='16'
|
||||
rx='1'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4210_65740)'>
|
||||
<path
|
||||
d='M44.0003 51.0001L51.867 52.4611C52.665 48.1187 49.7882 43.9429 45.4448 43.1362C41.0993 42.3295 36.9296 45.1946 36.1337 49.5391C35.3357 53.8815 38.2125 58.0572 42.5559 58.8639C43.869 59.1078 45.166 59.0163 46.3599 58.6485L44.0003 51.0001Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M46.3599 58.6485L51.867 52.4611C52.665 48.1187 49.7882 43.9429 45.4448 43.1362C41.0993 42.3295 36.9316 45.1946 36.1337 49.5391C35.3357 53.8815 38.2125 58.0572 42.5559 58.8639C43.869 59.1078 45.166 59.0163 46.3599 58.6485Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M46.3596 58.6485C49.1131 57.8011 51.3111 55.4907 51.8667 52.461L44 51L46.3596 58.6485Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<path
|
||||
d='M46.62 53.7927C48.1539 52.3373 48.2244 49.9066 46.7774 48.3638C45.3304 46.8209 42.9139 46.75 41.3799 48.2055C39.846 49.6609 39.7756 52.0916 41.2226 53.6344C42.6696 55.1773 45.0861 55.2482 46.62 53.7927Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
</g>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.8576'
|
||||
transform='matrix(-1 0 0 1 115.715 0)'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.1433'
|
||||
transform='matrix(-1 0 0 1 115.715 0)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.1433'
|
||||
transform='matrix(-1 0 0 1 115.715 0)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M85 19C85 25.6274 90.3726 31 97 31'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<line
|
||||
x1='0.714303'
|
||||
y1='-0.714303'
|
||||
x2='15.1722'
|
||||
y2='-0.714303'
|
||||
transform='matrix(0.707107 0.707107 0.707107 -0.707107 108.768 30.6265)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='11.5'
|
||||
cy='42.5'
|
||||
r='2.5'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 0 0 -1 10 21)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M119 46.5V68H91.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M88 68H82'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M79 68H73'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<defs>
|
||||
<clipPath id='clip0_4210_65740'>
|
||||
<rect
|
||||
width='16'
|
||||
height='16'
|
||||
fill='var(--center-channel-bg)'
|
||||
transform='translate(36 43)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -10,158 +10,232 @@ type SvgProps = {
|
||||
|
||||
const PrivateChannelIntroSvg = (props: SvgProps) => (
|
||||
<svg
|
||||
width={props.width ?? '151'}
|
||||
height={props.height ?? '149'}
|
||||
viewBox='0 0 220 218'
|
||||
width={props.width ?? '130'}
|
||||
height={props.height ?? '102'}
|
||||
viewBox='0 0 130 102'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
xmlnsXlink='http://www.w3.org/1999/xlink'
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d='M198.504 122.404a70.65 70.65 0 0 0 21.494-50.184A70.65 70.65 0 0 0 199.311 21.7a70.65 70.65 0 0 0-100.702.789L-33 154.084 66.913 254l131.591-131.596Z'
|
||||
fill='url(#b)'
|
||||
fillOpacity={0.12}
|
||||
/>
|
||||
<ellipse
|
||||
cx={90.15}
|
||||
cy={214.903}
|
||||
rx={37.683}
|
||||
ry={1.903}
|
||||
fill='#000'
|
||||
fillOpacity={0.12}
|
||||
/>
|
||||
<path
|
||||
d='m77.95 52.356.4-11.97-.91-4.74c1.665-4.31 4.111-4.008 5.611-4.145 3.42-.31 5.702-2.196 7.275-.53.855.997 1.818 5.07 1.973 8.235.109 1.675.691 3.102-.546 3.944-.852.468-1.744.86-2.664 1.172l.455 8.959-11.594-.925Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M91.244 35.418a17.311 17.311 0 0 1 3.083 2.745c.282 1.254-3.146 1.894-3.146 1.894l.063-4.64Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M85.452 44.797a7.792 7.792 0 0 0 3.583-.448c.427-.174-.791.604-1.228.76a3.5 3.5 0 0 1-1.819.384c-.436-.073-1-.732-.536-.696Z'
|
||||
fill='#7A5600'
|
||||
/>
|
||||
<path
|
||||
d='M94.936 29.543a1.57 1.57 0 0 0-.767-.82 1.555 1.555 0 0 0-1.115-.095c-3.228.54-2.62-2.288-7.375-1.483-3.31.559-6.801 0-9.73 1.693a6.266 6.266 0 0 0-2.873 2.874 2.982 2.982 0 0 0-.166 2.009c.18.668.586 1.252 1.148 1.651.2.119.437.22.537.43a.92.92 0 0 1-.055.659c-.409 1.235-.773 2.745.146 3.66.509.513 1.364.75 1.564 1.446.109.385 0 .796.045 1.2.191 1.06 1.819 1.234 2.592.484a4.594 4.594 0 0 0 1.01-3.02c.08-.96.108-2.068-.601-2.745-.327-.311-.791-.494-.964-.915a1.252 1.252 0 0 1 .518-1.373 2.51 2.51 0 0 1 3.692.915c.264.604.346 1.4.91 1.693.736.366 1.573-.457 1.673-1.272a14.106 14.106 0 0 0-.246-2.452c0-.824.418-1.83 1.237-1.83.27.014.537.07.79.164 1.607.456 3.301.5 4.93.129a5.04 5.04 0 0 0 2.236-.916 2.186 2.186 0 0 0 .864-2.086Z'
|
||||
fill='#4A2407'
|
||||
/>
|
||||
<path
|
||||
d='m88.698 34.65.046-.092c-2.428-.22-5.456-.412-7.53-.385-2.073.028-3.028.32-4.11 2.197-.181.32.346.549.537.228a2.998 2.998 0 0 1 1.02-1.28 2.97 2.97 0 0 1 1.535-.55c1.055-.082 2.146 0 3.192 0 1.336 0 3.41.192 5.137.357.055-.165.11-.32.173-.476Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M89.016 36.434a1.765 1.765 0 0 1-.681-1.767c.127-.96.836-1.656 1.573-1.555.395.113.731.377.937.736.205.359.264.784.163 1.185-.127.916-.837 1.657-1.573 1.556a1.014 1.014 0 0 1-.419-.155Zm1.092-2.746a.535.535 0 0 0-.255-.091c-.5-.073-.982.448-1.082 1.162-.1.714.227 1.354.727 1.428.5.073.973-.458 1.073-1.172a1.335 1.335 0 0 0-.463-1.363v.036Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M84.543 51.578c23.642.183 23.578-2.05 25.951 26.017 2.373 28.066 2.41 29.081-20.968 30.628-15.586 1.034-24.788 7.321-25.597-1.3-.819-8.784-1.337-8.528-2.728-23.453-3.155-33.026-2.619-32.093 23.342-31.892Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M95.163 72.324c6.747 7.705 21.987 13.662 33.763 13.662 1.682.01 3.357-.205 4.983-.64a16.561 16.561 0 0 0 2.9-1.09c9.694-4.767 12.576-19.482 14.686-24.533 2.6-6.214-.1-2.352 1.655-5.902.627-1.273 2.173-2.096 2.673-2.746.718-.915-.655-2.15-5.838 1.382-8.184 5.49-7.274 16.554-15.331 17.716a12.045 12.045 0 0 1-3.046 0 19.195 19.195 0 0 1-2.682-.485c-14.376-3.569-15.595-17.24-29.743-17.798 0-.037-10.776 12.674-4.02 20.434ZM21.246 62.047c-.273.769.91 4.576 1.228 8.062.782 8.4 3.346 21.294 15.258 26.218a14 14 0 0 0 4.737 1.006 16.815 16.815 0 0 0 3.092-.146c7.274-.915 15.267-6.25 19.232-14.569 5.455-11.484 7.674-30.966 7.674-30.966-5.256 0-18.186-1.016-22.887 19.885a11.266 11.266 0 0 1-1.9 4.522 11.18 11.18 0 0 1-3.638 3.274c-.9.479-1.88.789-2.891.915a7.63 7.63 0 0 1-4.038-.578 7.685 7.685 0 0 1-3.173-2.579c-7.056-9.507-7.93-19.738-13.012-20.745-5.083-1.006 1.646 1.958.318 5.701Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M99.182 51.853c14.149.558 15.368 14.23 29.744 17.799 1.5.4 3.048.591 4.601.567.664 4.878 1.145 9.782 1.609 14.696-1.996.7-4.097 1.05-6.21 1.034-11.776 0-27.016-5.957-33.763-13.671-6.747-7.714 4.02-20.425 4.02-20.425ZM42.824 79.855c3.037-1.034 5.765-3.853 6.756-8.318 4.665-20.901 17.631-19.895 22.878-19.885 0 0-2.192 19.482-7.665 30.967-4.42 9.26-13.786 14.778-21.697 14.724a59.965 59.965 0 0 0-.272-17.488Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M111.549 93.938c13.785 40.667 14.622 57.368 13.339 71.378-1.282 14.01-11.439 28.423-24.687 38.974-2.792 1.995-6.283 3.404-4.074 8.84 3.21 7.906-5.237-2.48-7.347-7.651-2.11-5.17 20.259-14.165 15.094-41.774-5.164-27.608-19.022-38.901-27.688-58.438s35.363-11.329 35.363-11.329Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M111.549 93.938c13.785 40.667 14.622 57.368 13.339 71.378-1.282 14.01-11.439 28.423-24.687 38.974-2.792 1.995-6.283 3.404-4.074 8.84 3.21 7.906-5.237-2.48-7.347-7.651-2.11-5.17 20.259-14.165 15.094-41.774-5.164-27.608-19.022-38.901-27.688-58.438s35.363-11.329 35.363-11.329Z'
|
||||
fill='#000'
|
||||
fillOpacity={0.16}
|
||||
/>
|
||||
<path
|
||||
d='M93.827 126.818c1.218 2.333 2.618 4.831 4.092 7.412l-.5.412c-1.537-2.746-3.001-5.363-4.12-7.513-.182-.348.337-.659.528-.311ZM101.337 192.997c-.909 1.016-1.818 2.023-2.682 3.029l-.382-.421c.91-.979 1.764-1.967 2.628-2.964l.436.356Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M95.454 96.647c1.674 45.572-2.664 66.537-22.278 81.279-19.613 14.742-34.817 15.273-35.408 22.703-.59 7.431-2.364 5.729-3.055-1.894-.91-10.35-5.201-2.663 17.595-20.361s12.03-64.331 10.912-78.149c-1.119-13.818 32.234-3.578 32.234-3.578Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M37.486 193.043c11.44-5.673 23.333-11.997 28.643-24.387 5.91-13.791 3.392-29.283 3.019-43.76-.218-8.73 0-17.469.564-26.181 0-.394.636-.394.609 0-.482 8.007-.737 16.023-.6 24.049.136 8.025.91 16.051.91 24.094-.046 6.964-.801 14.029-3.302 20.572a36.272 36.272 0 0 1-11.075 15.172c-5.556 4.575-12.02 7.806-18.413 10.981-.4.165-.71-.366-.355-.54ZM105.184 188.276a64.163 64.163 0 0 1-1.173 1.519 49.519 49.519 0 0 1-1.819 2.159l-.436-.348a66.933 66.933 0 0 0 2.864-3.578l.564.248ZM108.185 183.627a41.36 41.36 0 0 1-2.21 3.514l-.527-.238c.772-1.116 1.5-2.26 2.164-3.45l.573.174ZM109.885 178.31l.591.147a27.344 27.344 0 0 1-1.609 3.925l-.582-.174c.372-.759.736-1.528 1.045-2.333.21-.485.382-1.043.555-1.565ZM111.567 166.661a35.5 35.5 0 0 1 .173 3.66l-.6-.064a34.013 34.013 0 0 0-.182-3.596h.609ZM110.367 160.173c.127.476.245.915.354 1.4.291 1.235.519 2.498.691 3.761h-.618a43.044 43.044 0 0 0-1.027-4.978l.6-.183ZM108.794 155.396a55.344 55.344 0 0 1 1.191 3.413l-.6.211a56.088 56.088 0 0 0-1.155-3.413l.564-.211ZM106.503 150.107c.636 1.345 1.236 2.69 1.818 4.026l-.545.211a62.06 62.06 0 0 0-1.774-4.045l.501-.192ZM100.783 139.254a233.79 233.79 0 0 1 2.537 4.575l-.509.375c-.801-1.445-1.665-2.983-2.556-4.575l.528-.375ZM98.61 135.465c.49.861.99 1.73 1.491 2.617l-.519.394a375.76 375.76 0 0 1-1.473-2.599l.5-.412ZM103.966 145.046a117.118 117.118 0 0 1 1.936 3.798l-.536.192a68.798 68.798 0 0 0-.828-1.629 753.93 753.93 0 0 0-1.063-1.995l.491-.366ZM111.685 171.721a27.304 27.304 0 0 1-.827 5.409l-.591-.138c.451-1.746.725-3.533.818-5.335l.6.064ZM97.746 197.06c-.691.787-1.382 1.565-2.055 2.371a9.449 9.449 0 0 0-.419-.431 128.89 128.89 0 0 1 2.083-2.361c.127.138.263.275.39.421ZM94.381 200.053l.428.439a65.667 65.667 0 0 0-2.2 2.791c-.228.311-.755 0-.528-.311.736-.997 1.555-1.958 2.3-2.919Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M77.996 51.533a5.046 5.046 0 0 0 2.482 2.114c3.737 1.546 8.493 1.546 10.584-2.05 17.186 0 17.341.768 19.469 25.998 1.072 12.683 1.664 19.839-.155 24.021-9.484 4.127-20.387 5.491-30.325 7.431a276.323 276.323 0 0 1-13.03 2.187c-1.765-.43-2.81-1.666-3.056-4.31-.818-8.785-1.337-8.53-2.728-23.454-2.9-29.96-2.728-31.974 16.759-31.937Z'
|
||||
fill='#fff'
|
||||
/>
|
||||
<path
|
||||
d='M77.996 51.533a5.046 5.046 0 0 0 2.482 2.114c3.737 1.546 8.493 1.546 10.584-2.05 17.186 0 17.341.768 19.469 25.998 1.072 12.683 1.664 19.839-.155 24.021-9.484 4.127-20.387 5.491-30.325 7.431a276.323 276.323 0 0 1-13.03 2.187c-1.765-.43-2.81-1.666-3.056-4.31-.818-8.785-1.337-8.53-2.728-23.454-2.9-29.96-2.728-31.974 16.759-31.937Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity={0.08}
|
||||
/>
|
||||
<path
|
||||
d='M101.101 99.621a68.896 68.896 0 0 1-6.083-15.264 185.738 185.738 0 0 1-4.965-32.77c18.186 0 20.005-.667 22.214 25.047.11 1.244-1.327 3.477-.909 4.75 3.519 9.937 16.122 20.131 15.086 22.419-1.446 3.276-6.966 6.772-13.913 9.517a59.502 59.502 0 0 1-5.547 1.135 88.873 88.873 0 0 0-5.883-14.834ZM61.056 101.918c-.519 6.085-1.2 11.292-.773 15.95 3.991-.668 8.001-1.089 12.03-1.373a85.83 85.83 0 0 0 7.801-29.438c.528-6.086 2.155-29.457 1.755-32.944-.254-2.342-3.155-.366-3.746-2.599-19.605 0-21.705 1.464-18.832 31.489.137 1.5 2.146 3.404 2.21 4.822.164 4.703.015 9.41-.445 14.093Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M91.308 50.416c1.346 1.09 1.1.787.182 2.498-.919 1.712-1.382 3.258-2.137 1.181-.755-2.077-.855-1.748.127-2.983.982-1.236 1.146-1.254 1.828-.696ZM80.05 50.764c3.047 1.345 1.928 1.034 2.51 3.056 1.264 4.347-.5 2.041-4.82-.466-2.936-1.712-2.59-1.977-1.563-3.02s.718-.998 3.71.43c2.991 1.427-2.892-1.318.163 0ZM41.187 80.431a45.816 45.816 0 0 1 1.282 16.902 16.823 16.823 0 0 0 3.092-.146 49.5 49.5 0 0 0-1.419-17.57 1.061 1.061 0 0 0-.1-.284 8.382 8.382 0 0 1-2.891.915c.008.062.02.123.036.183ZM131.608 70.137a185.107 185.107 0 0 0 2.301 15.172 16.609 16.609 0 0 0 2.901-1.089 175.18 175.18 0 0 1-2.155-14.093 12.048 12.048 0 0 1-3.047.01Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M96.418 207.209c-1.046 1.299-1.446 3.038-.291 5.875 3.21 7.906-5.238-2.48-7.347-7.65-.519-1.282.454-2.791 2.136-4.759 1.883 2.141 3.701 4.338 5.502 6.534ZM37.35 189.227c.127.311.254.613.372.915.91 2.068 1.728 4.137 2.637 6.186a5.968 5.968 0 0 0-1.786 1.858 6.013 6.013 0 0 0-.841 2.443c-.582 7.422-2.365 5.729-3.056-1.894-.627-6.891-2.719-5.792 2.674-9.508Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M5.54 14.596h38.906a5.439 5.439 0 0 1 3.844 1.574 5.416 5.416 0 0 1 1.604 3.825V44.67a5.41 5.41 0 0 1-1.604 3.826 5.43 5.43 0 0 1-3.844 1.573h-5.742v9.237l-8.612-9.236H5.554a5.439 5.439 0 0 1-3.844-1.574A5.418 5.418 0 0 1 .106 44.67V19.995a5.412 5.412 0 0 1 1.599-3.82 5.435 5.435 0 0 1 3.835-1.58Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M30.092 50.07H5.554a5.439 5.439 0 0 1-3.845-1.575A5.417 5.417 0 0 1 .106 44.67V29.69S1.82 43.542 2.127 44.761c.308 1.22.919 3.044 3.813 3.347 2.894.302 24.152 1.962 24.152 1.962Z'
|
||||
fill='#000'
|
||||
fillOpacity={0.16}
|
||||
/>
|
||||
<path
|
||||
d='M38.282 28.805a3.51 3.51 0 0 0-3.238 2.16 3.49 3.49 0 0 0 .76 3.81 3.508 3.508 0 0 0 5.982-2.472 3.487 3.487 0 0 0-2.162-3.233 3.506 3.506 0 0 0-1.342-.265ZM24.993 28.805a3.51 3.51 0 0 0-3.238 2.16 3.49 3.49 0 0 0 .76 3.81 3.508 3.508 0 0 0 5.983-2.472 3.487 3.487 0 0 0-2.163-3.233 3.506 3.506 0 0 0-1.342-.265ZM11.718 28.805a3.51 3.51 0 0 0-3.24 2.156 3.49 3.49 0 0 0 .756 3.813 3.507 3.507 0 0 0 5.985-2.471 3.487 3.487 0 0 0-2.16-3.231 3.507 3.507 0 0 0-1.34-.267Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M45.856 24.928a10.99 10.99 0 0 0-5.26-6.628.38.38 0 0 1 .157-.72c2.453-.147 7.404.376 5.852 7.311a.385.385 0 0 1-.602.241.385.385 0 0 1-.147-.204Z'
|
||||
fill='#fff'
|
||||
fillOpacity={0.16}
|
||||
/>
|
||||
<path
|
||||
d='M146.892 70.45h56.197a7.926 7.926 0 0 1 3.003.58 7.85 7.85 0 0 1 2.55 1.671 7.75 7.75 0 0 1 1.708 2.509c.398.939.604 1.946.608 2.964v35.298a7.67 7.67 0 0 1-.608 2.964 7.748 7.748 0 0 1-1.708 2.509 7.868 7.868 0 0 1-2.55 1.672 7.941 7.941 0 0 1-3.003.58h-8.294v13.213l-12.44-13.213h-35.443a7.879 7.879 0 0 1-5.554-2.252 7.748 7.748 0 0 1-1.708-2.509 7.65 7.65 0 0 1-.607-2.964V78.174a7.706 7.706 0 0 1 2.308-5.466 7.892 7.892 0 0 1 5.541-2.258Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M182.355 121.197h-35.443a7.879 7.879 0 0 1-5.554-2.252 7.748 7.748 0 0 1-1.708-2.509 7.65 7.65 0 0 1-.607-2.964v-21.43s2.474 19.817 2.919 21.561c.445 1.744 1.327 4.354 5.507 4.787 4.18.433 34.886 2.807 34.886 2.807Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M194.185 90.777c-1.001 0-1.98.293-2.813.843a5.018 5.018 0 0 0-1.864 2.246 4.953 4.953 0 0 0-.288 2.89c.195.97.677 1.862 1.385 2.562a5.08 5.08 0 0 0 2.592 1.369c.982.193 2 .094 2.925-.284a5.052 5.052 0 0 0 2.272-1.843 4.964 4.964 0 0 0-.627-6.32 5.104 5.104 0 0 0-3.582-1.463ZM174.99 90.777c-1.002 0-1.98.293-2.813.843a5.018 5.018 0 0 0-1.864 2.246 4.937 4.937 0 0 0-.288 2.89c.195.97.677 1.862 1.385 2.562a5.08 5.08 0 0 0 2.592 1.369c.982.193 2 .094 2.925-.284a5.052 5.052 0 0 0 2.272-1.843 4.964 4.964 0 0 0-.628-6.32 5.05 5.05 0 0 0-1.643-1.084 5.108 5.108 0 0 0-1.938-.379ZM155.816 90.777a5.102 5.102 0 0 0-2.814.84 5.013 5.013 0 0 0-1.868 2.244 4.955 4.955 0 0 0 1.093 5.455 5.11 5.11 0 0 0 5.518 1.087 5.05 5.05 0 0 0 2.273-1.842 4.959 4.959 0 0 0-.625-6.318 5.052 5.052 0 0 0-1.641-1.085 5.11 5.11 0 0 0-1.936-.38Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M205.125 85.23a15.668 15.668 0 0 0-2.84-5.491 15.868 15.868 0 0 0-4.756-3.991.545.545 0 0 1-.29-.601.545.545 0 0 1 .515-.429c3.543-.21 10.695.538 8.453 10.46a.553.553 0 0 1-.52.445.563.563 0 0 1-.562-.393Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4212_90419)'>
|
||||
<path
|
||||
d='M2.50001 16L2.5 31L127.5 31L127.5 75L66 75'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M2.5 69L2.5 42L29 42'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M18.5 70.5L18.5 56.5L106 56.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 16)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 74)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 16 74)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='71'
|
||||
cy='59'
|
||||
r='43'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M110.748 91.5258L119 100V56C119 54.8954 118.105 54 117 54H76.0005C74.8959 54 74.0005 54.8954 74.0005 56V88.9211C74.0005 90.0256 74.8959 90.9211 76.0005 90.9211H109.316C109.855 90.9211 110.372 91.1391 110.748 91.5258Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<circle
|
||||
opacity='0.48'
|
||||
cx='86.831'
|
||||
cy='65.831'
|
||||
r='5.83099'
|
||||
fill='var(--button-color)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M96 64H112'
|
||||
stroke='var(--button-color-rgb)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 79H103.38'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 83H96.2535'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M96 68H110'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 75H93.0141'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M95.6064 75H107.268'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M28.605 67.5638L15 81V12C15 10.8954 15.8954 10 17 10H83C84.1046 10 85 10.8954 85 12V64.9868C85 66.0914 84.1046 66.9868 83 66.9868H30.0103C29.4842 66.9868 28.9793 67.1941 28.605 67.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M28.2536 67.2081L15.5 79.8035V12C15.5 11.1716 16.1716 10.5 17 10.5H83C83.8284 10.5 84.5 11.1716 84.5 12V64.9868C84.5 65.8153 83.8284 66.4868 83 66.4868H30.0103C29.3527 66.4868 28.7215 66.746 28.2536 67.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='33'
|
||||
cy='29'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.4'
|
||||
/>
|
||||
<path
|
||||
d='M48 25H64'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 49H62'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 55H47'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M48 31H73'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 43H42'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46 43H64'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='78'
|
||||
cy='19'
|
||||
r='19'
|
||||
fill='#32539A'
|
||||
/>
|
||||
<path
|
||||
d='M98 49L80 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M76 49L70 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M67 49L65 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='44'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='52'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='60'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<rect
|
||||
x='70.5'
|
||||
y='15.5'
|
||||
width='15'
|
||||
height='12'
|
||||
rx='1.5'
|
||||
stroke='var(--button-color)'
|
||||
/>
|
||||
<path
|
||||
d='M73 16V13C73 10.2386 75.2386 8 78 8V8C80.7614 8 83 10.2386 83 13V16'
|
||||
stroke='var(--button-color)'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id='b'
|
||||
x1={93.5}
|
||||
y1={1}
|
||||
x2={-66.697}
|
||||
y2={161.197}
|
||||
gradientUnits='userSpaceOnUse'
|
||||
>
|
||||
<stop
|
||||
offset={0.01}
|
||||
stopColor='var(--button-bg)'
|
||||
<clipPath id='clip0_4212_90419'>
|
||||
<rect
|
||||
width='130'
|
||||
height='102'
|
||||
fill='white'
|
||||
/>
|
||||
<stop
|
||||
offset={0.766}
|
||||
stopColor='var(--button-bg)'
|
||||
stopOpacity={0}
|
||||
/>
|
||||
</linearGradient>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -10,246 +10,219 @@ type SvgProps = {
|
||||
|
||||
const PublicChannelIntroSvg = (props: SvgProps) => (
|
||||
<svg
|
||||
width={props.width ?? '151'}
|
||||
height={props.height ?? '149'}
|
||||
viewBox='0 0 220 218'
|
||||
width={props.width ?? '130'}
|
||||
height={props.height ?? '102'}
|
||||
viewBox='0 0 130 102'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
xmlnsXlink='http://www.w3.org/1999/xlink'
|
||||
>
|
||||
<path
|
||||
d='M198.504 121.404C205.236 114.883 210.603 107.088 214.293 98.4721C217.984 89.8565 219.923 80.5927 219.998 71.2204C220.073 61.848 218.283 52.5543 214.731 43.8807C211.18 35.207 205.938 27.3266 199.311 20.6985C192.685 14.0705 184.805 8.82714 176.133 5.27394C167.46 1.72074 158.167 -0.0713105 148.795 0.00213777C139.423 0.0755861 130.159 2.01307 121.543 5.70176C112.927 9.39045 105.131 14.7566 98.6093 21.4877L-33 153.084L66.9127 253L198.504 121.404Z'
|
||||
fill='url(#paint0_linear_522_36531)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M110.977 59.1699C107.992 64.1563 98.3678 60.1672 96.5466 69.6413C100.09 69.6413 113.157 71.4462 113.157 71.4462L110.977 59.1699Z'
|
||||
fill='#4A2407'
|
||||
/>
|
||||
<path
|
||||
d='M96.1184 108.824C91.9085 116.313 57.7621 131.093 65.9031 169.199C71.6655 196.195 84.8125 206.966 81.5382 211.474C79.1098 214.765 77.199 218.773 82.9713 214.036C89.938 208.342 92.4161 212.122 87.8978 198.399C83.5884 185.335 79.7966 150.53 101.323 138.184C122.85 125.838 129.877 119.664 119.238 104.506C115.346 98.941 96.1184 108.824 96.1184 108.824Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M78.9806 202.139C79.6972 201.94 85.788 200.005 88.097 199.028C92.3367 211.992 89.8088 208.432 82.9715 214.037C77.1992 218.774 79.11 214.765 81.5384 211.474C82.8521 209.639 81.4986 206.747 78.9806 202.139Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M120.83 70.6089L121.377 59.5291L122.86 55.4404C121.945 51.3715 119.586 49.4566 118.262 49.0976C115.277 48.3596 113.585 48.2399 111.953 49.5164C111.057 50.2843 109.674 53.7948 109.076 56.5472C108.758 58.0332 108.081 59.22 109.076 60.1375C109.758 60.6741 110.48 61.1575 111.236 61.5835L111.395 68.5645L120.83 70.6089Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M110.977 52.3286C110.007 52.803 109.1 53.3996 108.28 54.1037C107.942 55.101 110.559 56.0983 110.559 56.0983L110.977 52.3286Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M114.421 62.5006C113.318 62.45 112.242 62.1464 111.276 61.6132C110.927 61.3938 111.913 62.2613 112.271 62.4607C112.729 62.7861 113.264 62.9856 113.824 63.0392C114.242 63.0392 114.839 62.5306 114.421 62.5006Z'
|
||||
fill='#8B6918'
|
||||
/>
|
||||
<path
|
||||
d='M133.858 112.723C135.848 140.328 136.535 177.356 161.376 183.529C186.217 189.703 185.262 186.651 185.262 195.906C185.262 205.16 183.341 203.794 182.206 197.9C180.753 190.281 153.613 203.884 135.202 188.685C116.79 173.487 109.017 144.107 106.21 113.97C104.24 92.6279 133.858 112.723 133.858 112.723Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M175.07 186.602C185.819 188.885 185.271 188.816 185.271 195.866C185.271 205.121 183.351 203.755 182.216 197.861C181.709 195.218 178.106 195.128 172.851 195.507C173.91 192.628 174.654 189.642 175.07 186.602Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M48.8448 72.9125C49.4221 71.9152 54.239 71.7559 59.9019 76.3633C65.5648 80.9707 74.7707 86.7049 85.0116 74.2389C94.1976 63.0396 100.308 67.2581 109.614 67.6271C112.918 68.046 126.254 69.7513 129.658 70.0604C134.634 69.9707 143.123 72.3442 148.995 58.6317C151.244 53.3761 153.573 45.8167 156.808 40.6807C159.027 37.1703 161.207 35.0262 163.267 34.1685C164.789 33.5402 163.944 34.747 162.769 36.4922C161.983 37.679 162.859 37.5392 162.421 39.0451C162.162 39.9227 162.043 40.4414 161.754 41.1993C161.506 41.8807 161.3 42.5767 161.137 43.2835C161.008 43.822 160.878 44.3904 160.769 44.9988L160.679 45.4178C159.485 51.9799 158.838 61.6034 157.942 65.4729C154.817 78.7865 147.99 86.645 135.52 89.4075C135.43 91.2923 135.301 93.3966 135.132 95.6304C132.892 127.045 136.077 118.568 115.695 118.568C95.3123 118.568 89.8882 130.814 92.9535 113.252C94.3966 105.025 93.9488 95.461 95.5312 85.7076C92.4261 87.6423 87.4101 91.6114 82.3742 92.858C66.6993 96.7075 52.2386 76.2135 52.0993 74.907C51.8803 72.8926 48.2775 73.9397 48.8448 72.9125Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M91.1424 90.3054C93.2224 88.9989 94.0783 86.6054 95.5313 85.7078C94.9521 89.4286 94.5635 93.1766 94.3669 96.9372C94.1978 99.5999 94.0684 102.223 93.8892 104.766C93.7239 107.612 93.4117 110.448 92.9537 113.263C89.8884 130.815 95.3124 118.588 115.695 118.558C133.539 118.558 133.32 125.07 134.495 105.593V105.464C134.554 104.626 134.604 103.748 134.664 102.821C134.793 100.687 134.943 98.3034 135.132 95.6207C135.291 93.3469 135.43 91.2825 135.52 89.3977C140.984 88.181 145.373 87.7823 148.846 84.5611C147.055 79.4051 144.756 72.6736 141.322 68.3953C137.65 70.5195 133.908 70.1604 130.982 70.0606H129.658L127.896 69.8812C126.612 69.7416 124.911 69.5421 123.109 69.3227C122.114 74.4287 114.212 73.6708 111.604 71.8857C110.04 70.7852 108.805 69.2784 108.031 67.5275C106.927 67.4278 105.872 67.2983 104.847 67.1586C103.822 67.019 102.926 66.8893 102 66.7796C96.3972 66.1014 91.4609 66.3806 85.0118 74.2392C84.6137 74.7278 84.2156 75.1667 83.8274 75.5956C85.9528 80.6489 88.396 85.5621 91.1424 90.3054Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M91.1424 90.3054C93.2224 88.9989 94.0783 86.6054 95.5313 85.7078C94.9521 89.4286 94.5635 93.1766 94.3669 96.9372C94.1977 99.5999 94.0684 102.223 93.8892 104.766C93.7239 107.612 93.4117 110.448 92.9537 113.263C89.8884 130.815 95.3124 118.588 115.695 118.558C133.539 118.558 133.32 125.07 134.495 105.593V105.464C134.554 104.626 134.604 103.748 134.664 102.821C134.793 100.687 134.943 98.3034 135.132 95.6207C135.291 93.3469 135.43 91.2825 135.52 89.3977C140.984 88.181 145.373 87.7823 148.846 84.5611C147.055 79.4051 144.756 72.6736 141.322 68.3953C137.65 70.5195 133.908 70.1604 130.982 70.0606H129.658L127.896 69.8812C126.612 69.7416 124.911 69.5421 123.109 69.3227C122.114 74.4287 114.212 73.6708 111.604 71.8857C110.04 70.7852 108.805 69.2784 108.031 67.5275C106.927 67.4278 105.872 67.2983 104.847 67.1586C103.822 67.019 102.926 66.8893 102 66.7796C96.3972 66.1014 91.4609 66.3806 85.0118 74.2392C84.6137 74.7278 84.2156 75.1667 83.8274 75.5956C85.9528 80.6489 88.396 85.5621 91.1424 90.3054Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M91.1424 90.3054C93.2224 88.9989 94.0783 86.6054 95.5313 85.7078C94.9521 89.4286 94.5635 93.1766 94.3669 96.9372C94.1977 99.5999 94.0684 102.223 93.8892 104.766C93.7239 107.612 93.4117 110.448 92.9537 113.263C89.8884 130.815 95.3124 118.588 115.695 118.558C133.539 118.558 133.32 125.07 134.495 105.593V105.464C134.554 104.626 134.604 103.748 134.664 102.821C134.793 100.687 134.943 98.3034 135.132 95.6207C135.291 93.3469 135.43 91.2825 135.52 89.3977C140.984 88.181 145.373 87.7823 148.846 84.5611C147.055 79.4051 144.756 72.6736 141.322 68.3953C137.65 70.5195 133.908 70.1604 130.982 70.0606H129.658L127.896 69.8812C126.612 69.7416 124.911 69.5421 123.109 69.3227C122.114 74.4287 114.212 73.6708 111.604 71.8857C110.04 70.7852 108.805 69.2784 108.031 67.5275C106.927 67.4278 105.872 67.2983 104.847 67.1586C103.822 67.019 102.926 66.8893 102 66.7796C96.3972 66.1014 91.4609 66.3806 85.0118 74.2392C84.6137 74.7278 84.2156 75.1667 83.8274 75.5956C85.9528 80.6489 88.396 85.5621 91.1424 90.3054Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
<path
|
||||
d='M76.7511 127.124C80.6011 132.559 85.0294 137.558 89.9579 142.033L90.3858 142.412C91.3811 143.3 92.3763 144.157 93.3715 145.005C93.7726 144.53 94.2156 144.093 94.6952 143.699L95.1331 143.33C96.7454 141.973 99.0543 140.338 101.353 138.712C104.588 136.479 107.783 134.414 108.897 133.726C109.713 138.234 110.679 142.702 111.813 146.94L111.962 147.508C112.152 148.176 112.331 148.845 112.52 149.503C120.04 149.349 127.516 148.308 134.793 146.401L135.35 146.242L136.495 145.893C136.625 145.851 136.758 145.818 136.893 145.793C136.754 144.925 136.624 143.968 136.495 142.931C136.495 142.731 136.495 142.542 136.425 142.342C135.052 130.495 134.335 109.143 134.495 105.633V105.503C134.063 105.151 133.654 104.771 133.27 104.366C133.105 104.193 132.935 104.014 132.763 103.828C129.051 99.6589 127.219 93.6055 126.154 89.9156C126.523 81.7579 127.279 77.4298 130.981 70.0998C130.514 70.0998 128.623 69.9702 127.896 69.8905C125.501 75.3418 124.035 81.1566 123.557 87.0934C116.59 85.8269 109.624 84.6998 102.657 83.6227C102.903 78.0868 103.619 72.582 104.797 67.1677C103.802 67.038 102.876 66.8985 101.95 66.7888C100.616 72.9064 99.9814 79.1563 100.059 85.4178C99.6614 86.4151 98.8752 89.407 98.2979 90.504C97.097 92.7304 95.7678 94.8848 94.317 96.9564C94.1478 99.6191 94.0184 102.242 93.8393 104.785C93.6602 107.328 93.4312 109.771 93.073 112.155C89.6195 115.266 84.0363 119.335 78.7217 124.91C78.5923 125.05 78.453 125.189 78.3236 125.339C77.826 125.897 77.2886 126.496 76.7511 127.124Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M120.92 110.739C121.694 110.796 122.466 110.6 123.119 110.18C123.985 109.542 124.314 108.335 124.552 106.6C125.15 102.361 124.861 102.003 123.288 100.008C122.781 99.3697 122.144 98.5718 121.358 97.405C120.701 96.4579 120.125 95.4571 119.636 94.4132C118.641 92.2989 118.233 91.8204 113.157 90.8331C104.946 89.2375 104.309 89.716 101.921 92.8873C101.483 93.4657 100.995 94.114 100.378 94.8819C96.7257 99.21 96.6958 99.7587 96.5863 101.793C96.5863 102.342 96.5167 103.02 96.3972 103.917C96.2181 105.194 96.2082 106.041 96.6859 106.67C97.4323 107.667 99.154 107.856 103.294 108.365C104.996 108.574 107.116 108.834 109.713 109.223C111.704 109.522 113.446 109.801 114.958 110.05C116.928 110.415 118.919 110.645 120.92 110.739ZM113.097 91.0625V91.3417C118.073 92.339 118.253 92.7078 119.168 94.6126C119.669 95.6963 120.259 96.7371 120.93 97.7242C121.736 98.9109 122.373 99.7186 122.92 100.367C124.443 102.282 124.632 102.531 124.075 106.52C123.816 108.395 123.488 109.263 122.87 109.721C121.796 110.509 119.576 110.14 115.137 109.402C113.625 109.153 111.913 108.874 109.883 108.574C107.275 108.185 105.155 107.926 103.453 107.717C99.7114 107.258 97.8304 107.019 97.2333 106.241C96.875 105.772 96.8949 105.034 97.0541 103.917C97.1835 103 97.2133 102.302 97.2432 101.743C97.3527 99.8584 97.3726 99.3597 100.906 95.1711C101.533 94.4232 102.03 93.7649 102.458 93.1766C104.648 90.2845 105.046 89.756 113.137 91.3317L113.097 91.0625Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M117.834 93.7353C118.042 94.1682 118.281 94.5848 118.551 94.9819C118.75 95.291 118.262 95.5803 118.053 95.2711C117.784 94.8741 117.544 94.4574 117.337 94.0245C117.177 93.6954 117.685 93.4062 117.834 93.7353Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M119.407 96.6076C119.745 97.1361 120.084 97.6049 120.452 98.1435C120.661 98.4426 120.173 98.7319 119.954 98.4327C119.596 97.9341 119.248 97.4354 118.959 96.8968C118.68 96.5877 119.218 96.2984 119.407 96.6076Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M121.895 99.998C122.154 100.352 122.441 100.685 122.751 100.995C123.019 101.245 122.611 101.653 122.343 101.394C122.03 101.086 121.744 100.752 121.487 100.397C121.268 100.108 121.666 99.6988 121.895 99.998Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M123.029 103.788C123.029 103.419 123.577 103.419 123.597 103.788C123.627 104.17 123.627 104.553 123.597 104.935C123.597 105.304 123 105.304 123.029 104.935C123.059 104.553 123.059 104.17 123.029 103.788Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M122.522 106.87C122.582 106.501 123.139 106.66 123.069 107.019C123 107.378 122.91 108.017 122.82 108.505C122.731 108.994 122.213 108.715 122.273 108.346L122.522 106.87Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M118.043 107.817C118.771 108.017 119.513 108.157 120.263 108.236C120.621 108.236 120.631 108.844 120.263 108.804C119.463 108.727 118.67 108.583 117.894 108.375C117.822 108.354 117.762 108.305 117.725 108.239C117.688 108.174 117.679 108.096 117.698 108.024C117.718 107.951 117.765 107.889 117.829 107.85C117.893 107.812 117.97 107.8 118.043 107.817Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M112.48 107.179C113.207 107.225 113.932 107.312 114.65 107.438C115.018 107.498 114.859 108.046 114.5 107.986C113.841 107.876 113.177 107.8 112.51 107.757C112.112 107.727 112.112 107.179 112.48 107.179Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M107.036 106.55L109.027 106.8C109.385 106.8 109.385 107.418 109.027 107.368L107.036 107.129C106.678 107.079 106.668 106.5 107.036 106.55Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M101.642 105.992L103.314 106.181C103.672 106.181 103.682 106.8 103.314 106.76L101.642 106.56C101.284 106.52 101.274 105.952 101.642 105.992Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M98.776 104.686L99.393 105.254C99.6617 105.503 99.2636 105.912 98.985 105.663L98.3679 105.084C98.0693 104.835 98.4674 104.436 98.776 104.686Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M98.0591 101.345C98.0591 100.986 98.6761 100.976 98.6363 101.345C98.5674 102.008 98.5342 102.674 98.5368 103.34C98.5244 103.406 98.4892 103.466 98.4374 103.509C98.3856 103.552 98.3205 103.576 98.2532 103.576C98.1859 103.576 98.1207 103.552 98.0689 103.509C98.0171 103.466 97.982 103.406 97.9695 103.34C97.9584 102.674 97.9883 102.008 98.0591 101.345Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M99.2933 98.333L99.8705 97.4755C100.07 97.1663 100.567 97.4755 100.358 97.7647L99.7909 98.6223C99.5819 98.9314 99.0942 98.6422 99.2933 98.333Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M113.436 92.2194C114.105 92.2522 114.77 92.3356 115.426 92.4687C115.784 92.5485 115.635 93.0971 115.277 93.0273C114.675 92.8963 114.062 92.8196 113.446 92.7979C113.067 92.768 113.067 92.2194 113.436 92.2194Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M109.086 91.4412C109.72 91.471 110.352 91.5409 110.977 91.6506C111.346 91.7105 111.186 92.259 110.828 92.1992C110.252 92.0994 109.67 92.0395 109.086 92.0197C108.728 91.9998 108.728 91.4313 109.086 91.4412Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M105.334 91.222C105.772 91.1488 106.215 91.1154 106.658 91.1222C106.724 91.1347 106.784 91.1699 106.827 91.2218C106.87 91.2737 106.893 91.3392 106.893 91.4066C106.893 91.474 106.87 91.5392 106.827 91.5911C106.784 91.643 106.724 91.6782 106.658 91.6907C106.268 91.6851 105.878 91.7152 105.494 91.7806C105.125 91.8304 104.976 91.2819 105.334 91.222Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M102.757 94.0245L103.423 93.0272C103.632 92.728 104.13 93.0272 103.911 93.3164L103.244 94.3137C103.015 94.6129 102.518 94.3336 102.757 94.0245Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M101.104 96.9185L101.682 96.1505C101.901 95.8613 102.398 96.1506 102.179 96.4398L101.602 97.2077C101.383 97.5168 100.885 97.2376 101.104 96.9185Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M124.722 84.6503C126.901 85.2486 127.249 84.8 126.971 87.7918C126.692 90.7837 126.971 90.4944 124.154 89.9658C122.164 89.5769 122.572 88.9687 122.91 87.0938C123.249 85.2189 123.507 84.3212 124.722 84.6503Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M100.876 81.4888C103.115 81.798 103.404 81.2994 103.523 84.3012C103.643 87.303 103.036 87.0836 101.015 86.8244C98.9949 86.5651 99.3233 86.0862 99.403 84.1515C99.4826 82.2168 99.6319 81.3193 100.876 81.4888Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M119.277 62.3013C119.277 62.3013 116.869 63.7374 117.954 68.0157C115.028 63.6476 118.869 57.6541 118.869 57.6541C118.961 57.7858 119.083 57.8932 119.225 57.9675C119.367 58.0417 119.525 58.0804 119.685 58.0804C119.846 58.0804 120.004 58.0417 120.146 57.9675C120.288 57.8932 120.41 57.7858 120.502 57.6541C123.408 54.6623 121.328 53.6649 120.502 54.0139C119.466 54.3603 118.394 54.588 117.307 54.6922C115.615 54.9715 113.963 52.2288 113.963 52.2288L114.391 53.4753C113.68 53.0728 113.083 52.4953 112.656 51.7973C112.229 51.0994 111.987 50.304 111.953 49.4862C113.495 44.5497 123 43.6723 126.543 51.1219C130.086 58.5716 126.543 71.4263 136.893 69.9304C116.332 79.0555 119.277 62.3013 119.277 62.3013Z'
|
||||
fill='#4A2407'
|
||||
/>
|
||||
<path
|
||||
d='M78.7719 124.89C84.6537 133.217 95.1235 143.31 95.1235 143.31'
|
||||
stroke='#1E325C'
|
||||
strokeWidth='0.58'
|
||||
strokeMiterlimit='10'
|
||||
/>
|
||||
<path
|
||||
d='M111.813 146.92C122.074 147.309 136.495 142.931 136.495 142.931'
|
||||
stroke='#1E325C'
|
||||
strokeWidth='0.58'
|
||||
strokeMiterlimit='10'
|
||||
/>
|
||||
<path
|
||||
d='M61.8512 14.2181H99.1357C99.819 14.2158 100.496 14.3497 101.128 14.6122C101.76 14.8748 102.335 15.2608 102.82 15.7483C103.305 16.2358 103.69 16.8152 103.954 17.4533C104.217 18.0915 104.354 18.776 104.356 19.4678V43.4568C104.354 44.1485 104.217 44.833 103.954 45.4712C103.69 46.1094 103.305 46.6888 102.82 47.1762C102.335 47.6637 101.76 48.0497 101.128 48.3123C100.496 48.5748 99.819 48.7088 99.1357 48.7064H93.6333V57.6861L85.3797 48.7064H61.8645C61.1812 48.7088 60.5041 48.5748 59.872 48.3123C59.2398 48.0497 58.6649 47.6637 58.1801 47.1762C57.6954 46.6888 57.3102 46.1094 57.0465 45.4712C56.7829 44.833 56.646 44.1485 56.6437 43.4568V19.4678C56.6484 18.0731 57.1992 16.7372 58.1755 15.753C59.1517 14.7689 60.4736 14.2169 61.8512 14.2181Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M85.3796 48.7064H61.8645C61.1812 48.7088 60.5041 48.5748 59.872 48.3123C59.2398 48.0497 58.6649 47.6637 58.1801 47.1762C57.6954 46.6887 57.3102 46.1094 57.0465 45.4712C56.7829 44.833 56.6461 44.1485 56.6438 43.4567V28.8931C56.6438 28.8931 58.2857 42.3605 58.5806 43.5459C58.8755 44.7313 59.461 46.5049 62.2342 46.7991C65.0074 47.0932 85.3796 48.7064 85.3796 48.7064Z'
|
||||
fill='black'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<path
|
||||
d='M93.2285 28.033C92.5642 28.033 91.9148 28.2324 91.3625 28.606C90.8101 28.9796 90.3796 29.5107 90.1254 30.132C89.8712 30.7533 89.8047 31.437 89.9343 32.0966C90.0639 32.7562 90.3838 33.362 90.8535 33.8376C91.3232 34.3131 91.9217 34.6369 92.5732 34.7681C93.2247 34.8993 93.9001 34.832 94.5138 34.5746C95.1275 34.3173 95.6521 33.8815 96.0211 33.3223C96.3902 32.7631 96.5872 32.1057 96.5872 31.4332C96.5877 30.9865 96.5013 30.5441 96.3327 30.1313C96.1641 29.7185 95.9167 29.3434 95.6047 29.0276C95.2927 28.7117 94.9222 28.4613 94.5145 28.2906C94.1067 28.1199 93.6697 28.0324 93.2285 28.033Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M80.4931 28.033C79.8288 28.033 79.1795 28.2324 78.6271 28.606C78.0748 28.9796 77.6443 29.5107 77.3901 30.132C77.1359 30.7533 77.0694 31.437 77.199 32.0966C77.3286 32.7562 77.6485 33.362 78.1182 33.8376C78.5879 34.3131 79.1864 34.6369 79.8379 34.7681C80.4894 34.8993 81.1647 34.832 81.7784 34.5746C82.3922 34.3173 82.9167 33.8815 83.2858 33.3223C83.6548 32.7631 83.8518 32.1057 83.8518 31.4332C83.8524 30.9865 83.7659 30.5441 83.5973 30.1313C83.4287 29.7185 83.1814 29.3434 82.8694 29.0276C82.5574 28.7117 82.1869 28.4613 81.7791 28.2906C81.3714 28.1199 80.9344 28.0324 80.4931 28.033Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M67.7719 28.033C67.1075 28.0321 66.4577 28.2308 65.9048 28.6038C65.3518 28.9769 64.9207 29.5077 64.6658 30.1289C64.4109 30.7501 64.3437 31.434 64.4728 32.0938C64.6019 32.7537 64.9215 33.36 65.391 33.836C65.8606 34.312 66.459 34.6362 67.1107 34.7678C67.7623 34.8994 68.4379 34.8323 69.0518 34.5751C69.6658 34.3178 70.1906 33.882 70.5599 33.3228C70.9291 32.7635 71.1262 32.1059 71.1262 31.4332C71.1268 30.9869 71.0405 30.5448 70.8722 30.1323C70.7038 29.7198 70.4569 29.3449 70.1453 29.0291C69.8338 28.7133 69.4638 28.4628 69.0566 28.2919C68.6493 28.1209 68.2128 28.033 67.7719 28.033Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M100.487 24.263C100.108 22.9055 99.4678 21.6372 98.6028 20.5313C97.7378 19.4253 96.6652 18.5035 95.4468 17.819C95.3747 17.7821 95.3166 17.7219 95.2818 17.648C95.2471 17.5741 95.2375 17.4906 95.2546 17.4106C95.2717 17.3306 95.3145 17.2586 95.3764 17.2059C95.4383 17.1532 95.5157 17.1227 95.5965 17.1193C97.9471 16.9767 102.692 17.4848 101.205 24.2274C101.189 24.3097 101.146 24.3842 101.084 24.4392C101.021 24.4941 100.942 24.5262 100.86 24.5303C100.777 24.5344 100.695 24.5103 100.628 24.4618C100.56 24.4134 100.511 24.3434 100.487 24.263Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<path
|
||||
d='M55.5543 38.8059H7.46272C6.58138 38.8029 5.70809 38.9732 4.8927 39.307C4.07732 39.6408 3.3358 40.1316 2.71049 40.7514C2.08518 41.3712 1.58833 42.1079 1.2483 42.9193C0.908278 43.7307 0.731737 44.601 0.72876 45.4805V75.9807C0.731737 76.8602 0.908278 77.7305 1.2483 78.5419C1.58833 79.3534 2.08518 80.09 2.71049 80.7098C3.3358 81.3296 4.07732 81.8204 4.8927 82.1542C5.70809 82.488 6.58138 82.6583 7.46272 82.6553H14.5601V94.0724L25.2061 82.6553H55.5373C56.4186 82.6583 57.2919 82.488 58.1073 82.1542C58.9227 81.8204 59.6642 81.3296 60.2895 80.7098C60.9148 80.09 61.4117 79.3534 61.7517 78.5419C62.0917 77.7305 62.2683 76.8602 62.2712 75.9807V45.4805C62.2652 43.7072 61.5547 42.0087 60.2955 40.7574C59.0364 39.5062 57.3313 38.8044 55.5543 38.8059Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M25.2061 82.6553H55.5372C56.4186 82.6583 57.2919 82.488 58.1073 82.1542C58.9226 81.8204 59.6642 81.3295 60.2895 80.7098C60.9148 80.09 61.4116 79.3533 61.7516 78.5419C62.0917 77.7305 62.2682 76.8602 62.2712 75.9807V57.4641C62.2712 57.4641 60.1533 74.5869 59.7729 76.094C59.3925 77.6012 58.6374 79.8563 55.0603 80.2302C51.4832 80.6042 25.2061 82.6553 25.2061 82.6553Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M15.0822 56.3705C15.9391 56.3705 16.7766 56.624 17.4891 57.0991C18.2015 57.5741 18.7568 58.2493 19.0847 59.0393C19.4126 59.8292 19.4984 60.6985 19.3312 61.5371C19.164 62.3757 18.7514 63.146 18.1456 63.7506C17.5397 64.3552 16.7678 64.767 15.9274 64.9338C15.087 65.1006 14.216 65.015 13.4244 64.6878C12.6327 64.3606 11.9561 63.8064 11.4801 63.0955C11.0041 62.3845 10.75 61.5487 10.75 60.6937C10.7493 60.1257 10.8608 59.5632 11.0783 59.0384C11.2957 58.5135 11.6148 58.0366 12.0172 57.635C12.4196 57.2335 12.8975 56.915 13.4235 56.698C13.9494 56.481 14.5131 56.3697 15.0822 56.3705Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M31.509 56.3705C32.3658 56.3705 33.2034 56.624 33.9158 57.0991C34.6283 57.5741 35.1835 58.2493 35.5114 59.0393C35.8393 59.8292 35.9251 60.6985 35.7579 61.5371C35.5908 62.3757 35.1782 63.146 34.5723 63.7506C33.9664 64.3552 33.1945 64.767 32.3542 64.9338C31.5138 65.1006 30.6427 65.015 29.8511 64.6878C29.0595 64.3606 28.3829 63.8064 27.9069 63.0955C27.4308 62.3845 27.1768 61.5487 27.1768 60.6937C27.176 60.1257 27.2876 59.5632 27.505 59.0384C27.7225 58.5135 28.0415 58.0366 28.444 57.635C28.8464 57.2335 29.3243 56.915 29.8502 56.698C30.3762 56.481 30.9399 56.3697 31.509 56.3705Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M47.9174 56.3705C48.7744 56.3694 49.6126 56.622 50.3258 57.0963C51.0389 57.5707 51.5951 58.2455 51.9238 59.0353C52.2526 59.8252 52.3392 60.6946 52.1727 61.5336C52.0062 62.3726 51.594 63.1434 50.9884 63.7486C50.3827 64.3538 49.6108 64.7661 48.7703 64.9334C47.9298 65.1006 47.0584 65.0154 46.2665 64.6883C45.4745 64.3613 44.7976 63.8071 44.3213 63.0961C43.845 62.385 43.5908 61.549 43.5908 60.6937C43.5901 60.1262 43.7014 59.5642 43.9185 59.0397C44.1356 58.5152 44.4542 58.0386 44.856 57.6371C45.2579 57.2355 45.7351 56.917 46.2603 56.6997C46.7856 56.4824 47.3487 56.3705 47.9174 56.3705Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M5.71976 51.5772C6.20841 49.8512 7.0344 48.2387 8.15016 46.8326C9.26591 45.4265 10.6494 44.2545 12.2209 43.3841C12.314 43.3372 12.3889 43.2607 12.4337 43.1668C12.4786 43.0728 12.491 42.9667 12.4689 42.8649C12.4468 42.7632 12.3915 42.6716 12.3117 42.6046C12.2319 42.5376 12.1321 42.4989 12.0279 42.4946C8.99589 42.3133 2.87515 42.9592 4.79427 51.5319C4.81451 51.6366 4.86936 51.7314 4.95003 51.8012C5.0307 51.8711 5.13252 51.9119 5.23919 51.9171C5.34586 51.9223 5.4512 51.8917 5.53833 51.83C5.62547 51.7684 5.68935 51.6794 5.71976 51.5772Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<ellipse
|
||||
cx='119.099'
|
||||
cy='216.167'
|
||||
rx='38.5938'
|
||||
ry='1.95397'
|
||||
fill='black'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4212_90121)'>
|
||||
<path
|
||||
d='M2.50001 16L2.5 31L127.5 31L127.5 75L66 75'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M2.5 69L2.5 42L29 42'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M18.5 70.5L18.5 56.5L106 56.5'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 16)'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 74)'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 16 74)'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='71'
|
||||
cy='59'
|
||||
r='43'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.12)'
|
||||
/>
|
||||
<path
|
||||
d='M110.748 91.5258L119 100V56C119 54.8954 118.105 54 117 54H76.0005C74.8959 54 74.0005 54.8954 74.0005 56V88.9211C74.0005 90.0256 74.8959 90.9211 76.0005 90.9211H109.316C109.855 90.9211 110.372 91.1391 110.748 91.5258Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<circle
|
||||
opacity='0.48'
|
||||
cx='86.831'
|
||||
cy='65.831'
|
||||
r='5.83099'
|
||||
fill='var(--button-color)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M96 64H112'
|
||||
stroke='var(--button-color-rgb)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 79H103.38'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 83H96.2535'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M96 68H110'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M82 75H93.0141'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M95.6064 75H107.268'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M28.605 67.5638L15 81V12C15 10.8954 15.8954 10 17 10H83C84.1046 10 85 10.8954 85 12V64.9868C85 66.0914 84.1046 66.9868 83 66.9868H30.0103C29.4842 66.9868 28.9793 67.1941 28.605 67.5638Z'
|
||||
fill='rgba(var(--center-channel-bg-rgb))'
|
||||
/>
|
||||
<path
|
||||
d='M28.2536 67.2081L15.5 79.8035V12C15.5 11.1716 16.1716 10.5 17 10.5H83C83.8284 10.5 84.5 11.1716 84.5 12V64.9868C84.5 65.8153 83.8284 66.4868 83 66.4868H30.0103C29.3527 66.4868 28.7215 66.746 28.2536 67.2081Z'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.8)'
|
||||
/>
|
||||
<circle
|
||||
cx='33'
|
||||
cy='29'
|
||||
r='9'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
/>
|
||||
<path
|
||||
d='M48 25H64'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 49H62'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 55H47'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M48 31H73'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 43H42'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46 43H64'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.4)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='78'
|
||||
cy='19'
|
||||
r='19'
|
||||
fill='#32539A'
|
||||
/>
|
||||
<path
|
||||
d='M98 49L80 49'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.8)'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M76 49L70 49'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.8)'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M67 49L65 49'
|
||||
stroke='rgba(var(--center-channel-color-rgb), 0.8)'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='44'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='52'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='60'
|
||||
cy='75'
|
||||
r='2'
|
||||
fill='rgba(var(--center-channel-color-rgb), 0.32)'
|
||||
/>
|
||||
<circle
|
||||
cx='78'
|
||||
cy='19'
|
||||
r='9.5'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
/>
|
||||
<path
|
||||
d='M87.5 20.2525C86.1859 21.8482 82.4292 23 78 23C73.5708 23 69.8141 21.8482 68.5 20.2525'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
/>
|
||||
<path
|
||||
d='M86.6622 15C84.9331 16.1956 81.7014 17 78 17C74.2986 17 71.0669 16.1956 69.3378 15'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
/>
|
||||
<path
|
||||
d='M81.5 19C81.5 21.7141 81.059 24.1482 80.3642 25.8854C80.0162 26.7553 79.6144 27.4258 79.1937 27.8706C78.7741 28.3143 78.3705 28.5 78 28.5C77.6295 28.5 77.2259 28.3143 76.8063 27.8706C76.3856 27.4258 75.9838 26.7553 75.6358 25.8854C74.941 24.1482 74.5 21.7141 74.5 19C74.5 16.2859 74.941 13.8518 75.6358 12.1146C75.9838 11.2447 76.3856 10.5742 76.8063 10.1294C77.2259 9.6857 77.6295 9.5 78 9.5C78.3705 9.5 78.7741 9.6857 79.1937 10.1294C79.6144 10.5742 80.0162 11.2447 80.3642 12.1146C81.059 13.8518 81.5 16.2859 81.5 19Z'
|
||||
stroke='rgba(var(--button-color-rgb))'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id='paint0_linear_522_36531'
|
||||
x1='93.5'
|
||||
y1='-1.73437e-05'
|
||||
x2='-66.6967'
|
||||
y2='160.197'
|
||||
gradientUnits='userSpaceOnUse'
|
||||
>
|
||||
<stop
|
||||
offset='0.0104167'
|
||||
stopColor='var(--button-bg)'
|
||||
<clipPath id='clip0_4212_90121'>
|
||||
<rect
|
||||
width='130'
|
||||
height='102'
|
||||
fill='rgba(var(--center-channel-bg-rgb))'
|
||||
/>
|
||||
<stop
|
||||
offset='0.765625'
|
||||
stopColor='var(--button-bg)'
|
||||
stopOpacity='0'
|
||||
/>
|
||||
</linearGradient>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
);
|
||||
|
||||
export default PublicChannelIntroSvg;
|
||||
|
||||
@@ -10,169 +10,214 @@ type SvgProps = {
|
||||
|
||||
const SvgComponent = (props: SvgProps) => (
|
||||
<svg
|
||||
width={props.width ?? '151'}
|
||||
height={props.height ?? '149'}
|
||||
viewBox='0 0 220 218'
|
||||
width={props.width ?? '130'}
|
||||
height={props.height ?? '92'}
|
||||
viewBox='0 0 130 92'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
xmlnsXlink='http://www.w3.org/1999/xlink'
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d='M198.504 122.404a70.65 70.65 0 0 0 21.494-50.184A70.65 70.65 0 0 0 199.311 21.7a70.65 70.65 0 0 0-100.702.789L-33 154.084 66.913 254l131.591-131.596Z'
|
||||
fill='url(#b)'
|
||||
fillOpacity={0.12}
|
||||
/>
|
||||
<path
|
||||
d='M93.501 206.803c-.199-2.561 1.33-5.7 3.77-9.466.44-.678.906-1.382 1.396-2.093 4.832-7.065 12.057-16.13 17.222-27.572 9.059-20.089 6.643-52.734 3.977-70.496 0 0-15.362-5.207-22.503 2.042-.28.26-.541.54-.78.837-3.322 4.261-2.774 13.728.556 25.848 5.356 19.52 5.519 28.937 3.211 37.265-1.993 7.199-5.868 13.602-9.356 25.003a363.918 363.918 0 0 0-1.752 5.834c-1.562 5.391-2.267 8.504-2.367 10.421 2.2.854 4.418 1.616 6.626 2.377Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='m89.6 192.85 1.386.485.581.201 4.152 1.473a4.582 4.582 0 0 1 2.11 1.507c4.799-7.232 12.605-16.741 18.077-28.844 9.059-20.089 6.643-52.734 3.977-70.496 0 0-16.558-5.617-23.25 2.921-3.322 4.261-2.774 13.728.556 25.848 9.964 36.378 1.387 37.667-6.145 62.276a123.469 123.469 0 0 0-1.445 4.629Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='m89.6 192.85 1.386.485.581.201 4.152 1.473a4.582 4.582 0 0 1 2.11 1.507c4.799-7.232 12.605-16.741 18.077-28.844 9.059-20.089 6.643-52.734 3.977-70.496 0 0-16.558-5.617-23.25 2.921-3.322 4.261-2.774 13.728.556 25.848 9.964 36.378 1.387 37.667-6.145 62.276a123.469 123.469 0 0 0-1.445 4.629Z'
|
||||
fill='#000'
|
||||
fillOpacity={0.16}
|
||||
/>
|
||||
<path
|
||||
d='M93.568 202.836c.208.071.422.121.64.15a7.508 7.508 0 0 0 0 5.09c.58 1.833 1.893 4.252 2.3 5.482 1.237 3.725-.05 3.29-3.87-2.009-3.82-5.298-7.224-1.766-5.173-10.881 2.042.72 4.077 1.442 6.103 2.168Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M47.598 164.533c4.285-6.504-.747-4.905 11.858.695.706.326 1.486.653 2.317.996l1.843.745c14.947 5.859 27.86 4.059 36.579-3.75a29.527 29.527 0 0 0 4.534-5.131c7.722-11.041 4.625-35.156-7.366-58.861a128.127 128.127 0 0 0-3.263-6.044L77.592 82.126s-11.335 12.087 3.321 42.781c13.967 29.297-1.702 31.716-17.072 30.586a98.88 98.88 0 0 1-2.234-.184h-.241c-15.777-1.49-13.784-3.039-15.57 4.737-1.785 7.776-2.898 11.61 1.802 4.487Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M60.444 165.671c.963.41 2.018.837 3.172 1.298 17.82 6.955 32.725 3.097 41.112-8.89 8.387-11.986 4.011-39.399-10.628-64.904L77.592 82.118s-11.335 12.086 3.321 42.781c14.49 30.368-2.906 31.858-18.783 30.443a262.56 262.56 0 0 0-.49 2.729c0 .209-.075.418-.1.628a142.651 142.651 0 0 0-.531 3.205c0 .201-.067.419-.1.62a157.687 157.687 0 0 0-.465 3.147Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M45.796 160.013c1.445-6.295.449-6.479 8.304-5.533a330.188 330.188 0 0 0-1.212 7.383c-4.152-2.511-2.101-2.21-5.315 2.67-4.675 7.123-3.579 3.298-1.777-4.52Z'
|
||||
fill='#1E325C'
|
||||
/>
|
||||
<path
|
||||
d='M103.201 50.025a46.435 46.435 0 0 0-2.591-12.614c-1.736-4.394-5.198-7.835-6.726-7.667-3.496.368-6.162-1.063-7.415.929-1.013 1.791.149 11.442 1.278 12.263.823.423 1.7.728 2.608.904l1.453 7.901 11.393-1.716Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M87.706 34.385a119.714 119.714 0 0 0-2.871 3.642c-.112.878 2.808 1.327 2.808 1.327l.063-4.969Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M92.605 43.22a7.796 7.796 0 0 1-3.62.16c-.457-.093.921.46 1.378.551 1.345.268 1.096.377 2.416 0 .474-.1.308-.811-.174-.711Z'
|
||||
fill='#8B6918'
|
||||
/>
|
||||
<path
|
||||
d='M100.784 28.07c1.594 1.197 2.749 5.022 3.322 6.939.573 1.916-.573 3.766-.773 5.759a2.516 2.516 0 0 1-.913 2.034c-1.021.602-2.267-.394-2.823-1.449-.557-1.054-.922-2.352-1.977-2.896-.755-.393-1.827-.36-2.242-1.113-.349-.62 0-1.415-.224-2.093-.274-.895-1.328-1.247-2.234-1.456l-5.405-1.29a7.612 7.612 0 0 1-2.898-1.13 2.33 2.33 0 0 1-1.035-1.197 2.353 2.353 0 0 1-.035-1.588c.173-.517.52-.956.98-1.243.461-.286 1.007-.4 1.543-.324 1.212 0 2.109.703 3.23.963 1.14.121 2.29.121 3.43 0 2.366.008 6.045-1.423 8.054.084Z'
|
||||
fill='#4A2407'
|
||||
/>
|
||||
<path
|
||||
d='M27.993 31.502c2.923.31 5.688 4.185 9.375 11.509 3.686 7.324 12.604 16.207 22.569 10.633 9.964-5.575 18.12-4.799 30.285-4.858 2.067-.175 15.279-.209 18.085.11 20.619.686 22.022 22.156 32.734 20.875 13.652-1.674 11.875-17.369 18.401-21.236 6.527-3.867 4.717-1.046 2.666-.067-2.051.98 0 1.909-.98 6.814s-.706 22.223-13.427 28.267c-9.292 4.411-20.433-.327-28.761-6.922.049 1.674-.067 3.616 0 5.491.34 9.785 2.981 16.174 3.031 19.932-12.23-.412-24.177.133-36.375 1.102-3.13.168-10.195.714-13.334.932 0 0 .673-5.996 1.213-13.83.747-10.807.355-16.139.944-22.199C52.15 74.961 37.633 61 34.561 54.587c-5.896-12.38-4.825-16.858-4.916-18.725-.15-3.005-4.567-4.695-1.652-4.36Z'
|
||||
fill='#AD831F'
|
||||
/>
|
||||
<path
|
||||
d='M58.036 54.303c.448 5.156 1.154 12.405 2.923 16.816.913-.1 1.76-.168 2.599-.226l.614-.042 1.412-.1.614-.05c2.49-.21 4.949-.696 7.333-1.449a51.714 51.714 0 0 0-.183 5.625v.62c0 1.063.05 2.16.083 3.348v5.834c0 1.674-.116 3.532-.266 5.65-.09 1.44-.207 2.83-.323 4.135 0 .21 0 .427-.058.628-.092 1.088-.2 2.1-.3 3.038 0 .21 0 .41-.058.611-.382 3.449-.697 5.65-.697 5.65 3.122-.217 10.712-1.113 13.86-1.28a324.381 324.381 0 0 1 36.652-.837 20.93 20.93 0 0 0-.631-4.135c0-.21-.091-.427-.149-.645-.133-.603-.283-1.247-.432-1.925l-.15-.645c-.191-.837-.382-1.674-.564-2.645a75.323 75.323 0 0 1-.623-3.54 58.092 58.092 0 0 1-.54-5.224v-2.679c-.05-1.405-.091-2.745-.124-4.025l3.662 2.921.481.385.831.653.473.385c1.378 1.088 2.425 1.908 2.491 1.908 4.061-3.8 5.879-10.697 7.415-15.987a25.15 25.15 0 0 1-2.125-2.31c-.166-.184-.316-.377-.474-.57a86.48 86.48 0 0 1-1.179-1.481l-.498-.645c-.125-.159-.241-.318-.374-.477-3.462-4.42-7.573-9.425-14.54-11.593a25.179 25.179 0 0 0-2.433-.627 25.996 25.996 0 0 0-2.674-.386l-.672-.058c-.299 0-.606 0-.914-.05h-.074c-.316 0-.831-.067-1.354-.1-.077.139-.163.273-.257.4-5.697 7.827-14.49 5.55-19.93-.418H83.43c-2.192 0-4.276 0-6.286.1a38.226 38.226 0 0 0-13.701 2.872l-.59.251c-.506.234-1.013.477-1.52.737l-.59.293c-.29.15-.572.31-.83.477-.605.316-1.232.587-1.876.812Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M58.036 54.303c.448 5.156 1.154 12.405 2.923 16.816.913-.1 1.76-.168 2.599-.226l.614-.042 1.412-.1.614-.05c2.49-.21 4.949-.696 7.333-1.449a51.714 51.714 0 0 0-.183 5.625v.62c0 1.063.05 2.16.083 3.348v5.834c0 1.674-.116 3.532-.266 5.65-.09 1.44-.207 2.83-.323 4.135 0 .21 0 .427-.058.628-.092 1.088-.2 2.1-.3 3.038 0 .21 0 .41-.058.611-.382 3.449-.697 5.65-.697 5.65 3.122-.217 10.712-1.113 13.86-1.28a324.381 324.381 0 0 1 36.652-.837 20.93 20.93 0 0 0-.631-4.135c0-.21-.091-.427-.149-.645-.133-.603-.283-1.247-.432-1.925l-.15-.645c-.191-.837-.382-1.674-.564-2.645a75.323 75.323 0 0 1-.623-3.54 58.092 58.092 0 0 1-.54-5.224v-2.679c-.05-1.405-.091-2.745-.124-4.025l3.662 2.921.481.385.831.653.473.385c1.378 1.088 2.425 1.908 2.491 1.908 4.061-3.8 5.879-10.697 7.415-15.987a25.15 25.15 0 0 1-2.125-2.31c-.166-.184-.316-.377-.474-.57a86.48 86.48 0 0 1-1.179-1.481l-.498-.645c-.125-.159-.241-.318-.374-.477-3.462-4.42-7.573-9.425-14.54-11.593a25.179 25.179 0 0 0-2.433-.627 25.996 25.996 0 0 0-2.674-.386l-.672-.058c-.299 0-.606 0-.914-.05h-.074c-.316 0-.831-.067-1.354-.1-.077.139-.163.273-.257.4-5.697 7.827-14.49 5.55-19.93-.418H83.43c-2.192 0-4.276 0-6.286.1a38.226 38.226 0 0 0-13.701 2.872l-.59.251c-.506.234-1.013.477-1.52.737l-.59.293c-.29.15-.572.31-.83.477-.605.316-1.232.587-1.876.812Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity={0.08}
|
||||
/>
|
||||
<path
|
||||
d='M72.46 98.75c16.408-1.097 32.849-3.24 49.183-.62 0-.21-.091-.427-.149-.644-16.268-2.553-32.626-.444-48.993.652 0 .21-.025.41-.042.611ZM72.817 95.117a176.064 176.064 0 0 1 48.245.46l-.149-.644a176.874 176.874 0 0 0-48.038-.444c-.017.192-.033.41-.058.628ZM73.448 78.845v.62c15.254-.947 30.674 1.531 45.721 4.042v-.628c-15.063-2.52-30.475-4.963-45.721-4.034ZM73.348 74.877v.62c15.364.07 30.66 2.057 45.539 5.917a.29.29 0 0 0 .191 0v-.569a185.289 185.289 0 0 0-45.73-5.968ZM84.01 48.745c1.86 4.486 4.841 8.37 10.148 8.688 6.053.41 13.286-2.704 15.827-8.454l-.673-.059c-2.549 5.4-9.4 8.295-15.154 7.894-4.941-.335-7.731-3.893-9.5-8.07h-.648ZM60.668 52.997a271.09 271.09 0 0 0 2.89 17.896l.614-.042a248.464 248.464 0 0 1-2.914-18.147l-.59.293ZM123.927 80.762l.473.385a54.45 54.45 0 0 0 7.764-16.39c-.166-.184-.315-.376-.473-.569a54.074 54.074 0 0 1-7.764 16.574ZM129.972 62.062a43.948 43.948 0 0 1-7.399 17.661l.482.386a44.553 44.553 0 0 0 7.415-17.403l-.498-.644ZM62.777 51.967a157.128 157.128 0 0 0 2.807 18.784l.615-.05a157.363 157.363 0 0 1-2.832-18.985l-.59.251Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity={0.16}
|
||||
/>
|
||||
<path
|
||||
d='M88.918 34.121h3.82c2.076.093 3.039.419 4.06 2.336.183.326-.365.544-.54.21a3.036 3.036 0 0 0-.98-1.306 3 3 0 0 0-1.51-.603 31.487 31.487 0 0 0-3.206-.118h-1.561c-.042-.15-.058-.334-.083-.519Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M88.453 36.524a2.354 2.354 0 0 0 .673-2.41c-.29-1.24-1.304-2.06-2.25-1.834-.947.226-1.495 1.423-1.205 2.662.29 1.239 1.304 2.059 2.259 1.833.19-.046.368-.131.523-.251Zm-1.769-3.516a.976.976 0 0 1 .324-.159c.64-.15 1.337.477 1.553 1.406.216.93-.125 1.8-.764 1.95-.64.151-1.337-.476-1.561-1.397a1.789 1.789 0 0 1 .49-1.775l-.042-.025Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M105.6 35.52c2.267 0 3.886 2.67 4.592 5.507.532 2.126 3.787 2.553 5.921 2.11 2.259-.46 4.085-2.445 6.386-2.512 1.66-.058 3.172.913 4.658 1.674 1.486.762 3.322 1.39 4.783.637 1.661-.837 2.275-2.989 3.928-3.759 1.652-.77 3.687.193 5.04 1.482a12.257 12.257 0 0 1 3.72 7.659 7.413 7.413 0 0 1-.755 4.403 4.169 4.169 0 0 1-1.542 1.612 4.125 4.125 0 0 1-2.145.58c-1.869-.116-3.471-1.799-5.331-1.581-1.055.2-1.993.8-2.624 1.674-.665.837-1.171 1.783-1.844 2.611a8.17 8.17 0 0 1-3.943 2.658 8.108 8.108 0 0 1-4.743.002 8.17 8.17 0 0 1-3.945-2.655 8.266 8.266 0 0 1-1.817-4.416c-.108-1.096 0-2.285-.632-3.189-.83-1.214-2.491-1.398-3.927-1.373-1.437.025-3.048.109-4.152-.837-2.375-2.026-.291-6.654-2.633-8.713a8.225 8.225 0 0 0-1.992-1.089c-.914-.443-2.608-2.235-.972-2.854.531-.192 1.42.16 1.951.226.669.093 1.343.14 2.018.142Z'
|
||||
fill='#4A2407'
|
||||
/>
|
||||
<path
|
||||
d='M103.4 39.353c.159-1.226.215-2.464.166-3.7-.058-1.59 2.4-1.59 2.491 0a25.445 25.445 0 0 1-.249 4.361c-.094.31-.305.572-.587.728a1.228 1.228 0 0 1-.924.11 1.263 1.263 0 0 1-.745-.57 1.28 1.28 0 0 1-.152-.929Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<g clipPath='url(#i)'>
|
||||
<g clipPath='url(#clip0_4210_88396)'>
|
||||
<path
|
||||
d='M15.08 8.147 12.596 2.27a.388.388 0 0 0-.602-.152l-1.58.98a.506.506 0 0 0-.075.68l3.995 4.822a.533.533 0 0 0 .602.074.523.523 0 0 0 .151-.526h-.005Zm-3.84 3.014a.474.474 0 0 1-.677.151l-7-3.619c-.302-.2-.35-.477-.15-.828l1.278-1.96a.593.593 0 0 1 .827-.074l5.647 5.65a.506.506 0 0 1 .075.68ZM9.96 14.85l-5.872-2.41c-.286-.1-.477 0-.525.302l-.377 1.809a.406.406 0 0 0 .377.528l6.246.603c.2 0 .351-.126.451-.377a.49.49 0 0 0-.3-.455Z'
|
||||
fill='#FFBC1F'
|
||||
d='M2.50001 6.00001L2.5 21L127.5 21L127.5 65L66 65'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.24'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='m24.272 37.986 1.205.677a1.887 1.887 0 0 0 1.543.228c.527-.15.972-.503 1.242-.98l3.236-5.427a2.05 2.05 0 0 0-.75-2.856l-1.205-.68a1.89 1.89 0 0 0-1.544-.226c-.526.151-.972.503-1.241.98l-3.239 5.427a2.47 2.47 0 0 0-.188 1.62 1.947 1.947 0 0 0 .941 1.237Z'
|
||||
d='M2.49999 59L2.49999 32L29 32'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.24'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M18.5 60.5L18.5 46.5L106 46.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.24'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 6)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 64)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 16 64)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.4'
|
||||
/>
|
||||
<circle
|
||||
cx='71'
|
||||
cy='49'
|
||||
r='43'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M109.748 82.5258L117.999 91V47C117.999 45.8954 117.104 45 115.999 45H74.9998C73.8952 45 72.9998 45.8954 72.9998 47V79.9211C72.9998 81.0256 73.8952 81.9211 74.9998 81.9211H108.315C108.855 81.9211 109.371 82.1391 109.748 82.5258Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<path
|
||||
d='M38.344 28.816c1.335-2.422 1.833-6.06.222-7.258l-10.613-7.835-7.99 12.508 11.669 6.33c2.131 1.048 5.378-1.322 6.712-3.745Z'
|
||||
fill='var(--button-bg)'
|
||||
<circle
|
||||
opacity='0.48'
|
||||
cx='85.8309'
|
||||
cy='56.831'
|
||||
r='5.83099'
|
||||
fill='#FFFFFF'
|
||||
/>
|
||||
<path
|
||||
d='M13.428 13.195a38.767 38.767 0 0 0-3.952 7.912c-.827 2.41-.915 3.892-.262 4.445.854.401 2.186-.276 3.995-2.034 1.809-1.758 3.629-4.069 5.459-6.933 1.832-2.856 3.163-5.481 3.995-7.875.831-2.394.894-3.888.188-4.482-.8-.352-2.118.35-3.952 2.108a37.81 37.81 0 0 0-5.47 6.859Z'
|
||||
fill='#82889C'
|
||||
opacity='0.4'
|
||||
d='M94.9999 55H111'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M9.057 25.403c.254.603.779.954 1.58 1.054 3.621.192 8.424.715 10.842.903 2.417.188 5.8-3.125 6.7-4.67.9-1.547 2.906-5.503 1.504-8.067-1.403-2.565-3.785-6.259-5.494-9.495-.402-.651-.904-.954-1.506-.903a.59.59 0 0 1 .225.075c.601.502.451 1.93-.45 4.284a44.12 44.12 0 0 1-4.067 7.798 43.539 43.539 0 0 1-5.345 6.97c-1.756 1.81-3.01 2.563-3.764 2.262a.508.508 0 0 1-.225-.225v.014Z'
|
||||
fill='#DDDFE4'
|
||||
opacity='0.4'
|
||||
d='M80.9999 70H102.38'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity={0.5}
|
||||
d='M36.157 24.797a1 1 0 0 0 .603.229.941.941 0 0 0 .827-.454 1.145 1.145 0 0 0 .226-.857.909.909 0 0 0-.451-.64l-4.366-2.788a1.027 1.027 0 0 0-.856-.188 1.04 1.04 0 0 0-.643.488c-.146.236-.199.518-.148.791a.896.896 0 0 0 .451.64l4.366 2.788-.008-.009Z'
|
||||
fill='#fff'
|
||||
fillOpacity={0.48}
|
||||
opacity='0.4'
|
||||
d='M80.9999 74H95.2535'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M94.9999 59H109'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M80.9999 66H92.014'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M94.6064 66H106.268'
|
||||
stroke='#FFFFFF'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M28.605 57.5638L15 71V2C15 0.895431 15.8954 0 17 0H83C84.1046 0 85 0.89543 85 2V54.9868C85 56.0914 84.1046 56.9868 83 56.9868H30.0103C29.4842 56.9868 28.9793 57.1941 28.605 57.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M28.2536 57.2081L15.5 69.8035V2C15.5 1.17157 16.1716 0.5 17 0.5H83C83.8284 0.5 84.5 1.17157 84.5 2V54.9868C84.5 55.8153 83.8284 56.4868 83 56.4868H30.0103C29.3527 56.4868 28.7215 56.746 28.2536 57.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='33'
|
||||
cy='19'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.4'
|
||||
/>
|
||||
<path
|
||||
d='M48 15H64'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 39H69'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 45H47'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M48 21H73'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M25 33H42'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46 33H64'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.4'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='44'
|
||||
cy='65'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='52'
|
||||
cy='65'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<circle
|
||||
cx='60'
|
||||
cy='65'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M101 33L83 33'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M79 33L73 33'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M70 33L68 33'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
</g>
|
||||
<ellipse
|
||||
cx={104.099}
|
||||
cy={216.167}
|
||||
rx={38.594}
|
||||
ry={1.954}
|
||||
fill='#000'
|
||||
fillOpacity={0.12}
|
||||
/>
|
||||
<path
|
||||
d='M148.892 76.45h56.197a7.926 7.926 0 0 1 3.003.58 7.861 7.861 0 0 1 2.55 1.671 7.75 7.75 0 0 1 1.708 2.509c.398.939.604 1.946.607 2.964v35.298a7.65 7.65 0 0 1-.607 2.964 7.748 7.748 0 0 1-1.708 2.509 7.879 7.879 0 0 1-5.553 2.252h-8.294v13.213l-12.44-13.213h-35.444a7.879 7.879 0 0 1-5.553-2.252 7.748 7.748 0 0 1-1.708-2.509 7.65 7.65 0 0 1-.607-2.964V84.174a7.706 7.706 0 0 1 2.308-5.466 7.892 7.892 0 0 1 5.541-2.258Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M184.355 127.197h-35.444a7.941 7.941 0 0 1-3.003-.58 7.868 7.868 0 0 1-2.55-1.672 7.748 7.748 0 0 1-1.708-2.509 7.65 7.65 0 0 1-.607-2.964v-21.43s2.474 19.817 2.919 21.561c.444 1.744 1.327 4.354 5.507 4.787 4.18.433 34.886 2.807 34.886 2.807Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M196.185 96.777c-1.002 0-1.98.293-2.813.843a5.018 5.018 0 0 0-1.864 2.246 4.944 4.944 0 0 0-.288 2.89 4.982 4.982 0 0 0 1.385 2.562c.708.7 1.61 1.176 2.592 1.369.982.193 2 .094 2.925-.284a5.05 5.05 0 0 0 2.272-1.843 4.964 4.964 0 0 0-.628-6.32 5.05 5.05 0 0 0-1.643-1.084 5.108 5.108 0 0 0-1.938-.379ZM176.99 96.777c-1.002 0-1.98.293-2.813.843a5.018 5.018 0 0 0-1.864 2.246 4.936 4.936 0 0 0-.288 2.89 4.982 4.982 0 0 0 1.385 2.562c.708.7 1.61 1.176 2.592 1.369.982.193 2 .094 2.925-.284a5.05 5.05 0 0 0 2.272-1.843 4.964 4.964 0 0 0-.628-6.32 5.05 5.05 0 0 0-1.643-1.084 5.108 5.108 0 0 0-1.938-.379ZM157.816 96.777a5.108 5.108 0 0 0-2.815.84 5.017 5.017 0 0 0-1.867 2.244 4.946 4.946 0 0 0-.291 2.891 4.99 4.99 0 0 0 1.384 2.564 5.112 5.112 0 0 0 5.518 1.087 5.05 5.05 0 0 0 2.273-1.842 4.967 4.967 0 0 0-.625-6.318 5.062 5.062 0 0 0-1.641-1.085 5.11 5.11 0 0 0-1.936-.38Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M207.125 91.23a15.668 15.668 0 0 0-2.84-5.491 15.872 15.872 0 0 0-4.757-3.991.548.548 0 0 1-.289-.601.54.54 0 0 1 .183-.301.554.554 0 0 1 .332-.128c3.543-.21 10.695.538 8.453 10.46a.553.553 0 0 1-.52.445.563.563 0 0 1-.562-.393Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id='b'
|
||||
x1={93.5}
|
||||
y1={1}
|
||||
x2={-66.697}
|
||||
y2={161.197}
|
||||
gradientUnits='userSpaceOnUse'
|
||||
>
|
||||
<stop
|
||||
offset={0.01}
|
||||
stopColor='var(--button-bg)'
|
||||
<clipPath id='clip0_4210_88396'>
|
||||
<rect
|
||||
width='130'
|
||||
height='92'
|
||||
fill='white'
|
||||
/>
|
||||
<stop
|
||||
offset={0.766}
|
||||
stopColor='var(--button-bg)'
|
||||
stopOpacity={0}
|
||||
/>
|
||||
</linearGradient>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -9,66 +9,196 @@ export function ChannelSearchSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='17px'
|
||||
height='14px'
|
||||
viewBox='0 0 17 14'
|
||||
width='128'
|
||||
height='101'
|
||||
viewBox='0 0 128 101'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.channel_search', defaultMessage: 'Channel Search Icon'})}
|
||||
>
|
||||
<ellipse
|
||||
cx='8.18996'
|
||||
cy='13.4981'
|
||||
rx='6.72113'
|
||||
ry='0.353744'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
/>
|
||||
<path
|
||||
d='M10.765 2.93726H1.8448C1.68133 2.93671 1.51935 2.96829 1.36811 3.03021C1.21687 3.09213 1.07933 3.18317 0.963342 3.29813C0.847358 3.41309 0.7552 3.54972 0.692131 3.70023C0.629062 3.85073 0.596316 4.01216 0.595764 4.17529V9.83259C0.596316 9.99572 0.629062 10.1572 0.692131 10.3077C0.7552 10.4582 0.847358 10.5948 0.963342 10.7098C1.07933 10.8247 1.21687 10.9158 1.36811 10.9777C1.51935 11.0396 1.68133 11.0712 1.8448 11.0706H3.16125V13.1883L5.13591 11.0706H10.7619C10.9253 11.0712 11.0873 11.0396 11.2385 10.9777C11.3898 10.9158 11.5273 10.8247 11.6433 10.7098C11.7593 10.5948 11.8515 10.4582 11.9145 10.3077C11.9776 10.1572 12.0103 9.99572 12.0109 9.83259V4.17529C12.0098 3.84638 11.878 3.53133 11.6444 3.29925C11.4109 3.06716 11.0946 2.93698 10.765 2.93726V2.93726Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M5.13593 11.0706H10.7619C10.9253 11.0711 11.0873 11.0395 11.2386 10.9776C11.3898 10.9157 11.5273 10.8247 11.6433 10.7097C11.7593 10.5947 11.8515 10.4581 11.9145 10.3076C11.9776 10.1571 12.0104 9.99567 12.0109 9.83254V6.39801C12.0109 6.39801 11.6181 9.574 11.5475 9.85356C11.477 10.1331 11.3369 10.5514 10.6734 10.6208C10.0099 10.6901 5.13593 11.0706 5.13593 11.0706Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M3.2581 6.19519C3.41703 6.19519 3.57239 6.24222 3.70453 6.33033C3.83668 6.41844 3.93967 6.54368 4.00049 6.6902C4.06131 6.83673 4.07722 6.99796 4.04622 7.15351C4.01521 7.30906 3.93868 7.45194 3.8263 7.56408C3.71392 7.67623 3.57074 7.7526 3.41487 7.78354C3.25899 7.81448 3.09742 7.7986 2.95059 7.73791C2.80376 7.67722 2.67826 7.57444 2.58997 7.44257C2.50167 7.3107 2.45454 7.15567 2.45454 6.99707C2.45441 6.89173 2.4751 6.78739 2.51543 6.69004C2.55576 6.59269 2.61495 6.50424 2.68959 6.42975C2.76424 6.35526 2.85288 6.2962 2.95043 6.25595C3.04798 6.2157 3.15254 6.19505 3.2581 6.19519V6.19519Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M6.30498 6.19519C6.4639 6.19519 6.61926 6.24222 6.75141 6.33033C6.88355 6.41844 6.98654 6.54368 7.04736 6.6902C7.10818 6.83673 7.1241 6.99796 7.09309 7.15351C7.06209 7.30906 6.98555 7.45194 6.87318 7.56408C6.7608 7.67623 6.61762 7.7526 6.46174 7.78354C6.30587 7.81448 6.1443 7.7986 5.99747 7.73791C5.85064 7.67722 5.72514 7.57444 5.63684 7.44257C5.54855 7.3107 5.50142 7.15567 5.50142 6.99707C5.50128 6.89173 5.52197 6.78739 5.5623 6.69004C5.60264 6.59269 5.66182 6.50424 5.73647 6.42975C5.81111 6.35526 5.89975 6.2962 5.9973 6.25595C6.09486 6.2157 6.19941 6.19505 6.30498 6.19519V6.19519Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M9.34849 6.19519C9.50747 6.19498 9.66293 6.24184 9.79521 6.32982C9.92749 6.41781 10.0307 6.54297 10.0916 6.68948C10.1526 6.83598 10.1687 6.99725 10.1378 7.15286C10.1069 7.30848 10.0305 7.45146 9.91812 7.56371C9.80578 7.67596 9.6626 7.75244 9.5067 7.78346C9.3508 7.81449 9.18917 7.79867 9.04228 7.73801C8.89539 7.67735 8.76983 7.57457 8.68149 7.44268C8.59314 7.31079 8.54599 7.15571 8.54599 6.99707C8.54585 6.89182 8.56651 6.78757 8.60677 6.69028C8.64704 6.593 8.70613 6.50459 8.78067 6.43012C8.8552 6.35564 8.94371 6.29656 9.04114 6.25625C9.13858 6.21594 9.24302 6.19519 9.34849 6.19519V6.19519Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M1.52151 5.30608C1.61215 4.98593 1.76536 4.68684 1.97231 4.42603C2.17927 4.16521 2.43588 3.94783 2.72737 3.7864C2.74464 3.77768 2.75852 3.7635 2.76684 3.74608C2.77517 3.72865 2.77746 3.70896 2.77337 3.69009C2.76927 3.67122 2.75902 3.65424 2.74422 3.64181C2.72941 3.62938 2.7109 3.6222 2.69157 3.6214C2.12918 3.58777 0.993884 3.70757 1.34985 5.29767C1.3536 5.31708 1.36378 5.33467 1.37874 5.34763C1.3937 5.36058 1.41259 5.36815 1.43237 5.36912C1.45216 5.37008 1.4717 5.3644 1.48786 5.35297C1.50402 5.34154 1.51587 5.32503 1.52151 5.30608V5.30608Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M8.75117 2.37708C9.23969 1.88233 9.85626 1.6275 10.5996 1.61383C11.3293 1.6275 11.9421 1.88109 12.4381 2.37708C12.9329 2.87307 13.1877 3.4859 13.2014 4.21559C13.1877 4.95894 12.9341 5.57427 12.4381 6.06404C11.9421 6.55257 11.3293 6.81112 10.5996 6.83599C9.85626 6.80988 9.24094 6.55257 8.75117 6.06404C8.26264 5.57427 8.00532 4.9577 7.97922 4.21434C8.00532 3.48466 8.26264 2.87182 8.75117 2.37708Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M12.9944 3.75126C12.7733 3.03284 12.3547 2.49508 11.7381 2.13906C11.1214 1.78304 10.4464 1.68943 9.7137 1.85717C9.31302 1.9595 8.96394 2.1364 8.6636 2.38766C8.99944 2.02112 9.42546 1.76731 9.94056 1.6256C10.6733 1.45786 11.3516 1.55338 11.9738 1.91261C12.596 2.27183 13.0179 2.81151 13.239 3.52993C13.3749 4.04752 13.3681 4.54337 13.2175 5.01684C13.068 5.49095 12.7996 5.88922 12.4118 6.2099C12.703 5.89265 12.9033 5.52009 13.0123 5.09049C13.1202 4.66024 13.1142 4.21477 12.9944 3.75126Z'
|
||||
fill='black'
|
||||
fillOpacity='0.4'
|
||||
/>
|
||||
<path
|
||||
d='M13.8033 4.01299C13.7511 3.2418 13.4382 2.56453 12.8656 1.98119C12.2136 1.35954 11.461 1.0481 10.6078 1.0481C9.75456 1.0481 9.00318 1.35954 8.35115 1.98119C7.72645 2.63003 7.41348 3.37774 7.41348 4.2268C7.41348 5.07585 7.72645 5.8248 8.35115 6.47241C8.94977 7.04339 9.63409 7.35112 10.4029 7.39561C11.1716 7.44134 11.8808 7.23001 12.5328 6.76408L13.0209 7.24978L13.6456 6.62813L13.1575 6.14242C13.6394 5.49482 13.8542 4.78418 13.8033 4.01299ZM12.4546 6.05468C11.959 6.54038 11.3467 6.79745 10.6177 6.82216C9.87502 6.79621 9.26026 6.54038 8.77093 6.05468C8.28285 5.56897 8.02576 4.95597 7.99968 4.21691C8.02576 3.49145 8.28285 2.88215 8.77093 2.38903C9.25902 1.89715 9.87502 1.64379 10.6177 1.6302C11.3467 1.64379 11.959 1.89591 12.4546 2.38903C12.9488 2.88215 13.2034 3.49145 13.2171 4.21691C13.2034 4.95597 12.9501 5.56897 12.4546 6.05468Z'
|
||||
fill='#BABEC9'
|
||||
/>
|
||||
<path
|
||||
d='M15.8011 10.2048C15.64 10.2509 15.5208 10.2347 15.4433 10.1563L12.9094 7.3754C12.8319 7.29702 12.8 7.19623 12.8123 7.0718C12.8246 6.94738 12.902 6.80802 13.0446 6.65125C13.1995 6.50816 13.3372 6.42603 13.4602 6.40613C13.5831 6.38622 13.6827 6.4223 13.7602 6.51438L16.5265 9.07879C16.6039 9.15718 16.6162 9.27414 16.5646 9.43092C16.5129 9.58769 16.4158 9.74447 16.2744 9.90125C16.1207 10.058 15.9621 10.1588 15.8011 10.2048Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M15.9865 8.57672L14.9507 9.62115L13.7018 8.25033L14.6178 7.3147L15.9865 8.57672Z'
|
||||
fill='#7A5600'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4210_70026)'>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M110.046 91.1199L120.002 101V50C120.002 48.8954 119.107 48 118.002 48H70.002C68.8974 48 68.002 48.8954 68.002 50V88.5395C68.002 89.644 68.8974 90.5395 70.002 90.5395H108.637C109.165 90.5395 109.672 90.7481 110.046 91.1199Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M110.046 91.1199L120.002 101V50C120.002 48.8954 119.107 48 118.002 48H70.002C68.8974 48 68.002 48.8954 68.002 50V88.5395C68.002 89.644 68.8974 90.5395 70.002 90.5395H108.637C109.165 90.5395 109.672 90.7481 110.046 91.1199Z'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M5.50196 18L5.50195 33L94.002 33'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.00201 94L13.502 83.5L13.502 44.5L34.502 44.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M21.502 70.5L21.502 56.5L95.5 56.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 3.00195 18)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 8.74228e-08 8.74228e-08 -1 19.002 74)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M47.6069 78.5638L34.002 92V23C34.002 21.8954 34.8974 21 36.002 21H102.002C103.107 21 104.002 21.8954 104.002 23V75.9868C104.002 77.0914 103.107 77.9868 102.002 77.9868H49.0123C48.4862 77.9868 47.9812 78.1941 47.6069 78.5638Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<path
|
||||
d='M42.6069 73.5638L29.002 87V18C29.002 16.8954 29.8974 16 31.002 16H97.002C98.1065 16 99.002 16.8954 99.002 18V70.9868C99.002 72.0914 98.1065 72.9868 97.002 72.9868H44.0123C43.4862 72.9868 42.9812 73.1941 42.6069 73.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M42.2556 73.2081L29.502 85.8035V18C29.502 17.1716 30.1735 16.5 31.002 16.5H97.002C97.8304 16.5 98.502 17.1716 98.502 18V70.9868C98.502 71.8153 97.8304 72.4868 97.002 72.4868H44.0123C43.3546 72.4868 42.7235 72.746 42.2556 73.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='47.002'
|
||||
cy='35'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M62.002 31H78.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M39.002 55H72.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M39.002 62H61.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M62.002 37H87.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M39.002 49H56.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M60.002 49H78.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.8576'
|
||||
transform='matrix(-1 0 0 1 123.717 0)'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.1433'
|
||||
transform='matrix(-1 0 0 1 123.717 0)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='17.8576'
|
||||
cy='17.8576'
|
||||
r='17.1433'
|
||||
transform='matrix(-1 0 0 1 123.717 0)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M93.002 19C93.002 25.6274 98.3745 31 105.002 31'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<line
|
||||
x1='0.714303'
|
||||
y1='-0.714303'
|
||||
x2='15.1722'
|
||||
y2='-0.714303'
|
||||
transform='matrix(0.707107 0.707107 0.707107 -0.707107 116.769 30.6265)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeWidth='1.42861'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M127.002 44.5V62H89.502'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M86.002 62H76.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M73.002 62H67.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.50195'
|
||||
cy='94.5'
|
||||
r='2.5'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4210_70026'>
|
||||
<rect
|
||||
width='128'
|
||||
height='101'
|
||||
fill='white'
|
||||
transform='translate(0.00195312)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
);
|
||||
|
||||
@@ -8,4 +8,3 @@ export {SavedMessagesSVG} from './saved_messages_svg';
|
||||
export {PinSVG} from './pin_svg';
|
||||
export {ChannelFilesSVG} from './channel_files_svg';
|
||||
export {UserGroupsSVG} from './user_groups_svg';
|
||||
export {UserGroupMembersSVG} from './user_groups_members_svg';
|
||||
|
||||
@@ -9,54 +9,137 @@ export function MentionsSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16px'
|
||||
height='16px'
|
||||
viewBox='0 0 16 16'
|
||||
version='1.1'
|
||||
role='img'
|
||||
width='97'
|
||||
height='87'
|
||||
viewBox='0 0 97 87'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
aria-label={formatMessage({id: 'generic_icons.mention', defaultMessage: 'Mention Icon'})}
|
||||
fill='inherit'
|
||||
>
|
||||
<ellipse
|
||||
cx='8.30971'
|
||||
cy='13.729'
|
||||
rx='5.62581'
|
||||
ry='0.309677'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
<path
|
||||
d='M3.00001 35L3.00001 56L15 56'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M7.2537 6.16993H13.3893C13.5018 6.16955 13.6132 6.19127 13.7172 6.23386C13.8213 6.27645 13.9159 6.33907 13.9956 6.41814C14.0754 6.49722 14.1388 6.5912 14.1822 6.69472C14.2256 6.79824 14.2481 6.90928 14.2485 7.02149V10.9128C14.2481 11.025 14.2256 11.136 14.1822 11.2396C14.1388 11.3431 14.0754 11.4371 13.9956 11.5161C13.9159 11.5952 13.8213 11.6578 13.7172 11.7004C13.6132 11.743 13.5018 11.7647 13.3893 11.7644H12.4838V13.221L11.1256 11.7644H7.25587C7.14343 11.7647 7.03201 11.743 6.92798 11.7004C6.82395 11.6578 6.72935 11.5952 6.64957 11.5161C6.56979 11.4371 6.5064 11.3431 6.46302 11.2396C6.41964 11.136 6.39711 11.025 6.39673 10.9128V7.02149C6.3975 6.79525 6.48815 6.57855 6.6488 6.41891C6.80945 6.25928 7.02698 6.16973 7.2537 6.16993V6.16993Z'
|
||||
fill='#1E325C'
|
||||
d='M3 31L3 25'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M11.1256 11.7644H7.25591C7.14346 11.7647 7.03205 11.743 6.92802 11.7004C6.82399 11.6578 6.72939 11.5952 6.64961 11.5162C6.56983 11.4371 6.50644 11.3431 6.46306 11.2396C6.41968 11.1361 6.39716 11.025 6.39678 10.9128V8.55042C6.39678 8.55042 6.66697 10.735 6.71551 10.9273C6.76404 11.1196 6.86039 11.4073 7.31675 11.455C7.77312 11.5027 11.1256 11.7644 11.1256 11.7644Z'
|
||||
fill='#14213E'
|
||||
d='M3 22L3 20'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M13.6117 7.79931C13.5493 7.5791 13.444 7.37337 13.3016 7.19397C13.1593 7.01457 12.9827 6.86505 12.7822 6.75401C12.7704 6.74802 12.7608 6.73826 12.7551 6.72627C12.7494 6.71429 12.7478 6.70074 12.7506 6.68776C12.7534 6.67478 12.7605 6.6631 12.7707 6.65455C12.7808 6.646 12.7936 6.64107 12.8069 6.64051C13.1937 6.61738 13.9746 6.69979 13.7298 7.79353C13.7272 7.80688 13.7202 7.81898 13.7099 7.82789C13.6996 7.8368 13.6866 7.842 13.673 7.84267C13.6594 7.84334 13.6459 7.83943 13.6348 7.83156C13.6237 7.8237 13.6156 7.81235 13.6117 7.79931V7.79931Z'
|
||||
fill='#3C64B9'
|
||||
opacity='0.16'
|
||||
d='M81.8691 78.899L90 87V45C90 43.8954 89.1046 43 88 43H49C47.8954 43 47 43.8954 47 45V76.3158C47 77.4204 47.8954 78.3158 49 78.3158H80.4575C80.9867 78.3158 81.4943 78.5255 81.8691 78.899Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M11.1317 2.72889H3.32269C3.17958 2.7284 3.03778 2.75605 2.90538 2.81026C2.77298 2.86446 2.65257 2.94416 2.55104 3.0448C2.4495 3.14544 2.36882 3.26505 2.31361 3.39681C2.2584 3.52856 2.22973 3.66988 2.22925 3.81269V8.76526C2.22973 8.90807 2.2584 9.04939 2.31361 9.18115C2.36882 9.3129 2.4495 9.43251 2.55104 9.53315C2.65257 9.6338 2.77298 9.71349 2.90538 9.7677C3.03778 9.8219 3.17958 9.84955 3.32269 9.84907H4.47514V11.7029L6.20382 9.84907H11.1289C11.272 9.84955 11.4138 9.8219 11.5462 9.7677C11.6786 9.71349 11.799 9.6338 11.9006 9.53315C12.0021 9.43251 12.0828 9.3129 12.138 9.18115C12.1932 9.04939 12.2219 8.90807 12.2224 8.76526V3.81269C12.2214 3.52475 12.106 3.24895 11.9016 3.04578C11.6971 2.8426 11.4202 2.72864 11.1317 2.72889V2.72889Z'
|
||||
fill='#1C58D9'
|
||||
d='M65.7695 65.5385H73.4618'
|
||||
stroke='var(--center-channel-bg)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M6.20386 9.84903H11.1289C11.2721 9.84952 11.4139 9.82186 11.5463 9.76766C11.6787 9.71346 11.7991 9.63376 11.9006 9.53312C12.0021 9.43248 12.0828 9.31286 12.138 9.18111C12.1932 9.04935 12.2219 8.90804 12.2224 8.76523V5.75854C12.2224 5.75854 11.8785 8.5389 11.8167 8.78363C11.755 9.02836 11.6323 9.39453 11.0515 9.45526C10.4707 9.51598 6.20386 9.84903 6.20386 9.84903Z'
|
||||
fill='black'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
<path
|
||||
d='M3.03968 4.8027C3.11902 4.52243 3.25314 4.2606 3.43432 4.03227C3.61549 3.80395 3.84014 3.61364 4.09532 3.47232C4.11044 3.46469 4.12259 3.45228 4.12987 3.43702C4.13716 3.42176 4.13917 3.40453 4.13558 3.38801C4.132 3.37149 4.12302 3.35662 4.11007 3.34574C4.09711 3.33486 4.0809 3.32857 4.06397 3.32787C3.57165 3.29843 2.57778 3.40332 2.8894 4.79534C2.89268 4.81233 2.90159 4.82773 2.91469 4.83907C2.92779 4.85041 2.94432 4.85704 2.96164 4.85789C2.97896 4.85873 2.99607 4.85376 3.01022 4.84375C3.02437 4.83375 3.03474 4.81929 3.03968 4.8027V4.8027Z'
|
||||
fill='white'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<path
|
||||
d='M7.26631 6.91258C7.43613 6.91258 7.58688 6.84846 7.71858 6.72023C7.85027 6.58854 7.91612 6.43605 7.91612 6.26277C7.91612 6.08603 7.852 5.93354 7.72377 5.80531C7.59555 5.67708 7.44306 5.61297 7.26631 5.61297C7.09303 5.61297 6.94055 5.67882 6.80885 5.81051C6.68062 5.9422 6.61651 6.09296 6.61651 6.26277C6.61651 6.42912 6.68062 6.58161 6.80885 6.72023C6.94748 6.84846 7.09996 6.91258 7.26631 6.91258ZM7.26631 4.09503C7.85893 4.09503 8.36838 4.30817 8.79465 4.73444C9.22092 5.16071 9.43406 5.67015 9.43406 6.26277V6.57468C9.43406 6.78262 9.36128 6.96803 9.21572 7.13091C9.07017 7.273 8.88995 7.34405 8.67509 7.34405C8.41516 7.34405 8.20203 7.23661 8.03568 7.02174C7.82081 7.23661 7.56609 7.34405 7.27151 7.34405C6.97693 7.34405 6.72221 7.23661 6.50734 7.02174C6.29248 6.80688 6.18504 6.55389 6.18504 6.26277C6.18504 5.97166 6.29074 5.71521 6.50215 5.49341C6.71701 5.28547 6.97174 5.1815 7.26631 5.1815C7.56089 5.1815 7.81735 5.28547 8.03568 5.49341C8.24362 5.71174 8.34759 5.9682 8.34759 6.26277V6.57468C8.34759 6.66132 8.38051 6.7393 8.44636 6.80861C8.5122 6.87792 8.58845 6.91258 8.67509 6.91258C8.76519 6.91258 8.84144 6.87965 8.90382 6.81381C8.9662 6.74796 8.99739 6.66825 8.99739 6.57468V6.26277C8.99739 5.78452 8.82757 5.37731 8.48794 5.04114C8.15178 4.70151 7.74457 4.5317 7.26631 4.5317C6.78806 4.5317 6.37912 4.70151 6.03949 5.04114C5.70332 5.37731 5.53524 5.78452 5.53524 6.26277C5.53524 6.74103 5.70332 7.14997 6.03949 7.4896C6.37912 7.82577 6.78806 7.99385 7.26631 7.99385H8.34759V8.43052H7.26631C6.68062 8.43052 6.17291 8.21565 5.74318 7.78591C5.31344 7.35618 5.09857 6.84673 5.09857 6.25758C5.09857 5.66842 5.31344 5.16071 5.74318 4.73444C6.17291 4.30817 6.68062 4.09503 7.26631 4.09503Z'
|
||||
d='M23.605 67.5638L10 81V12C10 10.8954 10.8954 10 12 10H78C79.1046 10 80 10.8954 80 12V64.9868C80 66.0914 79.1046 66.9868 78 66.9868H25.0103C24.4842 66.9868 23.9793 67.1941 23.605 67.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M23.2536 67.2081L10.5 79.8035V12C10.5 11.1716 11.1716 10.5 12 10.5H78C78.8284 10.5 79.5 11.1716 79.5 12V64.9868C79.5 65.8153 78.8284 66.4868 78 66.4868H25.0103C24.3527 66.4868 23.7215 66.746 23.2536 67.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='28'
|
||||
cy='29'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M43 25H59'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20 49H53'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20 56H42'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M43 31H68'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20 43H37'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M41 43H59'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='78'
|
||||
cy='19'
|
||||
r='19'
|
||||
fill='#32539A'
|
||||
/>
|
||||
<path
|
||||
d='M73 49L94 49L94 37'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M69 49L63 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M60 49L58 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='77.9922'
|
||||
cy='19'
|
||||
r='5'
|
||||
stroke='var(--button-color)'
|
||||
/>
|
||||
<path
|
||||
d='M82.9922 19C82.9922 19.1667 82.9922 19.8 82.9922 21C82.9922 22.2 83.9922 24 85.4922 24C86.9922 24 87.9922 23 87.9922 19'
|
||||
stroke='var(--button-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M87.9922 19C87.9922 13.4772 83.515 9 77.9922 9C72.4693 9 67.9922 13.4772 67.9922 19C67.9922 24.5228 72.4693 29 77.9922 29C79.4144 29 80.7673 28.7031 81.9922 28.1679'
|
||||
stroke='var(--button-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
</svg>
|
||||
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -6,48 +6,155 @@ import {useIntl} from 'react-intl';
|
||||
|
||||
export function PinSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
const {formatMessage} = useIntl();
|
||||
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16px'
|
||||
height='16px'
|
||||
viewBox='0 0 16 16'
|
||||
width='97'
|
||||
height='87'
|
||||
viewBox='0 0 97 87'
|
||||
version='1.1'
|
||||
role='img'
|
||||
|
||||
//fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
aria-label={formatMessage({id: 'generic_icons.pin', defaultMessage: 'Pin Icon'})}
|
||||
>
|
||||
<path
|
||||
d='M6.38635 10.2446L6.3649 10.266L6.28152 10.3709C6.16941 10.4968 6.05008 10.6162 5.92413 10.7283L5.69302 10.9392L4.51722 11.9685L3.13056 13.0813C3.11601 13.0916 3.09957 13.099 3.08217 13.103C3.06478 13.1069 3.04677 13.1075 3.02918 13.1045C3.01159 13.1015 2.99476 13.0951 2.97965 13.0856C2.96455 13.0761 2.95145 13.0637 2.94113 13.0491C2.91479 13.0237 2.8983 12.9898 2.8946 12.9534C2.89089 12.9169 2.90021 12.8804 2.92089 12.8502L3.34022 12.3248L4.81027 10.5818L5.27249 10.0564C5.41307 9.91657 5.52504 9.80459 5.60843 9.7204L5.75615 9.5941C5.85019 9.52561 5.9653 9.49231 6.08139 9.49999C6.13809 9.50241 6.19362 9.51683 6.24435 9.5423C6.29507 9.56776 6.33981 9.60369 6.37563 9.64772C6.44966 9.72767 6.49202 9.83187 6.49476 9.9408C6.49161 10.051 6.45366 10.1573 6.38635 10.2446V10.2446Z'
|
||||
fill='#A4A9B7'
|
||||
/>
|
||||
<path
|
||||
d='M4.19214 11.6306L5.5788 9.95807L5.82092 10.0901L4.19214 11.6306Z'
|
||||
fill='#E8E9ED'
|
||||
/>
|
||||
<path
|
||||
d='M13.1063 6.64299C13.1074 6.69961 13.0967 6.75583 13.075 6.80812C13.0533 6.86041 13.0209 6.90763 12.9801 6.94679L12.8335 7.09452C12.6153 7.30982 12.3211 7.43052 12.0145 7.43052C11.708 7.43052 11.4137 7.30982 11.1955 7.09452C11.1906 7.08788 11.1843 7.08247 11.1769 7.07875C11.1696 7.07502 11.1615 7.07307 11.1532 7.07307C11.145 7.07307 11.1369 7.07502 11.1295 7.07875C11.1222 7.08247 11.1158 7.08788 11.1109 7.09452L9.36807 8.81609C9.31455 8.8719 9.28291 8.94514 9.27897 9.02237C9.27504 9.09961 9.29905 9.17568 9.34662 9.23665C9.55206 9.53842 9.64523 9.90266 9.60991 10.266C9.57423 10.6302 9.41489 10.9712 9.15841 11.2322L8.48652 11.9042C8.31064 12.079 8.07273 12.1771 7.82475 12.1771C7.57677 12.1771 7.33888 12.079 7.163 11.9042L4.07517 8.83753C3.90036 8.66164 3.80225 8.42371 3.80225 8.17572C3.80225 7.92772 3.90036 7.68979 4.07517 7.5139L4.76851 6.84195C5.02276 6.57429 5.36672 6.40972 5.73464 6.37969C6.09867 6.35206 6.46136 6.4482 6.76392 6.65252C6.82457 6.69406 6.898 6.71268 6.97111 6.70504C7.04423 6.6974 7.11224 6.664 7.163 6.61082L8.90347 4.89164C8.91045 4.87864 8.91411 4.86411 8.91411 4.84935C8.91411 4.83459 8.91045 4.82005 8.90347 4.80705C8.6882 4.58879 8.5675 4.29454 8.5675 3.98796C8.5675 3.68139 8.6882 3.38714 8.90347 3.16888L9.02975 3.02234C9.11874 2.94135 9.23465 2.89634 9.35497 2.89606C9.41174 2.8951 9.4681 2.90581 9.52056 2.92753C9.57302 2.94926 9.62046 2.98153 9.65993 3.02234L12.9777 6.34037C13.0187 6.37928 13.0514 6.42623 13.0735 6.47829C13.0956 6.53035 13.1068 6.58642 13.1063 6.64299Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M7.88983 8.15345C7.16788 7.43161 6.97271 6.92837 6.96538 6.76699C5.99691 6.34884 5.93086 6.5249 6.3931 7.05308C6.86344 7.59052 8.79228 9.05574 7.88983 8.15345Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M8.12913 7.49364C8.09642 7.52744 8.05714 7.55418 8.01371 7.57221C7.97027 7.59024 7.9236 7.59918 7.87658 7.59848C7.82971 7.5993 7.78319 7.59042 7.73993 7.57237C7.69667 7.55433 7.65761 7.52752 7.62522 7.49364C7.59261 7.46302 7.56652 7.42613 7.54851 7.38519C7.5305 7.34425 7.52093 7.30009 7.52039 7.25536C7.52281 7.1579 7.55999 7.06451 7.62522 6.99206L9.01068 5.62791C9.0589 5.58091 9.11976 5.54896 9.18584 5.53598C9.25191 5.523 9.32032 5.52954 9.38273 5.55482C9.44515 5.58009 9.49885 5.62299 9.53729 5.67829C9.57572 5.73358 9.59722 5.79888 9.59916 5.86619C9.59848 5.9109 9.58887 5.95501 9.57086 5.99594C9.55286 6.03686 9.52683 6.07377 9.49433 6.10447L8.12913 7.49126V7.49364Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M10.8812 6.86747L10.6679 6.64979C9.4567 5.44732 8.69515 5.26865 8.45715 5.33754L8.93402 4.88055L10.6679 6.64979C10.7375 6.71891 10.8086 6.79142 10.8812 6.86747Z'
|
||||
fill='#F5AB00'
|
||||
/>
|
||||
<ellipse
|
||||
cx='6.74289'
|
||||
cy='13.0857'
|
||||
rx='3.88571'
|
||||
ry='0.285714'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
/>
|
||||
|
||||
<g clipPath='url(#clip0_4210_84719)'>
|
||||
<path
|
||||
d='M3.00196 35L3.00197 56L15.002 56'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.00195 31L3.00195 25'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.00195 22L3.00195 20'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.16'
|
||||
d='M81.8711 78.899L90.002 87V45C90.002 43.8954 89.1065 43 88.002 43H49.002C47.8974 43 47.002 43.8954 47.002 45V76.3158C47.002 77.4204 47.8974 78.3158 49.002 78.3158H80.4595C80.9886 78.3158 81.4962 78.5255 81.8711 78.899Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M65.7715 65.5385H73.4638'
|
||||
stroke='var(--center-channel-bg)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M23.6069 67.5638L10.002 81V12C10.002 10.8954 10.8974 10 12.002 10H78.002C79.1065 10 80.002 10.8954 80.002 12V64.9868C80.002 66.0914 79.1065 66.9868 78.002 66.9868H25.0123C24.4862 66.9868 23.9812 67.1941 23.6069 67.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M23.2556 67.2081L10.502 79.8035V12C10.502 11.1716 11.1735 10.5 12.002 10.5H78.002C78.8304 10.5 79.502 11.1716 79.502 12V64.9868C79.502 65.8153 78.8304 66.4868 78.002 66.4868H25.0123C24.3546 66.4868 23.7235 66.746 23.2556 67.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='28.002'
|
||||
cy='29'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M43.002 25H59.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.002 49H53.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.002 56H42.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M43.002 31H68.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.002 43H37.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M41.002 43H59.002'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='78.002'
|
||||
cy='19'
|
||||
r='19'
|
||||
fill='#32539A'
|
||||
/>
|
||||
<path
|
||||
d='M79.9922 9L87.9922 17'
|
||||
stroke='var(--button-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M80.4922 27.5L69.4922 16.5C69.4922 16.5 72.4922 15 74.9922 16L80.9922 10L86.9922 16L80.9922 22C81.9922 24.5 80.4922 27.5 80.4922 27.5Z'
|
||||
stroke='var(--button-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M74.9922 22L69.9922 27'
|
||||
stroke='var(--button-color)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M73.002 49L94.002 49L94.002 37'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M69.002 49L63.002 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M60.002 49L58.002 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4210_84719'>
|
||||
<rect
|
||||
width='97'
|
||||
height='87'
|
||||
fill='white'
|
||||
transform='translate(0.00195312)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
);
|
||||
|
||||
@@ -9,50 +9,136 @@ export function SavedMessagesSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16'
|
||||
height='16'
|
||||
viewBox='0 0 16 16'
|
||||
width='97'
|
||||
height='87'
|
||||
viewBox='0 0 97 87'
|
||||
fill='none'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.flag', defaultMessage: 'Flag Icon'})}
|
||||
>
|
||||
<ellipse
|
||||
cx='8.30964'
|
||||
cy='13.729'
|
||||
rx='5.62581'
|
||||
ry='0.309677'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
/>
|
||||
<path
|
||||
d='M7.25364 6.16993H13.3893C13.5017 6.16955 13.6131 6.19127 13.7172 6.23386C13.8212 6.27645 13.9158 6.33907 13.9956 6.41814C14.0754 6.49722 14.1387 6.5912 14.1821 6.69472C14.2255 6.79824 14.248 6.90928 14.2484 7.02149V10.9128C14.248 11.025 14.2255 11.136 14.1821 11.2396C14.1387 11.3431 14.0754 11.4371 13.9956 11.5161C13.9158 11.5952 13.8212 11.6578 13.7172 11.7004C13.6131 11.743 13.5017 11.7647 13.3893 11.7644H12.4838V13.221L11.1255 11.7644H7.25581C7.14337 11.7647 7.03195 11.743 6.92792 11.7004C6.82389 11.6578 6.72929 11.5952 6.64951 11.5161C6.56973 11.4371 6.50634 11.3431 6.46296 11.2396C6.41958 11.136 6.39705 11.025 6.39667 10.9128V7.02149C6.39744 6.79525 6.48809 6.57855 6.64874 6.41891C6.80939 6.25928 7.02692 6.16973 7.25364 6.16993V6.16993Z'
|
||||
fill='#1C58D9'
|
||||
/>
|
||||
<path
|
||||
d='M11.1255 11.7644H7.25578C7.14334 11.7647 7.03192 11.743 6.9279 11.7004C6.82387 11.6578 6.72926 11.5952 6.64949 11.5162C6.56971 11.4371 6.50632 11.3431 6.46294 11.2396C6.41956 11.1361 6.39703 11.025 6.39665 10.9128V8.55042C6.39665 8.55042 6.66685 10.735 6.71539 10.9273C6.76392 11.1196 6.86027 11.4073 7.31663 11.455C7.773 11.5027 11.1255 11.7644 11.1255 11.7644Z'
|
||||
fill='black'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<path
|
||||
d='M13.6117 7.79931C13.5493 7.5791 13.444 7.37337 13.3016 7.19397C13.1593 7.01457 12.9827 6.86505 12.7822 6.75401C12.7704 6.74802 12.7608 6.73826 12.7551 6.72627C12.7494 6.71429 12.7478 6.70074 12.7506 6.68776C12.7534 6.67478 12.7605 6.6631 12.7707 6.65455C12.7808 6.646 12.7936 6.64107 12.8069 6.64051C13.1937 6.61738 13.9746 6.69979 13.7298 7.79353C13.7272 7.80688 13.7202 7.81898 13.7099 7.82789C13.6996 7.8368 13.6866 7.842 13.673 7.84267C13.6594 7.84334 13.6459 7.83943 13.6348 7.83156C13.6237 7.8237 13.6156 7.81235 13.6117 7.79931V7.79931Z'
|
||||
fill='white'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<path
|
||||
d='M11.1317 2.72889H3.32269C3.17958 2.7284 3.03778 2.75605 2.90538 2.81026C2.77298 2.86446 2.65257 2.94416 2.55104 3.0448C2.4495 3.14544 2.36882 3.26505 2.31361 3.39681C2.2584 3.52856 2.22973 3.66988 2.22925 3.81269V8.76526C2.22973 8.90807 2.2584 9.04939 2.31361 9.18115C2.36882 9.3129 2.4495 9.43251 2.55104 9.53315C2.65257 9.6338 2.77298 9.71349 2.90538 9.7677C3.03778 9.8219 3.17958 9.84955 3.32269 9.84907H4.47514V11.7029L6.20382 9.84907H11.1289C11.272 9.84955 11.4138 9.8219 11.5462 9.7677C11.6786 9.71349 11.799 9.6338 11.9006 9.53315C12.0021 9.43251 12.0828 9.3129 12.138 9.18115C12.1932 9.04939 12.2219 8.90807 12.2224 8.76526V3.81269C12.2214 3.52475 12.106 3.24895 11.9016 3.04578C11.6971 2.8426 11.4202 2.72864 11.1317 2.72889V2.72889Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M6.20386 9.84903H11.1289C11.2721 9.84952 11.4139 9.82186 11.5463 9.76766C11.6787 9.71346 11.7991 9.63376 11.9006 9.53312C12.0021 9.43248 12.0828 9.31286 12.138 9.18111C12.1932 9.04935 12.2219 8.90804 12.2224 8.76523V5.75854C12.2224 5.75854 11.8785 8.5389 11.8167 8.78363C11.755 9.02836 11.6323 9.39453 11.0515 9.45526C10.4707 9.51598 6.20386 9.84903 6.20386 9.84903Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M3.03968 4.8027C3.11902 4.52243 3.25314 4.2606 3.43432 4.03227C3.61549 3.80395 3.84014 3.61364 4.09532 3.47232C4.11044 3.46469 4.12259 3.45228 4.12987 3.43702C4.13716 3.42176 4.13917 3.40453 4.13558 3.38801C4.132 3.37149 4.12302 3.35662 4.11007 3.34574C4.09711 3.33486 4.0809 3.32857 4.06397 3.32787C3.57165 3.29843 2.57778 3.40332 2.8894 4.79534C2.89268 4.81233 2.90159 4.82773 2.91469 4.83907C2.92779 4.85041 2.94432 4.85704 2.96164 4.85789C2.97896 4.85873 2.99607 4.85376 3.01022 4.84375C3.02437 4.83375 3.03474 4.81929 3.03968 4.8027V4.8027Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M8.38743 7.75912L7.17417 7.24561L5.96092 7.75912V4.70061H8.38743V7.75912ZM8.38743 4.23224H5.96092C5.82481 4.23224 5.70815 4.27926 5.61094 4.37331C5.51761 4.4636 5.47095 4.5727 5.47095 4.70061V8.4645L7.17417 7.75912L8.8774 8.4645V4.70061C8.8774 4.5727 8.82879 4.4636 8.73157 4.37331C8.63825 4.27926 8.52353 4.23224 8.38743 4.23224Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4210_81120)'>
|
||||
<path
|
||||
d='M3.00391 35L3.00392 56L15.0039 56'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.00391 31L3.00391 25'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M3.00391 22L3.00391 20'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.16'
|
||||
d='M81.873 78.899L90.0039 87V45C90.0039 43.8954 89.1085 43 88.0039 43H49.0039C47.8993 43 47.0039 43.8954 47.0039 45V76.3158C47.0039 77.4204 47.8993 78.3158 49.0039 78.3158H80.4614C80.9906 78.3158 81.4982 78.5255 81.873 78.899Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M65.7734 65.5385H73.4657'
|
||||
stroke='var(--center-channel-bg)'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M23.6089 67.5638L10.0039 81V12C10.0039 10.8954 10.8993 10 12.0039 10H78.0039C79.1085 10 80.0039 10.8954 80.0039 12V64.9868C80.0039 66.0914 79.1085 66.9868 78.0039 66.9868H25.0142C24.4881 66.9868 23.9832 67.1941 23.6089 67.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M23.2575 67.2081L10.5039 79.8035V12C10.5039 11.1716 11.1755 10.5 12.0039 10.5H78.0039C78.8323 10.5 79.5039 11.1716 79.5039 12V64.9868C79.5039 65.8153 78.8323 66.4868 78.0039 66.4868H25.0142C24.3566 66.4868 23.7254 66.746 23.2575 67.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='28.0039'
|
||||
cy='29'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M43.0039 25H59.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.0039 49H53.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.0039 56H42.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M43.0039 31H68.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M20.0039 43H37.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M41.0039 43H59.0039'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='78.0039'
|
||||
cy='19'
|
||||
r='19'
|
||||
fill='#32539A'
|
||||
/>
|
||||
<path
|
||||
d='M70.9922 12V27L77.9922 24L84.9922 27V12C84.9922 10.8954 84.0968 10 82.9922 10H72.9922C71.8876 10 70.9922 10.8954 70.9922 12Z'
|
||||
stroke='var(--button-color)'
|
||||
/>
|
||||
<path
|
||||
d='M73.0039 49L94.0039 49L94.0039 37'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M69.0039 49L63.0039 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M60.0039 49L58.0039 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4210_81120'>
|
||||
<rect
|
||||
width='97'
|
||||
height='87'
|
||||
fill='white'
|
||||
transform='translate(0.00390625)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
);
|
||||
|
||||
@@ -9,42 +9,138 @@ export function SearchSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16px'
|
||||
height='16px'
|
||||
viewBox='0 0 16 16'
|
||||
width='123'
|
||||
height='99'
|
||||
viewBox='0 0 123 99'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.search', defaultMessage: 'Search Icon'})}
|
||||
>
|
||||
<ellipse
|
||||
cx='8.00003'
|
||||
cy='13.9428'
|
||||
rx='5.14286'
|
||||
ry='0.342857'
|
||||
fill='black'
|
||||
fillOpacity='0.06'
|
||||
/>
|
||||
<path
|
||||
opacity='0.4'
|
||||
d='M4.29632 4.28665C4.83967 3.73638 5.52543 3.45295 6.35221 3.43774C7.16378 3.45295 7.84539 3.735 8.39704 4.28665C8.9473 4.8383 9.23073 5.51991 9.24594 6.33148C9.23073 7.15826 8.94868 7.84264 8.39704 8.38738C7.84539 8.93073 7.16378 9.21831 6.35221 9.24596C5.52543 9.21692 4.84106 8.93073 4.29632 8.38738C3.75297 7.84264 3.46678 7.15688 3.43774 6.3301C3.46678 5.51853 3.75297 4.83691 4.29632 4.28665Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M9.0157 5.81503C8.76979 5.01598 8.30426 4.41787 7.61841 4.0219C6.93256 3.62592 6.18182 3.52182 5.36688 3.70838C4.92123 3.82219 4.53297 4.01894 4.19893 4.2984C4.57246 3.89072 5.04629 3.60843 5.6192 3.45082C6.43414 3.26426 7.18858 3.3705 7.8806 3.77004C8.57262 4.16957 9.04185 4.76982 9.28776 5.56886C9.43894 6.14453 9.43139 6.69603 9.26386 7.22264C9.09757 7.74996 8.79906 8.19292 8.36781 8.54959C8.6916 8.19674 8.91439 7.78236 9.03565 7.30455C9.15568 6.82602 9.14898 6.33055 9.0157 5.81503Z'
|
||||
fill='black'
|
||||
fillOpacity='0.4'
|
||||
/>
|
||||
<path
|
||||
d='M9.91539 6.1061C9.85737 5.24836 9.50928 4.49509 8.87249 3.84628C8.14729 3.15487 7.31021 2.80847 6.36124 2.80847C5.41227 2.80847 4.57657 3.15487 3.85137 3.84628C3.15657 4.56794 2.80847 5.39956 2.80847 6.3439C2.80847 7.28824 3.15657 8.12124 3.85137 8.84152C4.51717 9.47658 5.27828 9.81885 6.13332 9.86834C6.98836 9.9192 7.7771 9.68414 8.50229 9.16592L9.04515 9.70614L9.73996 9.01472L9.1971 8.47451C9.73305 7.75423 9.97202 6.96384 9.91539 6.1061ZM8.41527 8.37691C7.86412 8.91712 7.18313 9.20304 6.37229 9.23053C5.54626 9.20166 4.8625 8.91712 4.31826 8.37691C3.7754 7.8367 3.48946 7.15491 3.46046 6.33291C3.48946 5.52603 3.7754 4.84836 4.31826 4.2999C4.86112 3.75281 5.54626 3.47102 6.37229 3.4559C7.18313 3.47102 7.86412 3.75144 8.41527 4.2999C8.96504 4.84836 9.24821 5.52603 9.2634 6.33291C9.24821 7.15491 8.96642 7.8367 8.41527 8.37691Z'
|
||||
fill='#BABEC9'
|
||||
/>
|
||||
<path
|
||||
d='M12.1374 12.9928C11.9582 13.044 11.8256 13.026 11.7395 12.9388L8.92118 9.84586C8.83503 9.75867 8.79947 9.64658 8.81315 9.50819C8.82682 9.3698 8.91297 9.2148 9.07159 9.04043C9.24389 8.88129 9.39704 8.78995 9.53378 8.76781C9.67053 8.74566 9.78129 8.7858 9.86744 8.8882L12.9442 11.7404C13.0303 11.8276 13.044 11.9577 12.9866 12.132C12.9291 12.3064 12.8211 12.4808 12.6638 12.6552C12.4929 12.8295 12.3165 12.9416 12.1374 12.9928Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M12.3436 11.182L11.1915 12.3437L9.80249 10.819L10.8213 9.77838L12.3436 11.182Z'
|
||||
fill='#7A5600'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4212_116720)'>
|
||||
<rect
|
||||
x='0.255005'
|
||||
y='32'
|
||||
width='107'
|
||||
height='31'
|
||||
rx='3.75'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<rect
|
||||
x='46.255'
|
||||
width='76'
|
||||
height='27'
|
||||
rx='3.75'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<rect
|
||||
x='46.255'
|
||||
y='67'
|
||||
width='76'
|
||||
height='27'
|
||||
rx='3.75'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M62.5814 6.60593C70.262 6.55738 77.3232 8.54646 83.755 12.5732C86.3956 14.2264 88.9301 16.223 91.3579 18.5631C94.3589 21.6787 96.7911 24.9905 98.653 28.5M62.5813 87.8542C53.6129 87.7863 45.4964 85.1063 38.255 79.7911C36.7377 78.6774 35.2587 77.4479 33.8185 76.1025C30.0784 72.0903 27.2249 67.8234 25.255 63.299M21.9572 47.2301C21.964 41.8688 22.9467 36.7921 24.9051 32C26.8843 27.1573 29.8599 22.6053 33.8322 18.3439M101.949 37C102.786 40.2642 103.206 43.6739 103.206 47.2301C103.2 51.5308 102.585 55.6211 101.358 59.5M100.495 32.5C100.769 33.1979 101.022 33.903 101.255 34.6153'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M82.6551 5.72396C90.4991 9.4225 96.7179 14.8934 101.302 22.1318C103.184 25.1036 104.79 28.3733 106.12 31.9406'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
/>
|
||||
<rect
|
||||
x='89.8878'
|
||||
y='69.3516'
|
||||
width='33.9752'
|
||||
height='7.45395'
|
||||
rx='1'
|
||||
transform='rotate(45 89.8878 69.3516)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<rect
|
||||
x='89.8878'
|
||||
y='70.0587'
|
||||
width='32.9752'
|
||||
height='6.45395'
|
||||
rx='0.5'
|
||||
transform='rotate(45 89.8878 70.0587)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M62.5706 11.2232C72.1732 11.1625 80.6832 14.6952 88.0764 21.8213C95.0689 29.0809 98.5773 37.5423 98.5773 47.2299C98.5652 56.9053 95.0689 65.3789 88.0764 72.6385C80.6832 79.7646 72.1975 83.2973 62.5706 83.2366C52.9559 83.1637 44.4459 79.7039 37.077 72.8206C30.0724 65.3061 26.5761 56.7839 26.564 47.2299C26.5761 37.6759 30.0845 29.1416 37.0892 21.627C44.4702 14.7559 52.968 11.2839 62.5706 11.2232Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M62.5738 11.7232C72.0335 11.6634 80.418 15.1368 87.7227 22.1748C94.6257 29.3444 98.0773 37.6809 98.0773 47.2299C98.0652 56.7673 94.6251 65.1159 87.7228 72.2849C80.418 79.323 72.0576 82.7964 62.5738 82.7366C53.0959 82.6646 44.7093 79.2606 37.431 72.467C30.5135 65.0406 27.0759 56.6419 27.064 47.2294C27.0762 37.8176 30.5255 29.4072 37.4428 21.9809C44.7342 15.1984 53.109 11.783 62.5738 11.7232Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
fillRule='evenodd'
|
||||
clipRule='evenodd'
|
||||
d='M88.076 21.8213C80.6829 14.6952 72.1729 11.1625 62.5703 11.2232C52.9677 11.2839 44.4698 14.7559 37.0888 21.627C30.0841 29.1416 26.5757 37.6759 26.5636 47.2299C26.5757 56.7839 30.072 65.3061 37.0767 72.8206C44.4455 79.7039 52.9555 83.1638 62.5703 83.2366C72.1971 83.2973 80.6829 79.7646 88.076 72.6385C95.0685 65.3789 98.5648 56.9053 98.577 47.2299C98.577 37.5423 95.0685 29.0809 88.076 21.8213ZM84.5637 25.3086C78.1852 19.1606 70.8432 16.1128 62.5586 16.1652C54.274 16.2175 46.9424 19.213 40.5745 25.1411C34.5312 31.6242 31.5043 38.9872 31.4939 47.2299C31.5043 55.4726 34.5207 62.8251 40.564 69.3083C46.9215 75.2468 54.2635 78.2318 62.5586 78.2947C70.8642 78.347 78.1852 75.2992 84.5637 69.1512C90.5965 62.888 93.6129 55.5774 93.6233 47.2299C93.6233 38.872 90.5965 31.5719 84.5637 25.3086Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
fillRule='evenodd'
|
||||
clipRule='evenodd'
|
||||
d='M88.076 21.8213C80.6828 14.6952 72.1728 11.1625 62.5702 11.2232C52.9676 11.2839 44.4697 14.7559 37.0887 21.627C30.0841 29.1416 26.5757 37.6759 26.5635 47.2299C26.5757 56.7839 30.0719 65.3061 37.0766 72.8206C44.4455 79.7039 52.9555 83.1638 62.5702 83.2366C72.1971 83.2973 80.6828 79.7646 88.076 72.6385C95.0685 65.3789 98.5648 56.9053 98.5769 47.2299C98.5769 37.5423 95.0685 29.0809 88.076 21.8213ZM84.5636 25.3086C78.1852 19.1606 70.8432 16.1128 62.5585 16.1652C54.2739 16.2175 46.9424 19.213 40.5744 25.1411C34.5312 31.6242 31.5043 38.9872 31.4938 47.2299C31.5043 55.4726 34.5207 62.8251 40.564 69.3083C46.9214 75.2468 54.2634 78.2318 62.5585 78.2947C70.8641 78.347 78.1852 75.2992 84.5636 69.1512C90.5964 62.888 93.6128 55.5774 93.6233 47.2299C93.6233 38.872 90.5964 31.5719 84.5636 25.3086Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M62.5736 11.7232C72.0333 11.6634 80.4179 15.1369 87.7225 22.1748C94.6255 29.3444 98.0771 37.681 98.0771 47.2299C98.065 56.7674 94.625 65.1159 87.7226 72.2849C80.4178 79.3231 72.0575 82.7964 62.5736 82.7366C53.0957 82.6647 44.7092 79.2607 37.4308 72.4671C30.5133 65.0407 27.0758 56.642 27.0638 47.2294C27.076 37.8176 30.5254 29.4072 37.4426 21.9809C44.734 15.1984 53.1088 11.783 62.5736 11.7232Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='51.255'
|
||||
cy='36'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M43.255 56H85.255'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M43.255 63H65.255'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M43.255 50H60.255'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M65.255 50H80.255'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4212_116720'>
|
||||
<rect
|
||||
width='122'
|
||||
height='99'
|
||||
fill='white'
|
||||
transform='translate(0.255005)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
);
|
||||
|
||||
@@ -1,61 +0,0 @@
|
||||
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
||||
// See LICENSE.txt for license information.
|
||||
|
||||
import React from 'react';
|
||||
import {useIntl} from 'react-intl';
|
||||
|
||||
export function UserGroupMembersSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
const {formatMessage} = useIntl();
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16px'
|
||||
height='16px'
|
||||
viewBox='0 0 16 16'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.user_group_members', defaultMessage: 'User Group Members Icon'})}
|
||||
>
|
||||
<path
|
||||
d='M2.89893 7.99759C2.89893 7.99759 3.07079 5.94996 4.15308 4.91802C5.23536 3.88608 6.27088 3.20281 8.45612 3.06962C10.6414 2.93643 12.0108 5.14108 12.2229 5.53414C12.435 5.92721 13.0637 7.09342 13.0637 7.99759C13.0637 8.90175 13.0702 10.801 11.7748 11.6446C10.4793 12.4881 9.23275 12.9797 8.33864 12.9331C7.44453 12.8866 5.18424 12.6992 4.17157 11.2926C3.15889 9.88605 2.89893 9.43667 2.89893 7.99759Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M8.15822 4.13296C8.61953 4.00166 9.11432 4.05773 9.53419 4.28889C9.5461 4.29577 9.55995 4.29859 9.57362 4.2969C9.58729 4.29521 9.60003 4.28911 9.6099 4.27954C9.61976 4.26997 9.62621 4.25744 9.62825 4.24388C9.63029 4.23032 9.62782 4.21646 9.6212 4.20443C9.42868 3.8525 8.92615 3.21146 8.0984 4.02684C8.08826 4.03647 8.08163 4.04918 8.07955 4.06297C8.07748 4.07677 8.08007 4.09086 8.08693 4.10302C8.09379 4.11518 8.10451 4.12473 8.11742 4.13015C8.13033 4.13557 8.14468 4.13656 8.15822 4.13296Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M6.11973 12.0008C5.59001 11.4594 4.88409 10.7707 4.95479 8.41556C5.02549 6.0604 5.5911 5.22662 5.99573 4.60074C6.21328 4.26073 6.98121 3.55797 7.921 3.11618C6.09145 3.323 5.13861 3.97486 4.14769 4.91801C3.05997 5.94887 2.89355 7.9965 2.89355 7.9965C2.89355 9.43559 3.15896 9.88605 4.17163 11.2916C5.1843 12.6971 7.44349 12.8855 8.33869 12.9321C8.3376 12.9321 6.64946 12.5455 6.11973 12.0008Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M8.48238 11.454C8.48238 11.454 11.3105 11.507 11.8065 8.87251C11.8161 8.82411 11.8156 8.77424 11.805 8.72603C11.7944 8.67783 11.7739 8.63233 11.7448 8.59238C11.7157 8.55243 11.6786 8.51889 11.6359 8.49387C11.5931 8.46885 11.5457 8.45288 11.4965 8.44696C9.39113 8.23494 7.26819 8.26691 5.17026 8.54225C5.12253 8.54888 5.07666 8.56511 5.03543 8.58992C4.99419 8.61474 4.95845 8.64764 4.93038 8.68663C4.9023 8.72562 4.88248 8.76987 4.87211 8.81672C4.86174 8.86356 4.86103 8.91202 4.87004 8.95914C5.0071 9.69438 5.63145 11.2818 8.48238 11.454Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M8.78904 11.2623C8.78904 11.2623 7.06174 11.3912 6.34058 10.6711C6.34058 10.6711 6.42324 10.6094 6.42759 10.6061C6.52077 10.5512 6.62054 10.5083 6.72454 10.4783C6.90519 10.4266 7.09145 10.3968 7.27928 10.3895C7.38805 10.3841 7.49682 10.382 7.61103 10.3895C7.72584 10.3906 7.83999 10.4069 7.9504 10.4383C8.05931 10.4737 8.16428 10.5201 8.26367 10.5769C8.41214 10.6544 8.54258 10.7621 8.64655 10.8931C8.72821 11.0002 8.77762 11.1283 8.78904 11.2623V11.2623Z'
|
||||
fill='#C43133'
|
||||
/>
|
||||
<path
|
||||
d='M5.85327 8.62129C5.85327 8.62129 8.32567 8.46861 11.0918 8.52709C11.0918 8.52709 10.9503 9.07827 8.39637 9.07827C7.81988 9.07827 5.95987 9.30134 5.85327 8.62129Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M7.04643 6.34626C7.07363 6.97647 6.82889 7.49839 6.49387 7.51247C6.15885 7.52655 5.87061 7.02736 5.84124 6.39715C5.81187 5.76695 6.05878 5.24611 6.3938 5.23203C6.72882 5.21795 7.02033 5.71497 7.04643 6.34626Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M10.8122 6.34951C10.8361 6.90067 10.6197 7.35763 10.3281 7.37063C10.0366 7.38362 9.7843 6.94616 9.75928 6.39608C9.73427 5.846 9.95181 5.38796 10.2433 5.37496C10.5348 5.36197 10.7882 5.79835 10.8122 6.34951Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<ellipse
|
||||
cx='8.11423'
|
||||
cy='14'
|
||||
rx='3.88571'
|
||||
ry='0.285714'
|
||||
fill='black'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
);
|
||||
}
|
||||
@@ -9,174 +9,217 @@ export function UserGroupsSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
|
||||
return (
|
||||
<span {...props}>
|
||||
<svg
|
||||
width='16px'
|
||||
height='14px'
|
||||
viewBox='0 0 16 14'
|
||||
width='160'
|
||||
height='99'
|
||||
viewBox='0 0 160 99'
|
||||
fill='none'
|
||||
role='img'
|
||||
aria-label={formatMessage({id: 'generic_icons.user_groups', defaultMessage: 'User Groups Icon'})}
|
||||
>
|
||||
<ellipse
|
||||
cx='12.0482'
|
||||
cy='7.18072'
|
||||
rx='2.0241'
|
||||
ry='0.240964'
|
||||
fill='black'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
<ellipse
|
||||
cx='2.93977'
|
||||
cy='7.2289'
|
||||
rx='1.20482'
|
||||
ry='0.192771'
|
||||
fill='black'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
<ellipse
|
||||
cx='8.0482'
|
||||
cy='11.6627'
|
||||
rx='3.3253'
|
||||
ry='0.289157'
|
||||
fill='black'
|
||||
fillOpacity='0.08'
|
||||
/>
|
||||
<path
|
||||
d='M10.1574 4.14179C10.1574 4.14179 10.2337 3.22878 10.7166 2.76939C11.1996 2.31 11.6597 2.00433 12.6372 1.94657C13.6146 1.88881 14.222 2.87024 14.3162 3.04529C14.4104 3.22034 14.6911 3.7406 14.6911 4.14357C14.6911 4.54654 14.6942 5.3929 14.1172 5.76921C13.5401 6.14552 12.9835 6.36456 12.5849 6.34367C12.1864 6.32279 11.1786 6.23927 10.7274 5.61238C10.2761 4.98549 10.1574 4.78334 10.1574 4.14179Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M12.5046 2.41883C12.6067 2.38954 12.7135 2.38063 12.8191 2.3926C12.9246 2.40457 13.0268 2.43719 13.1196 2.48858C13.1249 2.4917 13.1311 2.493 13.1373 2.49226C13.1434 2.49152 13.1491 2.48879 13.1535 2.48449C13.158 2.48019 13.1608 2.47457 13.1617 2.46848C13.1626 2.46239 13.1615 2.45619 13.1584 2.45082C13.0727 2.29399 12.8487 2.00655 12.4782 2.37129C12.4737 2.37555 12.4706 2.3812 12.4697 2.38735C12.4687 2.39351 12.4698 2.39982 12.4728 2.40528C12.4758 2.41074 12.4806 2.41503 12.4863 2.41749C12.4921 2.41994 12.4985 2.42042 12.5046 2.41883V2.41883Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M11.5954 5.92648C11.3593 5.68345 11.0447 5.37779 11.0759 4.32705C11.1072 3.27631 11.3598 2.90534 11.5406 2.62677C11.6387 2.47482 11.9797 2.1616 12.3988 1.96478C11.5834 2.05719 11.1581 2.34776 10.7166 2.76805C10.2337 3.22744 10.1574 4.14045 10.1574 4.14045C10.1574 4.782 10.2757 4.98459 10.7274 5.60926C11.179 6.23392 12.1859 6.32012 12.5849 6.34055C12.5849 6.34144 11.8316 6.16728 11.5954 5.92648Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M11.8383 4.92952C11.932 4.87487 11.9914 4.94906 12.0534 4.99216C12.2507 5.12766 12.4493 5.25517 12.6961 5.28094C13.0532 5.3187 13.3415 5.21385 13.5374 4.89709C13.5776 4.83178 13.6111 4.6945 13.7061 4.7447C13.8128 4.80157 13.6999 4.89842 13.678 4.9775L13.674 4.99127C13.6188 5.1048 13.5403 5.2056 13.4437 5.28723C13.3471 5.36885 13.2345 5.42951 13.113 5.46531C12.8153 5.55417 12.5118 5.55639 12.2203 5.42089C12.0819 5.35479 11.9635 5.25348 11.8771 5.12722C11.832 5.07035 11.8008 5.00504 11.8383 4.92952Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M11.8383 4.9295C11.8793 5.19075 12.1855 5.42978 12.5144 5.47421C12.9982 5.53953 13.383 5.37913 13.6749 4.99126C13.6749 5.16632 13.541 5.25784 13.4276 5.35381C13.0094 5.70925 12.2636 5.65638 11.8958 5.25118C11.8119 5.16232 11.7195 5.06013 11.8383 4.9295Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M14.3454 3.39733C14.3353 3.36357 14.3195 3.33203 14.3094 3.29826C14.2931 3.24349 14.2931 3.1851 14.3094 3.13033C14.2931 3.12811 14.2768 3.12633 14.2597 3.125C14.1378 3.11389 13.7644 3.12144 13.592 3.125C13.452 3.12828 13.315 3.16692 13.1935 3.2374C13.0853 3.29682 12.9648 3.32969 12.8417 3.33336C12.7312 3.336 12.6217 3.31177 12.5224 3.26272C12.4344 3.22629 12.2316 3.20452 12.0663 3.20452C11.9009 3.20452 11.2442 3.22984 11.0146 3.28093C10.7851 3.33203 10.7886 3.4622 10.7886 3.4622C10.8031 3.5746 10.9284 3.56349 10.979 3.56704C11.0296 3.5706 11.0397 3.60703 11.0432 3.65057C11.0568 3.81859 11.0863 3.98491 11.1312 4.14726C11.1959 4.3694 11.2966 4.39383 11.3753 4.43737C11.454 4.48091 11.6484 4.47025 11.8815 4.47025C12.1 4.46925 12.3178 4.44482 12.5312 4.39739C12.646 4.36496 12.6499 4.27077 12.6631 4.21613C12.6763 4.16148 12.7278 3.85715 12.7511 3.78118C12.7744 3.70521 12.8087 3.687 12.8267 3.67945C12.8586 3.67335 12.8915 3.67853 12.92 3.69411C12.9666 3.71232 13.0022 3.80651 13.0167 3.88648C13.0468 4.01828 13.0977 4.1443 13.1676 4.25966C13.2358 4.35785 13.4187 4.34319 13.6448 4.34319C13.8263 4.34475 14.0073 4.32356 14.1836 4.2801C14.2909 4.24989 14.3375 4.11483 14.3595 4.04242C14.3882 3.90981 14.4075 3.7753 14.4171 3.63991C14.4207 3.59548 14.4251 3.56394 14.4299 3.53683C14.391 3.49794 14.362 3.45006 14.3454 3.39733V3.39733Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M10.8968 3.29382C10.8968 3.29382 10.8933 3.16321 11.1229 3.11256C11.3524 3.06191 12.0095 3.03659 12.1749 3.03659C12.3403 3.03659 12.5444 3.05836 12.6306 3.09434C12.7299 3.14365 12.8397 3.16789 12.9503 3.16498C13.0734 3.16133 13.194 3.12846 13.3022 3.06902C13.4236 2.99855 13.5606 2.95991 13.7007 2.95662C13.8731 2.95307 14.2465 2.94596 14.3683 2.95662C14.4901 2.96728 14.5944 2.99305 14.6322 3.02904C14.67 3.06502 14.7004 3.11789 14.6863 3.15254C14.6557 3.19705 14.6181 3.23621 14.575 3.2685C14.5495 3.29027 14.531 3.34091 14.5209 3.47153C14.5114 3.60691 14.4923 3.74142 14.4638 3.87403C14.4422 3.94645 14.3956 4.08151 14.2878 4.11216C14.1114 4.15524 13.9305 4.17628 13.749 4.1748C13.523 4.1748 13.34 4.18946 13.2718 4.09173C13.2019 3.97621 13.151 3.85004 13.121 3.7181C13.1069 3.63857 13.0708 3.54394 13.0242 3.52617C12.9957 3.51059 12.9628 3.50541 12.931 3.51151C12.9129 3.51862 12.8769 3.53683 12.8553 3.6128C12.8338 3.68877 12.7836 3.99354 12.7674 4.04819C12.7511 4.10283 12.7498 4.19657 12.6354 4.22945C12.4233 4.27664 12.2069 4.30136 11.9898 4.3032C11.7566 4.3032 11.5627 4.3143 11.4835 4.27077C11.4043 4.22723 11.3041 4.2019 11.2399 3.98066C11.1947 3.81836 11.1652 3.65202 11.1519 3.48397C11.1479 3.43954 11.1374 3.404 11.0872 3.40044C11.0371 3.39689 10.9113 3.40622 10.8968 3.29382Z'
|
||||
fill='#090A0B'
|
||||
/>
|
||||
<path
|
||||
d='M11.3621 3.50352C11.3624 3.56296 11.3665 3.62232 11.3744 3.68123C11.3843 3.76495 11.4051 3.84696 11.4364 3.92513C11.4653 3.99205 11.5107 4.05034 11.5684 4.0944C11.6358 4.11904 11.7073 4.1305 11.779 4.12816C11.8846 4.13083 12.2316 4.12594 12.284 4.12816C12.3363 4.13039 12.5065 4.13083 12.5479 4.08729C12.6148 4.02999 12.659 3.95014 12.6723 3.86249C12.6864 3.74165 12.6912 3.48753 12.6912 3.43688C12.6912 3.38624 12.6961 3.34803 12.6556 3.31604C12.6057 3.27588 12.5435 3.25452 12.4797 3.25562C12.4058 3.25829 11.8639 3.25296 11.7452 3.25562C11.6264 3.25829 11.494 3.25562 11.4435 3.30627C11.4143 3.32939 11.3916 3.35966 11.3773 3.39419C11.3631 3.42872 11.3578 3.46636 11.3621 3.50352Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M13.2432 3.49195C13.2432 3.49195 13.2626 3.64922 13.2793 3.71942C13.3011 3.7991 13.3349 3.87492 13.3796 3.94422C13.413 3.98864 13.4236 4.00952 13.5115 4.01885C13.5995 4.02818 13.8194 4.03618 13.9162 4.03351C14.0079 4.03397 14.0991 4.02018 14.1867 3.99264C14.2482 3.97127 14.2994 3.92714 14.3301 3.86914C14.3619 3.78761 14.3768 3.70038 14.374 3.61279C14.374 3.49951 14.3692 3.34623 14.3644 3.2987C14.3595 3.25116 14.2905 3.15609 14.1612 3.1512C13.9727 3.14758 13.7841 3.15485 13.5964 3.17297C13.4932 3.18468 13.3924 3.21209 13.2973 3.25427C13.2529 3.28137 13.2213 3.34268 13.2432 3.49195Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M11.392 4.02108C11.392 4.02108 11.396 4.00287 11.4083 4.00287C11.4206 4.00287 11.4334 4.00287 11.4549 4.03397C11.4765 4.06507 11.4945 4.11127 11.5288 4.1286C11.5667 4.14899 11.6095 4.15822 11.6524 4.15525C11.7316 4.15881 11.7962 4.14592 11.8178 4.15525C11.8393 4.16458 11.8499 4.21123 11.8266 4.21301C11.8033 4.21479 11.6326 4.21656 11.5807 4.21301C11.533 4.21351 11.4866 4.19786 11.4488 4.16858C11.422 4.1426 11.4022 4.1102 11.3911 4.0744C11.3872 4.05682 11.3875 4.03852 11.392 4.02108V4.02108Z'
|
||||
fill='#3F4350'
|
||||
/>
|
||||
<path
|
||||
d='M11.5288 3.79051C11.5312 3.79103 11.5336 3.79107 11.5359 3.79064C11.5383 3.7902 11.5405 3.7893 11.5425 3.78797C11.5445 3.78665 11.5463 3.78493 11.5476 3.78293C11.549 3.78092 11.5499 3.77867 11.5504 3.7763C11.5539 3.75808 11.5464 3.68744 11.5504 3.61103C11.5543 3.53462 11.5574 3.47153 11.604 3.44088C11.647 3.41067 11.6941 3.38688 11.7439 3.37024C11.7729 3.36447 11.8085 3.3538 11.8318 3.35025C11.8552 3.34669 11.8732 3.33381 11.8697 3.32493C11.8662 3.31604 11.7923 3.3156 11.7474 3.3156C11.6847 3.31114 11.6218 3.31114 11.5592 3.3156C11.5271 3.32493 11.4839 3.30671 11.4659 3.36624C11.4517 3.42687 11.4468 3.48936 11.4514 3.5515C11.4532 3.60037 11.4857 3.78696 11.5288 3.79051Z'
|
||||
fill='#505667'
|
||||
/>
|
||||
<path
|
||||
d='M11.7799 3.13078C11.7799 3.13078 11.7764 3.1441 11.816 3.14988C11.8556 3.15566 12.4691 3.1672 12.5478 3.17431C12.6266 3.18142 12.5478 3.12367 12.4726 3.10901C12.3497 3.08265 12.2248 3.0669 12.0992 3.06192C11.9699 3.06192 11.7654 3.07258 11.7799 3.13078Z'
|
||||
fill='#505667'
|
||||
/>
|
||||
<path
|
||||
d='M12.4115 3.43909C12.4345 3.44559 12.4547 3.45947 12.4692 3.47864C12.4872 3.50796 12.5013 3.55861 12.5409 3.5515C12.5804 3.54439 12.602 3.54483 12.6165 3.49552C12.6253 3.47235 12.6266 3.44697 12.6202 3.42302C12.6138 3.39907 12.6 3.37779 12.5809 3.36223C12.5369 3.32625 12.4978 3.30003 12.4621 3.31114C12.4265 3.32225 12.3742 3.3298 12.3742 3.36223C12.3742 3.39467 12.3544 3.39911 12.4115 3.43909Z'
|
||||
fill='#63697E'
|
||||
/>
|
||||
<path
|
||||
d='M14.1488 3.31469C14.1639 3.31904 14.1772 3.32824 14.1867 3.3409C14.1985 3.36045 14.2082 3.39377 14.2346 3.38888C14.261 3.384 14.2751 3.38488 14.2843 3.35201C14.2904 3.33664 14.2915 3.31968 14.2873 3.30367C14.2831 3.28766 14.2738 3.27345 14.261 3.26315C14.232 3.23916 14.206 3.22184 14.1823 3.22939C14.1585 3.23694 14.1251 3.24138 14.1251 3.26315C14.1251 3.28492 14.1106 3.28803 14.1488 3.31469Z'
|
||||
fill='#63697E'
|
||||
/>
|
||||
<path
|
||||
d='M13.3699 3.69142C13.406 3.69142 13.3915 3.64344 13.3954 3.59191C13.3994 3.54037 13.413 3.4142 13.4636 3.38088C13.5193 3.34351 13.5796 3.31365 13.643 3.29203C13.6967 3.27737 13.6822 3.2636 13.643 3.25605C13.5707 3.25139 13.4981 3.25738 13.4275 3.27382C13.3995 3.28314 13.3748 3.30043 13.3563 3.3236C13.3378 3.34677 13.3264 3.37483 13.3233 3.40443C13.3198 3.46796 13.3198 3.69009 13.3699 3.69142Z'
|
||||
fill='#505667'
|
||||
/>
|
||||
<path
|
||||
d='M13.2934 4.00287C13.3015 4.03601 13.319 4.06599 13.3439 4.08906C13.3606 4.10345 13.38 4.11436 13.4009 4.12115C13.4218 4.12793 13.4439 4.13047 13.4658 4.1286C13.5493 4.1326 13.5999 4.14415 13.6166 4.1286C13.6333 4.11305 13.6263 4.08195 13.6069 4.08195C13.5575 4.08666 13.5076 4.08245 13.4596 4.06951C13.4227 4.05041 13.3716 4.02864 13.358 3.99266C13.3444 3.95667 13.3294 3.93224 13.3079 3.93668C13.2863 3.94112 13.2797 3.96556 13.2934 4.00287Z'
|
||||
fill='#3F4350'
|
||||
/>
|
||||
<path
|
||||
d='M13.7601 3.06191C13.7601 3.06191 13.7535 3.07168 13.804 3.07168C13.8546 3.07168 14.1401 3.06413 14.2439 3.07168C14.3144 3.07508 14.3848 3.08235 14.4545 3.09345C14.4928 3.10056 14.5117 3.10545 14.5166 3.09345C14.5214 3.08146 14.4977 3.04902 14.4519 3.03525C14.3765 3.0161 14.2998 3.00317 14.2223 2.9966C14.1458 2.98949 14.0262 2.9966 13.954 2.9966C13.8916 2.99957 13.8297 3.01016 13.7697 3.02814C13.7579 3.03303 13.746 3.04014 13.7601 3.06191Z'
|
||||
fill='#505667'
|
||||
/>
|
||||
<path
|
||||
d='M13.0185 3.28939C13.0143 3.31215 13.0143 3.33549 13.0185 3.35825C13.0255 3.38713 13.0185 3.42667 13.0541 3.42889C13.0897 3.43111 13.1152 3.42489 13.1223 3.38802C13.1296 3.3439 13.1296 3.29885 13.1223 3.25473C13.1152 3.23696 13.0924 3.20453 13.0713 3.2103C13.0502 3.21608 13.0185 3.22052 13.0185 3.28939Z'
|
||||
fill='#505667'
|
||||
/>
|
||||
<path
|
||||
d='M1.30978 4.14351C1.30978 4.14351 1.38743 3.23071 1.87642 2.77069C2.36541 2.31067 2.83326 2.00608 3.82057 1.9467C4.80788 1.88733 5.42661 2.87012 5.52244 3.04535C5.61827 3.22057 5.90233 3.74045 5.90233 4.14351C5.90233 4.54657 5.90527 5.39324 5.31996 5.76927C4.73465 6.1453 4.17146 6.36445 3.76749 6.34369C3.36353 6.32293 2.34231 6.23943 1.88477 5.61239C1.42724 4.98535 1.30978 4.78503 1.30978 4.14351Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M3.68591 2.42073C3.89434 2.36219 4.11788 2.38719 4.30758 2.49024C4.31296 2.49331 4.31922 2.49456 4.3254 2.49381C4.33158 2.49306 4.33733 2.49034 4.34179 2.48607C4.34624 2.4818 4.34916 2.47622 4.35008 2.47017C4.351 2.46413 4.34988 2.45795 4.3469 2.45259C4.25991 2.2957 4.03287 2.00993 3.65888 2.37342C3.6543 2.37771 3.65131 2.38338 3.65037 2.38953C3.64943 2.39568 3.6506 2.40196 3.6537 2.40738C3.6568 2.4128 3.66165 2.41706 3.66748 2.41947C3.67331 2.42189 3.6798 2.42233 3.68591 2.42073Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M2.76495 5.92809C2.52562 5.68674 2.20668 5.37974 2.23862 4.32985C2.27057 3.27995 2.52611 2.90827 2.70893 2.62926C2.80721 2.47769 3.15417 2.16441 3.57878 1.96747C2.75217 2.05967 2.32167 2.35026 1.87397 2.7707C1.38253 3.23024 1.30734 4.14304 1.30734 4.14304C1.30734 4.78456 1.42725 4.98536 1.88478 5.61192C2.34231 6.23848 3.36303 6.32247 3.76749 6.34322C3.767 6.34322 3.00428 6.1709 2.76495 5.92809Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M3.83237 5.68429C3.83237 5.68429 5.11013 5.70794 5.33423 4.53352C5.33858 4.51194 5.33835 4.48971 5.33356 4.46822C5.32876 4.44673 5.3195 4.42645 5.30635 4.40864C5.2932 4.39083 5.27645 4.37588 5.25715 4.36473C5.23784 4.35357 5.2164 4.34645 5.19416 4.34382C4.24295 4.2493 3.28379 4.26355 2.33592 4.38629C2.31436 4.38925 2.29363 4.39648 2.275 4.40755C2.25637 4.41861 2.24023 4.43328 2.22754 4.45066C2.21486 4.46804 2.2059 4.48776 2.20122 4.50865C2.19653 4.52953 2.19621 4.55113 2.20028 4.57214C2.2622 4.89989 2.5443 5.60754 3.83237 5.68429Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M3.97095 5.59887C3.97095 5.59887 3.19054 5.65631 2.86472 5.3353C2.86472 5.3353 2.90206 5.30779 2.90403 5.30634C2.94613 5.28187 2.9912 5.26273 3.03819 5.24938C3.11981 5.22632 3.20397 5.21303 3.28883 5.2098C3.33797 5.20738 3.38712 5.20642 3.43872 5.2098C3.49059 5.21025 3.54216 5.21755 3.59205 5.23152C3.64125 5.24731 3.68867 5.26802 3.73358 5.29331C3.80066 5.32787 3.8596 5.37589 3.90657 5.43426C3.94346 5.48204 3.96579 5.53912 3.97095 5.59887V5.59887Z'
|
||||
fill='#C43133'
|
||||
/>
|
||||
<path
|
||||
d='M2.64456 4.42154C2.64456 4.42154 3.76161 4.35348 5.01134 4.37954C5.01134 4.37954 4.94746 4.62526 3.79355 4.62526C3.53309 4.62526 2.69272 4.72471 2.64456 4.42154Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M3.18365 3.40736C3.19593 3.68829 3.08536 3.92096 2.934 3.92723C2.78263 3.93351 2.6524 3.71098 2.63913 3.43004C2.62586 3.14911 2.73742 2.91693 2.88878 2.91065C3.04015 2.90438 3.17185 3.12594 3.18365 3.40736Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M4.88502 3.40881C4.89584 3.65451 4.79804 3.85821 4.66634 3.86401C4.53464 3.8698 4.42063 3.67478 4.40933 3.42957C4.39803 3.18435 4.49631 2.98016 4.62801 2.97437C4.75971 2.96858 4.87421 3.16311 4.88502 3.40881Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M3.64932 6.79383C3.64932 6.79383 3.79668 5.05409 4.7294 4.1787C5.66211 3.3033 6.55495 2.7214 8.44118 2.60741C10.3274 2.49341 11.5028 4.36756 11.6857 4.70104C11.8686 5.03453 12.4104 6.02562 12.4104 6.79383C12.4104 7.56203 12.4156 9.17586 11.3 9.89047C10.1844 10.6051 9.11037 11.0253 8.33976 10.9854C7.56914 10.9454 5.62397 10.7863 4.7502 9.59187C3.87643 8.39745 3.64932 8.01547 3.64932 6.79383Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M8.18459 3.51088C8.38197 3.45509 8.58863 3.43809 8.79272 3.46086C8.99681 3.48364 9.19431 3.54574 9.37389 3.6436C9.38408 3.64934 9.39592 3.65164 9.40757 3.65016C9.41923 3.64867 9.43007 3.64348 9.43843 3.63537C9.44679 3.62726 9.45221 3.61669 9.45386 3.60527C9.45551 3.59384 9.4533 3.58221 9.44757 3.57214C9.282 3.27268 8.85032 2.72822 8.13344 3.42071C8.12415 3.42865 8.11792 3.43948 8.11579 3.45139C8.11367 3.46331 8.11578 3.47557 8.12178 3.48614C8.12777 3.4967 8.13728 3.50493 8.14871 3.50943C8.16015 3.51394 8.17281 3.51445 8.18459 3.51088Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M6.42839 10.1933C5.97071 9.73053 5.36392 9.14863 5.4246 7.15027C5.48528 5.15192 5.97244 4.44241 6.32177 3.91156C6.51161 3.62146 7.1704 3.0251 7.98003 2.64993C6.40412 2.82603 5.58236 3.37901 4.7294 4.18124C3.79668 5.05664 3.64932 6.79637 3.64932 6.79637C3.64932 8.01801 3.87817 8.39999 4.7502 9.59441C5.62224 10.7888 7.56915 10.9479 8.33976 10.9879C8.33976 10.9845 6.88435 10.6561 6.42839 10.1933Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M6.23069 5.88441C6.15354 5.48967 6.34425 5.12301 6.65631 5.06431C6.96837 5.00561 7.2839 5.27869 7.36018 5.67258C7.43646 6.06647 7.24576 6.43398 6.9337 6.49268C6.62163 6.55138 6.31044 6.2783 6.23069 5.88441Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M9.16841 6.24767C9.16841 6.24767 9.04619 5.99245 9.25943 5.85803C9.47267 5.72361 10.1523 5.44883 10.8613 5.73723C11.085 5.85208 11.2367 6.12091 11.0945 6.24767C10.9523 6.37443 10.8414 6.21449 10.72 6.14983C10.5987 6.08518 10.1315 5.9363 9.80726 6.09624C9.48307 6.25617 9.28977 6.43909 9.16841 6.24767Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M9.68073 8.08608C9.57569 8.18012 9.4629 8.26548 9.34354 8.3413C9.19098 8.43573 8.96647 8.4553 8.79137 8.46551C8.63187 8.47486 8.47324 8.47572 8.31374 8.47231C8.17397 8.46509 8.03565 8.44079 7.902 8.4C7.63866 8.33441 7.38761 8.22816 7.15826 8.08523C7.04123 8.01207 6.92335 8.15329 6.97882 8.26133C7.08118 8.46417 7.2273 8.6427 7.40704 8.78453C7.6126 8.93662 7.85597 9.03181 8.11177 9.06017C8.23877 9.07675 8.36718 9.08017 8.49491 9.07038C8.67382 9.06156 8.85089 9.03069 9.02194 8.9785C9.29137 8.8808 9.53323 8.72158 9.72754 8.514C9.79169 8.43828 9.94685 8.23751 9.89311 8.13202C9.88396 8.11356 9.87067 8.09737 9.85424 8.08467C9.83781 8.07196 9.81867 8.06306 9.79824 8.05864C9.77782 8.05422 9.75664 8.0544 9.73629 8.05915C9.71594 8.0639 9.69694 8.07311 9.68073 8.08608Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M6.33305 5.74998C6.2559 5.35525 6.4466 4.98433 6.75866 4.92988C7.07072 4.87544 7.38624 5.14427 7.46252 5.53815C7.5388 5.93204 7.3481 6.29955 7.03691 6.35825C6.72572 6.41695 6.40933 6.14472 6.33305 5.74998Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<path
|
||||
d='M9.26468 6.11323C9.26468 6.11323 9.14333 5.85801 9.3557 5.7236C9.56807 5.58918 10.2485 5.3144 10.9576 5.60279C11.1813 5.71764 11.333 5.98647 11.1908 6.11323C11.0486 6.23998 10.9377 6.08005 10.8163 6.01539C10.695 5.95074 10.2277 5.80271 9.90354 5.9618C9.57934 6.12088 9.38864 6.30464 9.26468 6.11323Z'
|
||||
fill='#6F370B'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4220_135496)'>
|
||||
<path
|
||||
d='M155.129 33.2068C155.129 49.338 141.997 62.4137 125.798 62.4137C116.614 62.4137 108.414 58.2106 103.037 51.6292C98.9293 46.6029 96.4679 40.1917 96.4679 33.2068C96.4679 17.0757 109.6 4 125.798 4C141.997 4 155.129 17.0757 155.129 33.2068Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M155.129 33.2068C155.129 49.338 141.997 62.4137 125.798 62.4137C116.614 62.4137 108.414 58.2106 103.037 51.6292C98.9293 46.6029 96.4679 40.1917 96.4679 33.2068C96.4679 17.0757 109.6 4 125.798 4C141.997 4 155.129 17.0757 155.129 33.2068Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<mask
|
||||
id='mask0_4220_135496'
|
||||
mask-type='luminance'
|
||||
maskUnits='userSpaceOnUse'
|
||||
x='96'
|
||||
y='4'
|
||||
width='60'
|
||||
height='59'
|
||||
>
|
||||
<path
|
||||
d='M155.129 33.2068C155.129 49.338 141.997 62.4137 125.798 62.4137C116.614 62.4137 108.414 58.2106 103.037 51.6292C98.9293 46.6029 96.4679 40.1917 96.4679 33.2068C96.4679 17.0757 109.6 4 125.798 4C141.997 4 155.129 17.0757 155.129 33.2068Z'
|
||||
fill='white'
|
||||
/>
|
||||
</mask>
|
||||
<g mask='url(#mask0_4220_135496)'>
|
||||
<path
|
||||
d='M141.063 51.3515L139.916 28.4265C139.429 18.6883 133.256 11.1166 125.804 11.1166C118.351 11.1166 112.178 18.6883 111.691 28.4265L110.544 51.3515H141.063Z'
|
||||
fill='#090A0B'
|
||||
/>
|
||||
<path
|
||||
d='M147.922 52.088C146.836 48.329 143.796 45.4538 139.983 44.5751L131.917 42.7173H119.689L111.623 44.5751C107.808 45.4538 104.77 48.329 103.684 52.088L100.606 68.3442H151L147.922 52.088Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.24'
|
||||
d='M147.922 52.088C146.836 48.329 143.796 45.4538 139.983 44.5751L131.917 42.7173H119.689L111.623 44.5751C107.808 45.4538 104.77 48.329 103.684 52.088L100.606 68.3442H151L147.922 52.088Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M131.1 43.0557L129.446 37.3966H122.186L120.843 43.0557C123.773 44.6276 128.169 44.6276 131.1 43.0557Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M131.1 43.0557L129.446 37.3966H122.186L120.843 43.0557C123.773 44.6276 128.169 44.6276 131.1 43.0557Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M136.181 25.7253C137.199 25.4367 137.245 27.0273 136.86 28.6774C136.507 30.1811 136.181 32.6383 135.122 32.0418C133.846 35.5824 131.518 38.2746 128.703 39.3405C127.829 39.7414 126.9 39.9608 125.937 39.9608C124.697 39.9608 123.514 39.5972 122.431 38.9506C120 37.6932 118.01 35.1897 116.871 32.0037C115.825 32.2782 115.382 29.6808 115.146 28.6774C114.848 27.4027 114.468 25.7252 115.825 25.7252C115.853 18.0023 120.399 11.7537 126.003 11.7537C131.607 11.7537 136.153 18.0024 136.181 25.7253Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M136.181 25.7253C137.199 25.4367 137.245 27.0273 136.86 28.6774C136.507 30.1811 136.181 32.6383 135.122 32.0418C133.846 35.5824 131.518 38.2746 128.703 39.3405C127.829 39.7414 126.9 39.9608 125.937 39.9608C124.697 39.9608 123.514 39.5972 122.431 38.9506C120 37.6932 118.01 35.1897 116.871 32.0037C115.825 32.2782 115.382 29.6808 115.146 28.6774C114.848 27.4027 114.468 25.7252 115.825 25.7252C115.853 18.0023 120.399 11.7537 126.003 11.7537C131.607 11.7537 136.153 18.0024 136.181 25.7253Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M137.01 25.7675C136.995 25.8843 136.917 25.9877 136.799 26.0461C136.681 26.1045 136.538 26.1111 136.414 26.0628C133.292 24.8733 130.265 21.6652 129.308 18.6539C126.279 21.7953 121.281 25.4689 116.3 26.2763C116.273 26.2813 116.248 26.283 116.22 26.283L116.222 26.2847C116.133 26.2847 116.044 26.2596 115.971 26.2146C115.876 26.1545 115.814 26.0628 115.798 25.9627C115.297 22.3664 116.353 15.5624 119.561 13.4632C121.682 12.0748 123.315 11.1522 125.971 11.3263C128.67 11.5032 131.603 12.9654 133.693 14.4465C136.792 16.6432 137.446 22.2593 137.01 25.7675Z'
|
||||
fill='#090A0B'
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d='M62.7768 32.2645C62.7768 48.4275 49.6184 61.5289 33.3884 61.5289C24.1855 61.5289 15.9699 57.3175 10.5822 50.7231C6.4663 45.6869 4 39.2631 4 32.2645C4 16.1015 17.1583 3 33.3884 3C49.6184 3 62.7768 16.1015 62.7768 32.2645Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M62.7768 32.2645C62.7768 48.4275 49.6184 61.5289 33.3884 61.5289C24.1855 61.5289 15.9699 57.3175 10.5822 50.7231C6.4663 45.6869 4 39.2631 4 32.2645C4 16.1015 17.1583 3 33.3884 3C49.6184 3 62.7768 16.1015 62.7768 32.2645Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<mask
|
||||
id='mask1_4220_135496'
|
||||
mask-type='luminance'
|
||||
maskUnits='userSpaceOnUse'
|
||||
x='4'
|
||||
y='3'
|
||||
width='59'
|
||||
height='59'
|
||||
>
|
||||
<path
|
||||
d='M62.7768 32.2645C62.7768 48.4275 49.6184 61.5289 33.3884 61.5289C24.1855 61.5289 15.9699 57.3175 10.5822 50.7231C6.4663 45.6869 4 39.2631 4 32.2645C4 16.1015 17.1583 3 33.3884 3C49.6184 3 62.7768 16.1015 62.7768 32.2645Z'
|
||||
fill='white'
|
||||
/>
|
||||
</mask>
|
||||
<g mask='url(#mask1_4220_135496)'>
|
||||
<path
|
||||
d='M59.315 56.2833C58.0392 52.1578 54.4779 49.0025 50.0085 48.0379L40.5537 46H26.2191L16.7642 48.0379C12.2928 49.0025 8.73148 52.1578 7.4577 56.2833L3.84967 74.1244H62.923L59.315 56.2833Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.24'
|
||||
d='M59.316 56.2833C58.0402 52.1578 54.4789 49.0025 50.0095 48.0379L40.5546 46H26.22L16.7652 48.0379C12.2938 49.0025 8.73246 52.1578 7.45868 56.2833L3.85065 74.1244H62.924L59.316 56.2833Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M39.1307 46.7931L37.1957 41H28.7017L27.1307 46.7931C30.5593 48.4023 35.7022 48.4023 39.1307 46.7931Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M39.1307 46.7931L37.1957 41H28.7017L27.1307 46.7931C30.5593 48.4023 35.7022 48.4023 39.1307 46.7931Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M44.1566 29.3643C45.2559 29.0676 45.306 30.7029 44.8895 32.3994C44.5088 33.9454 44.1566 36.4716 43.0128 35.8584C41.6345 39.4985 39.1209 42.2663 36.0807 43.3622C35.1366 43.7744 34.1334 44 33.0934 44C31.7545 44 30.4765 43.6261 29.3073 42.9613C26.682 41.6686 24.5333 39.0947 23.3026 35.8192C22.1735 36.1014 21.6947 33.431 21.4406 32.3994C21.1179 31.0889 20.7078 29.3642 22.1735 29.3642C22.2037 21.4243 27.1132 15 33.1651 15C39.2169 15 44.1265 21.4243 44.1566 29.3643Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M44.1566 29.3643C45.2559 29.0676 45.306 30.7029 44.8895 32.3994C44.5088 33.9454 44.1566 36.4716 43.0128 35.8584C41.6345 39.4985 39.1209 42.2663 36.0807 43.3622C35.1366 43.7744 34.1334 44 33.0934 44C31.7545 44 30.4765 43.6261 29.3073 42.9613C26.682 41.6686 24.5333 39.0947 23.3026 35.8192C22.1735 36.1014 21.6947 33.431 21.4406 32.3994C21.1179 31.0889 20.7078 29.3642 22.1735 29.3642C22.2037 21.4243 27.1132 15 33.1651 15C39.2169 15 44.1265 21.4243 44.1566 29.3643Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M21.1539 13.5734C18.3395 17.0127 18.2803 22.6279 20.9939 27.6575C21.921 28.7724 22.846 29.8851 23.7732 31C23.7447 22.8734 25.0621 20.6841 26.3421 20.2854C28.4529 19.6232 30.9539 23.6775 35.5328 23.5762C36.2298 23.5604 37.7927 23.5041 38.7483 22.4094C39.5725 21.4657 39.4476 20.308 39.6953 20.2832C40.1051 20.2426 40.8438 22.4545 42.2642 30.9978C43.1782 29.8761 44.0944 28.7521 45.0084 27.6304C45.5082 25.6799 45.9685 23.1212 45.9992 20.1075C46.0408 16.033 44.0442 13.4537 43.3318 11.1631C40.6446 17.9456 37.9371 9.48613 29.3057 9.5C26.5022 9.50451 22.9973 11.321 21.1539 13.5734Z'
|
||||
fill='#090A0B'
|
||||
/>
|
||||
</g>
|
||||
<circle
|
||||
cx='77.755'
|
||||
cy='53.5'
|
||||
r='41.5'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<circle
|
||||
cx='77.5'
|
||||
cy='53.5'
|
||||
r='38.5'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.16'
|
||||
/>
|
||||
<mask
|
||||
id='mask2_4220_135496'
|
||||
mask-type='luminance'
|
||||
maskUnits='userSpaceOnUse'
|
||||
x='39'
|
||||
y='15'
|
||||
width='78'
|
||||
height='77'
|
||||
>
|
||||
<path
|
||||
d='M39.0959 53.5C39.0959 74.7639 56.3841 92 77.7082 92C89.7995 92 100.594 86.4595 107.672 77.784C113.08 71.1584 116.32 62.7074 116.32 53.5C116.32 32.2361 99.0322 15 77.7082 15C56.3841 15 39.0959 32.2361 39.0959 53.5Z'
|
||||
fill='white'
|
||||
/>
|
||||
</mask>
|
||||
<g mask='url(#mask2_4220_135496)'>
|
||||
<path
|
||||
d='M53.4924 74.5C57.4891 71.6636 71.4779 68.9848 77.9727 68C83.9678 69.1818 97.6568 72.3727 104.451 75.6818C111.246 78.9909 112.278 89.2727 111.945 94H44C44 81 48.4964 78.0455 53.4924 74.5Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M53.4924 74.5C57.4891 71.6636 71.4779 68.9848 77.9727 68C83.9678 69.1818 97.6568 72.3727 104.451 75.6818C111.246 78.9909 112.278 89.2727 111.945 94H44C44 81 48.4964 78.0455 53.4924 74.5Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M87 70L84.178 61H71.7909L69.5 70C74.5 72.5 82 72.5 87 70Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M87 70L84.178 61H71.7909L69.5 70C74.5 72.5 82 72.5 87 70Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M94.5388 44.2988C96.1877 43.8589 96.2628 46.2836 95.6382 48.7991C95.0671 51.0914 94.5388 54.8372 92.823 53.9279C90.7557 59.3254 86.9853 63.4294 82.4249 65.0543C81.0089 65.6655 79.504 66 77.9441 66C75.9357 66 74.0187 65.4456 72.2648 64.4599C68.3268 62.5431 65.1039 58.7266 63.2578 53.8698C61.5642 54.2883 60.8459 50.3287 60.4648 48.7991C59.9807 46.8559 59.3656 44.2986 61.5642 44.2986C61.6095 32.5256 68.9737 23 78.0515 23C87.1293 23 94.4936 32.5258 94.5388 44.2988Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M94.5388 44.2988C96.1877 43.8589 96.2628 46.2836 95.6382 48.7991C95.0671 51.0914 94.5388 54.8372 92.823 53.9279C90.7557 59.3254 86.9853 63.4294 82.4249 65.0543C81.0089 65.6655 79.504 66 77.9441 66C75.9357 66 74.0187 65.4456 72.2648 64.4599C68.3268 62.5431 65.1039 58.7266 63.2578 53.8698C61.5642 54.2883 60.8459 50.3287 60.4648 48.7991C59.9807 46.8559 59.3656 44.2986 61.5642 44.2986C61.6095 32.5256 68.9737 23 78.0515 23C87.1293 23 94.4936 32.5258 94.5388 44.2988Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.56'
|
||||
/>
|
||||
<path
|
||||
d='M63.9741 26.383C66.1398 23.3965 67.6892 22.887 68.4475 22.6376C68.7033 22.5535 68.8691 22.499 68.9381 22.389C71.9166 17.6451 84.6741 18.5261 88.1041 21.1133C95.9084 27 93.9865 31.0627 94.8689 35.9071C95.3263 38.3922 94.4557 41.4418 94.2549 44C94.009 42.3029 92.6057 37.0742 92.5 36.5C91.2633 33.5 85.8429 37.1501 83 37C76.6134 36.6628 71.8302 35.5414 68.4475 31.5C67.4347 35.0839 64.3273 39.4355 62.3974 39.8437L61.9885 43.4729C60.8273 37.0332 59.9081 31.9903 63.9741 26.383Z'
|
||||
fill='#090A0B'
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d='M125.564 0.427827C131.766 0.388622 137.468 1.9948 142.661 5.24635C144.794 6.58128 146.84 8.19355 148.801 10.0832C151.224 12.599 153.188 15.2733 154.691 18.1072M157.353 24.9709C158.029 27.6067 158.368 30.36 158.368 33.2316C158.363 36.7044 157.866 40.0073 156.876 43.1395M156.178 21.3371C156.4 21.9007 156.605 22.47 156.793 23.0452'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M114.044 79.5469C109.381 86.3471 103.302 91.3528 95.8113 94.5552C92.7362 95.87 89.4233 96.8809 85.8731 97.5872C81.288 98.3236 76.8785 98.4385 72.6441 97.9295M63.1318 95.6274C59.7416 94.3653 56.4792 92.6456 53.3445 90.4668C49.5568 87.827 46.3284 84.7784 43.6606 81.3206M67.9899 97.102C67.2067 96.9162 66.4298 96.7077 65.6594 96.4764'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M33.795 65.2666C26.553 65.2117 19.999 63.0477 14.1516 58.7556C12.9264 57.8563 11.7322 56.8635 10.5691 55.7772C7.54909 52.5373 5.24489 49.0918 3.65419 45.4384M0.991235 32.4628C0.996736 28.1336 1.79021 24.0342 3.37166 20.1646C4.9698 16.2542 7.37265 12.5784 10.5802 9.13739'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4220_135496'>
|
||||
<rect
|
||||
width='159'
|
||||
height='99'
|
||||
fill='var(--center-channel-bg)'
|
||||
transform='translate(0.255005)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,68 +5,161 @@ import React from 'react';
|
||||
|
||||
export default (
|
||||
<svg
|
||||
width='100%'
|
||||
height='100%'
|
||||
viewBox='0 224 724 290'
|
||||
width='142'
|
||||
height='80'
|
||||
viewBox='0 0 142 80'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
xmlnsXlink='http://www.w3.org/1999/xlink'
|
||||
>
|
||||
<path
|
||||
d='M480.697 224.728H241.365C236.979 224.713 232.633 225.56 228.575 227.222C224.517 228.883 220.827 231.325 217.715 234.41C214.603 237.494 212.131 241.16 210.438 245.198C208.746 249.236 207.868 253.568 207.853 257.944V409.732C207.868 414.108 208.746 418.44 210.438 422.478C212.131 426.516 214.603 430.182 217.715 433.266C220.827 436.351 224.517 438.793 228.575 440.454C232.633 442.116 236.979 442.963 241.365 442.948H276.686V499.766L329.666 442.948H480.612C484.998 442.963 489.344 442.116 493.402 440.454C497.46 438.793 501.15 436.351 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.109 414.108 514.124 409.732V257.944C514.094 249.12 510.558 240.667 504.292 234.44C498.026 228.213 489.54 224.72 480.697 224.728Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M329.667 442.948H480.613C484.999 442.963 489.345 442.116 493.403 440.454C497.46 438.793 501.151 436.35 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.11 414.108 514.125 409.732V317.582C514.125 317.582 503.585 402.795 501.692 410.295C499.799 417.796 496.041 429.019 478.239 430.88C460.438 432.741 329.667 442.948 329.667 442.948Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M279.284 312.14C283.548 312.14 287.717 313.401 291.262 315.766C294.808 318.13 297.571 321.49 299.203 325.421C300.835 329.352 301.262 333.678 300.43 337.852C299.598 342.025 297.544 345.859 294.529 348.868C291.514 351.876 287.673 353.926 283.49 354.756C279.308 355.586 274.973 355.16 271.034 353.531C267.094 351.903 263.727 349.145 261.358 345.607C258.989 342.069 257.725 337.91 257.725 333.654C257.721 330.828 258.276 328.029 259.358 325.417C260.44 322.805 262.028 320.431 264.031 318.433C266.034 316.434 268.412 314.85 271.029 313.77C273.647 312.69 276.452 312.136 279.284 312.14Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M361.033 312.14C365.297 312.14 369.465 313.401 373.011 315.766C376.556 318.13 379.32 321.49 380.951 325.421C382.583 329.352 383.01 333.678 382.178 337.852C381.346 342.025 379.293 345.859 376.278 348.868C373.263 351.876 369.421 353.926 365.239 354.756C361.057 355.586 356.722 355.16 352.782 353.531C348.843 351.903 345.476 349.145 343.107 345.607C340.738 342.069 339.473 337.91 339.473 333.654C339.47 330.828 340.025 328.029 341.107 325.417C342.189 322.805 343.777 320.431 345.78 318.433C347.782 316.434 350.161 314.85 352.778 313.77C355.395 312.69 358.201 312.136 361.033 312.14Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M442.691 312.14C446.956 312.134 451.127 313.391 454.677 315.752C458.226 318.113 460.994 321.471 462.63 325.401C464.266 329.332 464.697 333.659 463.868 337.834C463.039 342.01 460.988 345.846 457.974 348.858C454.96 351.869 451.119 353.921 446.936 354.754C442.753 355.586 438.416 355.162 434.475 353.534C430.534 351.906 427.165 349.149 424.795 345.61C422.425 342.072 421.16 337.911 421.16 333.654C421.156 330.83 421.71 328.033 422.791 325.423C423.871 322.813 425.456 320.441 427.456 318.443C429.456 316.445 431.831 314.859 434.445 313.778C437.059 312.696 439.861 312.14 442.691 312.14Z'
|
||||
fill='white'
|
||||
/>
|
||||
<path
|
||||
d='M232.691 288.285C235.123 279.695 239.233 271.67 244.786 264.673C250.339 257.675 257.224 251.843 265.045 247.511C265.508 247.278 265.88 246.897 266.104 246.43C266.327 245.962 266.388 245.434 266.279 244.927C266.169 244.421 265.894 243.965 265.496 243.632C265.099 243.298 264.602 243.106 264.084 243.084C248.995 242.182 218.534 245.396 228.085 288.059C228.186 288.58 228.459 289.052 228.86 289.4C229.262 289.747 229.768 289.95 230.299 289.976C230.83 290.002 231.354 289.85 231.788 289.543C232.222 289.236 232.54 288.793 232.691 288.285Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M513.716 385.932L442.894 456.745L476.241 490.111L547.064 419.298L513.716 385.932Z'
|
||||
fill='#FFBC1F'
|
||||
/>
|
||||
<path
|
||||
d='M442.894 456.745L428.39 494.685L438.293 504.659L476.255 490.107L442.894 456.745Z'
|
||||
fill='#FFE099'
|
||||
/>
|
||||
<path
|
||||
d='M425.845 501.271C423.868 506.43 426.516 509.147 431.742 507.152L449.702 500.32L432.681 483.299L425.845 501.271Z'
|
||||
fill='#2D3039'
|
||||
/>
|
||||
<path
|
||||
d='M504.846 394.78L442.894 456.745L453.792 467.646L515.745 405.681L504.846 394.78Z'
|
||||
fill='#FFD470'
|
||||
/>
|
||||
<path
|
||||
d='M527.319 417.255L465.27 479.317L476.162 490.212L538.212 428.15L527.319 417.255Z'
|
||||
fill='#CC8F00'
|
||||
/>
|
||||
<path
|
||||
d='M562.043 376.404L557.254 371.639C553.404 367.791 548.185 365.63 542.742 365.63C537.3 365.63 531.85 367.91 528 371.758L513.702 386.055L547.064 419.417L561.362 405.119C565.208 401.272 567.489 395.815 567.489 390.375C567.489 384.934 565.889 380.252 562.043 376.404Z'
|
||||
fill='#C43133'
|
||||
/>
|
||||
<path
|
||||
d='M513.705 385.932L504.851 394.787L538.21 428.153L547.064 419.298L513.705 385.932Z'
|
||||
fill='#A4A9B7'
|
||||
/>
|
||||
<path
|
||||
d='M517.106 389.339L508.255 398.191L534.807 424.748L543.657 415.896L517.106 389.339Z'
|
||||
fill='#DDDFE4'
|
||||
/>
|
||||
<g clipPath='url(#clip0_4212_90546)'>
|
||||
<rect
|
||||
x='15.0059'
|
||||
y='15'
|
||||
width='112'
|
||||
height='44'
|
||||
rx='3'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M28.0059 34L28.0059 52L39.0059 52'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M28.0059 31L28.0059 26'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M28.0059 23L28.0059 21'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M54.6108 67.5638L41.0059 81V12C41.0059 10.8954 41.9013 10 43.0059 10H109.006C110.11 10 111.006 10.8954 111.006 12V64.9868C111.006 66.0914 110.11 66.9868 109.006 66.9868H56.0162C55.4901 66.9868 54.9851 67.1941 54.6108 67.5638Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<path
|
||||
d='M49.6108 62.5638L36.0059 76V7C36.0059 5.89543 36.9013 5 38.0059 5H104.006C105.11 5 106.006 5.89543 106.006 7V59.9868C106.006 61.0914 105.11 61.9868 104.006 61.9868H51.0162C50.4901 61.9868 49.9851 62.1941 49.6108 62.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M49.2595 62.2081L36.5059 74.8035V7C36.5059 6.17157 37.1774 5.5 38.0059 5.5H104.006C104.834 5.5 105.506 6.17157 105.506 7V59.9868C105.506 60.8153 104.834 61.4868 104.006 61.4868H51.0162C50.3585 61.4868 49.7274 61.746 49.2595 62.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='54.0059'
|
||||
cy='24'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M69.0059 20H85.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46.0059 44H96.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46.0059 51H68.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M69.0059 26H94.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46.0059 38H63.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M67.0059 38H85.0059'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<rect
|
||||
x='115.199'
|
||||
y='45.0278'
|
||||
width='12.4524'
|
||||
height='6.22619'
|
||||
transform='rotate(-135 115.199 45.0278)'
|
||||
fill='var(--center-channel-bg)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M117.952 42.2764L109.147 33.4712L113.787 28.8319C114.568 28.0508 115.834 28.0508 116.615 28.8319L122.592 34.8086C123.373 35.5897 123.373 36.856 122.592 37.637L117.952 42.2764Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<path
|
||||
d='M89.3356 70.8933L80.5305 62.0882L106.946 35.6727L115.751 44.4778L89.3356 70.8933Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M73.1016 78.8725L80.5309 62.0876L89.3361 70.8928L73.1016 78.8725Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<path
|
||||
d='M78.3289 76.3964L75.4492 77.9756C74.5896 78.447 73.6355 77.5284 74.0739 76.6516L75.5773 73.6448L78.3289 76.3964Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.8'
|
||||
/>
|
||||
<line
|
||||
x1='82.8065'
|
||||
y1='64.4976'
|
||||
x2='109.377'
|
||||
y2='37.9268'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
/>
|
||||
<line
|
||||
x1='86.6825'
|
||||
y1='68.3725'
|
||||
x2='113.253'
|
||||
y2='41.8017'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4212_90546'>
|
||||
<rect
|
||||
width='142'
|
||||
height='80'
|
||||
fill='var(--center-channel-bg)'
|
||||
transform='translate(0.00585938)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -5,64 +5,161 @@ import React from 'react';
|
||||
|
||||
export default (
|
||||
<svg
|
||||
width='206'
|
||||
height='167'
|
||||
viewBox='0 0 206 167'
|
||||
width='142'
|
||||
height='87'
|
||||
viewBox='0 0 142 87'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
>
|
||||
<g clipPath='url(#clip0_4287_66385)'>
|
||||
<path
|
||||
d='M146.419 0.368244H46.4124C44.5797 0.362044 42.7637 0.716143 41.0681 1.41031C39.3725 2.10449 37.8305 3.12513 36.5302 4.41399C35.2299 5.70285 34.1967 7.23467 33.4896 8.922C32.7825 10.6093 32.4154 12.4191 32.4092 14.248V77.6732C32.4154 79.5021 32.7825 81.3119 33.4896 82.9992C34.1967 84.6866 35.2299 86.2184 36.5302 87.5072C37.8305 88.7961 39.3725 89.8168 41.0681 90.5109C42.7637 91.2051 44.5797 91.5592 46.4124 91.553H61.1713V115.295L83.3097 91.553H146.383C148.216 91.5592 150.032 91.2051 151.728 90.5109C153.423 89.8168 154.965 88.7961 156.266 87.5072C157.566 86.2184 158.599 84.6866 159.306 82.9992C160.013 81.3119 160.38 79.5021 160.387 77.6732V14.248C160.374 10.5605 158.897 7.02846 156.278 4.42651C153.66 1.82455 150.114 0.365103 146.419 0.368244Z'
|
||||
fill='#FFBC1F'
|
||||
<g clipPath='url(#clip0_4212_90995)'>
|
||||
<rect
|
||||
x='15'
|
||||
y='15'
|
||||
width='112'
|
||||
height='44'
|
||||
rx='3'
|
||||
fill='var(--button-bg)'
|
||||
fillOpacity='0.12'
|
||||
/>
|
||||
<path
|
||||
d='M83.3096 91.553H146.383C148.216 91.5592 150.032 91.2051 151.728 90.5109C153.423 89.8167 154.965 88.7961 156.265 87.5072C157.566 86.2184 158.599 84.6865 159.306 82.9992C160.013 81.3119 160.38 79.5021 160.386 77.6732V39.168C160.386 39.168 155.982 74.7747 155.191 77.9088C154.4 81.043 152.83 85.7324 145.391 86.5101C137.953 87.2877 83.3096 91.553 83.3096 91.553Z'
|
||||
fill='#CC8F00'
|
||||
d='M29.5 75L29.5 47L40 47'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M62.2569 36.8936C64.0387 36.8936 65.7804 37.4208 67.2619 38.4086C68.7434 39.3965 69.8981 40.8005 70.58 42.4433C71.2618 44.086 71.4402 45.8936 71.0926 47.6375C70.745 49.3814 69.887 50.9833 68.6271 52.2405C67.3672 53.4978 65.762 54.354 64.0144 54.7009C62.2669 55.0478 60.4555 54.8698 58.8094 54.1893C57.1632 53.5089 55.7562 52.3566 54.7663 50.8782C53.7764 49.3998 53.2481 47.6617 53.2481 45.8836C53.2465 44.7026 53.4785 43.5328 53.9307 42.4414C54.3828 41.35 55.0464 40.3583 55.8832 39.5232C56.7201 38.6881 57.7138 38.026 58.8075 37.5747C59.9012 37.1235 61.0734 36.892 62.2569 36.8936Z'
|
||||
fill='white'
|
||||
d='M45 43H29.5V9.5L22.5 2.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 0 0 -1 20 5)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<circle
|
||||
cx='2.5'
|
||||
cy='2.5'
|
||||
r='2.5'
|
||||
transform='matrix(1 0 0 -1 27 78)'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M96.4161 36.8936C98.1979 36.8936 99.9396 37.4208 101.421 38.4086C102.903 39.3965 104.057 40.8005 104.739 42.4433C105.421 44.086 105.599 45.8936 105.252 47.6375C104.904 49.3814 104.046 50.9833 102.786 52.2405C101.526 53.4978 99.9212 54.354 98.1736 54.7009C96.4261 55.0478 94.6147 54.8698 92.9685 54.1893C91.3224 53.5089 89.9154 52.3566 88.9255 50.8782C87.9356 49.3998 87.4072 47.6617 87.4072 45.8836C87.4057 44.7026 87.6376 43.5328 88.0898 42.4414C88.542 41.35 89.2055 40.3583 90.0424 39.5232C90.8793 38.6881 91.873 38.026 92.9667 37.5747C94.0604 37.1235 95.2326 36.892 96.4161 36.8936Z'
|
||||
fill='white'
|
||||
d='M127 22.5L117 22.5L117 49'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<circle
|
||||
cx='128.5'
|
||||
cy='22.5'
|
||||
r='2.5'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M130.538 36.8936C132.32 36.8912 134.063 37.4165 135.546 38.4029C137.029 39.3893 138.186 40.7926 138.87 42.4351C139.553 44.0776 139.733 45.8856 139.387 47.6303C139.041 49.3749 138.184 50.9779 136.924 52.2364C135.665 53.4948 134.06 54.3522 132.312 54.7C130.564 55.0479 128.752 54.8705 127.105 54.1905C125.458 53.5104 124.051 52.3581 123.06 50.8794C122.07 49.4008 121.541 47.6622 121.541 45.8836C121.539 44.7036 121.771 43.5348 122.222 42.4442C122.674 41.3535 123.336 40.3623 124.172 39.5274C125.008 38.6924 126 38.0301 127.092 37.5781C128.185 37.1262 129.356 36.8936 130.538 36.8936Z'
|
||||
fill='white'
|
||||
d='M54.605 67.5638L41 81V12C41 10.8954 41.8954 10 43 10H109C110.105 10 111 10.8954 111 12V64.9868C111 66.0914 110.105 66.9868 109 66.9868H56.0103C55.4842 66.9868 54.9793 67.1941 54.605 67.5638Z'
|
||||
fill='#28427B'
|
||||
/>
|
||||
<path
|
||||
d='M42.7877 26.9265C43.8039 23.3373 45.5215 19.9841 47.8417 17.06C50.162 14.136 53.0389 11.6989 56.3069 9.88902C56.5005 9.79136 56.6561 9.63239 56.7494 9.437C56.8427 9.2416 56.8685 9.02083 56.8225 8.80929C56.7766 8.59775 56.6617 8.40737 56.4957 8.26801C56.3298 8.12864 56.1222 8.04817 55.9055 8.03917C49.6005 7.66213 36.8724 9.00533 40.8632 26.8323C40.9053 27.0499 41.0193 27.2471 41.1871 27.3923C41.3548 27.5375 41.5666 27.6224 41.7884 27.6332C42.0102 27.6441 42.2293 27.5803 42.4105 27.4522C42.5917 27.3241 42.7245 27.139 42.7877 26.9265Z'
|
||||
fill='#FFD470'
|
||||
d='M49.605 62.5638L36 76V7C36 5.89543 36.8954 5 38 5H104C105.105 5 106 5.89543 106 7V59.9868C106 61.0914 105.105 61.9868 104 61.9868H51.0103C50.4842 61.9868 49.9793 62.1941 49.605 62.5638Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M143.323 125.892C133.808 125.702 125.916 122.444 119.649 116.118C113.382 109.793 110.104 101.914 109.816 92.4823C110.099 83.0454 113.377 75.1643 119.649 68.8388C125.921 62.5134 133.813 59.2554 143.323 59.0649C152.746 59.2603 160.591 62.5183 166.859 68.8388C173.126 75.1594 176.403 83.0405 176.691 92.4823C176.398 101.919 173.121 109.798 166.859 116.118C160.596 122.439 152.751 125.697 143.323 125.892Z'
|
||||
fill='white'
|
||||
d='M49.2536 62.2081L36.5 74.8035V7C36.5 6.17157 37.1716 5.5 38 5.5H104C104.828 5.5 105.5 6.17157 105.5 7V59.9868C105.5 60.8153 104.828 61.4868 104 61.4868H51.0103C50.3527 61.4868 49.7215 61.746 49.2536 62.2081Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
/>
|
||||
<circle
|
||||
cx='54'
|
||||
cy='24'
|
||||
r='9'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M143.324 55.4165C153.815 55.6168 162.533 59.2166 169.478 66.2161C176.423 73.2156 180.042 81.9711 180.335 92.4825C180.042 102.984 176.423 111.737 169.478 118.742C162.533 125.746 153.815 129.346 143.324 129.541C132.74 129.341 123.985 125.741 117.059 118.742C110.134 111.742 106.517 102.989 106.21 92.4825C106.493 81.976 110.109 73.2205 117.059 66.2161C124.01 59.2118 132.764 55.6119 143.324 55.4165ZM121.449 70.6635C115.596 76.4516 112.585 83.7246 112.414 92.4825C112.604 101.231 115.616 108.501 121.449 114.294C127.282 120.087 134.566 123.128 143.302 123.416C151.949 123.123 159.187 120.082 165.015 114.294C170.844 108.506 173.853 101.236 174.043 92.4825C173.853 83.7295 170.844 76.4565 165.015 70.6635C159.187 64.8705 151.956 61.8299 143.324 61.5417C134.593 61.8347 127.302 64.8753 121.449 70.6635Z'
|
||||
fill='#1E325C'
|
||||
d='M69 20H85'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M142.875 95.2521C142.511 95.256 142.15 95.1871 141.812 95.0493C141.475 94.9115 141.169 94.7076 140.911 94.4497C140.654 94.1917 140.45 93.8848 140.312 93.547C140.175 93.2093 140.106 92.8474 140.11 92.4826V68.5461C140.098 68.1908 140.163 67.8371 140.3 67.5095C140.438 67.1818 140.645 66.8881 140.907 66.6484C141.428 66.1809 142.103 65.9224 142.802 65.9224C143.501 65.9224 144.176 66.1809 144.697 66.6484C144.96 66.8877 145.168 67.1812 145.307 67.5088C145.446 67.8364 145.512 68.1903 145.502 68.5461V92.4826C145.509 92.8477 145.442 93.2104 145.303 93.5482C145.165 93.8861 144.958 94.1917 144.697 94.4461C144.465 94.6989 144.184 94.901 143.87 95.0397C143.557 95.1783 143.218 95.2507 142.875 95.2521Z'
|
||||
fill='#1E325C'
|
||||
d='M46 44H96'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M161.76 84.0131C161.683 84.3559 161.532 84.6775 161.317 84.9549C161.102 85.2323 160.829 85.4586 160.516 85.6177L146.967 93.5012C146.766 94.2878 146.304 94.9828 145.657 95.4721C144.923 96.0238 144.021 96.3057 143.104 96.2708C142.616 96.2786 142.132 96.1857 141.681 95.9979C141.231 95.81 140.823 95.5313 140.485 95.1791C139.782 94.4567 139.389 93.4879 139.389 92.4792C139.389 91.4705 139.782 90.5017 140.485 89.7793C141.247 89.0315 142.258 88.5908 143.324 88.541C143.67 88.5499 144.013 88.5991 144.348 88.6876L157.751 80.9505C158.052 80.7639 158.389 80.6415 158.741 80.5911C159.092 80.5407 159.45 80.5633 159.792 80.6575C160.147 80.7378 160.482 80.8902 160.776 81.1054C161.07 81.3205 161.317 81.5938 161.502 81.9083C161.686 82.2228 161.804 82.5719 161.849 82.9339C161.893 83.2959 161.863 83.6632 161.76 84.0131Z'
|
||||
fill='#1E325C'
|
||||
d='M46 51H68'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M69 26H94'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M46 38H63'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
d='M67 38H85'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.48'
|
||||
strokeLinecap='round'
|
||||
/>
|
||||
<path
|
||||
opacity='0.32'
|
||||
d='M114.218 87.29C106.772 87.1409 100.598 84.5917 95.6936 79.6423C90.7897 74.6929 88.2252 68.5281 88 61.1479C88.2213 53.7639 90.7859 47.5971 95.6936 42.6477C100.601 37.6983 106.776 35.1491 114.218 35C121.591 35.1529 127.73 37.7021 132.633 42.6477C137.537 47.5933 140.102 53.76 140.327 61.1479C140.098 68.5319 137.534 74.6967 132.633 79.6423C127.733 84.5879 121.595 87.1371 114.218 87.29Z'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M111.218 82.7899C103.897 82.6411 97.8524 80.1385 93.0488 75.2904C88.243 70.4399 85.7248 64.403 85.5002 57.1477C85.7211 49.8888 88.2392 43.8501 93.0487 38.9998C97.8561 34.1515 103.901 31.6489 111.218 31.5001C118.465 31.6526 124.474 34.1544 129.278 38.9998C134.084 43.8462 136.602 49.8848 136.827 57.1477C136.598 64.407 134.08 70.4439 129.278 75.2904C124.478 80.1356 118.469 82.6374 111.218 82.7899Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
stroke='var(--center-channel-color)'
|
||||
/>
|
||||
<path
|
||||
d='M111.042 77C105.35 76.886 100.63 74.9359 96.8812 71.1498C93.1325 67.3636 91.1721 62.6478 91 57.0022C91.1692 51.3537 93.1296 46.6364 96.8812 42.8502C100.633 39.0641 105.353 37.114 111.042 37C116.678 37.1169 121.37 39.067 125.119 42.8502C128.867 46.6334 130.828 51.3508 131 57.0022C130.825 62.6507 128.865 67.3666 125.119 71.1498C121.373 74.933 116.681 76.8831 111.042 77Z'
|
||||
fill='var(--center-channel-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M111.041 76.4999C105.475 76.3862 100.885 74.4827 97.2365 70.798C93.5858 67.1108 91.6718 62.5228 91.5002 57.0021C91.6689 51.4785 93.583 46.8892 97.2364 43.2022C100.888 39.5172 105.478 37.6138 111.041 37.5001C116.552 37.6167 121.114 39.5192 124.764 43.2022C128.414 46.8862 130.328 51.4754 130.5 57.0021C130.325 62.5259 128.411 67.1139 124.763 70.798C121.117 74.4807 116.555 76.3833 111.041 76.4999Z'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M111 35.5V57L120.5 66.5'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.8'
|
||||
strokeLinejoin='round'
|
||||
/>
|
||||
<circle
|
||||
cx='111'
|
||||
cy='57'
|
||||
r='2'
|
||||
fill='var(--center-channel-color)'
|
||||
fillOpacity='0.8'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0_4287_66385'>
|
||||
<clipPath id='clip0_4212_90995'>
|
||||
<rect
|
||||
width='204.933'
|
||||
height='204.933'
|
||||
width='142'
|
||||
height='87'
|
||||
fill='white'
|
||||
transform='translate(0.797852 -38.3296)'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
);
|
||||
|
||||
@@ -37,8 +37,6 @@
|
||||
|
||||
.no-results__variant-wrapper {
|
||||
display: flex;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 100%;
|
||||
@@ -62,9 +60,7 @@
|
||||
display: flex;
|
||||
|
||||
svg {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
fill: var(--button-bg);
|
||||
fill: none;
|
||||
}
|
||||
|
||||
&.icon {
|
||||
|
||||
@@ -6,7 +6,7 @@ import React from 'react';
|
||||
import type {ReactNode, CSSProperties} from 'react';
|
||||
import {FormattedMessage, defineMessages} from 'react-intl';
|
||||
|
||||
import {SearchSVG, ChannelSearchSVG, MentionsSVG, SavedMessagesSVG, PinSVG, ChannelFilesSVG, UserGroupsSVG, UserGroupMembersSVG} from 'components/common/svg_images_components';
|
||||
import {SearchSVG, ChannelSearchSVG, MentionsSVG, SavedMessagesSVG, PinSVG, ChannelFilesSVG, UserGroupsSVG} from 'components/common/svg_images_components';
|
||||
|
||||
import {NoResultsVariant, NoResultsLayout} from './types';
|
||||
import './no_results_indicator.scss';
|
||||
@@ -35,7 +35,7 @@ const iconMap: {[key in NoResultsVariant]: React.ReactNode } = {
|
||||
[NoResultsVariant.ChannelFiles]: <ChannelFilesSVG className='no-results__icon'/>,
|
||||
[NoResultsVariant.ChannelFilesFiltered]: <ChannelFilesSVG className='no-results__icon'/>,
|
||||
[NoResultsVariant.UserGroups]: <UserGroupsSVG className='no-results__icon'/>,
|
||||
[NoResultsVariant.UserGroupMembers]: <UserGroupMembersSVG className='no-results__icon'/>,
|
||||
[NoResultsVariant.UserGroupMembers]: <UserGroupsSVG className='no-results__icon'/>,
|
||||
[NoResultsVariant.UserGroupsArchived]: <UserGroupsSVG className='no-results__icon'/>,
|
||||
};
|
||||
|
||||
|
||||
@@ -1,113 +0,0 @@
|
||||
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
||||
// See LICENSE.txt for license information.
|
||||
|
||||
import React from 'react';
|
||||
|
||||
const BalloonIllustration = (
|
||||
<svg
|
||||
width='175'
|
||||
height='207'
|
||||
viewBox='0 0 175 207'
|
||||
fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
>
|
||||
<g clipPath='url(#clip0)'>
|
||||
<path
|
||||
d='M86.3343 124.207C72.3574 144.087 72.8886 156.7 88.105 165.391C109.903 177.797 107.967 199.007 84.6344 206.581'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.56'
|
||||
strokeWidth='1.5'
|
||||
strokeMiterlimit='10'
|
||||
/>
|
||||
<g opacity='0.7'>
|
||||
<path
|
||||
opacity='0.7'
|
||||
d='M138.21 70.6109C149.153 73.169 155.369 84.7898 147.176 96.9187C138.984 109.048 130.514 100.032 134.468 94.9396C138.423 89.847 156.484 102.508 144.355 117C133.465 129.997 134.468 149.493 145.199 152.766'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.56'
|
||||
strokeWidth='1.34'
|
||||
strokeMiterlimit='10'
|
||||
/>
|
||||
<path
|
||||
opacity='0.72'
|
||||
d='M142.224 70.6109C142.23 70.82 142.291 71.0239 142.401 71.2017L142.755 72.0938C142.807 72.1836 142.834 72.2854 142.834 72.3892C142.834 72.4929 142.807 72.5947 142.755 72.6846V72.9799C142.262 73.5564 141.572 73.929 140.819 74.0257C140.038 74.1697 139.232 74.047 138.529 73.6771C138.193 73.5052 137.894 73.2682 137.65 72.9799L137.473 72.6905V72.0997L138.181 70.5991C134.893 69.5062 131.352 67.3084 127.616 63.5097C123.806 59.544 121.085 54.6596 119.718 49.3308C119.163 47.3606 118.884 45.3224 118.892 43.2752C119.004 37.2492 120.987 31.2172 124.422 27.7788C129.074 23.1234 134.008 22.1368 140.111 22.0364C146.338 22.1545 151.255 23.8442 155.363 27.7966C158.845 31.1463 161.265 37.2492 161.513 43.2752C161.518 45.3227 161.238 47.3608 160.681 49.3308C159.203 54.6365 156.432 59.4921 152.618 63.4624C148.876 67.3143 145.388 69.5179 142.224 70.6109Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.7'
|
||||
d='M129.073 41.9104C129.112 43.0661 128.875 44.2143 128.383 45.2602C127.922 46.1641 127.35 46.6131 126.677 46.6131C126.004 46.6131 125.414 46.1641 124.906 45.2602C124.379 44.2248 124.123 43.0721 124.163 41.9104C124.119 40.7674 124.376 39.6329 124.906 38.6198C125.402 37.7632 125.992 37.3318 126.677 37.3318C127.362 37.3318 127.922 37.7632 128.383 38.6198C128.878 39.6438 129.115 40.7736 129.073 41.9104Z'
|
||||
fill='white'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
</g>
|
||||
<g opacity='0.3'>
|
||||
<path
|
||||
opacity='0.3'
|
||||
d='M30.6157 37.9462C41.7063 46.808 39.9887 65.595 24.247 70.7881C1.26311 78.3738 -3.29944 95.991 2.93349 103.281'
|
||||
stroke='var(--center-channel-color)'
|
||||
strokeOpacity='0.56'
|
||||
strokeWidth='1.34'
|
||||
strokeMiterlimit='10'
|
||||
/>
|
||||
<path
|
||||
opacity='0.64'
|
||||
d='M32.9058 37.6863C32.8762 37.8466 32.8905 38.012 32.9472 38.1649C32.9885 38.413 33.0298 38.6552 33.077 38.9033C33.1053 38.9785 33.1114 39.0602 33.0947 39.1387C33.078 39.2173 33.039 39.2894 32.9826 39.3464L32.9354 39.5709C32.4729 39.9334 31.8921 40.1103 31.3063 40.0672C30.6895 40.0583 30.0942 39.8395 29.6182 39.4468C29.3799 39.2649 29.1794 39.0381 29.028 38.7792L28.9394 38.5311C28.9689 38.3834 29.0044 38.2357 29.0339 38.0881C29.2877 37.7395 29.5415 37.3968 29.8012 37.0601C27.4756 35.719 25.1206 33.5154 22.8777 29.9706C20.601 26.3712 19.2917 22.2442 19.0765 17.9895C18.9611 16.4071 19.0664 14.8164 19.3894 13.2632C20.4158 9.03049 22.7248 5.2191 26 2.35135C28.8745 -0.177223 34.1572 -0.443077 38.8141 0.431288C43.5361 1.4888 47.0008 3.53287 49.5093 7.17803C51.6341 10.2619 52.5372 15.2955 51.7758 19.8977C51.4632 21.4544 50.9347 22.9597 50.2057 24.37C48.2581 28.1712 45.3985 31.4292 41.8834 33.8521C38.46 36.2034 35.5088 37.3495 32.9058 37.6863Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
opacity='0.3'
|
||||
d='M27.3635 13.8539C27.2136 14.7369 26.8555 15.5714 26.3188 16.288C26.168 16.5467 25.9457 16.7563 25.6787 16.8915C25.4116 17.0267 25.1112 17.0818 24.8137 17.0501C24.3002 16.9438 23.9224 16.5125 23.6863 15.7503C23.4459 14.8825 23.4296 13.9677 23.6391 13.0918C23.786 12.2229 24.1585 11.408 24.7192 10.7287C24.8858 10.4813 25.1169 10.2844 25.3875 10.1594C25.6581 10.0344 25.9577 9.9861 26.2539 10.0197C26.7674 10.1261 27.1333 10.5396 27.3517 11.2663C27.5632 12.1154 27.5673 13.003 27.3635 13.8539Z'
|
||||
fill='white'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d='M83.6605 122.943C83.6572 123.268 83.5784 123.587 83.4303 123.876L82.964 125.27C82.8885 125.413 82.8491 125.573 82.8491 125.734C82.8491 125.896 82.8885 126.055 82.964 126.198V126.665C83.2501 127.116 83.6236 127.506 84.0626 127.81C84.5016 128.114 84.997 128.328 85.5197 128.437C86.0358 128.556 86.5709 128.564 87.0905 128.463C87.6101 128.361 88.1025 128.151 88.5358 127.846C89.0062 127.538 89.408 127.136 89.7163 126.665L89.9465 126.198V125.27L89.0198 122.943C93.3483 121.088 98.0308 116.952 103.068 110.536C108.004 104.297 111.671 97.1493 113.863 89.4984C114.647 86.8581 115.045 84.1178 115.043 81.3632C114.89 73.3088 112.104 66.5699 106.686 61.1465C101.267 55.7231 94.5327 52.9326 86.4818 52.775C78.2775 52.9326 71.5055 55.7231 66.1658 61.1465C60.8261 66.5699 58.0008 73.3088 57.69 81.3632C57.6912 84.1176 58.0888 86.8574 58.8704 89.4984C61.2112 97.1344 64.95 104.268 69.8961 110.536C74.9092 116.948 79.4973 121.084 83.6605 122.943Z'
|
||||
fill='var(--button-bg)'
|
||||
/>
|
||||
<path
|
||||
d='M63.3681 81.3337C63.291 83.6349 63.8116 85.9168 64.8791 87.9564C65.8884 89.7287 67.1279 90.6267 68.5976 90.6267C70.0673 90.6267 71.3481 89.7405 72.4282 87.9564C73.5697 85.9411 74.1315 83.6489 74.0514 81.3337C74.1396 79.0569 73.5765 76.8023 72.4282 74.835C71.3481 73.1335 70.0673 72.2769 68.5976 72.2769C67.1279 72.2769 65.8884 73.1335 64.8791 74.835C63.805 76.8274 63.2833 79.0713 63.3681 81.3337Z'
|
||||
fill='white'
|
||||
fillOpacity='0.32'
|
||||
/>
|
||||
<path
|
||||
d='M136.091 182.801C135.148 183.665 134.069 184.367 132.898 184.881C131.761 185.4 130.551 185.741 129.31 185.891C128.272 186.031 127.223 186.049 126.181 185.944C125.774 185.944 125.449 185.909 125.207 185.879L124.818 185.767V185.383C124.818 185.165 124.771 184.846 124.753 184.414C124.79 183.378 124.923 182.348 125.148 181.336C125.405 180.114 125.851 178.94 126.471 177.857C127.104 176.729 127.913 175.71 128.867 174.838C129.816 173.969 130.893 173.252 132.06 172.711C133.178 172.182 134.374 171.837 135.602 171.689C136.639 171.549 137.689 171.531 138.73 171.636C139.072 171.647 139.412 171.677 139.751 171.724L140.087 171.813L140.158 172.22C140.183 172.535 140.183 172.851 140.158 173.166C140.16 174.207 140.037 175.244 139.792 176.256C139.518 177.472 139.065 178.641 138.447 179.723C137.82 180.862 137.026 181.899 136.091 182.801Z'
|
||||
fill='var(--online-indicator)'
|
||||
/>
|
||||
<path
|
||||
d='M135.566 175.233C135.69 175.136 135.846 175.089 136.004 175.101C136.161 175.113 136.308 175.183 136.416 175.298C136.488 175.377 136.535 175.474 136.553 175.579C136.57 175.684 136.558 175.791 136.516 175.889C136.469 175.975 136.412 176.054 136.345 176.126L132.373 179.777L133.984 179.818C134.044 179.822 134.102 179.839 134.155 179.866C134.208 179.894 134.255 179.932 134.293 179.979C134.33 180.025 134.358 180.079 134.374 180.137C134.39 180.194 134.394 180.255 134.386 180.314L134.315 180.468C134.282 180.551 134.223 180.621 134.146 180.666C134.068 180.711 133.978 180.729 133.89 180.716L131.434 180.61L128.991 182.825L132.237 182.979C132.297 182.982 132.356 182.998 132.41 183.025C132.464 183.053 132.511 183.091 132.549 183.138C132.588 183.184 132.616 183.238 132.632 183.296C132.649 183.354 132.653 183.415 132.644 183.475V183.652C132.599 183.725 132.537 183.786 132.463 183.829C132.389 183.872 132.305 183.897 132.219 183.9L128.052 183.705L122.841 188.432C122.781 188.484 122.712 188.524 122.638 188.549C122.563 188.574 122.484 188.584 122.405 188.578C122.326 188.572 122.249 188.55 122.179 188.513C122.109 188.477 122.047 188.427 121.997 188.367C121.939 188.315 121.892 188.252 121.861 188.181C121.829 188.11 121.812 188.034 121.812 187.956C121.812 187.878 121.829 187.802 121.861 187.731C121.892 187.66 121.939 187.597 121.997 187.545L127.38 182.713L127.557 178.719C127.586 178.477 127.734 178.359 128.005 178.353C128.277 178.347 128.412 178.5 128.407 178.79L128.265 181.862L130.785 179.617L130.88 177.337C130.881 177.28 130.894 177.224 130.918 177.173C130.942 177.122 130.977 177.077 131.02 177.04C131.063 177.003 131.113 176.976 131.167 176.96C131.221 176.944 131.278 176.939 131.334 176.947C131.389 176.943 131.443 176.951 131.495 176.971C131.546 176.99 131.593 177.02 131.632 177.058C131.671 177.097 131.701 177.143 131.721 177.194C131.741 177.245 131.75 177.3 131.747 177.354L131.671 178.766L135.596 175.222L135.566 175.233Z'
|
||||
fill='black'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M27.3812 111.275C26.618 111.155 25.8435 111.126 25.0734 111.186C24.43 111.257 24.0936 111.298 24.0582 111.316C23.9945 111.647 23.9727 111.984 23.9932 112.321C23.9933 113.1 24.0704 113.878 24.2234 114.642C24.3947 115.55 24.7074 116.425 25.1501 117.236C25.6043 118.079 26.2038 118.835 26.9208 119.469C27.6276 120.111 28.4227 120.648 29.2818 121.064C30.1151 121.473 31.0074 121.748 31.926 121.879C32.6809 122.002 33.4476 122.036 34.2103 121.98C34.5594 121.96 34.9066 121.914 35.2491 121.844C35.312 121.511 35.3338 121.172 35.314 120.834C35.3113 120.059 35.2262 119.287 35.0602 118.53C34.8697 117.628 34.5497 116.758 34.1099 115.948C33.6481 115.107 33.0497 114.348 32.3392 113.703C31.6377 113.05 30.8418 112.506 29.9783 112.09C29.1578 111.691 28.2825 111.416 27.3812 111.275Z'
|
||||
fill='var(--online-indicator)'
|
||||
/>
|
||||
<path
|
||||
d='M36.9844 124.065C37.2028 124.254 37.3976 124.272 37.5746 124.107C37.6182 124.066 37.653 124.016 37.6768 123.961C37.7005 123.907 37.7128 123.847 37.7128 123.788C37.7128 123.728 37.7005 123.669 37.6768 123.614C37.653 123.559 37.6182 123.51 37.5746 123.469L34.0627 120.125L33.9919 117.129C33.9919 116.929 33.862 116.828 33.6319 116.828C33.5843 116.822 33.5361 116.827 33.4904 116.841C33.4447 116.855 33.4025 116.879 33.3668 116.911C33.331 116.943 33.3025 116.982 33.283 117.026C33.2636 117.07 33.2537 117.117 33.2541 117.165L33.3426 119.386L31.749 117.862V116.09C31.7501 116.04 31.7407 115.991 31.7214 115.946C31.7021 115.9 31.6733 115.859 31.637 115.826C31.6008 115.792 31.5578 115.767 31.5109 115.751C31.4641 115.736 31.4144 115.73 31.3653 115.735C31.318 115.729 31.27 115.734 31.2244 115.747C31.1788 115.761 31.1366 115.785 31.1004 115.816C31.0643 115.847 31.0351 115.885 31.0147 115.928C30.9942 115.971 30.983 116.018 30.9817 116.066V117.141L28.3433 114.589C28.3095 114.551 28.2682 114.521 28.2219 114.5C28.1756 114.479 28.1255 114.469 28.0747 114.469C28.024 114.469 27.9739 114.479 27.9276 114.5C27.8814 114.521 27.84 114.551 27.8062 114.589C27.7389 114.639 27.6889 114.708 27.6635 114.788C27.638 114.867 27.6384 114.953 27.6645 115.032L27.7413 115.186L30.3501 117.685H29.4057C29.3147 117.705 29.2333 117.756 29.1753 117.829C29.1173 117.902 29.0861 117.993 29.087 118.087V118.211C29.1165 118.278 29.1655 118.335 29.2276 118.373C29.2897 118.412 29.362 118.432 29.4353 118.429L31.1233 118.394L32.6639 119.948H30.598C30.4971 119.947 30.3999 119.986 30.3264 120.055C30.2529 120.124 30.2086 120.219 30.2026 120.32L30.2734 120.479C30.2928 120.536 30.3306 120.585 30.3808 120.618C30.431 120.651 30.4908 120.667 30.5508 120.662H33.4371L36.9785 124.059L36.9844 124.065Z'
|
||||
fill='black'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
<path
|
||||
d='M174.864 65.0161C174.767 64.5516 174.613 64.1011 174.404 63.675C174.227 63.3264 174.126 63.1433 174.115 63.1256C173.911 63.1618 173.713 63.2233 173.524 63.3087C173.08 63.4828 172.653 63.6984 172.25 63.9527C171.768 64.2474 171.337 64.6185 170.975 65.0516C170.596 65.4952 170.296 66.0008 170.089 66.5462C169.878 67.0958 169.747 67.6727 169.7 68.2595C169.652 68.8255 169.692 69.3954 169.818 69.9492C169.913 70.408 170.062 70.8541 170.26 71.2784C170.348 71.4828 170.45 71.6803 170.567 71.8692C170.771 71.833 170.969 71.7715 171.158 71.6861C171.601 71.5132 172.024 71.2933 172.421 71.0303C172.893 70.7228 173.318 70.3487 173.684 69.9197C174.059 69.476 174.362 68.9755 174.581 68.4368C174.799 67.8929 174.934 67.3194 174.982 66.7353C175.033 66.1596 174.993 65.5794 174.864 65.0161Z'
|
||||
fill='var(--online-indicator)'
|
||||
/>
|
||||
<path
|
||||
d='M169.682 73.3167C169.623 73.4821 169.652 73.5944 169.788 73.6594C169.821 73.6761 169.856 73.6861 169.892 73.6886C169.929 73.6911 169.965 73.6861 169.999 73.6739C170.034 73.6617 170.065 73.6426 170.092 73.6177C170.118 73.5929 170.14 73.5628 170.154 73.5294L171.293 70.7881L172.981 70.091C173.008 70.0819 173.031 70.0671 173.051 70.0476C173.071 70.028 173.085 70.0042 173.094 69.978C173.104 69.9519 173.107 69.924 173.103 69.8965C173.1 69.869 173.091 69.8426 173.076 69.8192C173.069 69.79 173.057 69.7626 173.039 69.7388C173.021 69.715 172.998 69.6954 172.971 69.6813C172.945 69.6673 172.916 69.6592 172.886 69.6575C172.856 69.6558 172.826 69.6606 172.798 69.6715L171.553 70.2151L172.072 68.9685L173.076 68.5786C173.104 68.5684 173.13 68.5524 173.151 68.5315C173.173 68.5106 173.19 68.4853 173.201 68.4574C173.212 68.4295 173.217 68.3996 173.216 68.3695C173.215 68.3395 173.207 68.3101 173.194 68.2832C173.187 68.2553 173.174 68.2291 173.156 68.2065C173.138 68.184 173.115 68.1654 173.09 68.152C173.064 68.1387 173.036 68.1308 173.007 68.129C172.978 68.1272 172.949 68.1314 172.922 68.1414L172.332 68.3718L173.206 66.3041C173.22 66.2765 173.229 66.2461 173.231 66.215C173.232 66.1839 173.228 66.1527 173.216 66.1236C173.205 66.0945 173.188 66.0682 173.166 66.0463C173.144 66.0245 173.117 66.0076 173.088 65.9969C173.046 65.9671 172.997 65.951 172.946 65.951C172.895 65.951 172.846 65.9671 172.804 65.9969L172.733 66.0737L171.884 68.1178L171.677 67.5742C171.643 67.5286 171.596 67.4953 171.541 67.4793C171.487 67.4633 171.429 67.4655 171.376 67.4857H171.305C171.273 67.517 171.251 67.5578 171.242 67.6022C171.234 67.6466 171.239 67.6926 171.258 67.7337L171.647 68.6908L171.099 69.9138L170.632 68.7322C170.611 68.675 170.568 68.6283 170.513 68.6018C170.458 68.5754 170.395 68.5713 170.337 68.5904L170.266 68.6672C170.236 68.6887 170.215 68.7201 170.206 68.7559C170.198 68.7917 170.202 68.8294 170.219 68.8622L170.862 70.5105L169.682 73.2753V73.3167Z'
|
||||
fill='black'
|
||||
fillOpacity='0.48'
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id='clip0'>
|
||||
<rect
|
||||
width='175'
|
||||
height='207'
|
||||
fill='white'
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default BalloonIllustration;
|
||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
@@ -31,7 +31,6 @@ import type {GlobalState} from 'types/store';
|
||||
|
||||
import VirtualizedThreadList from './virtualized_thread_list';
|
||||
|
||||
import BalloonIllustration from '../../common/balloon_illustration';
|
||||
import Button from '../../common/button';
|
||||
import {useThreadRouting} from '../../hooks';
|
||||
import MarkAllThreadsAsReadModal from '../mark_all_threads_as_read_modal';
|
||||
@@ -268,11 +267,14 @@ const ThreadList = ({
|
||||
{unread && !someUnread && isEmpty(unreadIds) ? (
|
||||
<NoResultsIndicator
|
||||
expanded={true}
|
||||
iconGraphic={BalloonIllustration}
|
||||
title={formatMessage({
|
||||
id: 'globalThreads.threadList.noUnreadThreads',
|
||||
defaultMessage: 'No unread threads',
|
||||
})}
|
||||
subtitle={formatMessage({
|
||||
id: 'globalThreads.threadList.noUnreadThreads.subtitle',
|
||||
defaultMessage: 'You\'re all caught up',
|
||||
})}
|
||||
/>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
@@ -3925,7 +3925,6 @@
|
||||
"generic_icons.success": "Success Icon",
|
||||
"generic_icons.upgradeBadge": "Upgrade badge",
|
||||
"generic_icons.upload": "Upload Icon",
|
||||
"generic_icons.user_group_members": "User Group Members Icon",
|
||||
"generic_icons.user_groups": "User Groups Icon",
|
||||
"generic_icons.userGuide": "Help",
|
||||
"generic_icons.warning": "Warning Icon",
|
||||
@@ -3968,6 +3967,7 @@
|
||||
"globalThreads.searchGuidance.title": "That’s the end of the list",
|
||||
"globalThreads.sidebarLink": "Threads",
|
||||
"globalThreads.threadList.noUnreadThreads": "No unread threads",
|
||||
"globalThreads.threadList.noUnreadThreads.subtitle": "You're all caught up",
|
||||
"globalThreads.threadPane.unreadMessageLink": "You have {numUnread, plural, =0 {no unread threads} =1 {<link>{numUnread} thread</link>} other {<link>{numUnread} threads</link>}} {numUnread, plural, =0 {} other {with unread messages}}",
|
||||
"globalThreads.threadPane.unselectedTitle": "{numUnread, plural, =0 {Looks like you’re all caught up} other {Catch up on your threads}}",
|
||||
"globalThreads.title": "{prefix}Threads - {displayName} {siteName}",
|
||||
|
||||
Ссылка в новой задаче
Block a user