a{
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover{
    color: #111;
}
a.line{
    text-decoration: underline;
}
a.line:hover{
    text-decoration: none;
}
button{
    font-family: "Noto Sans", sans-serif;
    font-size: 1rem;
}
.link-underline{
    text-decoration: none;
}
.link-underline:hover{
    text-decoration: underline;
}
.button-link{
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    line-height: 1;
    cursor: pointer;
    color: #111;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.button-link:hover{
    color: #111;
}
label{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.logo{
    position: relative;
    display:block;
    padding:0px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
}
.logo:hover{
    text-decoration: none;
}
a, .transition, .icon-link-arrow{
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.shadow-box{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.radius{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.full{
    width: 100%;
}
.uk-button-primary .icon,
.uk-button-secondary .icon{
    background-color: #FFF;
}

input[type="color"] {
    -webkit-appearance: none;
    border: none;
    background: #fff;
    width: 60px;
    height: 32px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}

/* Icons */
.icon-grid{
    display: grid !important;
    gap: 8px;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: start;
}
.icon-grid-reverse,
.icon-grid-reverse:hover{
    color: #FFF;
}
.icon-grid-reverse .icon{
    background-color: #FFF;
}
.icon-grid-start{
    align-items: start;
}
.icon-grid-button{
    justify-content: center;
}
.icon-grid-button .icon{
    top: -2px;
}
.icon-grid-bold{
    font-weight: 700;
}
.icon-grid-arrow:hover{
    gap: 16px;
}
.icon{
    position: relative;
    width: 24px;
    height: 24px;
    display: block;
    background-color: #111;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
.icon-16{
    width: 16px;
    height: 16px;
}
.icon-32{
    width: 32px;
    height: 32px;
}
.icon-48{
    width: 48px;
    height: 48px;
}
.icon-email{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V5C22 4.44772 21.5523 4 21 4H3ZM3.7282 5H20.2718L12 12.8123L3.7282 5ZM3 5.68775V18.2929L9.48265 11.8102L3 5.68775ZM3.70711 19H20.2929L13.79 12.4971L12.3433 13.8635C12.1506 14.0455 11.8494 14.0455 11.6567 13.8635L10.21 12.4971L3.70711 19ZM21 18.2929V5.68774L14.5174 11.8102L21 18.2929Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V5C22 4.44772 21.5523 4 21 4H3ZM3.7282 5H20.2718L12 12.8123L3.7282 5ZM3 5.68775V18.2929L9.48265 11.8102L3 5.68775ZM3.70711 19H20.2929L13.79 12.4971L12.3433 13.8635C12.1506 14.0455 11.8494 14.0455 11.6567 13.8635L10.21 12.4971L3.70711 19ZM21 18.2929V5.68774L14.5174 11.8102L21 18.2929Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-copy{
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 6V3H19V19H16V22H4V6H7ZM8 4H18V18H8V4ZM7 7H5V21H15V19H7V7Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 6V3H19V19H16V22H4V6H7ZM8 4H18V18H8V4ZM7 7H5V21H15V19H7V7Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-close{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1464 4.14645C19.3417 3.95118 19.6583 3.95118 19.8536 4.14645C20.0488 4.34171 20.0488 4.65829 19.8536 4.85355L12.7071 12L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L12 12.7071L4.85355 19.8536C4.65829 20.0488 4.34171 20.0488 4.14645 19.8536C3.95118 19.6583 3.95118 19.3417 4.14645 19.1464L11.2929 12L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L12 11.2929L19.1464 4.14645Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1464 4.14645C19.3417 3.95118 19.6583 3.95118 19.8536 4.14645C20.0488 4.34171 20.0488 4.65829 19.8536 4.85355L12.7071 12L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L12 12.7071L4.85355 19.8536C4.65829 20.0488 4.34171 20.0488 4.14645 19.8536C3.95118 19.6583 3.95118 19.3417 4.14645 19.1464L11.2929 12L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L12 11.2929L19.1464 4.14645Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-arrow-top{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.5L12 9L16.5 13.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.5L12 9L16.5 13.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-bottom{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10.5L12 15L16.5 10.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10.5L12 15L16.5 10.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.5L9 12L13.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.5L9 12L13.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 7.5L15 12L10.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 7.5L15 12L10.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left-long{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.14645 6.14645C7.34171 5.95118 7.65829 5.95118 7.85355 6.14645C8.04882 6.34171 8.04882 6.65829 7.85355 6.85355L2.70711 12H22.5C22.7761 12 23 12.2239 23 12.5C23 12.7761 22.7761 13 22.5 13H2.70711L7.85355 18.1464C8.04882 18.3417 8.04882 18.6583 7.85355 18.8536C7.65829 19.0488 7.34171 19.0488 7.14645 18.8536L1.14645 12.8536C0.951184 12.6583 0.951184 12.3417 1.14645 12.1464L7.14645 6.14645Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.14645 6.14645C7.34171 5.95118 7.65829 5.95118 7.85355 6.14645C8.04882 6.34171 8.04882 6.65829 7.85355 6.85355L2.70711 12H22.5C22.7761 12 23 12.2239 23 12.5C23 12.7761 22.7761 13 22.5 13H2.70711L7.85355 18.1464C8.04882 18.3417 8.04882 18.6583 7.85355 18.8536C7.65829 19.0488 7.34171 19.0488 7.14645 18.8536L1.14645 12.8536C0.951184 12.6583 0.951184 12.3417 1.14645 12.1464L7.14645 6.14645Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-long{
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8536 6.14645C16.6583 5.95118 16.3417 5.95118 16.1464 6.14645C15.9512 6.34171 15.9512 6.65829 16.1464 6.85355L21.2929 12H1.5C1.22386 12 1 12.2239 1 12.5C1 12.7761 1.22386 13 1.5 13H21.2929L16.1464 18.1464C15.9512 18.3417 15.9512 18.6583 16.1464 18.8536C16.3417 19.0488 16.6583 19.0488 16.8536 18.8536L22.8536 12.8536C23.0488 12.6583 23.0488 12.3417 22.8536 12.1464L16.8536 6.14645Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8536 6.14645C16.6583 5.95118 16.3417 5.95118 16.1464 6.14645C15.9512 6.34171 15.9512 6.65829 16.1464 6.85355L21.2929 12H1.5C1.22386 12 1 12.2239 1 12.5C1 12.7761 1.22386 13 1.5 13H21.2929L16.1464 18.1464C15.9512 18.3417 15.9512 18.6583 16.1464 18.8536C16.3417 19.0488 16.6583 19.0488 16.8536 18.8536L22.8536 12.8536C23.0488 12.6583 23.0488 12.3417 22.8536 12.1464L16.8536 6.14645Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-home-16{
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66782 2.1263C7.85726 1.9579 8.14274 1.9579 8.33218 2.1263L12.8322 6.1263C12.9389 6.22118 13 6.35718 13 6.5V13H14.5C14.7761 13 15 13.2239 15 13.5C15 13.7761 14.7761 14 14.5 14H1.5C1.22386 14 1 13.7761 1 13.5C1 13.2239 1.22386 13 1.5 13H3V6.5C3 6.35718 3.06107 6.22118 3.16782 6.1263L7.66782 2.1263ZM7 13H9V10H7V13ZM10 13V9.5C10 9.22386 9.77614 9 9.5 9H6.5C6.22386 9 6 9.22386 6 9.5V13H4V6.72453L8 3.16898L12 6.72453V13H10Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66782 2.1263C7.85726 1.9579 8.14274 1.9579 8.33218 2.1263L12.8322 6.1263C12.9389 6.22118 13 6.35718 13 6.5V13H14.5C14.7761 13 15 13.2239 15 13.5C15 13.7761 14.7761 14 14.5 14H1.5C1.22386 14 1 13.7761 1 13.5C1 13.2239 1.22386 13 1.5 13H3V6.5C3 6.35718 3.06107 6.22118 3.16782 6.1263L7.66782 2.1263ZM7 13H9V10H7V13ZM10 13V9.5C10 9.22386 9.77614 9 9.5 9H6.5C6.22386 9 6 9.22386 6 9.5V13H4V6.72453L8 3.16898L12 6.72453V13H10Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-dot-16{
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-16{
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50003 4.5L10 8.00001L6.5 11.5001' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50003 4.5L10 8.00001L6.5 11.5001' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-facebook{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 13L16 10H13L13.0052 8.5C13.0052 7.65066 13.5 7 14.5 7H16V4.5C15 4 14.3196 4.01001 13.5 4C11.5 4 10 5.54209 10 8.5V10H7V13H10V20H13V13H15Z' fill='%23021832'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 13L16 10H13L13.0052 8.5C13.0052 7.65066 13.5 7 14.5 7H16V4.5C15 4 14.3196 4.01001 13.5 4C11.5 4 10 5.54209 10 8.5V10H7V13H10V20H13V13H15Z' fill='%23021832'/%3E%3C/svg%3E%0A");
}
.icon-youtube{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2514 6.35727C18.9411 6.55636 19.4833 7.13727 19.6666 7.87364C20 9.21 20 12 20 12C20 12 20 14.79 19.6666 16.1264C19.4808 16.8655 18.9386 17.4464 18.2514 17.6427C17.0041 18 12 18 12 18C12 18 6.99841 18 5.74865 17.6427C5.05886 17.4436 4.5167 16.8627 4.33344 16.1264C4 14.79 4 12 4 12C4 12 4 9.21 4.33344 7.87364C4.51925 7.13455 5.06141 6.55364 5.74865 6.35727C6.99841 6 12 6 12 6C12 6 17.0041 6 18.2514 6.35727ZM14.9091 12L10.5455 9V15L14.9091 12Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2514 6.35727C18.9411 6.55636 19.4833 7.13727 19.6666 7.87364C20 9.21 20 12 20 12C20 12 20 14.79 19.6666 16.1264C19.4808 16.8655 18.9386 17.4464 18.2514 17.6427C17.0041 18 12 18 12 18C12 18 6.99841 18 5.74865 17.6427C5.05886 17.4436 4.5167 16.8627 4.33344 16.1264C4 14.79 4 12 4 12C4 12 4 9.21 4.33344 7.87364C4.51925 7.13455 5.06141 6.55364 5.74865 6.35727C6.99841 6 12 6 12 6C12 6 17.0041 6 18.2514 6.35727ZM14.9091 12L10.5455 9V15L14.9091 12Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-pinterest{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0995 3.06354C8.10921 3.416 5.12948 5.97042 5.0065 9.61933C4.92919 11.8473 5.5283 13.5187 7.53645 13.988C8.40788 12.3648 7.25535 12.0068 7.07614 10.8325C6.33999 6.02051 12.3328 2.7389 15.4689 6.09842C17.6387 8.42467 16.2103 15.5815 12.7106 14.8376C9.35838 14.1271 14.3515 8.43023 11.6757 7.31163C9.50069 6.40265 8.34464 10.0924 9.37594 11.9252C8.77157 15.0769 7.46969 18.0469 7.99677 22C9.70624 20.6903 10.2825 18.1823 10.7551 15.5667C11.6143 16.1176 12.0728 16.6908 13.1691 16.7799C17.2118 17.1101 19.4694 12.5188 18.9178 8.28368C18.4276 4.52904 14.8786 2.61833 11.0995 3.06354Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0995 3.06354C8.10921 3.416 5.12948 5.97042 5.0065 9.61933C4.92919 11.8473 5.5283 13.5187 7.53645 13.988C8.40788 12.3648 7.25535 12.0068 7.07614 10.8325C6.33999 6.02051 12.3328 2.7389 15.4689 6.09842C17.6387 8.42467 16.2103 15.5815 12.7106 14.8376C9.35838 14.1271 14.3515 8.43023 11.6757 7.31163C9.50069 6.40265 8.34464 10.0924 9.37594 11.9252C8.77157 15.0769 7.46969 18.0469 7.99677 22C9.70624 20.6903 10.2825 18.1823 10.7551 15.5667C11.6143 16.1176 12.0728 16.6908 13.1691 16.7799C17.2118 17.1101 19.4694 12.5188 18.9178 8.28368C18.4276 4.52904 14.8786 2.61833 11.0995 3.06354Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-linkedin{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.06 18.39H5.06V9.39H8.06V18.39ZM6.56 8.13C6.14626 8.13 5.74947 7.96564 5.45691 7.67309C5.16436 7.38053 5 6.98374 5 6.57C5 6.15626 5.16436 5.75947 5.45691 5.46691C5.74947 5.17436 6.14626 5.01 6.56 5.01C6.7797 4.98508 7.00218 5.00685 7.21287 5.07388C7.42357 5.14091 7.61774 5.25169 7.78266 5.39896C7.94757 5.54623 8.07953 5.72668 8.16987 5.92848C8.26022 6.13029 8.30692 6.3489 8.30692 6.57C8.30692 6.7911 8.26022 7.00971 8.16987 7.21152C8.07953 7.41332 7.94757 7.59377 7.78266 7.74104C7.61774 7.88831 7.42357 7.99909 7.21287 8.06612C7.00218 8.13315 6.7797 8.15492 6.56 8.13ZM18.88 18.39H15.88V13.56C15.88 12.35 15.45 11.56 14.36 11.56C14.0227 11.5625 13.6942 11.6683 13.4188 11.8632C13.1435 12.0581 12.9345 12.3327 12.82 12.65C12.7417 12.885 12.7078 13.1326 12.72 13.38V18.38H9.72C9.72 18.38 9.72 10.2 9.72 9.38H12.72V10.65C12.9925 10.1771 13.3889 9.78752 13.8664 9.5232C14.344 9.25888 14.8846 9.12985 15.43 9.15C17.43 9.15 18.88 10.44 18.88 13.21V18.39Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.06 18.39H5.06V9.39H8.06V18.39ZM6.56 8.13C6.14626 8.13 5.74947 7.96564 5.45691 7.67309C5.16436 7.38053 5 6.98374 5 6.57C5 6.15626 5.16436 5.75947 5.45691 5.46691C5.74947 5.17436 6.14626 5.01 6.56 5.01C6.7797 4.98508 7.00218 5.00685 7.21287 5.07388C7.42357 5.14091 7.61774 5.25169 7.78266 5.39896C7.94757 5.54623 8.07953 5.72668 8.16987 5.92848C8.26022 6.13029 8.30692 6.3489 8.30692 6.57C8.30692 6.7911 8.26022 7.00971 8.16987 7.21152C8.07953 7.41332 7.94757 7.59377 7.78266 7.74104C7.61774 7.88831 7.42357 7.99909 7.21287 8.06612C7.00218 8.13315 6.7797 8.15492 6.56 8.13ZM18.88 18.39H15.88V13.56C15.88 12.35 15.45 11.56 14.36 11.56C14.0227 11.5625 13.6942 11.6683 13.4188 11.8632C13.1435 12.0581 12.9345 12.3327 12.82 12.65C12.7417 12.885 12.7078 13.1326 12.72 13.38V18.38H9.72C9.72 18.38 9.72 10.2 9.72 9.38H12.72V10.65C12.9925 10.1771 13.3889 9.78752 13.8664 9.5232C14.344 9.25888 14.8846 9.12985 15.43 9.15C17.43 9.15 18.88 10.44 18.88 13.21V18.39Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-x{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 19.25L4.5 4.75H8.625L19.5 19.25H15.375Z' stroke='%23101010' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 4H18L12.5455 9.81818L13.7922 11.6883L21 4ZM11.4545 14.1818L10.2078 12.3117L3 20H6L11.4545 14.1818Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 19.25L4.5 4.75H8.625L19.5 19.25H15.375Z' stroke='%23101010' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 4H18L12.5455 9.81818L13.7922 11.6883L21 4ZM11.4545 14.1818L10.2078 12.3117L3 20H6L11.4545 14.1818Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-instagram{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7C16 6.44772 16.4477 6 17 6C17.5523 6 18 6.44772 18 7Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3ZM8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7C16 6.44772 16.4477 6 17 6C17.5523 6 18 6.44772 18 7Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3ZM8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-telegram{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1685 7.9416C11.5609 9.02377 4.04224 12.097 4.04224 12.097C2.26037 12.7896 3.30336 13.4389 3.30336 13.4389C3.30336 13.4389 4.82449 13.9584 6.12835 14.3479C7.43215 14.7375 8.12754 14.3046 8.12754 14.3046C8.12754 14.3046 11.1698 12.3135 14.2555 10.1924C16.4285 8.72076 15.907 9.93275 15.3854 10.4522C14.2555 11.5776 12.3867 13.3523 10.8221 14.7808C10.1267 15.3868 10.4744 15.9062 10.7786 16.1659C11.6634 16.9116 13.7473 18.2677 14.6935 18.8834C14.9556 19.054 15.1304 19.1677 15.1682 19.1959C15.3854 19.3691 16.6024 20.1482 17.3412 19.9751C18.08 19.8019 18.1669 18.8063 18.1669 18.8063C18.1669 18.8063 18.7319 15.2569 19.2535 12.0105C19.3501 11.373 19.4467 10.749 19.5367 10.167C19.7708 8.65462 19.9609 7.42695 19.9923 6.98931C20.1227 5.51762 18.5581 6.12358 18.5581 6.12358C18.5581 6.12358 15.1682 7.50877 14.1685 7.9416Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1685 7.9416C11.5609 9.02377 4.04224 12.097 4.04224 12.097C2.26037 12.7896 3.30336 13.4389 3.30336 13.4389C3.30336 13.4389 4.82449 13.9584 6.12835 14.3479C7.43215 14.7375 8.12754 14.3046 8.12754 14.3046C8.12754 14.3046 11.1698 12.3135 14.2555 10.1924C16.4285 8.72076 15.907 9.93275 15.3854 10.4522C14.2555 11.5776 12.3867 13.3523 10.8221 14.7808C10.1267 15.3868 10.4744 15.9062 10.7786 16.1659C11.6634 16.9116 13.7473 18.2677 14.6935 18.8834C14.9556 19.054 15.1304 19.1677 15.1682 19.1959C15.3854 19.3691 16.6024 20.1482 17.3412 19.9751C18.08 19.8019 18.1669 18.8063 18.1669 18.8063C18.1669 18.8063 18.7319 15.2569 19.2535 12.0105C19.3501 11.373 19.4467 10.749 19.5367 10.167C19.7708 8.65462 19.9609 7.42695 19.9923 6.98931C20.1227 5.51762 18.5581 6.12358 18.5581 6.12358C18.5581 6.12358 15.1682 7.50877 14.1685 7.9416Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-viber{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.413 7.58717C14.6019 6.776 13.432 6.30004 12.0002 6.30006C11.8345 6.30006 11.7002 6.16575 11.7002 6.00007C11.7002 5.83438 11.8345 5.70006 12.0002 5.70006C13.5684 5.70004 14.8985 6.22407 15.8373 7.16291C16.7761 8.10175 17.3002 9.4319 17.3002 11.0001C17.3002 11.1658 17.1658 11.3001 17.0002 11.3001C16.8345 11.3001 16.7002 11.1658 16.7002 11.0001C16.7002 9.56824 16.2242 8.39835 15.413 7.58717Z' fill='%23101010'/%3E%3Cpath d='M12.5002 7.8C13.1526 7.8 13.8302 8.12923 14.3506 8.64962C14.871 9.17001 15.2002 9.84754 15.2002 10.5C15.2002 10.6657 15.3345 10.8 15.5002 10.8C15.6659 10.8 15.8002 10.6657 15.8002 10.5C15.8002 9.6524 15.3794 8.82995 14.7748 8.22535C14.1702 7.62076 13.3478 7.2 12.5002 7.2C12.3346 7.2 12.2002 7.33431 12.2002 7.5C12.2002 7.66568 12.3346 7.8 12.5002 7.8Z' fill='%23101010'/%3E%3Cpath d='M7.65229 8.58721C7.64364 8.32265 7.79073 8.13057 7.96872 7.95782C8.20347 7.73804 8.4621 7.544 8.74001 7.37917C8.86674 7.30279 9.01741 7.27368 9.16434 7.29721C9.31127 7.32074 9.44457 7.39531 9.53973 7.50722C9.87598 7.85266 10.1769 8.22934 10.4383 8.63191C10.5678 8.81299 10.6655 9.01385 10.7276 9.22626C10.7524 9.30915 10.754 9.39702 10.7322 9.48073C10.7105 9.56444 10.6662 9.64092 10.604 9.70223C10.4614 9.83903 10.3094 9.96617 10.1491 10.0828C10.0683 10.1457 10.0083 10.2304 9.97641 10.3264C9.94454 10.4224 9.94227 10.5255 9.96987 10.6228C10.0689 11.0795 10.2932 11.5013 10.6188 11.8429C11.0144 12.3149 11.5242 12.6832 12.102 12.9144C12.244 12.9857 12.4067 13.0075 12.5631 12.976C12.6487 12.9532 12.7248 12.9046 12.7806 12.8371C12.806 12.8055 12.8321 12.7743 12.8581 12.743C12.9209 12.6677 12.984 12.592 13.039 12.5109C13.14 12.3678 13.2942 12.2688 13.4687 12.2352C13.6433 12.2016 13.8244 12.2359 13.9734 12.3309C14.3924 12.5685 14.788 12.8435 15.1551 13.1524C15.194 13.185 15.2336 13.2171 15.2733 13.2492C15.3219 13.2886 15.3708 13.3281 15.4184 13.3686C15.5207 13.4449 15.5947 13.552 15.6288 13.6733C15.663 13.7946 15.6555 13.9235 15.6075 14.0403C15.5311 14.2366 15.4198 14.4182 15.2787 14.5767C15.1033 14.8149 14.88 15.0155 14.6223 15.1662C14.4992 15.2369 14.3608 15.2784 14.2183 15.2874C14.0758 15.2964 13.9331 15.2727 13.8016 15.2181C12.8016 14.8246 11.8671 14.2876 11.0292 13.6247C10.2095 12.9653 9.49326 12.192 8.90317 11.3295C8.40664 10.6154 8.01162 9.83881 7.72893 9.02089C7.69883 8.92197 7.67407 8.82156 7.65476 8.72009C7.64927 8.676 7.64844 8.63147 7.65229 8.58721Z' fill='%23101010'/%3E%3Cpath d='M13.4753 9.52464C13.3299 9.37924 13.1523 9.30001 12.9999 9.30001C12.8342 9.30001 12.6999 9.1657 12.6999 9.00001C12.6999 8.83433 12.8342 8.70001 12.9999 8.70001C13.3475 8.7 13.6699 8.87077 13.8995 9.10037C14.1291 9.32997 14.2999 9.65242 14.2999 9.99998C14.3 10.1657 14.1657 10.3 14 10.3C13.8343 10.3 13.7 10.1657 13.7 10C13.6999 9.8476 13.6207 9.67004 13.4753 9.52464Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 19C11.5697 19 11.1583 18.9936 10.7651 18.9798L8.8 21.6C8.54174 21.9443 8.09212 22.0848 7.68377 21.9487C7.27543 21.8126 7 21.4304 7 21V18.4492C5.63676 18.0229 4.61089 17.2969 3.94566 16.1218C3.20396 14.8117 3 13.0854 3 11C3 8.24274 3.35288 6.07268 4.89571 4.69226C6.39637 3.34956 8.76583 3 12 3C15.2342 3 17.6036 3.34956 19.1043 4.69226C20.6471 6.07268 21 8.24274 21 11C21 13.7573 20.6471 15.9273 19.1043 17.3077C17.6036 18.6504 15.2342 19 12 19ZM8 17.678V21L10.282 17.9573C10.8116 17.9865 11.3833 18 12 18C18.5 18 20 16.5 20 11C20 5.5 18.5 4 12 4C5.5 4 4 5.5 4 11C4 15.1216 4.84235 16.9969 8 17.678Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.413 7.58717C14.6019 6.776 13.432 6.30004 12.0002 6.30006C11.8345 6.30006 11.7002 6.16575 11.7002 6.00007C11.7002 5.83438 11.8345 5.70006 12.0002 5.70006C13.5684 5.70004 14.8985 6.22407 15.8373 7.16291C16.7761 8.10175 17.3002 9.4319 17.3002 11.0001C17.3002 11.1658 17.1658 11.3001 17.0002 11.3001C16.8345 11.3001 16.7002 11.1658 16.7002 11.0001C16.7002 9.56824 16.2242 8.39835 15.413 7.58717Z' fill='%23101010'/%3E%3Cpath d='M12.5002 7.8C13.1526 7.8 13.8302 8.12923 14.3506 8.64962C14.871 9.17001 15.2002 9.84754 15.2002 10.5C15.2002 10.6657 15.3345 10.8 15.5002 10.8C15.6659 10.8 15.8002 10.6657 15.8002 10.5C15.8002 9.6524 15.3794 8.82995 14.7748 8.22535C14.1702 7.62076 13.3478 7.2 12.5002 7.2C12.3346 7.2 12.2002 7.33431 12.2002 7.5C12.2002 7.66568 12.3346 7.8 12.5002 7.8Z' fill='%23101010'/%3E%3Cpath d='M7.65229 8.58721C7.64364 8.32265 7.79073 8.13057 7.96872 7.95782C8.20347 7.73804 8.4621 7.544 8.74001 7.37917C8.86674 7.30279 9.01741 7.27368 9.16434 7.29721C9.31127 7.32074 9.44457 7.39531 9.53973 7.50722C9.87598 7.85266 10.1769 8.22934 10.4383 8.63191C10.5678 8.81299 10.6655 9.01385 10.7276 9.22626C10.7524 9.30915 10.754 9.39702 10.7322 9.48073C10.7105 9.56444 10.6662 9.64092 10.604 9.70223C10.4614 9.83903 10.3094 9.96617 10.1491 10.0828C10.0683 10.1457 10.0083 10.2304 9.97641 10.3264C9.94454 10.4224 9.94227 10.5255 9.96987 10.6228C10.0689 11.0795 10.2932 11.5013 10.6188 11.8429C11.0144 12.3149 11.5242 12.6832 12.102 12.9144C12.244 12.9857 12.4067 13.0075 12.5631 12.976C12.6487 12.9532 12.7248 12.9046 12.7806 12.8371C12.806 12.8055 12.8321 12.7743 12.8581 12.743C12.9209 12.6677 12.984 12.592 13.039 12.5109C13.14 12.3678 13.2942 12.2688 13.4687 12.2352C13.6433 12.2016 13.8244 12.2359 13.9734 12.3309C14.3924 12.5685 14.788 12.8435 15.1551 13.1524C15.194 13.185 15.2336 13.2171 15.2733 13.2492C15.3219 13.2886 15.3708 13.3281 15.4184 13.3686C15.5207 13.4449 15.5947 13.552 15.6288 13.6733C15.663 13.7946 15.6555 13.9235 15.6075 14.0403C15.5311 14.2366 15.4198 14.4182 15.2787 14.5767C15.1033 14.8149 14.88 15.0155 14.6223 15.1662C14.4992 15.2369 14.3608 15.2784 14.2183 15.2874C14.0758 15.2964 13.9331 15.2727 13.8016 15.2181C12.8016 14.8246 11.8671 14.2876 11.0292 13.6247C10.2095 12.9653 9.49326 12.192 8.90317 11.3295C8.40664 10.6154 8.01162 9.83881 7.72893 9.02089C7.69883 8.92197 7.67407 8.82156 7.65476 8.72009C7.64927 8.676 7.64844 8.63147 7.65229 8.58721Z' fill='%23101010'/%3E%3Cpath d='M13.4753 9.52464C13.3299 9.37924 13.1523 9.30001 12.9999 9.30001C12.8342 9.30001 12.6999 9.1657 12.6999 9.00001C12.6999 8.83433 12.8342 8.70001 12.9999 8.70001C13.3475 8.7 13.6699 8.87077 13.8995 9.10037C14.1291 9.32997 14.2999 9.65242 14.2999 9.99998C14.3 10.1657 14.1657 10.3 14 10.3C13.8343 10.3 13.7 10.1657 13.7 10C13.6999 9.8476 13.6207 9.67004 13.4753 9.52464Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 19C11.5697 19 11.1583 18.9936 10.7651 18.9798L8.8 21.6C8.54174 21.9443 8.09212 22.0848 7.68377 21.9487C7.27543 21.8126 7 21.4304 7 21V18.4492C5.63676 18.0229 4.61089 17.2969 3.94566 16.1218C3.20396 14.8117 3 13.0854 3 11C3 8.24274 3.35288 6.07268 4.89571 4.69226C6.39637 3.34956 8.76583 3 12 3C15.2342 3 17.6036 3.34956 19.1043 4.69226C20.6471 6.07268 21 8.24274 21 11C21 13.7573 20.6471 15.9273 19.1043 17.3077C17.6036 18.6504 15.2342 19 12 19ZM8 17.678V21L10.282 17.9573C10.8116 17.9865 11.3833 18 12 18C18.5 18 20 16.5 20 11C20 5.5 18.5 4 12 4C5.5 4 4 5.5 4 11C4 15.1216 4.84235 16.9969 8 17.678Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-tools-gradient{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 4V20H1V4H23ZM17 5H22V19H17V5ZM12 5H16V19H12V5ZM11 5H8V19H11V5ZM7 19V5H5V19H7ZM4 19V5H3V19H4Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 4V20H1V4H23ZM17 5H22V19H17V5ZM12 5H16V19H12V5ZM11 5H8V19H11V5ZM7 19V5H5V19H7ZM4 19V5H3V19H4Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-tools-grid{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14V3H8V14H2ZM3 4H7V13H3V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 14V9H22V14H9ZM10 10H21V13H10V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3V8H15V3H9ZM14 4H10V7H14V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 20V15H15V20H2ZM3 16H14V19H3V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 3V8H22V3H16ZM21 4H17V7H21V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20V15H22V20H16ZM17 16H21V19H17V16Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14V3H8V14H2ZM3 4H7V13H3V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 14V9H22V14H9ZM10 10H21V13H10V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3V8H15V3H9ZM14 4H10V7H14V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 20V15H15V20H2ZM3 16H14V19H3V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 3V8H22V3H16ZM21 4H17V7H21V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20V15H22V20H16ZM17 16H21V19H17V16Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-tools-flex{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 8V3H15V8H9ZM10 4H14V7H10V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14V9H8V14H2ZM3 10H7V13H3V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 9V14H15V9H9ZM14 10H10V13H14V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 14V9H22V14H16ZM17 10H21V13H17V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3V8H8V3H2ZM7 4H3V7H7V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 20V15H8V20H2ZM3 16H7V19H3V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 15V20H15V15H9ZM14 16H10V19H14V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8V3H22V8H16ZM17 4H21V7H17V4Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 8V3H15V8H9ZM10 4H14V7H10V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14V9H8V14H2ZM3 10H7V13H3V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 9V14H15V9H9ZM14 10H10V13H14V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 14V9H22V14H16ZM17 10H21V13H17V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3V8H8V3H2ZM7 4H3V7H7V4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 20V15H8V20H2ZM3 16H7V19H3V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 15V20H15V15H9ZM14 16H10V19H14V16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8V3H22V8H16ZM17 4H21V7H17V4Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-tools-radius{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3H7C4.79086 3 3 4.79083 3 7V10H4V7C4 5.34314 5.34314 4 7 4H10V3Z' fill='black'/%3E%3Cpath d='M14 4V3H17C19.2091 3 21 4.79083 21 7V10H20V7C20 5.34314 18.6569 4 17 4H14Z' fill='black'/%3E%3Cpath d='M14 20H17C18.6569 20 20 18.6569 20 17V14H21V17C21 19.2092 19.2091 21 17 21H14V20Z' fill='black'/%3E%3Cpath d='M4 14V17C4 18.6569 5.34314 20 7 20H10V21H7C4.79086 21 3 19.2092 3 17V14H4Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3H7C4.79086 3 3 4.79083 3 7V10H4V7C4 5.34314 5.34314 4 7 4H10V3Z' fill='black'/%3E%3Cpath d='M14 4V3H17C19.2091 3 21 4.79083 21 7V10H20V7C20 5.34314 18.6569 4 17 4H14Z' fill='black'/%3E%3Cpath d='M14 20H17C18.6569 20 20 18.6569 20 17V14H21V17C21 19.2092 19.2091 21 17 21H14V20Z' fill='black'/%3E%3Cpath d='M4 14V17C4 18.6569 5.34314 20 7 20H10V21H7C4.79086 21 3 19.2092 3 17V14H4Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-tools-fancy-radius{
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 3H7C4.79086 3 3 4.79086 3 7V10H4V7C4 5.34315 5.34315 4 7 4H10V3Z" fill="black"/%3E%3Cpath d="M10 19.748C7.18879 19.0244 4.97559 16.8112 4.25204 14H3.22302C3.98652 17.3648 6.63525 20.0135 10 20.777V19.748Z" fill="black"/%3E%3Cpath d="M14 21V20H15C17.7614 20 20 17.7614 20 15V14H21V15C21 18.3137 18.3137 21 15 21H14Z" fill="black"/%3E%3Cpath d="M14 4.25204V3.22302C17.3648 3.98652 20.0135 6.63525 20.777 10H19.748C19.0244 7.18879 16.8112 4.97559 14 4.25204Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 3H7C4.79086 3 3 4.79086 3 7V10H4V7C4 5.34315 5.34315 4 7 4H10V3Z" fill="black"/%3E%3Cpath d="M10 19.748C7.18879 19.0244 4.97559 16.8112 4.25204 14H3.22302C3.98652 17.3648 6.63525 20.0135 10 20.777V19.748Z" fill="black"/%3E%3Cpath d="M14 21V20H15C17.7614 20 20 17.7614 20 15V14H21V15C21 18.3137 18.3137 21 15 21H14Z" fill="black"/%3E%3Cpath d="M14 4.25204V3.22302C17.3648 3.98652 20.0135 6.63525 20.777 10H19.748C19.0244 7.18879 16.8112 4.97559 14 4.25204Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-tools-shadow{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 17V5H21V17H19V18H5V17H3ZM4 6H20V16H4V6Z' fill='black'/%3E%3Cpath d='M17 20H7V19H17V20Z' fill='black'/%3E%3Cpath d='M9 22H15V21H9V22Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 17V5H21V17H19V18H5V17H3ZM4 6H20V16H4V6Z' fill='black'/%3E%3Cpath d='M17 20H7V19H17V20Z' fill='black'/%3E%3Cpath d='M9 22H15V21H9V22Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-tools-color-palettes{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9381 13C19.7342 14.6353 19.0367 16.1173 17.9994 17.2923L15.1599 14.4528C15.4898 14.0285 15.736 13.536 15.874 13H19.9381ZM20 12C20 9.97079 19.2445 8.11804 17.9994 6.70769L15.1599 9.54718C15.6865 10.2245 16 11.0756 16 12H20ZM14.4528 15.1599L17.2923 17.9994C15.882 19.2445 14.0292 20 12 20V16C12.9244 16 13.7755 15.6865 14.4528 15.1599ZM11 15.874C10.464 15.736 9.97149 15.4898 9.54718 15.1599L6.70769 17.9994C7.88266 19.0367 9.36469 19.7342 11 19.9381V15.874ZM8.84007 14.4528C8.31354 13.7755 8 12.9244 8 12H4C4 14.0292 4.75551 15.882 6.00058 17.2923L8.84007 14.4528ZM8.84007 9.54718C8.51023 9.97149 8.26397 10.464 8.12602 11H4.06189C4.26581 9.36469 4.9633 7.88266 6.00058 6.70769L8.84007 9.54718ZM9.54718 8.84007L6.70769 6.00058C8.11804 4.75551 9.97079 4 12 4V8C11.0756 8 10.2245 8.31354 9.54718 8.84007ZM14.4528 8.84007L17.2923 6.00058C16.1173 4.9633 14.6353 4.26581 13 4.06189V8.12602C13.536 8.26397 14.0285 8.51023 14.4528 8.84007ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9381 13C19.7342 14.6353 19.0367 16.1173 17.9994 17.2923L15.1599 14.4528C15.4898 14.0285 15.736 13.536 15.874 13H19.9381ZM20 12C20 9.97079 19.2445 8.11804 17.9994 6.70769L15.1599 9.54718C15.6865 10.2245 16 11.0756 16 12H20ZM14.4528 15.1599L17.2923 17.9994C15.882 19.2445 14.0292 20 12 20V16C12.9244 16 13.7755 15.6865 14.4528 15.1599ZM11 15.874C10.464 15.736 9.97149 15.4898 9.54718 15.1599L6.70769 17.9994C7.88266 19.0367 9.36469 19.7342 11 19.9381V15.874ZM8.84007 14.4528C8.31354 13.7755 8 12.9244 8 12H4C4 14.0292 4.75551 15.882 6.00058 17.2923L8.84007 14.4528ZM8.84007 9.54718C8.51023 9.97149 8.26397 10.464 8.12602 11H4.06189C4.26581 9.36469 4.9633 7.88266 6.00058 6.70769L8.84007 9.54718ZM9.54718 8.84007L6.70769 6.00058C8.11804 4.75551 9.97079 4 12 4V8C11.0756 8 10.2245 8.31354 9.54718 8.84007ZM14.4528 8.84007L17.2923 6.00058C16.1173 4.9633 14.6353 4.26581 13 4.06189V8.12602C13.536 8.26397 14.0285 8.51023 14.4528 8.84007ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='black'/%3E%3C/svg%3E%0A");    
}
.icon-tools-svg-to-css{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 3H7V4H17V3H20V6H19V10H20V13H17V12H7V13H4V10H5V6H4V3ZM5 4H6V5H5V4ZM18 6V10H17V11H7V10H6V6H7V5H17V6H18ZM19 4H18V5H19V4ZM19 11H18V12H19V11ZM6 11H5V12H6V11Z' fill='black'/%3E%3Cpath d='M20 15L16 15L16 22H20V18H18V19H19V21H17L17 16L20 16V15Z' fill='black'/%3E%3Cpath d='M4 15H8V17H7V16H5L5 18H8V22H4V20H5V21H7V19H4V15Z' fill='black'/%3E%3Cpath d='M9 15L11.5 22H12.5L15 15H14L12 21L10 15H9Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 3H7V4H17V3H20V6H19V10H20V13H17V12H7V13H4V10H5V6H4V3ZM5 4H6V5H5V4ZM18 6V10H17V11H7V10H6V6H7V5H17V6H18ZM19 4H18V5H19V4ZM19 11H18V12H19V11ZM6 11H5V12H6V11Z' fill='black'/%3E%3Cpath d='M20 15L16 15L16 22H20V18H18V19H19V21H17L17 16L20 16V15Z' fill='black'/%3E%3Cpath d='M4 15H8V17H7V16H5L5 18H8V22H4V20H5V21H7V19H4V15Z' fill='black'/%3E%3Cpath d='M9 15L11.5 22H12.5L15 15H14L12 21L10 15H9Z' fill='black'/%3E%3C/svg%3E%0A");
}
.headline-icon{
    gap: 16px;
}
.headline-icon .icon{
    width: 24px;
    height: 24px;
}

.main-container{
    padding: 16px 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */
header{
    background-color: #fff;
    border-bottom: 1px solid #CCC;
}
.header{
    display: grid;
    gap: 24px;
    align-items: center;
    grid-template-columns: auto 1fr;
    position: relative;
}
body.uk-offcanvas-container header{
    background-color: transparent;
}
body.uk-offcanvas-container header a{
    color: #FFF;
}
body.uk-offcanvas-container header .icon{
    background-color: #FFF;
}

/* Tools */
.tools-menu-container{
    position: relative;
    padding-top: 80px;
}
.tools-menu-container .icon{
    background-color: #FFF;
}
.tools-menu-link-close,
body.uk-offcanvas-container .tools-menu-link-open{
    display: none;
}
.tools-menu-link-open,
body.uk-offcanvas-container .tools-menu-link-close{
    display: block;
}
.tools-menu-close{
    cursor: pointer;
    position: absolute;
    right: 24px !important;
    top: 80px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0px !important;
}
.tools-menu{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.tools-menu-container a .icon{
    opacity: .4;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;    
}
.tools-menu-container a:hover .icon{
    opacity: 1;
}

/* Main */

/* Form */
.form-grid{
    display: grid;
    gap: 24px;
}
.form-grid textarea{
    resize: none;
    font-size: 0.8rem;
    height: 120px;
    padding: 12px;
    box-sizing: border-box;
}
.form-grid-table{
    min-height: 30px;
    display: grid;
    gap: 4px;
    align-items: center;
    grid-template-columns: 1fr auto;
}
.form-grid-headline{
    font-size: 16px;
    font-weight: 700;
}
.form-grid-desc{
    font-style: italic;
    color: #999;
}
.form-grid-label{
    padding-bottom: 4px;
}
.form-radio{
    display: inline-flex;
    border: 1px solid #333;
    overflow: hidden;
}
.form-radio input{
    display: none;
}
.form-radio label{
    cursor: pointer;
    display: block;
    padding: 6px 12px;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.form-radio label:hover{
    text-decoration: none;
}
.form-radio input[type="radio"]:checked+label{
    background-color: #333;
    color: #fff;
}
.form-input-number{
    width: 70px;
}
.form-input-color{
    width: 160px;
}
.form-textarea-result{
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    background-color: #EEE;
    padding: 12px;
    overflow: auto;
    overflow-wrap: break-word;
    font-size: 0.8rem;
    word-break: break-all;
    border: none;
    font-family: "Noto Sans", Arial, sans-serif;
}
.form-textarea-result:focus, .form-textarea-result:focus{
    outline: 0;
}
.form-textarea-result-3{
    height: 80px !important;
}

.code{
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    background-color: #EEE;
    padding: 12px;
    overflow: auto;
    overflow-wrap: break-word;
    font-size: 0.8rem;
    word-break: break-all;
}
.code-empty{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-style: italic;
}
.code-preview{
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    padding: 12px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.code-preview-big{
    height: 250px;
}



/* Breadcrumbs */
.breadcrumbs, .breadcrumbs a{
    color: #BBB;
}
.breadcrumbs .icon{
    background-color: #BBB;
}
.breadcrumbs ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.breadcrumbs ul li:first-child{
    padding-left: 0px;
}
.breadcrumbs ul li:last-child{
    font-weight: 700;
}
.breadcrumbs ul li{
    padding: 0px 6px 0px 0px;
}
.breadcrumbs ul li a{
    display: grid;
    gap: 0px;
    grid-template-columns: auto auto;
    align-items: center;
}
.breadcrumbs ul li.breadcrumbs-home a{
    gap: 8px;
}
.breadcrumbs ul li:last-child{
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Offcanvas */
.uk-offcanvas{}
.uk-offcanvas-bar{
    padding: 0px;
    background: radial-gradient(
        900px 400px at center top,
        #333, #111
    );
}
.uk-offcanvas-close{
    top:50px;
    right:16px;
}
.uk-offcanvas-close .icon{
    color: #FFF;
    background-color: #FFF;
}
.offcanvas-container{
    padding: 180px 24px 24px 24px;
    display: grid;
    gap: 24px;
}
.offcanvas-menu{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    gap: 24px;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}
.offcanvas-menu a, .offcanvas-menu a:hover{
    color: #FFF;
    text-decoration: none;
}

.uk-notification-message-warning{
    background-color: #cc0000;
    color: #FFF;
}
.uk-notification-message-warning .uk-notification-close{
    color: #FFF;
}

/* Error 404 */
.body-error-404{
    background: radial-gradient(
        900px 400px at center top,
        #333, #111
    );
    text-align: center;
    color: #FFF;
}
.body-error-404 h1,
.body-error-404 a{
    color: #FFF;
}
.body-error-404 header{
    background-color: transparent;
    border-bottom: 1px solid #FFF;
}
.body-error-404 header .icon{
    background-color: #FFF;
}
.main-error-404{
    display: flex;
    align-items: center;
    justify-content: center;
}
.error-404{
    display: grid;
    gap: 16px;
    width: 400px;
    background-color: transparent;
    text-align: center;
}

@media only screen and (max-width: 1599px) {
    /* XL */
}
@media only screen and (max-width: 1199px) {
    /* L */
    .tools-menu{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 959px) {
    /* M */
    .tools-menu{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 639px) {
    /* S */
    h1{
        font-size: 1.4rem;
    }
    .logo span{
        display: none;
    }
    .logo:after{
        content: "<WDS>";
    }
}
@media only screen and (max-width: 460px) {
    /* XS */
    .tools-menu{
        grid-template-columns: repeat(1, 1fr);
    }
    .form-grid-table{
        grid-template-columns: 1fr;
    }
    .form-grid-table-line{
        grid-template-columns: 1fr auto;
    }
}