* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    line-height: 1;
    cursor: url("/user/img/default.png"), auto;
}

::after, ::before {
    box-sizing: border-box;
}

main,
article,
section,
footer,
header,
aside,
canvas {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}

input {
    /*-moz-appearance: none;*/
    /*-webkit-appearance: none;*/
}

body {
    font-family: 'Bahnschrift';
    color: #000;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url(bahnschrift.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

header {
    width: 1100px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
}

header .logo {
    display: flex;
    align-items: center;
}

header .logo__img {
    height: 67px;
    width: 67px;
    margin-right: 16px;
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='67' height='67' viewBox='0 0 67 67'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D.b%7Bfill:url(%23a);%7D.c%7Bfill:url(%23b);%7D%3C/style%3E%3ClinearGradient id='a' x1='1.045' y1='0.5' x2='-0.02' y2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ea20ff'/%3E%3Cstop offset='0.147' stop-color='%23c118e4'/%3E%3Cstop offset='0.355' stop-color='%238f10c4'/%3E%3Cstop offset='0.55' stop-color='%236809aa'/%3E%3Cstop offset='0.729' stop-color='%234c0498'/%3E%3Cstop offset='0.885' stop-color='%233b018c'/%3E%3Cstop offset='1' stop-color='%23350089'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='-0.083' y1='0.5' x2='1.013' y2='0.5' xlink:href='%23a'/%3E%3C/defs%3E%3Cg transform='translate(-410 -77)'%3E%3Ccircle class='a' cx='33.5' cy='33.5' r='33.5' transform='translate(410 77)'/%3E%3Cg transform='translate(374.431 -510.658)'%3E%3Cpath class='b' d='M92.759,622.573a23.094,23.094,0,0,1-.733,4.524,22.4,22.4,0,0,1-1.623,4.24A24.487,24.487,0,0,1,85,638.391a26.082,26.082,0,0,1-7.389,4.726,23.3,23.3,0,0,1-4.208,1.329,24.3,24.3,0,0,1-4.408.518l-1.115,0-1.116-.056c-.372-.026-.743-.068-1.115-.1s-.741-.105-1.112-.158-.736-.142-1.1-.213-.729-.179-1.1-.268-.723-.21-1.086-.315-.713-.246-1.072-.369-.7-.282-1.054-.423-.689-.317-1.035-.475-.676-.347-1.016-.522-.66-.38-.991-.572a24.4,24.4,0,0,1-3.683-2.762,24.04,24.04,0,0,1-5.541-7.505,24.358,24.358,0,0,1-2.27-9.274,24.814,24.814,0,0,1,.3-4.861,24.2,24.2,0,0,1,3.521-9.173,25.256,25.256,0,0,1,3.1-3.9,25.674,25.674,0,0,1,3.844-3.2,24.7,24.7,0,0,1,4.431-2.368l.587-.23c.2-.075.39-.157.591-.218.4-.129.8-.27,1.2-.383s.809-.23,1.219-.323.82-.189,1.234-.258.83-.137,1.246-.188.835-.094,1.253-.127.837-.044,1.256-.056l1.254.008a23.607,23.607,0,0,1,9.63,2.41c.372.181.732.387,1.1.58s.71.421,1.063.631.684.458,1.024.686.658.49.985.734a24.828,24.828,0,0,1,9.34,20.866Zm-3.112-.041a18.87,18.87,0,0,0-6.6-13.674,19.873,19.873,0,0,0-6.424-3.68,20.655,20.655,0,0,0-7.1-1.14,20.418,20.418,0,0,0-6.975,1.338,19.185,19.185,0,0,0-3.2,1.587,18.383,18.383,0,0,0-2.87,2.161,18.858,18.858,0,0,0-2.436,2.674,19.492,19.492,0,0,0-3.231,6.54A19.781,19.781,0,0,0,51,629.562a19.774,19.774,0,0,0,6.668,9.612c.27.2.535.409.811.6s.555.384.841.564.577.355.874.519.6.327.9.475.612.3.926.431.627.269.948.386.643.233.971.332.655.2.988.284.667.167,1,.236.676.131,1.016.186.684.091,1.028.13l1.035.079a20.445,20.445,0,0,0,8.2-1.266,18.765,18.765,0,0,0,6.953-4.595,19.615,19.615,0,0,0,4.284-7.041,21,21,0,0,0,.976-3.95A21.3,21.3,0,0,0,89.647,622.532Z'/%3E%3Cpath class='c' d='M89.72,622.872a21.289,21.289,0,0,1-1.264,8.362,18.012,18.012,0,0,1-1.975,3.826,18.274,18.274,0,0,1-2.826,3.247,20.888,20.888,0,0,1-7.32,4.3,20.342,20.342,0,0,1-4.109.927,20.046,20.046,0,0,1-17.989-7.2,19.712,19.712,0,0,1-2.132-3.2,19.484,19.484,0,0,1-1.464-3.485,19.24,19.24,0,0,1-.768-3.641,20.079,20.079,0,0,1-.081-3.666,19.5,19.5,0,0,1,5.927-12.719,20.313,20.313,0,0,1,5.887-3.93,20.6,20.6,0,0,1,6.982-1.686,20.226,20.226,0,0,1,7.358.887,19.654,19.654,0,0,1,11.716,9.981A19.944,19.944,0,0,1,89.72,622.872Zm-7.628-.1a15.3,15.3,0,0,0-.437-5.488,15.6,15.6,0,0,0-2.513-5.21,15.4,15.4,0,0,0-4.532-4.066,14.888,14.888,0,0,0-12.542-1.149,15.324,15.324,0,0,0-5.6,3.538,15.883,15.883,0,0,0-3.638,5.529,15.594,15.594,0,0,0-1.044,6.451,15.311,15.311,0,0,0,.5,3.2,15.107,15.107,0,0,0,5.014,7.784,14.924,14.924,0,0,0,8.049,3.332,15.392,15.392,0,0,0,2.815.006,14.474,14.474,0,0,0,9.384-4.658,20.881,20.881,0,0,0,2.964-4.22A13.745,13.745,0,0,0,82.092,622.773Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    box-shadow: 0 16px 27px rgba(94, 94, 94, 0.16);
    cursor: inherit;
}

header .logo__text p:nth-child(1) {
    font-size: 32px;
    line-height: 43px;
    cursor: inherit;
}

header .logo__text p:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.5px;
    cursor: inherit;
}

header .datetime {
    display: flex;
    align-items: center;
    font-variation-settings: 'wght' 300, 'wdth' 100;
}

header .datetime .time {
    font-size: 41px;
    line-height: 34px;
    padding-right: 16px;
    border-right: 1px solid #000;
}

header .datetime .date {
    padding-left: 16px;
    font-size: 16px;
}
header .datetime .week {
    margin: 0 0 5px;
}


.content {
    width: 1100px;
    margin: 30px auto 0;
}

.boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto 14px;
}

.box {
    position: relative;
    width: 250px;
    height: 250px;
    margin-bottom: 30px;
}
.box * {
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}

.box.all {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2766' data-name='Group 2766' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.light {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f70'/%3E%3Cstop offset='1' stop-color='%23fa0'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2767' data-name='Group 2767' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.tech {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23007dbd'/%3E%3Cstop offset='1' stop-color='%236e00ff'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2768' data-name='Group 2768' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.acoustics {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%239205bb'/%3E%3Cstop offset='1' stop-color='%23c4046a'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2769' data-name='Group 2769' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.doors {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230065bd'/%3E%3Cstop offset='1' stop-color='%2314c0ec'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2770' data-name='Group 2770' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.scripts {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23bd0091'/%3E%3Cstop offset='1' stop-color='%23f08'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2771' data-name='Group 2771' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.sensors {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2300bda3'/%3E%3Cstop offset='1' stop-color='%23acc404'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2772' data-name='Group 2772' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box.other {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='250' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237300bd'/%3E%3Cstop offset='1' stop-color='%235604c4'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1' y1='0.976' x2='0.038' y2='0.037' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fc0'/%3E%3Cstop offset='1' stop-color='red'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1039' data-name='Rectangle 1039' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2773' data-name='Group 2773' transform='translate(-535 -227)'%3E%3Crect id='Rectangle_1038' data-name='Rectangle 1038' width='250' height='250' rx='20' transform='translate(535 227)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='Mask_Group_1' data-name='Mask Group 1' clip-path='url(%23clip-path)'%3E%3Cg id='Group_2764' data-name='Group 2764'%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='191' cy='191' r='191' transform='translate(381 91)' fill='%23fff' opacity='0.04'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='147' cy='147' r='147' transform='translate(425 135)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='108.5' cy='108.5' r='108.5' transform='translate(464 174)' fill='%23fff' opacity='0.07'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='81' cy='81' r='81' transform='translate(491 201)' fill='%23fff' opacity='0.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.box .text {
    position: absolute;
    left: 32px;
    top: 47px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
    color: #fff;
}

.box .text .caption {
    font-size: 30px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
    margin-bottom: 5px;
}

.box .more {
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
}

.box .more:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='19.433' viewBox='0 0 12 19.433'%3E%3Cg id='ic_navigate_next_24px' transform='translate(-8.59 -6)'%3E%3Cpath id='Path_3433' data-name='Path 3433' d='M10.873,6,8.59,8.283l7.417,7.433L8.59,23.15l2.283,2.283,9.717-9.717Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}


footer {
    width: 1100px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}

footer .weather, .weather .now {
    display: flex;
    align-items: center;
}

footer .weather .now .img {
    width: 54px;
    height: 50px;
    margin-right: 10px;
    background-position: center;
}

footer .weather .now .img.d200 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-rain-sun' width='52.625' height='49.79' viewBox='0 0 52.625 49.79'%3E%3Crect id='Rectangle_1112' data-name='Rectangle 1112' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1113' data-name='Rectangle 1113' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1114' data-name='Rectangle 1114' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect id='Rectangle_1115' data-name='Rectangle 1115' width='1.814' height='7.233' transform='translate(26.377 11.048) rotate(-135)'/%3E%3Cpath id='Path_3513' data-name='Path 3513' d='M96.443,120.352a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.964,10.024A9.848,9.848,0,0,0,70.4,136.756v0h.17v-1.815l-.161,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.786,0v1.815h.744v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,117.07c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.643,13.643,0,0,0,71.11,117.07Z' transform='translate(-51.52 -96.952)'/%3E%3Cpath id='Path_3514' data-name='Path 3514' d='M155.1,344.5l5.821,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-136.063 -309.24)'/%3E%3Cpath id='Path_3515' data-name='Path 3515' d='M308.648,344.5l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-273.297 -309.24)'/%3E%3Cpath id='Path_3516' data-name='Path 3516' d='M252.554,351.772h3.82l-5.819-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,4.188,5.984,1.487-1.04-4.188-5.985Z' transform='translate(-220.045 -309.24)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d200 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-rain-sun' width='52.625' height='49.79' viewBox='0 0 52.625 49.79'%3E%3Crect fill='%23fff' id='Rectangle_1112' data-name='Rectangle 1112' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1113' data-name='Rectangle 1113' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1114' data-name='Rectangle 1114' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1115' data-name='Rectangle 1115' width='1.814' height='7.233' transform='translate(26.377 11.048) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3513' data-name='Path 3513' d='M96.443,120.352a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.964,10.024A9.848,9.848,0,0,0,70.4,136.756v0h.17v-1.815l-.161,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.786,0v1.815h.744v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,117.07c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.643,13.643,0,0,0,71.11,117.07Z' transform='translate(-51.52 -96.952)'/%3E%3Cpath fill='%23fff' id='Path_3514' data-name='Path 3514' d='M155.1,344.5l5.821,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-136.063 -309.24)'/%3E%3Cpath fill='%23fff' id='Path_3515' data-name='Path 3515' d='M308.648,344.5l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-273.297 -309.24)'/%3E%3Cpath fill='%23fff' id='Path_3516' data-name='Path 3516' d='M252.554,351.772h3.82l-5.819-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,4.188,5.984,1.487-1.04-4.188-5.985Z' transform='translate(-220.045 -309.24)'/%3E%3C/svg%3E");
}
footer .weather .now .img.n200 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='44.424' viewBox='0 0 45.366 44.424'%3E%3Cg id='lightning-rain-moon' transform='translate(0)'%3E%3Cpath id='Path_3509' data-name='Path 3509' d='M47.66,64.583a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,56.529a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.311v0h.17V79.175l-.161,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.782c-.038,0-.072,0-.106,0l-.786,0V80.99h.743v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,61.3c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.933A13.637,13.637,0,0,0,22.328,61.3Z' transform='translate(-9.996 -46.549)'/%3E%3Cpath id='Path_3510' data-name='Path 3510' d='M120.928,319.242l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-109.145 -289.346)'/%3E%3Cpath id='Path_3511' data-name='Path 3511' d='M274.473,319.242l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-246.382 -289.346)'/%3E%3Cpath id='Path_3512' data-name='Path 3512' d='M218.379,326.512h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,4.188,5.984,1.487-1.04-4.189-5.985Z' transform='translate(-193.13 -289.346)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n200 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='44.424' viewBox='0 0 45.366 44.424'%3E%3Cg id='lightning-rain-moon' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3509' data-name='Path 3509' d='M47.66,64.583a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,56.529a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.311v0h.17V79.175l-.161,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.782c-.038,0-.072,0-.106,0l-.786,0V80.99h.743v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,61.3c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.933A13.637,13.637,0,0,0,22.328,61.3Z' transform='translate(-9.996 -46.549)'/%3E%3Cpath fill='%23fff' id='Path_3510' data-name='Path 3510' d='M120.928,319.242l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-109.145 -289.346)'/%3E%3Cpath fill='%23fff' id='Path_3511' data-name='Path 3511' d='M274.473,319.242l5.82,8.311,1.485-1.041-5.82-8.312Z' transform='translate(-246.382 -289.346)'/%3E%3Cpath fill='%23fff' id='Path_3512' data-name='Path 3512' d='M218.379,326.512h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,4.188,5.984,1.487-1.04-4.189-5.985Z' transform='translate(-193.13 -289.346)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.d210 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-sun' width='52.625' height='48.886' viewBox='0 0 52.625 48.886'%3E%3Crect id='Rectangle_1116' data-name='Rectangle 1116' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1117' data-name='Rectangle 1117' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1118' data-name='Rectangle 1118' width='7.235' height='1.814' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect id='Rectangle_1119' data-name='Rectangle 1119' width='1.814' height='7.233' transform='translate(26.376 11.048) rotate(-135)'/%3E%3Cpath id='Path_3521' data-name='Path 3521' d='M96.443,124.607a13.556,13.556,0,0,0-18.811-9.514,9.064,9.064,0,1,0-14.964,10.024A9.848,9.848,0,0,0,70.4,141.011v0h3.8V139.2H70.827l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0L94,139.2H90.535v1.815h5.28v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM71.11,121.325c-.219-.014-.436-.033-.657-.033a9.809,9.809,0,0,0-6.533,2.489,7.243,7.243,0,1,1,12.1-7.826A13.651,13.651,0,0,0,71.11,121.325Z' transform='translate(-51.52 -101.207)'/%3E%3Cpath id='Path_3522' data-name='Path 3522' d='M235.58,330.432h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,5.424,7.8,1.487-1.04-5.424-7.8Z' transform='translate(-204.874 -290.619)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d210 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-sun' width='52.625' height='48.886' viewBox='0 0 52.625 48.886'%3E%3Crect fill='%23fff' id='Rectangle_1116' data-name='Rectangle 1116' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1117' data-name='Rectangle 1117' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1118' data-name='Rectangle 1118' width='7.235' height='1.814' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1119' data-name='Rectangle 1119' width='1.814' height='7.233' transform='translate(26.376 11.048) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3521' data-name='Path 3521' d='M96.443,124.607a13.556,13.556,0,0,0-18.811-9.514,9.064,9.064,0,1,0-14.964,10.024A9.848,9.848,0,0,0,70.4,141.011v0h3.8V139.2H70.827l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0L94,139.2H90.535v1.815h5.28v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM71.11,121.325c-.219-.014-.436-.033-.657-.033a9.809,9.809,0,0,0-6.533,2.489,7.243,7.243,0,1,1,12.1-7.826A13.651,13.651,0,0,0,71.11,121.325Z' transform='translate(-51.52 -101.207)'/%3E%3Cpath fill='%23fff' id='Path_3522' data-name='Path 3522' d='M235.58,330.432h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821l1.154,1.648,1.009,1.442,5.424,7.8,1.487-1.04-5.424-7.8Z' transform='translate(-204.874 -290.619)'/%3E%3C/svg%3E");
}
footer .weather .now .img.n210 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-moon' width='45.366' height='43.52' viewBox='0 0 45.366 43.52'%3E%3Cpath id='Path_3507' data-name='Path 3507' d='M47.66,68.838a13.554,13.554,0,0,0-17.9-9.886A9.961,9.961,0,0,0,19.976,50.8a10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,60.784a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0h3.8V83.43H22.044l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0H41.752v1.814h5.28V85.24c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,65.556c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118A8.172,8.172,0,0,1,11.971,62.4a8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.629,13.629,0,0,0,22.328,65.556Z' transform='translate(-9.996 -50.804)'/%3E%3Cpath id='Path_3508' data-name='Path 3508' d='M201.41,305.171h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821L199.078,305l1.009,1.442,5.424,7.8L207,313.2l-5.424-7.8Z' transform='translate(-177.963 -270.724)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n210 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='lightning-moon' width='45.366' height='43.52' viewBox='0 0 45.366 43.52'%3E%3Cpath fill='%23fff' id='Path_3507' data-name='Path 3507' d='M47.66,68.838a13.554,13.554,0,0,0-17.9-9.886A9.961,9.961,0,0,0,19.976,50.8a10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,60.784a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0h3.8V83.43H22.044l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0H41.752v1.814h5.28V85.24c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,65.556c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118A8.172,8.172,0,0,1,11.971,62.4a8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.629,13.629,0,0,0,22.328,65.556Z' transform='translate(-9.996 -50.804)'/%3E%3Cpath fill='%23fff' id='Path_3508' data-name='Path 3508' d='M201.41,305.171h3.82l-5.82-8.312-1.486,1.041,3.821,5.456h-3.821L199.078,305l1.009,1.442,5.424,7.8L207,313.2l-5.424-7.8Z' transform='translate(-177.963 -270.724)'/%3E%3C/svg%3E");
}
footer .weather .now .img.d300 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='49.338' viewBox='0 0 52.625 49.338'%3E%3Cg id='drizzle-alt-sun' transform='translate(0)'%3E%3Crect id='Rectangle_1057' data-name='Rectangle 1057' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1058' data-name='Rectangle 1058' width='7.234' height='1.814' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1059' data-name='Rectangle 1059' width='7.235' height='1.815' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect id='Rectangle_1060' data-name='Rectangle 1060' width='1.814' height='7.233' transform='translate(26.375 11.048) rotate(-135)'/%3E%3Cpath id='Path_3475' data-name='Path 3475' d='M96.443,122.48a13.555,13.555,0,0,0-18.81-9.514A9.064,9.064,0,1,0,62.668,122.99,9.848,9.848,0,0,0,70.4,138.884v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.006c.038,0,.074.006.112.006a8.212,8.212,0,0,0,.515-16.407ZM71.11,119.2c-.219-.014-.436-.033-.657-.033a9.812,9.812,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,119.2Z' transform='translate(-51.52 -99.08)'/%3E%3Crect id='Rectangle_1061' data-name='Rectangle 1061' width='1.815' height='3.629' transform='translate(29.942 39.821)'/%3E%3Crect id='Rectangle_1062' data-name='Rectangle 1062' width='1.815' height='3.649' transform='translate(37.2 36.172)'/%3E%3Crect id='Rectangle_1063' data-name='Rectangle 1063' width='1.815' height='3.649' transform='translate(22.683 36.172)'/%3E%3Cpath id='Path_3476' data-name='Path 3476' d='M323.149,428.4a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,323.149,428.4Z' transform='translate(-285.042 -385.382)'/%3E%3Cpath id='Path_3477' data-name='Path 3477' d='M254.811,462.3a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,254.811,462.3Z' transform='translate(-223.962 -415.683)'/%3E%3Cpath id='Path_3478' data-name='Path 3478' d='M186.472,428.038a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,186.472,428.038Z' transform='translate(-162.882 -385.061)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d300 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='49.338' viewBox='0 0 52.625 49.338'%3E%3Cg id='drizzle-alt-sun' transform='translate(0)'%3E%3Crect fill='%23fff' id='Rectangle_1057' data-name='Rectangle 1057' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1058' data-name='Rectangle 1058' width='7.234' height='1.814' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1059' data-name='Rectangle 1059' width='7.235' height='1.815' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1060' data-name='Rectangle 1060' width='1.814' height='7.233' transform='translate(26.375 11.048) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3475' data-name='Path 3475' d='M96.443,122.48a13.555,13.555,0,0,0-18.81-9.514A9.064,9.064,0,1,0,62.668,122.99,9.848,9.848,0,0,0,70.4,138.884v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.006c.038,0,.074.006.112.006a8.212,8.212,0,0,0,.515-16.407ZM71.11,119.2c-.219-.014-.436-.033-.657-.033a9.812,9.812,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,119.2Z' transform='translate(-51.52 -99.08)'/%3E%3Crect fill='%23fff' id='Rectangle_1061' data-name='Rectangle 1061' width='1.815' height='3.629' transform='translate(29.942 39.821)'/%3E%3Crect fill='%23fff' id='Rectangle_1062' data-name='Rectangle 1062' width='1.815' height='3.649' transform='translate(37.2 36.172)'/%3E%3Crect fill='%23fff' id='Rectangle_1063' data-name='Rectangle 1063' width='1.815' height='3.649' transform='translate(22.683 36.172)'/%3E%3Cpath fill='%23fff' id='Path_3476' data-name='Path 3476' d='M323.149,428.4a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,323.149,428.4Z' transform='translate(-285.042 -385.382)'/%3E%3Cpath fill='%23fff' id='Path_3477' data-name='Path 3477' d='M254.811,462.3a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,254.811,462.3Z' transform='translate(-223.962 -415.683)'/%3E%3Cpath fill='%23fff' id='Path_3478' data-name='Path 3478' d='M186.472,428.038a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,186.472,428.038Z' transform='translate(-162.882 -385.061)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.n300 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='43.972' viewBox='0 0 45.366 43.972'%3E%3Cg id='drizzle-alt-moon' transform='translate(0)'%3E%3Cpath id='Path_3471' data-name='Path 3471' d='M47.66,66.711a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.17,10.17,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.186,10.186,0,0,0,10,58.658,9.962,9.962,0,0,0,14.225,66.8a9.85,9.85,0,0,0,7.4,16.311v0H22.7V81.3h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085A6.4,6.4,0,0,1,47.181,81.3c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558v-.006c.038,0,.074.006.113.006a8.212,8.212,0,0,0,.515-16.408ZM22.328,63.429c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.932A13.64,13.64,0,0,0,22.328,63.429Z' transform='translate(-9.996 -48.677)'/%3E%3Crect id='Rectangle_1054' data-name='Rectangle 1054' width='1.815' height='3.63' transform='translate(22.683 34.455)'/%3E%3Crect id='Rectangle_1055' data-name='Rectangle 1055' width='1.815' height='3.649' transform='translate(29.941 30.806)'/%3E%3Crect id='Rectangle_1056' data-name='Rectangle 1056' width='1.815' height='3.649' transform='translate(15.424 30.806)'/%3E%3Cpath id='Path_3472' data-name='Path 3472' d='M288.981,403.138a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,288.981,403.138Z' transform='translate(-258.132 -365.489)'/%3E%3Cpath id='Path_3473' data-name='Path 3473' d='M220.642,437.039A1.361,1.361,0,1,0,222,438.4,1.361,1.361,0,0,0,220.642,437.039Z' transform='translate(-197.052 -395.789)'/%3E%3Cpath id='Path_3474' data-name='Path 3474' d='M152.3,402.778a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,152.3,402.778Z' transform='translate(-135.971 -365.167)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n300 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='43.972' viewBox='0 0 45.366 43.972'%3E%3Cg id='drizzle-alt-moon' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3471' data-name='Path 3471' d='M47.66,66.711a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.17,10.17,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.186,10.186,0,0,0,10,58.658,9.962,9.962,0,0,0,14.225,66.8a9.85,9.85,0,0,0,7.4,16.311v0H22.7V81.3h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085A6.4,6.4,0,0,1,47.181,81.3c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558v-.006c.038,0,.074.006.113.006a8.212,8.212,0,0,0,.515-16.408ZM22.328,63.429c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.932A13.64,13.64,0,0,0,22.328,63.429Z' transform='translate(-9.996 -48.677)'/%3E%3Crect fill='%23fff' id='Rectangle_1054' data-name='Rectangle 1054' width='1.815' height='3.63' transform='translate(22.683 34.455)'/%3E%3Crect fill='%23fff' id='Rectangle_1055' data-name='Rectangle 1055' width='1.815' height='3.649' transform='translate(29.941 30.806)'/%3E%3Crect fill='%23fff' id='Rectangle_1056' data-name='Rectangle 1056' width='1.815' height='3.649' transform='translate(15.424 30.806)'/%3E%3Cpath fill='%23fff' id='Path_3472' data-name='Path 3472' d='M288.981,403.138a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,288.981,403.138Z' transform='translate(-258.132 -365.489)'/%3E%3Cpath fill='%23fff' id='Path_3473' data-name='Path 3473' d='M220.642,437.039A1.361,1.361,0,1,0,222,438.4,1.361,1.361,0,0,0,220.642,437.039Z' transform='translate(-197.052 -395.789)'/%3E%3Cpath fill='%23fff' id='Path_3474' data-name='Path 3474' d='M152.3,402.778a1.361,1.361,0,1,0,1.361,1.361A1.361,1.361,0,0,0,152.3,402.778Z' transform='translate(-135.971 -365.167)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.d310 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='drizzle-sun' width='52.625' height='52.509' viewBox='0 0 52.625 52.509'%3E%3Crect id='Rectangle_1073' data-name='Rectangle 1073' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1074' data-name='Rectangle 1074' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1075' data-name='Rectangle 1075' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect id='Rectangle_1076' data-name='Rectangle 1076' width='1.814' height='7.233' transform='translate(26.375 11.048) rotate(-135)'/%3E%3Crect id='Rectangle_1077' data-name='Rectangle 1077' width='1.815' height='6.351' transform='translate(29.942 37.085)'/%3E%3Crect id='Rectangle_1078' data-name='Rectangle 1078' width='1.815' height='6.351' transform='translate(37.2 33.456)'/%3E%3Crect id='Rectangle_1079' data-name='Rectangle 1079' width='1.815' height='6.351' transform='translate(22.683 33.456)'/%3E%3Crect id='Rectangle_1080' data-name='Rectangle 1080' width='1.815' height='6.351' transform='translate(29.942 46.158)'/%3E%3Crect id='Rectangle_1081' data-name='Rectangle 1081' width='1.815' height='6.351' transform='translate(37.2 42.529)'/%3E%3Crect id='Rectangle_1082' data-name='Rectangle 1082' width='1.815' height='6.351' transform='translate(22.683 42.529)'/%3E%3Cpath id='Path_3484' data-name='Path 3484' d='M96.443,107.547a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.964,10.024,9.848,9.848,0,0,0,7.735,15.9v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,104.265c-.219-.014-.436-.033-.657-.033a9.807,9.807,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.646,13.646,0,0,0,71.11,104.265Z' transform='translate(-51.52 -84.147)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d310 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='drizzle-sun' width='52.625' height='52.509' viewBox='0 0 52.625 52.509'%3E%3Crect fill='%23fff' id='Rectangle_1073' data-name='Rectangle 1073' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1074' data-name='Rectangle 1074' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1075' data-name='Rectangle 1075' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1076' data-name='Rectangle 1076' width='1.814' height='7.233' transform='translate(26.375 11.048) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1077' data-name='Rectangle 1077' width='1.815' height='6.351' transform='translate(29.942 37.085)'/%3E%3Crect fill='%23fff' id='Rectangle_1078' data-name='Rectangle 1078' width='1.815' height='6.351' transform='translate(37.2 33.456)'/%3E%3Crect fill='%23fff' id='Rectangle_1079' data-name='Rectangle 1079' width='1.815' height='6.351' transform='translate(22.683 33.456)'/%3E%3Crect fill='%23fff' id='Rectangle_1080' data-name='Rectangle 1080' width='1.815' height='6.351' transform='translate(29.942 46.158)'/%3E%3Crect fill='%23fff' id='Rectangle_1081' data-name='Rectangle 1081' width='1.815' height='6.351' transform='translate(37.2 42.529)'/%3E%3Crect fill='%23fff' id='Rectangle_1082' data-name='Rectangle 1082' width='1.815' height='6.351' transform='translate(22.683 42.529)'/%3E%3Cpath fill='%23fff' id='Path_3484' data-name='Path 3484' d='M96.443,107.547a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.964,10.024,9.848,9.848,0,0,0,7.735,15.9v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,104.265c-.219-.014-.436-.033-.657-.033a9.807,9.807,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.646,13.646,0,0,0,71.11,104.265Z' transform='translate(-51.52 -84.147)'/%3E%3C/svg%3E");
}
footer .weather .now .img.n310 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='drizzle-moon' width='45.366' height='47.143' viewBox='0 0 45.366 47.143'%3E%3Crect id='Rectangle_1067' data-name='Rectangle 1067' width='1.815' height='6.351' transform='translate(22.683 31.719)'/%3E%3Crect id='Rectangle_1068' data-name='Rectangle 1068' width='1.815' height='6.351' transform='translate(29.941 28.09)'/%3E%3Crect id='Rectangle_1069' data-name='Rectangle 1069' width='1.815' height='6.351' transform='translate(15.424 28.09)'/%3E%3Crect id='Rectangle_1070' data-name='Rectangle 1070' width='1.815' height='6.351' transform='translate(22.683 40.792)'/%3E%3Crect id='Rectangle_1071' data-name='Rectangle 1071' width='1.815' height='6.351' transform='translate(29.941 37.163)'/%3E%3Crect id='Rectangle_1072' data-name='Rectangle 1072' width='1.815' height='6.351' transform='translate(15.424 37.163)'/%3E%3Cpath id='Path_3483' data-name='Path 3483' d='M47.66,51.778a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,43.725a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.311v0H22.7V66.37h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558V68.18c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM22.328,48.5c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.17,8.17,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.18,8.18,0,0,1,6.472,6.932A13.642,13.642,0,0,0,22.328,48.5Z' transform='translate(-9.996 -33.744)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n310 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='drizzle-moon' width='45.366' height='47.143' viewBox='0 0 45.366 47.143'%3E%3Crect fill='%23fff' id='Rectangle_1067' data-name='Rectangle 1067' width='1.815' height='6.351' transform='translate(22.683 31.719)'/%3E%3Crect fill='%23fff' id='Rectangle_1068' data-name='Rectangle 1068' width='1.815' height='6.351' transform='translate(29.941 28.09)'/%3E%3Crect fill='%23fff' id='Rectangle_1069' data-name='Rectangle 1069' width='1.815' height='6.351' transform='translate(15.424 28.09)'/%3E%3Crect fill='%23fff' id='Rectangle_1070' data-name='Rectangle 1070' width='1.815' height='6.351' transform='translate(22.683 40.792)'/%3E%3Crect fill='%23fff' id='Rectangle_1071' data-name='Rectangle 1071' width='1.815' height='6.351' transform='translate(29.941 37.163)'/%3E%3Crect fill='%23fff' id='Rectangle_1072' data-name='Rectangle 1072' width='1.815' height='6.351' transform='translate(15.424 37.163)'/%3E%3Cpath fill='%23fff' id='Path_3483' data-name='Path 3483' d='M47.66,51.778a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,43.725a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.311v0H22.7V66.37h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558V68.18c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM22.328,48.5c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.17,8.17,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.18,8.18,0,0,1,6.472,6.932A13.642,13.642,0,0,0,22.328,48.5Z' transform='translate(-9.996 -33.744)'/%3E%3C/svg%3E");
}
footer .weather .now .img.d500 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='rain-sun' width='52.625' height='53.443' viewBox='0 0 52.625 53.443'%3E%3Cpath id='Path_3541' data-name='Path 3541' d='M257.721,347.288v7.259h1.815V336.4h-1.815Z' transform='translate(-227.779 -301.103)'/%3E%3Cpath id='Path_3542' data-name='Path 3542' d='M326.058,313.118v7.259h1.815V302.23h-1.815Z' transform='translate(-288.858 -270.563)'/%3E%3Cpath id='Path_3543' data-name='Path 3543' d='M189.382,313.118v7.259H191.2V302.23h-1.815Z' transform='translate(-166.699 -270.563)'/%3E%3Crect id='Rectangle_1124' data-name='Rectangle 1124' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1125' data-name='Rectangle 1125' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1126' data-name='Rectangle 1126' width='7.235' height='1.814' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect id='Rectangle_1127' data-name='Rectangle 1127' width='1.814' height='7.233' transform='translate(26.376 11.048) rotate(-135)'/%3E%3Cpath id='Path_3544' data-name='Path 3544' d='M96.443,103.15a13.556,13.556,0,0,0-18.811-9.514A9.064,9.064,0,1,0,62.668,103.66,9.848,9.848,0,0,0,70.4,119.554v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,99.868c-.219-.014-.436-.033-.657-.033a9.813,9.813,0,0,0-6.533,2.489,7.243,7.243,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,99.868Z' transform='translate(-51.52 -79.75)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d500 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='rain-sun' width='52.625' height='53.443' viewBox='0 0 52.625 53.443'%3E%3Cpath fill='%23fff' id='Path_3541' data-name='Path 3541' d='M257.721,347.288v7.259h1.815V336.4h-1.815Z' transform='translate(-227.779 -301.103)'/%3E%3Cpath fill='%23fff' id='Path_3542' data-name='Path 3542' d='M326.058,313.118v7.259h1.815V302.23h-1.815Z' transform='translate(-288.858 -270.563)'/%3E%3Cpath fill='%23fff' id='Path_3543' data-name='Path 3543' d='M189.382,313.118v7.259H191.2V302.23h-1.815Z' transform='translate(-166.699 -270.563)'/%3E%3Crect fill='%23fff' id='Rectangle_1124' data-name='Rectangle 1124' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1125' data-name='Rectangle 1125' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1126' data-name='Rectangle 1126' width='7.235' height='1.814' transform='translate(9.774 11.046) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1127' data-name='Rectangle 1127' width='1.814' height='7.233' transform='translate(26.376 11.048) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3544' data-name='Path 3544' d='M96.443,103.15a13.556,13.556,0,0,0-18.811-9.514A9.064,9.064,0,1,0,62.668,103.66,9.848,9.848,0,0,0,70.4,119.554v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.743v1.815h2.558v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,99.868c-.219-.014-.436-.033-.657-.033a9.813,9.813,0,0,0-6.533,2.489,7.243,7.243,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,99.868Z' transform='translate(-51.52 -79.75)'/%3E%3C/svg%3E");
}
footer .weather .now .img.n500 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='48.077' viewBox='0 0 45.366 48.077'%3E%3Cg id='rain-moon' transform='translate(0)'%3E%3Cpath id='Path_3537' data-name='Path 3537' d='M223.551,322.031v7.259h1.815V311.143h-1.815Z' transform='translate(-200.868 -281.212)'/%3E%3Cpath id='Path_3538' data-name='Path 3538' d='M291.889,287.863v7.259H293.7V276.975h-1.815Z' transform='translate(-261.948 -250.673)'/%3E%3Cpath id='Path_3539' data-name='Path 3539' d='M155.213,287.863v7.259h1.815V276.975h-1.815Z' transform='translate(-139.789 -250.673)'/%3E%3Cpath id='Path_3540' data-name='Path 3540' d='M47.66,47.381a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.17,10.17,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.186,10.186,0,0,0,10,39.327a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V61.973h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,44.1c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.173,8.173,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.627,13.627,0,0,0,22.328,44.1Z' transform='translate(-9.996 -29.347)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n500 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='48.077' viewBox='0 0 45.366 48.077'%3E%3Cg id='rain-moon' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3537' data-name='Path 3537' d='M223.551,322.031v7.259h1.815V311.143h-1.815Z' transform='translate(-200.868 -281.212)'/%3E%3Cpath fill='%23fff' id='Path_3538' data-name='Path 3538' d='M291.889,287.863v7.259H293.7V276.975h-1.815Z' transform='translate(-261.948 -250.673)'/%3E%3Cpath fill='%23fff' id='Path_3539' data-name='Path 3539' d='M155.213,287.863v7.259h1.815V276.975h-1.815Z' transform='translate(-139.789 -250.673)'/%3E%3Cpath fill='%23fff' id='Path_3540' data-name='Path 3540' d='M47.66,47.381a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.17,10.17,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.186,10.186,0,0,0,10,39.327a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V61.973h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.857,0h-.744v1.815h2.558v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407ZM22.328,44.1c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.173,8.173,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.627,13.627,0,0,0,22.328,44.1Z' transform='translate(-9.996 -29.347)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.d502 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='50.129' viewBox='0 0 52.625 50.129'%3E%3Cg id='rain-alt-sun' transform='translate(0)'%3E%3Cpath id='Path_3529' data-name='Path 3529' d='M248.368,350.81l-6.245-8.919-1.486,1.041,6.245,8.919,1.009,1.442,3.153,4.5,1.487-1.04-3.153-4.5Z' transform='translate(-212.51 -307.668)'/%3E%3Cpath id='Path_3530' data-name='Path 3530' d='M316.707,350.808l-6.247-8.917-1.486,1.042,6.247,8.917.912,1.3,3.252,4.641,1.487-1.04-3.252-4.642Z' transform='translate(-273.589 -307.668)'/%3E%3Cpath id='Path_3531' data-name='Path 3531' d='M180.029,350.81l-6.245-8.919-1.486,1.042,6.245,8.918,1.075,1.535,3.089,4.411,1.486-1.041-3.088-4.411Z' transform='translate(-151.43 -307.668)'/%3E%3Crect id='Rectangle_1120' data-name='Rectangle 1120' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1121' data-name='Rectangle 1121' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1122' data-name='Rectangle 1122' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect id='Rectangle_1123' data-name='Rectangle 1123' width='1.814' height='7.233' transform='translate(26.377 11.048) rotate(-135)'/%3E%3Cpath id='Path_3532' data-name='Path 3532' d='M96.443,118.75a13.555,13.555,0,0,0-18.81-9.514A9.064,9.064,0,1,0,62.668,119.26,9.848,9.848,0,0,0,70.4,135.154v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.042,0h-.744v1.815h.744v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,115.468c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,115.468Z' transform='translate(-51.52 -95.35)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d502 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='50.129' viewBox='0 0 52.625 50.129'%3E%3Cg id='rain-alt-sun' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3529' data-name='Path 3529' d='M248.368,350.81l-6.245-8.919-1.486,1.041,6.245,8.919,1.009,1.442,3.153,4.5,1.487-1.04-3.153-4.5Z' transform='translate(-212.51 -307.668)'/%3E%3Cpath fill='%23fff' id='Path_3530' data-name='Path 3530' d='M316.707,350.808l-6.247-8.917-1.486,1.042,6.247,8.917.912,1.3,3.252,4.641,1.487-1.04-3.252-4.642Z' transform='translate(-273.589 -307.668)'/%3E%3Cpath fill='%23fff' id='Path_3531' data-name='Path 3531' d='M180.029,350.81l-6.245-8.919-1.486,1.042,6.245,8.918,1.075,1.535,3.089,4.411,1.486-1.041-3.088-4.411Z' transform='translate(-151.43 -307.668)'/%3E%3Crect fill='%23fff' id='Rectangle_1120' data-name='Rectangle 1120' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1121' data-name='Rectangle 1121' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1122' data-name='Rectangle 1122' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1123' data-name='Rectangle 1123' width='1.814' height='7.233' transform='translate(26.377 11.048) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3532' data-name='Path 3532' d='M96.443,118.75a13.555,13.555,0,0,0-18.81-9.514A9.064,9.064,0,1,0,62.668,119.26,9.848,9.848,0,0,0,70.4,135.154v0h1.077v-1.815h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.042,0h-.744v1.815h.744v-.005c.038,0,.074.005.112.005a8.211,8.211,0,0,0,.515-16.407ZM71.11,115.468c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489,7.242,7.242,0,1,1,12.1-7.826A13.642,13.642,0,0,0,71.11,115.468Z' transform='translate(-51.52 -95.35)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.n502 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='44.763' viewBox='0 0 45.366 44.763'%3E%3Cg id='rain-alt-moon' transform='translate(0)'%3E%3Cpath id='Path_3525' data-name='Path 3525' d='M214.2,325.549l-6.245-8.919-1.486,1.041,6.245,8.919,1.009,1.442,3.153,4.5,1.487-1.04-3.154-4.5Z' transform='translate(-185.599 -287.773)'/%3E%3Cpath id='Path_3526' data-name='Path 3526' d='M282.538,325.547l-6.247-8.917-1.486,1.042,6.247,8.917.912,1.3,3.252,4.641,1.487-1.04-3.252-4.642Z' transform='translate(-246.678 -287.773)'/%3E%3Cpath id='Path_3527' data-name='Path 3527' d='M145.86,325.549l-6.245-8.919-1.486,1.042,6.245,8.918,1.075,1.535,3.089,4.411,1.486-1.041-3.088-4.411Z' transform='translate(-124.519 -287.773)'/%3E%3Cpath id='Path_3528' data-name='Path 3528' d='M47.66,62.981a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.185,10.185,0,0,0,10,54.928a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V77.573h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.042,0h-.743v1.815h.743v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM22.328,59.7c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.933A13.638,13.638,0,0,0,22.328,59.7Z' transform='translate(-9.996 -44.947)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n502 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='44.763' viewBox='0 0 45.366 44.763'%3E%3Cg id='rain-alt-moon' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3525' data-name='Path 3525' d='M214.2,325.549l-6.245-8.919-1.486,1.041,6.245,8.919,1.009,1.442,3.153,4.5,1.487-1.04-3.154-4.5Z' transform='translate(-185.599 -287.773)'/%3E%3Cpath fill='%23fff' id='Path_3526' data-name='Path 3526' d='M282.538,325.547l-6.247-8.917-1.486,1.042,6.247,8.917.912,1.3,3.252,4.641,1.487-1.04-3.252-4.642Z' transform='translate(-246.678 -287.773)'/%3E%3Cpath fill='%23fff' id='Path_3527' data-name='Path 3527' d='M145.86,325.549l-6.245-8.919-1.486,1.042,6.245,8.918,1.075,1.535,3.089,4.411,1.486-1.041-3.088-4.411Z' transform='translate(-124.519 -287.773)'/%3E%3Cpath fill='%23fff' id='Path_3528' data-name='Path 3528' d='M47.66,62.981a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.185,10.185,0,0,0,10,54.928a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V77.573h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-.042,0h-.743v1.815h.743v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM22.328,59.7c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118,8.169,8.169,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.472,6.933A13.638,13.638,0,0,0,22.328,59.7Z' transform='translate(-9.996 -44.947)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.d600 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='48.882' viewBox='0 0 52.625 48.882'%3E%3Cg id='snow-alt-sun' transform='translate(0)'%3E%3Crect id='Rectangle_1128' data-name='Rectangle 1128' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect id='Rectangle_1129' data-name='Rectangle 1129' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect id='Rectangle_1130' data-name='Rectangle 1130' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect id='Rectangle_1131' data-name='Rectangle 1131' width='1.814' height='7.233' transform='translate(26.375 11.049) rotate(-135)'/%3E%3Cpath id='Path_3553' data-name='Path 3553' d='M96.443,124.623a13.554,13.554,0,0,0-18.811-9.513,9.064,9.064,0,1,0-14.964,10.023A9.848,9.848,0,0,0,70.4,141.027v0h1.077v-1.814h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066A11.734,11.734,0,0,1,94.668,125l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.693,0v1.814h1.651v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM71.11,121.341c-.219-.014-.436-.033-.657-.033A9.811,9.811,0,0,0,63.92,123.8a7.242,7.242,0,1,1,12.1-7.824A13.647,13.647,0,0,0,71.11,121.341Z' transform='translate(-51.52 -101.223)'/%3E%3Cpath id='Path_3554' data-name='Path 3554' d='M185.795,330.88v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261-.622-1.108-1.971,1.109v-2.354H183.98v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426Z' transform='translate(-159.49 -291.962)'/%3E%3Cpath id='Path_3555' data-name='Path 3555' d='M213.3,418.681l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-182.312 -375.813)'/%3E%3Cpath id='Path_3556' data-name='Path 3556' d='M290.314,359.034l-1.972,1.109v-2.354h-1.814v2.394l-2.042-1.149-.622,1.108L286.1,361.4l-2.241,1.261.622,1.107,2.042-1.149v2.426h1.814v-2.386l1.972,1.109.622-1.107L288.7,361.4l2.241-1.261Z' transform='translate(-251.146 -322.501)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d600 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.625' height='48.882' viewBox='0 0 52.625 48.882'%3E%3Cg id='snow-alt-sun' transform='translate(0)'%3E%3Crect fill='%23fff' id='Rectangle_1128' data-name='Rectangle 1128' width='1.815' height='7.234' transform='translate(17.239 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1129' data-name='Rectangle 1129' width='7.234' height='1.815' transform='translate(0 17.161)'/%3E%3Crect fill='%23fff' id='Rectangle_1130' data-name='Rectangle 1130' width='7.235' height='1.814' transform='translate(9.774 11.045) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1131' data-name='Rectangle 1131' width='1.814' height='7.233' transform='translate(26.375 11.049) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3553' data-name='Path 3553' d='M96.443,124.623a13.554,13.554,0,0,0-18.811-9.513,9.064,9.064,0,1,0-14.964,10.023A9.848,9.848,0,0,0,70.4,141.027v0h1.077v-1.814h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066A11.734,11.734,0,0,1,94.668,125l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.693,0v1.814h1.651v-.005c.038,0,.074.005.113.005a8.212,8.212,0,0,0,.515-16.407ZM71.11,121.341c-.219-.014-.436-.033-.657-.033A9.811,9.811,0,0,0,63.92,123.8a7.242,7.242,0,1,1,12.1-7.824A13.647,13.647,0,0,0,71.11,121.341Z' transform='translate(-51.52 -101.223)'/%3E%3Cpath fill='%23fff' id='Path_3554' data-name='Path 3554' d='M185.795,330.88v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261-.622-1.108-1.971,1.109v-2.354H183.98v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426Z' transform='translate(-159.49 -291.962)'/%3E%3Cpath fill='%23fff' id='Path_3555' data-name='Path 3555' d='M213.3,418.681l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-182.312 -375.813)'/%3E%3Cpath fill='%23fff' id='Path_3556' data-name='Path 3556' d='M290.314,359.034l-1.972,1.109v-2.354h-1.814v2.394l-2.042-1.149-.622,1.108L286.1,361.4l-2.241,1.261.622,1.107,2.042-1.149v2.426h1.814v-2.386l1.972,1.109.622-1.107L288.7,361.4l2.241-1.261Z' transform='translate(-251.146 -322.501)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.n600 {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='snow-alt-moon' xmlns='http://www.w3.org/2000/svg' width='45.366' height='43.516' viewBox='0 0 45.366 43.516'%3E%3Cpath id='Path_3549' data-name='Path 3549' d='M47.66,68.854a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,60.8a9.96,9.96,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V83.446h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.693,0v1.815h1.651v-.006c.038,0,.074.006.113.006a8.211,8.211,0,0,0,.515-16.407ZM22.328,65.572c-.219-.014-.436-.033-.657-.033a9.81,9.81,0,0,0-6.093,2.118,8.173,8.173,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.628,13.628,0,0,0,22.328,65.572Z' transform='translate(-9.996 -50.82)'/%3E%3Cpath id='Path_3550' data-name='Path 3550' d='M152.01,305.62v-2.386l1.971,1.11.622-1.108-2.241-1.261,2.241-1.261-.622-1.108-1.971,1.109v-2.354H150.2v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.15v2.426Z' transform='translate(-132.923 -272.068)'/%3E%3Cpath id='Path_3551' data-name='Path 3551' d='M179.515,393.421l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-155.745 -355.919)'/%3E%3Cpath id='Path_3552' data-name='Path 3552' d='M256.529,333.776l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815V337.4l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-224.578 -302.609)'/%3E%3C/svg%3E%0A");
}
.dark footer .weather .now .img.n600 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='snow-alt-moon' width='45.366' height='43.516' viewBox='0 0 45.366 43.516'%3E%3Cpath fill='%23fff' id='Path_3549' data-name='Path 3549' d='M47.66,68.854a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,60.8a9.96,9.96,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H22.7V83.446h-.654l-.415,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.009,1.193.077.541-1.066a11.734,11.734,0,0,1,21.94,2.84l.289,1.346,1.373.085a6.4,6.4,0,0,1-.367,12.781c-.038,0-.072,0-.106,0l-1.693,0v1.815h1.651v-.006c.038,0,.074.006.113.006a8.211,8.211,0,0,0,.515-16.407ZM22.328,65.572c-.219-.014-.436-.033-.657-.033a9.81,9.81,0,0,0-6.093,2.118,8.173,8.173,0,0,1-3.607-5.241,8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932A13.628,13.628,0,0,0,22.328,65.572Z' transform='translate(-9.996 -50.82)'/%3E%3Cpath fill='%23fff' id='Path_3550' data-name='Path 3550' d='M152.01,305.62v-2.386l1.971,1.11.622-1.108-2.241-1.261,2.241-1.261-.622-1.108-1.971,1.109v-2.354H150.2v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.15v2.426Z' transform='translate(-132.923 -272.068)'/%3E%3Cpath fill='%23fff' id='Path_3551' data-name='Path 3551' d='M179.515,393.421l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815v-2.386l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-155.745 -355.919)'/%3E%3Cpath fill='%23fff' id='Path_3552' data-name='Path 3552' d='M256.529,333.776l-1.971,1.109v-2.354h-1.815v2.394l-2.042-1.149-.622,1.108,2.241,1.261-2.241,1.261.622,1.108,2.042-1.149v2.426h1.815V337.4l1.971,1.109.622-1.108-2.241-1.261,2.241-1.261Z' transform='translate(-224.578 -302.609)'/%3E%3C/svg%3E");
}
footer .weather .now .img.d700 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54.439' height='48.995' viewBox='0 0 54.439 48.995'%3E%3Cg id='cloud-wind-sun' transform='translate(0)'%3E%3Crect id='Rectangle_1048' data-name='Rectangle 1048' width='1.815' height='7.234' transform='translate(17.214 0)'/%3E%3Crect id='Rectangle_1049' data-name='Rectangle 1049' width='7.234' height='1.815' transform='translate(0 17.227)'/%3E%3Crect id='Rectangle_1050' data-name='Rectangle 1050' width='7.235' height='1.814' transform='translate(9.822 11.154) rotate(-135)'/%3E%3Crect id='Rectangle_1051' data-name='Rectangle 1051' width='1.814' height='7.233' transform='translate(26.423 11.157) rotate(-135)'/%3E%3Cpath id='Path_3447' data-name='Path 3447' d='M74.23,139.716l0-.006H62.86l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.541-1.065a11.726,11.726,0,0,1,21.841,2.459h1.874a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.965,10.024,9.848,9.848,0,0,0,7.735,15.895v0H74.23v.006a3.629,3.629,0,0,1,0,7.259V150.6a5.444,5.444,0,1,0,0-10.888ZM61.5,112.523a7.25,7.25,0,0,1,6.434,3.942,13.641,13.641,0,0,0-4.911,5.37c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489A7.24,7.24,0,0,1,61.5,112.523Z' transform='translate(-43.381 -101.608)'/%3E%3Cpath id='Path_3448' data-name='Path 3448' d='M215.63,273.282h-9.063V275.1h9.063a5.444,5.444,0,0,0,0-10.888v1.815a3.629,3.629,0,0,1,0,7.259Z' transform='translate(-181.152 -238.804)'/%3E%3Cpath id='Path_3449' data-name='Path 3449' d='M360.248,288.552h-.021v1.815h4.99v-.046a4.524,4.524,0,0,0-.454-9.027v1.815a2.722,2.722,0,1,1,0,5.444c-.039,0-.075-.01-.114-.011h-4.412S360.246,288.548,360.248,288.552Z' transform='translate(-318.491 -254.073)'/%3E%3Cpath id='Path_3450' data-name='Path 3450' d='M337.852,383.8h-11.8v1.815h8.186a.062.062,0,0,0-.01.012h3.5c.039,0,.075-.012.114-.012a2.722,2.722,0,0,1,0,5.444v1.815a4.537,4.537,0,0,0,0-9.073Z' transform='translate(-287.95 -345.694)'/%3E%3Crect id='Rectangle_1052' data-name='Rectangle 1052' width='3.629' height='1.815' transform='translate(19.961 34.478)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d700 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54.439' height='48.995' viewBox='0 0 54.439 48.995'%3E%3Cg id='cloud-wind-sun' transform='translate(0)'%3E%3Crect fill='%23fff' id='Rectangle_1048' data-name='Rectangle 1048' width='1.815' height='7.234' transform='translate(17.214 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1049' data-name='Rectangle 1049' width='7.234' height='1.815' transform='translate(0 17.227)'/%3E%3Crect fill='%23fff' id='Rectangle_1050' data-name='Rectangle 1050' width='7.235' height='1.814' transform='translate(9.822 11.154) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1051' data-name='Rectangle 1051' width='1.814' height='7.233' transform='translate(26.423 11.157) rotate(-135)'/%3E%3Cpath fill='%23fff' id='Path_3447' data-name='Path 3447' d='M74.23,139.716l0-.006H62.86l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.541-1.065a11.726,11.726,0,0,1,21.841,2.459h1.874a13.555,13.555,0,0,0-18.81-9.514,9.064,9.064,0,1,0-14.965,10.024,9.848,9.848,0,0,0,7.735,15.895v0H74.23v.006a3.629,3.629,0,0,1,0,7.259V150.6a5.444,5.444,0,1,0,0-10.888ZM61.5,112.523a7.25,7.25,0,0,1,6.434,3.942,13.641,13.641,0,0,0-4.911,5.37c-.219-.014-.436-.033-.657-.033a9.811,9.811,0,0,0-6.533,2.489A7.24,7.24,0,0,1,61.5,112.523Z' transform='translate(-43.381 -101.608)'/%3E%3Cpath fill='%23fff' id='Path_3448' data-name='Path 3448' d='M215.63,273.282h-9.063V275.1h9.063a5.444,5.444,0,0,0,0-10.888v1.815a3.629,3.629,0,0,1,0,7.259Z' transform='translate(-181.152 -238.804)'/%3E%3Cpath fill='%23fff' id='Path_3449' data-name='Path 3449' d='M360.248,288.552h-.021v1.815h4.99v-.046a4.524,4.524,0,0,0-.454-9.027v1.815a2.722,2.722,0,1,1,0,5.444c-.039,0-.075-.01-.114-.011h-4.412S360.246,288.548,360.248,288.552Z' transform='translate(-318.491 -254.073)'/%3E%3Cpath fill='%23fff' id='Path_3450' data-name='Path 3450' d='M337.852,383.8h-11.8v1.815h8.186a.062.062,0,0,0-.01.012h3.5c.039,0,.075-.012.114-.012a2.722,2.722,0,0,1,0,5.444v1.815a4.537,4.537,0,0,0,0-9.073Z' transform='translate(-287.95 -345.694)'/%3E%3Crect fill='%23fff' id='Rectangle_1052' data-name='Rectangle 1052' width='3.629' height='1.815' transform='translate(19.961 34.478)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.n700 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.156' height='43.542' viewBox='0 0 47.156 43.542'%3E%3Cg id='cloud-wind-moon' transform='translate(0)'%3E%3Cpath id='Path_3443' data-name='Path 3443' d='M25.135,83.358l0-.006H13.765l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.019l.135.01L15,67.365l.541-1.065a11.726,11.726,0,0,1,21.841,2.459h1.874a13.557,13.557,0,0,0-17.913-9.88A9.962,9.962,0,0,0,11.55,50.7a10.2,10.2,0,0,0-1.109.065,6.35,6.35,0,0,1-8.807,8.807,10.184,10.184,0,0,0-.065,1.108,9.959,9.959,0,0,0,4.256,8.164,9.85,9.85,0,0,0,7.392,16.315v0H25.134v.006a3.629,3.629,0,0,1,0,7.259v1.815a5.444,5.444,0,0,0,0-10.888ZM3.544,62.3a8.171,8.171,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.476,6.963,13.641,13.641,0,0,0-5.717,5.835c-.219-.014-.436-.033-.657-.033a9.808,9.808,0,0,0-6.088,2.114A8.166,8.166,0,0,1,3.544,62.3Z' transform='translate(-1.569 -50.704)'/%3E%3Cpath id='Path_3444' data-name='Path 3444' d='M181.345,247.614h-9.062v1.815h9.062a5.444,5.444,0,1,0,0-10.888v1.814a3.629,3.629,0,0,1,0,7.259Z' transform='translate(-154.151 -218.59)'/%3E%3Cpath id='Path_3445' data-name='Path 3445' d='M325.964,262.883h-.021V264.7h4.99v-.046a4.524,4.524,0,0,0-.454-9.027v1.815a2.722,2.722,0,1,1,0,5.444c-.039,0-.075-.01-.114-.011h-4.412A.15.15,0,0,0,325.964,262.883Z' transform='translate(-291.49 -233.858)'/%3E%3Cpath id='Path_3446' data-name='Path 3446' d='M303.566,358.132h-11.8v1.815h8.186l-.01.012h3.5c.039,0,.075-.012.114-.012a2.722,2.722,0,0,1,0,5.444v1.815a4.537,4.537,0,0,0,0-9.073Z' transform='translate(-260.947 -325.478)'/%3E%3Crect id='Rectangle_1047' data-name='Rectangle 1047' width='3.629' height='1.815' transform='translate(12.678 29.024)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n700 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.156' height='43.542' viewBox='0 0 47.156 43.542'%3E%3Cg id='cloud-wind-moon' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3443' data-name='Path 3443' d='M25.135,83.358l0-.006H13.765l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.019l.135.01L15,67.365l.541-1.065a11.726,11.726,0,0,1,21.841,2.459h1.874a13.557,13.557,0,0,0-17.913-9.88A9.962,9.962,0,0,0,11.55,50.7a10.2,10.2,0,0,0-1.109.065,6.35,6.35,0,0,1-8.807,8.807,10.184,10.184,0,0,0-.065,1.108,9.959,9.959,0,0,0,4.256,8.164,9.85,9.85,0,0,0,7.392,16.315v0H25.134v.006a3.629,3.629,0,0,1,0,7.259v1.815a5.444,5.444,0,0,0,0-10.888ZM3.544,62.3a8.171,8.171,0,0,0,9.621-9.621,8.181,8.181,0,0,1,6.476,6.963,13.641,13.641,0,0,0-5.717,5.835c-.219-.014-.436-.033-.657-.033a9.808,9.808,0,0,0-6.088,2.114A8.166,8.166,0,0,1,3.544,62.3Z' transform='translate(-1.569 -50.704)'/%3E%3Cpath fill='%23fff' id='Path_3444' data-name='Path 3444' d='M181.345,247.614h-9.062v1.815h9.062a5.444,5.444,0,1,0,0-10.888v1.814a3.629,3.629,0,0,1,0,7.259Z' transform='translate(-154.151 -218.59)'/%3E%3Cpath fill='%23fff' id='Path_3445' data-name='Path 3445' d='M325.964,262.883h-.021V264.7h4.99v-.046a4.524,4.524,0,0,0-.454-9.027v1.815a2.722,2.722,0,1,1,0,5.444c-.039,0-.075-.01-.114-.011h-4.412A.15.15,0,0,0,325.964,262.883Z' transform='translate(-291.49 -233.858)'/%3E%3Cpath fill='%23fff' id='Path_3446' data-name='Path 3446' d='M303.566,358.132h-11.8v1.815h8.186l-.01.012h3.5c.039,0,.075-.012.114-.012a2.722,2.722,0,0,1,0,5.444v1.815a4.537,4.537,0,0,0,0-9.073Z' transform='translate(-260.947 -325.478)'/%3E%3Crect fill='%23fff' id='Rectangle_1047' data-name='Rectangle 1047' width='3.629' height='1.815' transform='translate(12.678 29.024)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.d800 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='sun' width='47.181' height='47.181' viewBox='0 0 47.181 47.181'%3E%3Cpath id='Path_3586' data-name='Path 3586' d='M124.3,144.567a11.8,11.8,0,1,0,11.8,11.794A11.794,11.794,0,0,0,124.3,144.567Zm0,21.777a9.981,9.981,0,1,1,9.981-9.982A9.993,9.993,0,0,1,124.3,166.344Z' transform='translate(-100.707 -132.777)'/%3E%3Crect id='Rectangle_1136' data-name='Rectangle 1136' width='1.815' height='9.073' transform='translate(22.677 0)'/%3E%3Crect id='Rectangle_1137' data-name='Rectangle 1137' width='1.815' height='9.073' transform='translate(22.677 38.107)'/%3E%3Crect id='Rectangle_1138' data-name='Rectangle 1138' width='9.067' height='1.815' transform='translate(0 22.683)'/%3E%3Crect id='Rectangle_1139' data-name='Rectangle 1139' width='9.08' height='1.815' transform='translate(38.101 22.683)'/%3E%3Crect id='Rectangle_1140' data-name='Rectangle 1140' width='1.814' height='9.444' transform='translate(34.224 14.224) rotate(-135)'/%3E%3Crect id='Rectangle_1141' data-name='Rectangle 1141' width='1.815' height='9.445' transform='matrix(0.707, 0.707, -0.707, 0.707, 12.939, 32.948)'/%3E%3Crect id='Rectangle_1142' data-name='Rectangle 1142' width='9.444' height='1.814' transform='translate(12.94 14.229) rotate(-135)'/%3E%3Crect id='Rectangle_1143' data-name='Rectangle 1143' width='9.445' height='1.814' transform='matrix(0.707, 0.707, -0.707, 0.707, 34.224, 32.952)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d800 {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='sun' xmlns='http://www.w3.org/2000/svg' width='47.181' height='47.181' viewBox='0 0 47.181 47.181'%3E%3Cpath id='Path_3586' data-name='Path 3586' d='M124.3,144.567a11.8,11.8,0,1,0,11.8,11.794A11.794,11.794,0,0,0,124.3,144.567Zm0,21.777a9.981,9.981,0,1,1,9.981-9.982A9.993,9.993,0,0,1,124.3,166.344Z' transform='translate(-100.707 -132.777)' fill='%23fff'/%3E%3Crect id='Rectangle_1136' data-name='Rectangle 1136' width='1.815' height='9.073' transform='translate(22.677 0)' fill='%23fff'/%3E%3Crect id='Rectangle_1137' data-name='Rectangle 1137' width='1.815' height='9.073' transform='translate(22.677 38.107)' fill='%23fff'/%3E%3Crect id='Rectangle_1138' data-name='Rectangle 1138' width='9.067' height='1.815' transform='translate(0 22.683)' fill='%23fff'/%3E%3Crect id='Rectangle_1139' data-name='Rectangle 1139' width='9.08' height='1.815' transform='translate(38.101 22.683)' fill='%23fff'/%3E%3Crect id='Rectangle_1140' data-name='Rectangle 1140' width='1.814' height='9.444' transform='translate(34.224 14.224) rotate(-135)' fill='%23fff'/%3E%3Crect id='Rectangle_1141' data-name='Rectangle 1141' width='1.815' height='9.445' transform='matrix(0.707, 0.707, -0.707, 0.707, 12.939, 32.948)' fill='%23fff'/%3E%3Crect id='Rectangle_1142' data-name='Rectangle 1142' width='9.444' height='1.814' transform='translate(12.94 14.229) rotate(-135)' fill='%23fff'/%3E%3Crect id='Rectangle_1143' data-name='Rectangle 1143' width='9.445' height='1.814' transform='matrix(0.707, 0.707, -0.707, 0.707, 34.224, 32.952)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
footer .weather .now .img.n800 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.815' height='30.85' viewBox='0 0 30.815 30.85'%3E%3Cpath id='moon' d='M96.4,112.5A13.61,13.61,0,1,1,80.848,129.75,12.695,12.695,0,0,0,96.4,112.5m-2.517-2.048c-.307,0-.606.028-.907.046a10.876,10.876,0,0,1-14.483,16.043,15.415,15.415,0,1,0,15.391-16.089Z' transform='translate(-78.492 -110.448)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n800 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.815' height='30.85' viewBox='0 0 30.815 30.85'%3E%3Cpath fill='%23fff' id='moon' d='M96.4,112.5A13.61,13.61,0,1,1,80.848,129.75,12.695,12.695,0,0,0,96.4,112.5m-2.517-2.048c-.307,0-.606.028-.907.046a10.876,10.876,0,0,1-14.483,16.043,15.415,15.415,0,1,0,15.391-16.089Z' transform='translate(-78.492 -110.448)'/%3E%3C/svg%3E");
}
footer .weather .now .img.d801 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.672' height='39.916' viewBox='0 0 52.672 39.916'%3E%3Cg id='cloud-sun' transform='translate(0)'%3E%3Cpath id='Path_3442' data-name='Path 3442' d='M96.667,167.862a13.556,13.556,0,0,0-18.811-9.514,9.064,9.064,0,1,0-14.964,10.024,9.848,9.848,0,0,0,7.735,15.895v0H96.038v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.516-16.407ZM69.812,155.268a7.251,7.251,0,0,1,6.435,3.942,13.649,13.649,0,0,0-4.912,5.37c-.219-.014-.436-.033-.657-.033a9.81,9.81,0,0,0-6.533,2.489,7.24,7.24,0,0,1,5.668-11.768Zm26.375,27.186c-.034,0-.07,0-.106,0l-1.857-.038v.043H71.175l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.542-1.065a11.734,11.734,0,0,1,21.94,2.839l.288,1.345,1.373.086a6.4,6.4,0,0,1-.367,12.781Z' transform='translate(-51.696 -144.353)'/%3E%3Crect id='Rectangle_1043' data-name='Rectangle 1043' width='1.815' height='7.234' transform='translate(17.214 0)'/%3E%3Crect id='Rectangle_1044' data-name='Rectangle 1044' width='7.234' height='1.815' transform='translate(0 17.227)'/%3E%3Crect id='Rectangle_1045' data-name='Rectangle 1045' width='7.235' height='1.814' transform='translate(9.822 11.154) rotate(-135)'/%3E%3Crect id='Rectangle_1046' data-name='Rectangle 1046' width='1.814' height='7.233' transform='translate(26.424 11.157) rotate(-135)'/%3E%3C/g%3E%3C/svg%3E");
}
.dark footer .weather .now .img.d801 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.672' height='39.916' viewBox='0 0 52.672 39.916'%3E%3Cg id='cloud-sun' transform='translate(0)'%3E%3Cpath fill='%23fff' id='Path_3442' data-name='Path 3442' d='M96.667,167.862a13.556,13.556,0,0,0-18.811-9.514,9.064,9.064,0,1,0-14.964,10.024,9.848,9.848,0,0,0,7.735,15.895v0H96.038v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.516-16.407ZM69.812,155.268a7.251,7.251,0,0,1,6.435,3.942,13.649,13.649,0,0,0-4.912,5.37c-.219-.014-.436-.033-.657-.033a9.81,9.81,0,0,0-6.533,2.489,7.24,7.24,0,0,1,5.668-11.768Zm26.375,27.186c-.034,0-.07,0-.106,0l-1.857-.038v.043H71.175l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.542-1.065a11.734,11.734,0,0,1,21.94,2.839l.288,1.345,1.373.086a6.4,6.4,0,0,1-.367,12.781Z' transform='translate(-51.696 -144.353)'/%3E%3Crect fill='%23fff' id='Rectangle_1043' data-name='Rectangle 1043' width='1.815' height='7.234' transform='translate(17.214 0)'/%3E%3Crect fill='%23fff' id='Rectangle_1044' data-name='Rectangle 1044' width='7.234' height='1.815' transform='translate(0 17.227)'/%3E%3Crect fill='%23fff' id='Rectangle_1045' data-name='Rectangle 1045' width='7.235' height='1.814' transform='translate(9.822 11.154) rotate(-135)'/%3E%3Crect fill='%23fff' id='Rectangle_1046' data-name='Rectangle 1046' width='1.814' height='7.233' transform='translate(26.424 11.157) rotate(-135)'/%3E%3C/g%3E%3C/svg%3E");
}
footer .weather .now .img.n801 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='34.441' viewBox='0 0 45.366 34.441'%3E%3Cpath id='cloud-moon' d='M47.66,111.573a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,103.52a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H47.032v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407Zm-35.689-6.438a8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932,13.629,13.629,0,0,0-5.736,5.845c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118A8.173,8.173,0,0,1,11.971,105.135Zm35.21,21.031c-.034,0-.07,0-.106,0l-1.857-.038v.042H22.168l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.542-1.065a11.734,11.734,0,0,1,21.94,2.839l.288,1.345,1.373.086a6.4,6.4,0,0,1-.367,12.781Z' transform='translate(-9.996 -93.539)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.n801 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.366' height='34.441' viewBox='0 0 45.366 34.441'%3E%3Cpath fill='%23fff' id='cloud-moon' d='M47.66,111.573a13.554,13.554,0,0,0-17.9-9.886,9.961,9.961,0,0,0-9.788-8.148,10.2,10.2,0,0,0-1.108.065,6.35,6.35,0,0,1-8.807,8.807A10.184,10.184,0,0,0,10,103.52a9.961,9.961,0,0,0,4.229,8.147,9.85,9.85,0,0,0,7.4,16.31v0H47.032v-.005c.038,0,.074.005.113.005a8.211,8.211,0,0,0,.515-16.407Zm-35.689-6.438a8.17,8.17,0,0,0,9.621-9.621,8.183,8.183,0,0,1,6.473,6.932,13.629,13.629,0,0,0-5.736,5.845c-.219-.014-.436-.033-.657-.033a9.8,9.8,0,0,0-6.093,2.118A8.173,8.173,0,0,1,11.971,105.135Zm35.21,21.031c-.034,0-.07,0-.106,0l-1.857-.038v.042H22.168l-.539,0a8.045,8.045,0,0,1,.041-16.09c.136,0,.271.011.406.02l.135.01,1.193.077.542-1.065a11.734,11.734,0,0,1,21.94,2.839l.288,1.345,1.373.086a6.4,6.4,0,0,1-.367,12.781Z' transform='translate(-9.996 -93.539)'/%3E%3C/svg%3E");
}
footer .weather .now .img.dn802 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.088' height='29.938' viewBox='0 0 48.088 29.938'%3E%3Cpath id='cloud' d='M22.135,116.551a13.214,13.214,0,0,1,12.857,10.387l.289,1.346,1.373.085a7.252,7.252,0,0,1-.418,14.491c-.042,0-.082-.005-.124-.006l-1.854-.033v.039H8.548l-.524,0a9.072,9.072,0,0,1,.046-18.145c.159,0,.315.013.471.023l.136.01,1.194.079.542-1.067a13.1,13.1,0,0,1,11.723-7.206m0-1.815a14.958,14.958,0,0,0-13.34,8.2c-.241-.016-.481-.036-.726-.036a10.887,10.887,0,0,0-.055,21.774v0H36.073v-.006c.042,0,.082.006.124.006a9.067,9.067,0,0,0,.57-18.116,14.972,14.972,0,0,0-14.632-11.821Z' transform='translate(2.817 -114.736)'/%3E%3C/svg%3E");
}
.dark footer .weather .now .img.dn802 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.088' height='29.938' viewBox='0 0 48.088 29.938'%3E%3Cpath fill='%23fff' id='cloud' d='M22.135,116.551a13.214,13.214,0,0,1,12.857,10.387l.289,1.346,1.373.085a7.252,7.252,0,0,1-.418,14.491c-.042,0-.082-.005-.124-.006l-1.854-.033v.039H8.548l-.524,0a9.072,9.072,0,0,1,.046-18.145c.159,0,.315.013.471.023l.136.01,1.194.079.542-1.067a13.1,13.1,0,0,1,11.723-7.206m0-1.815a14.958,14.958,0,0,0-13.34,8.2c-.241-.016-.481-.036-.726-.036a10.887,10.887,0,0,0-.055,21.774v0H36.073v-.006c.042,0,.082.006.124.006a9.067,9.067,0,0,0,.57-18.116,14.972,14.972,0,0,0-14.632-11.821Z' transform='translate(2.817 -114.736)'/%3E%3C/svg%3E");
}

footer .weather .now .temp {
    font-variation-settings: 'wght' 300, 'wdth' 100;
    font-size: 41px;
    line-height: 30px;
    padding-right: 15px;
    border-right: 1px solid #000;

}

footer .weather .today {
    display: flex;
}

footer .weather .daily {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

footer .weather .daily .txt {
    margin-right: 10px;
    font-size: 16px;
}

footer .weather .daily .temp {
    font-size: 24px;
}

footer .track {
    background-color: #F6F7FC;
    padding: 16px 33px 16px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;

    width: 320px;
}

footer .track__top {
    width: 100%;
    display: flex;
}
footer .track .icon {
    height: 40px;
    min-width: 40px;
    margin: 0 13px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_2819' data-name='Group 2819' transform='translate(-1037 -836)'%3E%3Crect id='Rectangle_1040' data-name='Rectangle 1040' width='30' height='30' rx='6' transform='translate(1037 836)' fill='%23e4e6ee'/%3E%3Cg id='ic_audiotrack_24px' transform='translate(1040 840)'%3E%3Cpath id='Path_3440' data-name='Path 3440' d='M11.09,3v7.873a3.724,3.724,0,0,0-1.273-.238,3.818,3.818,0,1,0,3.775,4.242h.042V5.545h3.394V3Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}

footer .track .name {
    align-self: center;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

footer .track .progress {
    position: relative;
    width: 100%;
    height: 2px;
    margin-top: 20px;
    background-color: #B1B1B1;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}

footer .track .progress .line {
    position: absolute;
    left: 0;
    width: 66%;
    border: 1px solid #823CD0;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(84, 0, 255, 0.61);
}

footer .track .progress .pointer {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 65%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #6E01BE;
}

footer .player {
    padding: 16px;
    background-color: #F6F7FC;
    border-radius: 10px;
}

footer .player .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

footer .player .prev {
    width: 27px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='ic_fast_rewind_24px' width='26.807' height='18.382' viewBox='0 0 26.807 18.382'%3E%3Cpath id='Path_3438' data-name='Path 3438' d='M15.521,24.382V6L2.5,15.191Zm.766-9.191,13.021,9.191V6Z' transform='translate(-2.5 -6)' fill='%236d00bf'/%3E%3C/svg%3E");
}

footer .player .playpause {
    margin: 0 30px;
}

footer .player .next {
    width: 27px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='ic_fast_forward_24px' width='26.807' height='18.382' viewBox='0 0 26.807 18.382'%3E%3Cpath id='Path_3439' data-name='Path 3439' d='M4,24.382l13.021-9.191L4,6ZM17.787,6V24.382l13.021-9.191Z' transform='translate(-4 -6)' fill='%236d00bf'/%3E%3C/svg%3E");
}

footer .player .volume {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

footer .player .volume .icon {
    width: 18px;
    height: 18px;
    transition: 0.1s;
    margin-right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17.54' viewBox='0 0 18 17.54'%3E%3Cg id='ic_volume_up_24px' transform='translate(-3 -3.23)'%3E%3Cpath id='Path_3435' data-name='Path 3435' d='M3,9v6H7l5,5V4L7,9Zm13.5,3A4.5,4.5,0,0,0,14,7.97v8.05A4.474,4.474,0,0,0,16.5,12ZM14,3.23V5.29a7,7,0,0,1,0,13.42v2.06A8.994,8.994,0,0,0,14,3.23Z' fill='%236e01be'/%3E%3C/g%3E%3C/svg%3E");
}

footer .player .volume .icon.muted {
    width: 11px;
}

footer .player .progress {
    position: relative;
    height: 2px;
    flex-basis: 75%;
    background-color: #B1B1B1;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}

footer .player .progress .line {
    position: absolute;
    left: 0;
    width: 66%;
    border: 1px solid #823CD0;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(84, 0, 255, 0.61);
}

footer .player .progress .pointer {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 65%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #6E01BE;
}


.copyright {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 1100px;
    margin: 50px auto 30px;
    color: #C5C5C5;
    font-size: 16px;
    font-variation-settings: 'wght' 300, 'wdth' 100;

}

.copyright div {
    margin-left: 30px;
}

.copyright .toogle {
    margin-left: 0;
    margin-right: auto;
    flex-basis: auto;
}

.copyright .toogle > input[type=radio]:checked + i:before {
    left: 3px;
}

.copyright .toogle > input[type=radio]:checked + input[type=radio] + i:before {
    left: 38px;
}

.copyright .toogle > input[type=radio] + i:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.815' height='30.85' viewBox='0 0 30.815 30.85'%3E%3Cpath id='moon' d='M96.4,112.5A13.61,13.61,0,1,1,80.848,129.75,12.695,12.695,0,0,0,96.4,112.5m-2.517-2.048c-.307,0-.606.028-.907.046a10.876,10.876,0,0,1-14.483,16.043,15.415,15.415,0,1,0,15.391-16.089Z' transform='translate(-78.492 -110.448)' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.copyright .toogle > input[type=radio]:checked + input[type=radio] + i:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='sun' width='47.181' height='47.181' viewBox='0 0 47.181 47.181'%3E%3Cpath id='Path_3586' data-name='Path 3586' d='M124.3,144.567a11.8,11.8,0,1,0,11.8,11.794A11.794,11.794,0,0,0,124.3,144.567Zm0,21.777a9.981,9.981,0,1,1,9.981-9.982A9.993,9.993,0,0,1,124.3,166.344Z' transform='translate(-100.707 -132.777)'/%3E%3Crect id='Rectangle_1136' data-name='Rectangle 1136' width='1.815' height='9.073' transform='translate(22.677 0)'/%3E%3Crect id='Rectangle_1137' data-name='Rectangle 1137' width='1.815' height='9.073' transform='translate(22.677 38.107)'/%3E%3Crect id='Rectangle_1138' data-name='Rectangle 1138' width='9.067' height='1.815' transform='translate(0 22.683)'/%3E%3Crect id='Rectangle_1139' data-name='Rectangle 1139' width='9.08' height='1.815' transform='translate(38.101 22.683)'/%3E%3Crect id='Rectangle_1140' data-name='Rectangle 1140' width='1.814' height='9.444' transform='translate(34.224 14.224) rotate(-135)'/%3E%3Crect id='Rectangle_1141' data-name='Rectangle 1141' width='1.815' height='9.445' transform='matrix(0.707, 0.707, -0.707, 0.707, 12.939, 32.948)'/%3E%3Crect id='Rectangle_1142' data-name='Rectangle 1142' width='9.444' height='1.814' transform='translate(12.94 14.229) rotate(-135)'/%3E%3Crect id='Rectangle_1143' data-name='Rectangle 1143' width='9.445' height='1.814' transform='matrix(0.707, 0.707, -0.707, 0.707, 34.224, 32.952)'/%3E%3C/svg%3E");
}

.copyright .phone {
    margin-left: 10px;
}

.copyright .callback {
    padding: 12px 25px;
    display: inline-block;
    border-radius: 25px;
    border: 1px solid;
}

/*
.blur {
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;

}
.page {
    overflow: hidden;
    filter: blur(15px) brightness(1.4);
    opacity: 0.3;
}*/


.form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 20px;
    padding: 25px;
    background-color: #F2F5F9;
    min-width: 325px;
    max-width: 356px;
    min-height: 360px;
    max-height: 360px;
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(94, 94, 94, 0.16);
}
.dark .form {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16);
}

.form .close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.327' height='14.327' viewBox='0 0 14.327 14.327'%3E%3Cg id='Group_2754' data-name='Group 2754' transform='translate(-1102.086 -300.086)'%3E%3Cline id='Line_95' data-name='Line 95' x2='11.499' y2='11.499' transform='translate(1103.5 301.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_96' data-name='Line 96' x1='11.499' y2='11.499' transform='translate(1103.5 301.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.form .caption {
    width: 100%;
    padding: 0 0 10px;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid #6D0BC2;
}


.form .disclaimer {
    font-size: 13px;
    text-align: center;
    transition: 0.5s;
}
.entrance__form__text, .entrance__form__recover {
    display: none;
}
.entrance__form__text.active, .entrance__form__recover.active, .new__password_form {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.form .input {
    position: relative;
    width: 100%;
    transition: 0.5s;
}

.form input[type=text], .form input[type=password], .form input[type=email], .mailForNotifications {
    width: 100%;
    padding: 12px 20px;
    border-radius: 18px;
    background-color: #fff;
    font-family: 'Bahnschrift';
    font-size: 14px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
    transition: 0.5s;
}
.validBox {
    font-size: 13px;
    position: absolute;
    top: 100%;

}


.form#callback__form input[type=text] {
    margin: 5px 0 0;
}

::-webkit-input-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form > div {
    width: 100%;
}

.form .show__password {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 22px;
    height: 15px;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15'%3E%3Cg id='ic_visibility_24px' transform='translate(-1 -4.5)'%3E%3Cpath id='Path_3432' data-name='Path 3432' d='M12,4.5A11.827,11.827,0,0,0,1,12a11.817,11.817,0,0,0,22,0A11.827,11.827,0,0,0,12,4.5ZM12,17a5,5,0,1,1,5-5A5,5,0,0,1,12,17Zm0-8a3,3,0,1,0,3,3A3,3,0,0,0,12,9Z' fill='%23b7bfcb'/%3E%3C/g%3E%3C/svg%3E");
}

.form input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
    font-size: 14px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
}

.form input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
    border: 1px solid #BBC4CF;
    border-radius: 1px;
}

.form input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 18px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.566' height='13.582' viewBox='0 0 17.566 13.582'%3E%3Cg id='Group_395' data-name='Group 395' transform='translate(1.539 7.022) rotate(-45)'%3E%3Cline id='Line_19' data-name='Line 19' x1='0.66' y2='7.077' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_20' data-name='Line 20' x1='13.388' y2='1.42' transform='translate(0 5.657)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

.form input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.form .dashed {
    font-size: 14px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
    border-bottom: 1px dashed;
}
.entrance__form__text .dashed {
    float: right;
}

.form button[type=submit], .button {
    display: block;
    text-align: center;
    width: 100%;
    padding: 16px 0;
    border-radius: 100px;
    background-color: #FFCB21;
    font-family: 'Bahnschrift';
    font-size: 16px;
    font-weight: bolder;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
    transition: 0.5s;
}

.entrance__form__recover {
    display: none;
    width: 100%;
}

.range__slider {
    height: 2px;
    width: 100%;
    background: #CDD7E1;
    border-radius: 2px;
    position: relative;
    box-sizing: content-box;
    border-top: 19px solid #f6f7fc;
    border-bottom: 19px solid #f6f7fc;
    border-top: 19px solid #fff;
    border-bottom: 19px solid #fff;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}
footer .range__slider {
    border-top: 19px solid #f6f7fc;
    border-bottom: 19px solid #f6f7fc;
}

.temp__slider {
    margin: 0 20px;
    background-image: linear-gradient(to right, #00C2FF 0%, #FF9900 60%, #FF0000 100%);
}

.light__slider {
    margin: 0 13px;
}

.track .music__slider {
    flex-basis: 100%;
    margin-top: 5px;
}

.volume .music__slider {
    flex-basis: 75%;
}

.ui-slider-range {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    width: 0;
}

.music__slider .ui-slider-range, .light__slider .ui-slider-range, .equalizer__slider .ui-slider-range {
    border: 1px solid #823CD0;
    box-shadow: 0 0 3px rgba(84, 0, 255, 0.61);
}

.ui-slider-handle {
    cursor: url("/user/img/pointer.png") 5 5, pointer;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -7.5px;
    outline: none;
    z-index: 1;
    border-radius: 100%;
}

.temp__slider .ui-slider-handle {
    background: #CDD7E1;
    display: none;
}

.music__slider .ui-slider-handle, .light__slider .ui-slider-handle, .equalizer__slider .ui-slider-handle {
    background-color: #6E01BE;
}

.ui-slider-handle.ui-state-active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.ui-slider-handle.ui-state-active .text, .ui-slider-handle:hover > .text {
    opacity: 1;
}
.playpause {
    min-width: 31px;
    height: 31px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='ic_pause_circle_outline_24px' width='30.637' height='30.637' viewBox='0 0 30.637 30.637'%3E%3Cpath id='Path_3436' data-name='Path 3436' d='M12.723,23.446h3.064V11.191H12.723ZM17.318,2A15.318,15.318,0,1,0,32.637,17.318,15.324,15.324,0,0,0,17.318,2Zm0,27.573A12.255,12.255,0,1,1,29.573,17.318,12.271,12.271,0,0,1,17.318,29.573Zm1.532-6.127h3.064V11.191H18.85Z' transform='translate(-2 -2)' fill='%236d00bf'/%3E%3C/svg%3E");
    background-size: contain;
    transition: 0.5s transform;
}
.playpause.paused {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='ic_pause_circle_outline_24px' width='31.744' height='30.637' viewBox='0 0 31.744 30.637'%3E%3Cpath id='Path_3436' data-name='Path 3436' d='M17.318,2A15.318,15.318,0,1,0,32.637,17.318,15.324,15.324,0,0,0,17.318,2Zm0,27.573A12.255,12.255,0,1,1,29.573,17.318,12.271,12.271,0,0,1,17.318,29.573Zm1.532-6.127Z' transform='translate(-2 -2)' fill='%236d00bf'/%3E%3Cg id='ic_fast_rewind_24px' transform='translate(31.744 22.51) rotate(180)'%3E%3Cpath id='Path_3438' data-name='Path 3438' d='M12.192,6,2.5,12.841Zm.57,6.841,9.692,6.841V6Z' transform='translate(-2.5 -6)' fill='%236d00bf'/%3E%3C/g%3E%3C/svg%3E");
}

.range__slider .text {
    position: absolute;
    bottom: 100%;
    width: 30px;
    height: 16px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    font-size: 12px;
    font-variation-settings: 'wght' 300, 'wdth' 100;
    left: -10px;
    text-align: center;
    color: #000;
}


.toogle {
    position: relative;
    display: inline-block;
}
.toogle > input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.toogle > input[type=radio] + i {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.toogle > input[type=radio] + i:before {
    color: #fff;
}

.toogle > input[type=radio]:checked + input[type=radio] + i:before {
    color: #000;
}


.toogle > input[type=radio] + i, .toogle > input[type=radio] + i:before, .toogle > input[type=radio] + i:after {
    transition: left 0.3s, color 0.3s;
}

.toogle > input[type=radio]:first-child {
    z-index: 10;
}

.toogle > input[type=radio]:first-child:checked {
    z-index: 0;
}

.toogle > input[type=radio]:checked + input[type=radio] {
    z-index: 10;
}

.toogle > input[type=radio] {
    width: 68px;
    height: 33px;
    cursor: url("/user/img/pointer.png") 5 5, pointer;
}

.toogle > input[type=radio] + i {
    width: 68px;
    height: 33px;
    border-radius: 100px;
    background: linear-gradient(180deg, #E3E9F5 0%, #FFFFFF 100%);
    z-index: 0;
    font-style: normal;
}

.toogle > input[type=radio] + i:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #FFF;
    box-shadow: 0 3px 6px rgba(0, 78, 157, 0.16);
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toogle.three > input[type=radio] + i:before {
    content: "A";
}

.toogle.three > input[type=radio]:checked + i:before {
    left: 38px;
}

.toogle.three  > input[type=radio]:checked + input[type=radio] + i:before {
    left: 20px;
}

.toogle.two > input[type=radio] + i:before {
    left: 3px;
}

.toogle.two > input[type=radio]:checked + i:before {
    left: 38px;
}

.toogle > input[type=radio]:checked + i + div:after {
    opacity: 1;
}

.toogle > input[type=radio]:checked + input[type=radio] + input[type=radio] + i + div:before, .toogle.two > input[type=radio]:checked + input[type=radio] + i + div:before {
    opacity: 1;
}

.toogle .toogle__icons {
    position: absolute;
    top: 0;
    width: 68px;
    height: 34px;
}

.toogle .toogle__icons:before {
    content: '';
    opacity: 0;
    transition: all 0.15s;
    position: absolute;
    top: 11px;
    right: 13px;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Component_1_1' data-name='Component 1 – 1' width='12.728' height='12.728' viewBox='0 0 12.728 12.728'%3E%3Crect id='Rectangle_1178' data-name='Rectangle 1178' width='2' height='16' transform='translate(0 1.414) rotate(-45)' fill='%23e10000'/%3E%3Crect id='Rectangle_1478' data-name='Rectangle 1478' width='2' height='16' transform='translate(11.314 0) rotate(45)' fill='%23e10000'/%3E%3C/svg%3E");
}

.toogle .toogle__icons:after {
    content: '';
    opacity: 0;
    transition: all 0.15s;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 17px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.59' height='13.41' viewBox='0 0 17.59 13.41'%3E%3Cg id='ic_check_24px' transform='translate(-3.41 -5.59)'%3E%3Cpath id='Path_3626' data-name='Path 3626' d='M9,16.17,4.83,12,3.41,13.41,9,19,21,7,19.59,5.59Z' fill='%2341a400'/%3E%3C/g%3E%3C/svg%3E");
}


.page {
    filter: blur(5px);
    overflow: hidden;
    pointer-events: none;
}


.copyright .settings {
    margin-right: auto;
    height: 32px;
    width: 32px;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170.402' height='170.402' viewBox='0 0 170.402 170.402'%3E%3Cg id='setting_blk2' transform='translate(-2726.799 -602.756)'%3E%3Cg id='Компонент_1_1' data-name='Компонент 1 – 1' transform='translate(2731.299 607.256)'%3E%3Cpath id='Объединение_1' data-name='Объединение 1' d='M-1915.521,161.4c-4.6,0-8.322-8.793-8.322-8.793l-4.175-9.092a65.1,65.1,0,0,1-12.325-5.106l-9.478,3.419a24.91,24.91,0,0,1-7.862,1.7,5.878,5.878,0,0,1-4.24-1.364l-8.827-8.827c-3.25-3.25.333-12.1.333-12.1l3.488-9.413a65.094,65.094,0,0,1-5.091-12.283l-9.144-4.3s-8.793-3.726-8.793-8.322V74.435c0-4.6,8.793-8.322,8.793-8.322l9.157-4.2a65.052,65.052,0,0,1,5.068-12.221l-3.444-9.551s-3.583-8.852-.333-12.1l8.827-8.828c3.25-3.25,12.1.333,12.1.333l9.485,3.516A65.107,65.107,0,0,1-1928.124,18l4.327-9.21S-1920.071,0-1915.474,0h12.484c4.6,0,8.322,8.793,8.322,8.793l4.22,9.192a65.092,65.092,0,0,1,12.183,5.041l9.574-3.453s8.852-3.583,12.1-.333l8.828,8.827c3.25,3.251-.333,12.1-.333,12.1l-3.508,9.463a65.07,65.07,0,0,1,5.08,12.216l9.175,4.311s8.793,3.726,8.793,8.322V86.966c0,4.6-8.793,8.322-8.793,8.322l-9.126,4.19a65.146,65.146,0,0,1-5.079,12.287l3.426,9.5s3.583,8.852.333,12.1l-8.827,8.827a5.879,5.879,0,0,1-4.24,1.363,24.91,24.91,0,0,1-7.862-1.7l-9.392-3.48a65.107,65.107,0,0,1-12.319,5.117l-4.28,9.11s-3.726,8.793-8.322,8.793Z' transform='translate(1989.958)' fill='none' stroke='%23252834' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'/%3E%3Cg id='Эллипс_135' data-name='Эллипс 135' transform='translate(33.958 34)' fill='none' stroke='%23252834' stroke-width='9'%3E%3Ccircle cx='46.5' cy='46.5' r='46.5' stroke='none'/%3E%3Ccircle cx='46.5' cy='46.5' r='42' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (max-width: 1100px) and (min-width: 601px) {
    header, .content, footer, .copyright {
        width: 100%;
    }

    header {
        padding: 0 20px;
    }

    .box {
        width: calc((100vw - 601px) / (1100 - 601) * (250 - 140) + 140px);
        height: calc((100vw - 601px) / (1100 - 601) * (250 - 140) + 140px);
        background-size: contain;
    }

    .box .text {
        left: calc((100vw - 601px) / (1100 - 601) * (27 - 17) + 17px);
        top: calc((100vw - 601px) / (1100 - 601) * (37 - 27) + 27px);
    }

    .box .text .caption {
        font-size: calc((100vw - 601px) / (1100 - 601) * (30 - 20) + 20px);
    }

    .box .more {
        width: calc((100vw - 601px) / (1100 - 601) * (45 - 29) + 29px);
        height: calc((100vw - 601px) / (1100 - 601) * (45 - 29) + 29px);
    }

    .box .more:before {
        width: calc((100vw - 601px) / (1100 - 601) * (12 - 8) + 8px);
        height: calc((100vw - 601px) / (1100 - 601) * (19 - 13) + 13px);
        background-size: contain;
    }


    .tabs a {
        padding: 8px 15px 10px;
        font-size: calc((100vw - 601px) / (1100 - 601) * (20 - 16) + 16px);
    }

    .music__tabs a {
        padding: 8px 15px 10px;
        font-size: calc((100vw - 601px) / (1100 - 601) * (20 - 16) + 16px);
    }

    footer {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    footer .weather {
        flex-basis: 100%;
        justify-content: center;
        margin: 0 0 30px;
    }

    footer .track, footer .player {
        flex-basis: 45%;
    }

    footer .player .buttons {
        justify-content: center;
    }

    .volume .music__slider {
        flex-basis: 90%;
    }

    .copyright {
        flex-wrap: wrap;
        padding: 0 20px;
        font-size: calc((100vw - 601px) / (1100 - 601) * (16 - 14) + 14px);
    }

    .copyright div {
        margin-left: 20px;
    }

    .spb__phone, .msk__phone {
        display: none;
    }

}
@media screen and (max-width: 600px) {
    header {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    header .logo {
        margin: 0 0 30px;
        flex-basis: 100%;
        justify-content: center;
    }

    .page {
        padding: 0 11px;
    }

    footer {
        width: 100%;
        flex-wrap: wrap;
    }

    footer .weather {
        flex-basis: 100%;
    }

    footer .weather .today {
        flex-wrap: wrap;
        flex-basis: 50%;
    }

    footer .weather .now {
        flex-basis: 50%;
        justify-content: flex-end;
    }

    footer .weather .daily {
        flex-basis: 100%;
    }

    footer .track {
        flex-basis: 100%;
        margin: 40px 0 10px;
    }

    footer .track .name {
        flex-basis: 81%;
    }

    footer .player {
        flex-basis: 100%;
        padding: 16px 33px 25px;
    }

    footer .player .playpause {
        margin: 0 auto;
    }

    .volume .music__slider {
        flex-basis: 80%;
    }

    .copyright {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto;
    }

    .copyright div {
        flex-basis: 100%;
        text-align: center;
        margin: 7px 0;
    }


    .boxes {
        width: 100%;
    }

    .boxes .box {
        width: calc((100vw - 320px) / (500 - 320) * (225 - 143) + 143px);
        height: calc((100vw - 320px) / (500 - 320) * (225 - 143) + 143px);
        background-size: contain;
        margin-bottom: 20px;
    }

    .box .text {
        left: 22px;
        top: 30px;
    }

    .box .text .caption {
        font-size: calc((100vw - 320px) / (500 - 320) * (30 - 20) + 20px);
    }

    .box .more {
        width: calc((100vw - 320px) / (500 - 320) * (52 - 29) + 29px);
        height: calc((100vw - 320px) / (500 - 320) * (52 - 29) + 29px);
        bottom: 14px;
        right: 15px;
    }

    .box .more:before {
        width: calc((100vw - 320px) / (500 - 320) * (15 - 8) + 8px);
        height: calc((100vw - 320px) / (500 - 320) * (23 - 13) + 13px);
        background-size: cover;
        background-size: contain;
    }


    footer .weather .now .temp {
        font-size: 32px;
    }

    .copyright .toogle {
        margin-left: auto;
    }

    .content {
        width: 100%;
    }



}


/* for dev
.page {
    filter: unset;
    pointer-events: initial;
}
.form {
    display: none;
} */

body {
    overflow: hidden;
}

.message_error {
    text-align: center;
    display: block;
    margin: 5px 0;
    font-size: 14px;
    color: red;
}