<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#1a3166">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#1a3166">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#1a3166">

    <link media="all" rel="stylesheet" href="../../assets/css/v7_theme-today.css">

    <link media="all" rel="stylesheet" href="../../assets/css/v7_style.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_forms.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_carousel.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_intro.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_promo.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_item.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_native.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_cpc.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_logo-europa.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_adv.css">
    <link media="all" rel="stylesheet" href="../../assets/css/v7_paywall.css">

    <title> | Pattern Library</title>
</head>

<body style="margin: 0; padding: 0" data-theme="today" data-model="" data-channel="/cultura/" data-edition="">

    <svg style="position: absolute; width: 0; height: 0" xmlns="http://www.w3.org/2000/svg">

        <symbol id="icon-alert-triangle" viewBox="0 0 24 24">
            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4m0 4h0" />
        </symbol>
        <symbol id="icon-apex" viewBox="0 0 32 32">
            <path d="M11.974 27l3.097-22H5.987L0 27h11.974zm16.93 0L32 5h-9.084L16.93 27h11.974z" stroke="currentColor" fill="currentColor" fill-rule="evenodd" />
        </symbol>
        <symbol id="icon-arrow-down-circle" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10" />
            <path d="M8 12l4 4 4-4m-4-4v8" />
        </symbol>
        <symbol id="icon-arrow-right" viewBox="0 0 24 24">
            <path d="M5 12h14m-7-7l7 7-7 7" />
        </symbol>
        <symbol id="icon-arrow-up-circle" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10" />
            <path d="M16 12l-4-4-4 4m4 4V8" />
        </symbol>
        <symbol id="icon-camera" viewBox="0 0 24 24">
            <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
            <circle cx="12" cy="13" r="4" />
        </symbol>
        <symbol id="icon-chevron-down" viewBox="0 0 24 24">
            <path d="M6 9l6 6 6-6" />
        </symbol>
        <symbol id="icon-chevron-left" viewBox="0 0 24 24">
            <path d="M15 18l-6-6 6-6" />
        </symbol>
        <symbol id="icon-chevron-right" viewBox="0 0 24 24">
            <path d="M9 18l6-6-6-6" />
        </symbol>
        <symbol id="icon-chevron-up" viewBox="0 0 24 24">
            <path d="M18 15l-6-6-6 6" />
        </symbol>
        <symbol id="icon-cook-appetizer" viewBox="0 0 32 32">
            <path d="M28.122 25.039v-3.98h-1.726a3.986 3.986 0 0 0-.43-4.884 7.913 7.913 0 0 0 2.766-1.856l.511-.528-2.738-4.46-.848.876a3.627 3.627 0 0 1-1.678.988V4.11a1.699 1.699 0 1 0-1.894 0v7.085a3.627 3.627 0 0 1-1.677-.988l-.849-.876-2.738 4.46.512.528a7.915 7.915 0 0 0 2.766 1.857 3.986 3.986 0 0 0-.43 4.884h-1.726v3.979h-3.92v-3.98h-1.726a3.986 3.986 0 0 0-.43-4.884 7.915 7.915 0 0 0 2.767-1.856l.511-.528-2.738-4.46-.849.876a3.627 3.627 0 0 1-1.677.988V4.11a1.699 1.699 0 1 0-1.894 0v7.085a3.626 3.626 0 0 1-1.678-.988l-.848-.876-2.738 4.46.511.528A7.915 7.915 0 0 0 6 16.176a3.986 3.986 0 0 0-.43 4.884H3.846v3.979H0l2.796 5.377h26.408L32 25.04h-3.878zm-7.198-6.144a2.11 2.11 0 0 1 2.108-2.108 2.11 2.11 0 0 1 2.109 2.108 2.11 2.11 0 0 1-2.109 2.108 2.11 2.11 0 0 1-2.108-2.108zm-.96-6.605c.901.6 1.958.922 3.068.922s2.167-.322 3.068-.922l.737 1.202a5.986 5.986 0 0 1-3.805 1.347 5.987 5.987 0 0 1-3.805-1.347l.738-1.202zM6.827 18.895a2.11 2.11 0 0 1 2.108-2.108 2.11 2.11 0 0 1 2.108 2.108 2.11 2.11 0 0 1-2.108 2.108 2.11 2.11 0 0 1-2.108-2.108zm-.96-6.605c.9.6 1.957.922 3.068.922 1.11 0 2.167-.322 3.067-.922l.738 1.202a5.987 5.987 0 0 1-3.805 1.347 5.987 5.987 0 0 1-3.805-1.347l.737-1.202zm13.97 10.664h6.392v2.085h-6.391v-2.085zm-14.098 0h6.391v2.085H5.74v-2.085zm22.316 5.569H3.946l-.827-1.59h25.762l-.827 1.59z" />
        </symbol>
        <symbol id="icon-cook-dessert" viewBox="0 0 32 32">
            <path d="M31.995 12.188c-.079-2.447-1.118-4.733-2.932-6.446-1.826-1.724-4.236-2.674-6.787-2.674a.937.937 0 0 0-.34.063l-1.706.662a3.426 3.426 0 0 0-3.371-.583 3.406 3.406 0 0 0-1.927 1.765c-.149.318-.245.65-.291.988L.598 11.41a.938.938 0 0 0-.598.874v15.45c0 .518.42.938.938.938h30.125c.517 0 .937-.42.937-.938v-15.45a.976.976 0 0 0-.005-.097zM17.504 4.97a1.56 1.56 0 0 1 .536-.095 1.53 1.53 0 0 1 1.441.997c.14.382.122.796-.051 1.166a1.544 1.544 0 0 1-.874.8 1.539 1.539 0 0 1-1.977-.902 1.507 1.507 0 0 1 .051-1.166c.175-.373.485-.657.874-.8zm12.553 6.53H5.555l9.38-3.64a3.414 3.414 0 0 0 4.266 1.738 3.407 3.407 0 0 0 1.927-1.765c.362-.774.42-1.634.17-2.442l1.149-.446c3.869.081 7.107 2.926 7.61 6.555zM1.875 13.375h28.25v2.476c-2.023 1.712-5.112 1.637-7.041-.225a.939.939 0 0 0-1.303 0c-2.01 1.94-5.281 1.941-7.292 0a.939.939 0 0 0-1.303 0c-2.01 1.94-5.281 1.941-7.292 0a.94.94 0 0 0-1.303 0A5.173 5.173 0 0 1 1.875 17v-3.625zm0 13.423v-7.901a7.06 7.06 0 0 0 3.368-1.366c2.518 1.893 6.078 1.893 8.595 0 2.517 1.893 6.077 1.893 8.595 0 2.229 1.677 5.276 1.868 7.692.575v8.692H1.875z" />
        </symbol>
        <symbol id="icon-cook-difficulties" viewBox="0 0 32 32">
            <path d="M23.977 3.996c-.345 0-.7.035-1.063.089C21.54 1.659 18.965 0 15.984 0c-2.98 0-5.554 1.66-6.928 4.085a7.34 7.34 0 0 0-1.064-.089C3.585 3.996 0 7.581 0 11.988c0 2.88 1.515 5.468 3.996 6.898v10.086a3 3 0 0 0 2.997 2.997h17.983a3 3 0 0 0 2.997-2.997V18.886c2.481-1.43 3.996-4.017 3.996-6.898 0-4.407-3.585-7.992-7.992-7.992zm.999 25.975H6.993a1 1 0 0 1-.999-.999v-2.997h19.981v2.997a1 1 0 0 1-.999 1zm1.567-12.59a1 1 0 0 0-.568.902v5.694H5.995v-5.694a1 1 0 0 0-.569-.901c-2.115-1.011-3.428-3.077-3.428-5.393a6 6 0 0 1 5.994-5.995c.085 0 .186.03.273.035-.16.632-.273 1.282-.273 1.963a.998.998 0 1 0 1.998 0 6 6 0 0 1 5.995-5.994 6 6 0 0 1 5.994 5.994.998.998 0 1 0 1.998 0c0-.681-.112-1.331-.273-1.963.087-.005.188-.035.273-.035a6 6 0 0 1 5.994 5.995c0 2.316-1.313 4.382-3.428 5.393z" />
        </symbol>
        <symbol id="icon-cook-dose" viewBox="0 0 32 32">
            <path d="M31.063 0c.517 0 .937.42.937.938v14.058a.937.937 0 0 1-.275.663l-5.75 5.75v9.654c0 .517-.42.937-.938.937H4.955a.938.938 0 0 1-.937-.938V5.343L.275 1.6A.938.938 0 0 1 .937 0zM24.1 1.875H3.2l2.417 2.416a.937.937 0 0 1 .275.663v25.171H24.1V1.875zM10.98 26.108a.938.938 0 0 1 0 1.875H8.97a.937.937 0 1 1 0-1.875zm2.008-4.016a.938.938 0 0 1 0 1.875H8.97a.938.938 0 0 1 0-1.875zm-2.009-4.017a.938.938 0 0 1 0 1.875H8.971a.937.937 0 1 1 0-1.875zm19.146-16.2h-4.15v16.883l4.15-4.15V1.874zM12.988 14.058a.938.938 0 0 1 0 1.875H8.97a.938.938 0 0 1 0-1.875zm-2.009-4.016a.938.938 0 0 1 0 1.875H8.971a.937.937 0 1 1 0-1.875zm2.009-4.017a.938.938 0 0 1 0 1.875H8.97a.938.938 0 0 1 0-1.875z" />
        </symbol>
        <symbol id="icon-cook-first-dishes" viewBox="0 0 32 32">
            <path d="M31.063 25.104h-.067v-1.07c0-6.055-4.925-10.98-10.98-10.98-3.203 0-6.09 1.38-8.1 3.576V9.776a3.342 3.342 0 0 0 1.44-.852L14.38 7.9h14.674a2.946 2.946 0 0 0 0-5.892H14.38L13.356.984A3.342 3.342 0 0 0 10.979 0H.938a.938.938 0 0 0 0 1.875h1.07v2.142H.938a.938.938 0 0 0 0 1.875h1.07v2.141H.938a.938.938 0 0 0 0 1.875h1.07V21.16a7.922 7.922 0 0 0-1.004 3.879v.066H.937a.938.938 0 0 0 0 1.875h.616l4.158 4.158A2.966 2.966 0 0 0 7.794 32h16.412c.786 0 1.526-.306 2.082-.863l4.159-4.158h.616a.938.938 0 0 0 0-1.875zM11.916 2.208c.04.032.077.066.113.102l1.301 1.3a.938.938 0 0 0 .663.274h15.062a1.072 1.072 0 0 1 0 2.142H13.992a.937.937 0 0 0-.663.275L12.03 7.598a1.84 1.84 0 0 1-.113.103V2.208zM7.9 1.875h2.142v15.196H8.97a8.08 8.08 0 0 0-1.07.071V1.875zm-4.017 0h2.142v15.756a7.91 7.91 0 0 0-2.142 1.276V1.875zM2.88 25.038a6.088 6.088 0 0 1 6.092-6.092h1.319a10.906 10.906 0 0 0-.85 2.142h-.47a3.948 3.948 0 0 0-3.95 3.95v.066H2.88v-.066zm6.21-2.076c-.033.353-.052.71-.052 1.071v1.071H6.896v-.066c0-1.147.927-2.075 2.075-2.075h.119zm15.873 6.85c-.202.202-.47.313-.756.313H7.794c-.282 0-.558-.114-.757-.313l-2.832-2.833h23.59l-2.833 2.833zm-4.946-8.725a2.948 2.948 0 0 0-2.945 2.945v1.072H14.93v-1.07a5.084 5.084 0 0 1 5.088-5.088 5.085 5.085 0 0 1 5.087 5.087v1.071h-2.142v-1.07a2.95 2.95 0 0 0-2.946-2.947zm1.072 2.946v1.071h-2.142v-1.072a1.071 1.071 0 0 1 2.141.001zm8.033 1.071H26.98v-1.07a6.96 6.96 0 0 0-6.962-6.963 6.959 6.959 0 0 0-6.963 6.962v1.071h-2.142v-1.07c0-5.02 4.085-9.105 9.105-9.105 5.02 0 9.104 4.084 9.104 9.104v1.071z" />
        </symbol>
        <symbol id="icon-cook-second-dishes" viewBox="0 0 32 32">
            <path d="M5.333.031a3.14 3.14 0 0 1 2.844 4.463L9.54 5.857a2.05 2.05 0 0 0 1.448.606c2.335.012 4.586 1.293 6.166 3.032 3.283.292 6.48 1.816 9.043 4.322 2.455 2.4 3.92 5.338 3.92 7.861 0 1.068-.26 2.012-.774 2.824H32v1.882h-1.882a4.711 4.711 0 0 1-4.706 4.706H6.588a4.711 4.711 0 0 1-4.706-4.706H0v-1.882h4.673c-1.8-1.604-2.79-3.568-2.79-5.647 0-2.586 1.565-5.036 4.319-6.798a6.553 6.553 0 0 1-.049-.76 2.051 2.051 0 0 0-.607-1.447L4.06 8.363A3.14 3.14 0 0 1 0 5.364c0-1.442.979-2.66 2.307-3.025A3.143 3.143 0 0 1 5.333.03zm22.902 26.353H3.765a2.827 2.827 0 0 0 2.823 2.824h18.824a2.827 2.827 0 0 0 2.823-2.824zm-9.599-14.746c.372.74.63 1.508.759 2.278.303 1.816-.142 3.428-1.251 4.538-1.197 1.196-2.869 1.53-4.538 1.25-3.015-.501-5.767-2.943-6.895-5.718-1.886 1.363-2.946 3.095-2.946 4.869 0 2.153 1.524 4.201 4.19 5.647h18.81c1.002-.71 1.47-1.612 1.47-2.824 0-1.996-1.285-4.493-3.354-6.515-1.815-1.775-3.98-2.988-6.245-3.525zM5.333 1.914c-.692 0-1.255.563-1.255 1.255v.94h-.94a1.256 1.256 0 1 0 .648 2.33l.63-.381 2.461 2.46a3.922 3.922 0 0 1 1.159 2.77c.014 2.863 2.828 6.052 5.88 6.56 2.478.414 4.036-1.139 3.622-3.623-.509-3.052-3.697-5.866-6.56-5.88a3.922 3.922 0 0 1-2.77-1.158L5.686 4.663 6.272 4a1.256 1.256 0 0 0-.94-2.087zm24.785 1.882c0 .897-.42 1.387-.698 1.71-.205.24-.244.291-.244.486s.04.246.245.486c.277.323.697.813.697 1.71s-.42 1.387-.698 1.71c-.205.24-.244.292-.244.486h-1.882c0-.897.42-1.386.697-1.71.206-.24.244-.291.244-.486s-.038-.246-.244-.485c-.277-.324-.697-.814-.697-1.711 0-.897.42-1.387.697-1.71.206-.24.244-.291.244-.486zm-4.706-1.882c0 .897-.42 1.386-.697 1.71-.206.24-.244.29-.244.486 0 .194.038.246.244.485.277.324.697.814.697 1.71 0 .898-.42 1.387-.697 1.711-.206.24-.244.291-.244.486h-1.883c0-.897.42-1.387.697-1.71.206-.24.244-.292.244-.486 0-.195-.038-.246-.244-.486-.277-.324-.697-.813-.697-1.71 0-.898.42-1.387.697-1.71.206-.24.244-.292.244-.486zM20.706.03c0 .898-.42 1.387-.697 1.71-.206.24-.244.292-.244.486 0 .195.038.246.244.486.277.324.697.813.697 1.71 0 .898-.42 1.387-.697 1.711-.206.24-.244.29-.244.486h-1.883c0-.898.42-1.387.697-1.711.206-.24.245-.29.245-.486 0-.194-.04-.246-.244-.485-.278-.324-.698-.814-.698-1.71 0-.898.42-1.387.698-1.711.205-.24.244-.291.244-.486z" />
        </symbol>
        <symbol id="icon-cook-side" viewBox="0 0 32 32">
            <path d="M30.477 5.441l1.411-2.84a1.07 1.07 0 0 0-1.916-.952l-1.411 2.84a2.567 2.567 0 0 0-2.956.495l-4.01 4.031a1.07 1.07 0 0 0 .283 1.713l.717.356c-.19.755-.603 2.024-1.445 3.432a14.05 14.05 0 0 1-.789 1.176c-.185-1.55-.936-2.887-2.14-3.932l.19-.095a1.07 1.07 0 0 0-.22-1.995l-6.918-1.73V4.911a1.07 1.07 0 0 0-2.14 0v3.03L2.217 9.67a1.07 1.07 0 0 0-.22 1.995l.19.095C.789 12.973 0 14.579 0 16.455c0 2.228 1.1 4.529 3.016 6.314a10.775 10.775 0 0 0 3.455 2.17 3.333 3.333 0 0 0-.532 1.546c-.171 2.271 2.228 3.736 2.967 4.13.716.382 2.134.822 3.937.822 1.32 0 2.848-.236 4.457-.903 2.395-.993 4.589-2.768 6.52-5.278 2.131-2.767 3.95-6.447 5.415-10.952l.021.022a1.07 1.07 0 0 0 1.825-.6l.789-5.63a2.568 2.568 0 0 0-1.393-2.655zM9.134 10.146v.562a1.07 1.07 0 0 0 2.14 0v-.562l3.593.898-1.278.639a1.07 1.07 0 0 0-.591.957v2.133l-2.316-1.158a1.069 1.069 0 0 0-.957 0L7.41 14.773V12.64a1.07 1.07 0 0 0-.591-.957l-1.278-.639 3.594-.898zm-6.994 6.31c0-1.606.868-2.8 2.199-3.62l.93.465v3.203a1.07 1.07 0 0 0 1.549.957l3.385-1.693 3.386 1.693a1.068 1.068 0 0 0 1.549-.957V13.3l.93-.465c1.33.82 2.2 2.014 2.2 3.62 0 .572-.11 1.162-.314 1.744-1.433 1.167-3.133 2.104-5.092 2.795-2 .707-3.558 1.454-4.686 2.251-3.52-.904-6.036-4.036-6.036-6.79zm14.34 12.101c-3.18 1.319-5.818.57-6.566.17-.956-.51-1.896-1.35-1.84-2.08.03-.408.518-1.875 5.5-3.634 5.28-1.863 8.064-5.106 9.471-7.498.431-.732.762-1.43 1.017-2.059l.16.475a1.07 1.07 0 0 0 1.672.503l1.405-1.097c-3.253 10.198-7.658 13.91-10.818 15.22zM29.75 7.798l-.486 3.475-.543-.555a1.07 1.07 0 0 0-1.423-.095l-1.53 1.194-.483-1.436a1.07 1.07 0 0 0-.538-.618l-.588-.291 2.963-2.979a.432.432 0 0 1 .498-.082l1.895.94a.431.431 0 0 1 .236.447z" />
        </symbol>
        <symbol id="icon-cook-time" viewBox="0 0 32 32">
            <path d="M15.97 4.569a12.551 12.551 0 0 1 8.707 3.494c5.002 4.799 5.166 12.744.367 17.746l3.266 4.353a1.142 1.142 0 1 1-1.828 1.37l-3.165-4.22a12.475 12.475 0 0 1-14.693 0l-3.165 4.22a1.143 1.143 0 0 1-1.828-1.37l3.265-4.353a12.551 12.551 0 0 1-3.494-8.707C3.412 10.171 9.04 4.56 15.97 4.57zm0 2.285c-5.679 0-10.283 4.604-10.283 10.283.007 5.676 4.607 10.276 10.283 10.283 5.68 0 10.283-4.604 10.283-10.283 0-5.68-4.604-10.283-10.283-10.283zm0 2.285c.631 0 1.143.512 1.143 1.143v6.855c0 .247-.08.488-.229.685l-3.427 4.57a1.143 1.143 0 0 1-1.828-1.37l3.199-4.266v-6.474c0-.631.511-1.143 1.142-1.143zM1.648 1.774a5.713 5.713 0 0 1 8.078-.101 1.142 1.142 0 0 1 0 1.615L3.263 9.75a1.142 1.142 0 0 1-1.616 0 5.713 5.713 0 0 1 0-7.976zm20.566-.101a5.713 5.713 0 0 1 8.078 8.077 1.142 1.142 0 0 1-1.616 0l-6.462-6.462a1.142 1.142 0 0 1 0-1.615zM28.68 3.29a3.5 3.5 0 0 0-3.902-.67l4.572 4.572a3.428 3.428 0 0 0-.67-3.902zM7.164 2.62a3.428 3.428 0 0 0-4.57 4.57z" />
        </symbol>

        <symbol id="icon-map-pin" viewBox="0 0 24 24">
            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
            <circle cx="12" cy="10" r="3" />
        </symbol>
        <symbol id="icon-menu" viewBox="0 0 24 24">
            <path d="M3 12h18M3 6h18M3 18h18" />
        </symbol>
        <symbol id="icon-moon" viewBox="0 0 24 24">
            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
        </symbol>
        <symbol id="icon-search" viewBox="0 0 24 24">
            <circle cx="11" cy="11" r="8" />
            <path d="M21 21l-4.4-4.4" />
        </symbol>
        <symbol id="icon-star" viewBox="0 0 24 24">
            <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
        </symbol>
        <symbol id="icon-calendar" viewBox="0 0 24 24">
            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
            <line x1="16" y1="2" x2="16" y2="6" />
            <line x1="8" y1="2" x2="8" y2="6" />
            <line x1="3" y1="10" x2="21" y2="10" />
        </symbol>
        <symbol id="icon-info" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10" />
            <line x1="12" y1="16" x2="12" y2="12" />
            <line x1="12" y1="8" x2="12.01" y2="8" />
        </symbol>
        <symbol id="icon-navigation" viewBox="0 0 24 24">
            <polygon points="3 11 22 2 13 21 11 13 3 11" />
        </symbol>
        <symbol id="icon-sun" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="5" />
            <path d="M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8l1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4" />
        </symbol>
        <symbol id="icon-tag" viewBox="0 0 24 24">
            <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h0" />
        </symbol>
        <symbol id="icon-user" viewBox="0 0 24 24">
            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
            <circle cx="12" cy="7" r="4" />
        </symbol>
        <symbol id="icon-x" viewBox="0 0 24 24">
            <path d="M18 6L6 18M6 6l12 12" />
        </symbol>
        <symbol id="icon-monitor" viewBox="0 0 24 24">
            <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
            <line x1="8" y1="21" x2="16" y2="21" />
            <line x1="12" y1="17" x2="12" y2="21" />
        </symbol>
        <symbol id="icon-filter" viewBox="0 0 24 24">
            <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />
        </symbol>
        <symbol id="icon-weather-humidity" viewBox="0 0 32 32">
            <path d="M16.5 30.5C10.71 30.5 6 25.866 6 20.17 6 16 9.07 12.148 12.323 8.068 13.743 6.287 15.2 4.458 16.5 2.5c1.3 1.959 2.757 3.789 4.177 5.57C23.93 12.148 27 16 27 20.17c0 5.696-4.71 10.33-10.5 10.33z" fill-rule="nonzero" />
            <path d="M13.5 14c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5zM19.5 23c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z" fill-rule="nonzero" />
            <path d="M20.5 15.5l-9 9" />
        </symbol>
        <symbol id="icon-weather-sunrise" viewBox="0 0 24 24">
            <path d="M17 18a5 5 0 00-10 0M12 2v7M4.22 10.22l1.42 1.42M1 18h2M21 18h2M18.36 11.64l1.42-1.42M23 22H1M8 6l4-4 4 4" />
        </symbol>
        <symbol id="icon-weather-thermometer" viewBox="0 0 24 24">
            <path d="M15 14.76V3.5a2.5 2.5 0 10-5 0v11.26a4.5 4.5 0 105 0h0z" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" />
        </symbol>
        <symbol id="icon-clock" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10" />
            <path d="M12 6v6l4 2" />
        </symbol>
        <symbol id="icon-weather-wind" viewBox="0 0 24 24">
            <path d="M9.265 3.642A2.178 2.178 0 1110.8 7.356H1M12.531 19.78a2.178 2.178 0 101.536-3.713H1m17.128-9.005a2.722 2.722 0 111.928 4.65H1" stroke-width="2.178" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" />
        </symbol>
        <symbol id="icon-weather-rain" viewBox="0 0 24 24">
            <path d="M16 13v8M8 13v8M12 15v8M20 16.58A5 5 0 0018 7h-1.26A8 8 0 104 15.25" />
        </symbol>
        <symbol id="icon-video" viewBox="0 0 24 24">
            <path d="M23 7l-7 5 7 5V7z" />
            <rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
        </symbol>
        <symbol id="icon-car" viewBox="0 0 32 32">
            <path d="M7.4 19c0-.6-.2-1.2-.7-1.7-.5-.5-1-.7-1.8-.7-.6 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.8 0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7s1.3-.2 1.8-.7c.5-.5.7-1 .7-1.7zm.6-4.9h15.7l-1.4-5.5-.2-.3-.4-.1H10l-.3.1-.3.3L8 14.1zm21.2 5c0-.7-.3-1.3-.8-1.8s-1-.7-1.7-.7-1.3.2-1.8.7c-.4.5-.7 1-.7 1.8 0 .7.3 1.2.7 1.7.5.5 1.1.7 1.8.7s1.2-.2 1.7-.7c.5-.5.8-1 .8-1.7zm2.4-1.5v6l-.1.3-.4.1h-1.4v2c0 .8-.3 1.5-1 2-.5.7-1.2 1-2 1s-1.5-.3-2.1-1c-.6-.5-.9-1.2-.9-2v-2H8v2c0 .8-.3 1.5-.9 2-.5.7-1.2 1-2 1-.9 0-1.6-.3-2.2-1-.5-.5-.8-1.2-.8-2v-2H.5L0 24l-.1-.4v-6c0-.9.3-1.7 1-2.4.7-.6 1.5-1 2.5-1h.4l1.6-6.4c.3-1 .8-1.8 1.6-2.5.9-.6 1.8-1 2.8-1h11.8c1 0 2 .4 2.8 1 .8.7 1.4 1.5 1.6 2.5l1.6 6.4h.5c1 0 1.7.4 2.4 1 .7.7 1 1.5 1 2.5z" />
        </symbol>
        <symbol id="icon-walking" viewBox="0 0 32 32">
            <path d="M13.8 5.6c-.7 0-1.4-.3-2-.9-.5-.5-.7-1.2-.7-2 0-.7.2-1.3.8-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8.5.6.8 1.2.8 2 0 .7-.3 1.4-.8 2-.5.5-1.2.8-2 .8zM23.7 17c0 .6-.2 1-.6 1.2-.3.2-.7.3-1 .1-.5 0-.8-.3-1-.6L14.7 10l-.2-.3h-.2c-.2.2-.2.3 0 .4l2.2 2.5v6.3L13.5 27c-.8 2.3-1.3 3.7-1.6 4.2l-.5.6a2 2 0 01-1.9 0c-.3-.2-.6-.4-.7-.8a2 2 0 01-.2-1l3.5-11 .1-7.5-1.5 3 .6 4v.7l-.2.5a2 2 0 01-.4.2l-.3.2h-.7a1 1 0 01-.5-.3l-.2-.4a2.1 2.1 0 01-.2-.5L8 13.5l3.8-6.8c.2-.4 1-.6 2-.6.9 0 1.5.2 1.9.7l7.6 9.3.2.3v.1l.2.5zm-7.2 2.7a196.2 196.2 0 002.8 7l.4 1 .8 2.2c.1.9-.1 1.4-.7 1.8-.4.2-.8.3-1.1.2a2 2 0 01-1-.3l-.5-.7-.1-.4-2.2-6.3 1.6-4.5z" />
        </symbol>
        <symbol id="icon-bicycle" viewBox="0 0 32 32">
            <path d="M10.5 19.4H6.2a.8.8 0 01-.8-.5.8.8 0 010-1l2.7-3.4c-.6-.3-1.3-.4-2-.4-1.1 0-2.2.4-3 1.3-1 .9-1.3 1.9-1.3 3.1 0 1.2.4 2.3 1.3 3.1.8.9 1.9 1.3 3 1.3s2-.3 2.9-1c.8-.6 1.3-1.5 1.5-2.5zm-2.6-1.8h2.6c-.2-.8-.5-1.4-1-2l-1.6 2zm6.6 0l4-5.3H12l-1.4 1.9c1 1 1.6 2 1.8 3.4h2.2zm15.5 1c0-1.3-.5-2.3-1.3-3.2a4.2 4.2 0 00-3.1-1.3c-.6 0-1.2.1-1.7.3l2.4 3.6c.1.2.2.5.1.7 0 .2-.1.4-.3.5l-.5.2a.8.8 0 01-.8-.4l-2.4-3.6c-.8.9-1.2 2-1.2 3.1a4.2 4.2 0 004.4 4.4c1.2 0 2.2-.4 3-1.3 1-.8 1.4-1.9 1.4-3zm1.7 0a6 6 0 01-1.8 4.3 6 6 0 01-4.3 1.8 6 6 0 01-4.4-1.8 6 6 0 01-1.8-4.4 6 6 0 012-4.6l-.9-1.3-4.8 6.4c-.2.3-.4.4-.7.4h-2.7a6 6 0 01-2 3.8 6 6 0 01-4.1 1.5 6 6 0 01-4.4-1.8A6 6 0 010 18.5a6 6 0 011.8-4.3 6.1 6.1 0 017.3-1l2-2.6H7.8l-.6-.3a.8.8 0 01-.2-.6c0-.2 0-.4.2-.6l.6-.3h5.3v1.8h6L18 8.8h-3c-.3 0-.5 0-.6-.2a.8.8 0 01-.3-.7c0-.2 0-.4.3-.6.1-.2.3-.2.6-.2h3.5c.3 0 .6 0 .7.3L23 13a6 6 0 012.7-.6 6 6 0 014.3 1.9 6 6 0 011.8 4.3z" />
        </symbol>
        <symbol id="icon-home" viewBox="0 0 24 24">
            <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
            <path d="M9 22V12h6v10" />
        </symbol>
        <symbol id="icon-refresh-cw" viewBox="0 0 24 24">
            <polyline points="23 4 23 10 17 10" />
            <polyline points="1 20 1 14 7 14" />
            <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
        </symbol>
        <symbol id="icon-share" viewBox="0 0 24 24">
            <circle cx="18" cy="5" r="3" />
            <circle cx="6" cy="12" r="3" />
            <circle cx="18" cy="19" r="3" />
            <line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />
            <line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />
        </symbol>
        <symbol id="icon-eye-off" viewBox="0 0 24 24">
            <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" />
            <line x1="1" y1="1" x2="23" y2="23" />
        </symbol>
        <symbol id="icon-eye" viewBox="0 0 24 24">
            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
            <circle cx="12" cy="12" r="3" />
        </symbol>
        <symbol id="icon-upload-cloud" viewBox="0 0 24 24">
            <polyline points="16 16 12 12 8 16" />
            <line x1="12" y1="12" x2="12" y2="21" />
            <path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" />
            <polyline points="16 16 12 12 8 16" />
        </symbol>

        <symbol id="icon-basket" viewBox="0 0 48 48">
            <path d="M22.6 0h2.8l2.4.3a23.3 23.3 0 0113 6.6A23.4 23.4 0 0148 26.4 23 23 0 0142 39.8 23.5 23.5 0 0125 48a22.8 22.8 0 01-13.2-3.3A23.7 23.7 0 01.4 28L0 25.4v-2.8l.1-1A23.8 23.8 0 016.1 8 23.6 23.6 0 0120 .4l2.7-.4zm3 44.7l1.4-.2a25 25 0 007.1-2.5 6.2 6.2 0 003.1-3.3c1.2-2.9.8-5.8-.2-8.7a15.9 15.9 0 00-2.7-4.1l-3.9-5a15.4 15.4 0 01-2.6-5.8c-.3-1.2-.3-2.4-.5-3.6 0-.1 0-.4-.2-.4l-1.4-.2zM22.4 11l-1.2.1c-.4 0-.4.2-.5.5a28.4 28.4 0 01-.3 3.3 18.3 18.3 0 01-3.7 7.4l-3.9 5a12.3 12.3 0 00-2.5 8.7 6.9 6.9 0 003.5 6 24 24 0 005.8 2.2l2.8.6zm8.4.9v.6a3 3 0 000 .4 13.8 13.8 0 002.6 6.5c1.2 1.7 2.6 3.2 3.8 5a30.2 30.2 0 012.6 4 15 15 0 011.4 6.4v.6h.2a19.1 19.1 0 001-1.7 25.5 25.5 0 001.2-2.7 11.7 11.7 0 00-.7-10.2 17.3 17.3 0 00-5.3-5.8 22.5 22.5 0 00-6.8-3.2zm-24 23.6l.1-.1v-.5a15.4 15.4 0 013-9.1l4-5.1a18.4 18.4 0 003-5.4 10.9 10.9 0 00.6-3.4 3.5 3.5 0 00-.5.1l-3.6 1.5a18.3 18.3 0 00-8.2 7.7 11.9 11.9 0 00-1.5 5.7 11.6 11.6 0 001.1 4.9l2 3.6zm10-26.8v-.2a8.3 8.3 0 00-1.1-.7 7.3 7.3 0 00-3.5-.4 1.2 1.2 0 00-.6.2 20.2 20.2 0 00-5 5.6c-.5.7-1 1.5-1.3 2.3a24.2 24.2 0 0111.4-6.9zm14.8 0a24.2 24.2 0 0111.4 6.9v-.1-.2a20.6 20.6 0 00-6.4-7.8.7.7 0 00-.4-.1l-2.4.1a3 3 0 00-2.3 1.1zm-9.2-5.3a20.2 20.2 0 00-5.6 1.2.7.7 0 00.1.2 6.2 6.2 0 013 2.9.4.4 0 00.4.2l2-.3zm3.4 4.2l2 .3c.2 0 .4-.2.5-.3a5.8 5.8 0 012-2.3l1.1-.7a19.8 19.8 0 00-5.6-1.2z" />
        </symbol>
        <symbol id="icon-calcio" viewBox="0 0 48 48">
            <path d="M25.4 48h-2.9l-3-.5a23.1 23.1 0 01-8.2-3.2A24.3 24.3 0 013 35.5 23.6 23.6 0 01.1 21.6 23 23 0 015.4 9a23.6 23.6 0 0118-9 22.4 22.4 0 0111.8 2.8 23.8 23.8 0 0112.4 17l.4 2.8V25.8a22.5 22.5 0 01-2.8 9.4 23.8 23.8 0 01-17 12.4l-2.8.4zM24 29.9h4a.5.5 0 00.5-.4l2.5-7.6a.4.4 0 00-.1-.6l-6.6-4.8a.4.4 0 00-.6 0L17.4 21a.5.5 0 00-.2.7l2.4 7.6a.5.5 0 00.6.5H24zM5.1 25.6a1.5 1.5 0 000 .2l2 7.7a.6.6 0 00.4.3l5.7 1.9a.4.4 0 00.6-.3l2.8-4.2a.8.8 0 000-.5L14 22.3a.8.8 0 00-.4-.4L9 21a.5.5 0 00-.5.1l-3.3 4.3a2.1 2.1 0 00-.2.3zm34.3-4.8h-.3l-4.6 1a.7.7 0 00-.4.5l-2.7 8.5a.8.8 0 000 .5l2.6 4.1c.2.3.3.3.6.2l5.5-1.8a.7.7 0 00.4-.4l2.4-7.6a.6.6 0 000-.5L39.6 21a1 1 0 00-.2-.1zm-29.8-3a1.4 1.4 0 00.2 0l5 1.2a.7.7 0 00.4-.1l7-5.2a.8.8 0 00.2-.6V8.8a.5.5 0 00-.4-.6l-5.4-1.7a.7.7 0 00-.7.1l-5.2 3.9a2.3 2.3 0 00-1.2 2.2c.2 1.7 0 3.4 0 5zm29-3.3v-2.8a.8.8 0 00-.3-.6l-6.7-4.4a.7.7 0 00-.6-.1l-5.1 1.6a.4.4 0 00-.3.5v4.6a.7.7 0 00.2.5l7 5a.7.7 0 00.6.2l4.8-1.3a.4.4 0 00.3-.4v-2.9zM23.8 42h4.4a.9.9 0 00.6-.3c1-1.2 1.8-2.5 2.7-3.7a.5.5 0 000-.7l-2.4-3.8a.6.6 0 00-.6-.3h-9a.8.8 0 00-.5.3l-2.7 3.9a.4.4 0 000 .6l2.5 3.7a.7.7 0 00.7.3zm16.3-5l-3.3 1.2a8.7 8.7 0 00-2.4.9 8.5 8.5 0 00-1.5 2l-1.7 2.4a18.6 18.6 0 008.9-6.4zM6.5 12.9a19.8 19.8 0 00-3.3 10v-.2l3.1-4a.7.7 0 00.2-.4v-5.4zm22.8-9a19 19 0 00-10.6 0l5 1.7a.7.7 0 00.4 0zM7.8 37.3a19.2 19.2 0 008.4 6.1L16 43l-2.5-3.7a1.6 1.6 0 00-.7-.5L9 37.5zm33.7-24.3v5.4a1 1 0 00.2.4l2.7 3.7.3.4a19.9 19.9 0 00-3.2-9.9z" />
        </symbol>
        <symbol id="icon-volley" viewBox="0 0 48 48">
            <path d="M48 22.6v3.3l-.4 2.6A23.4 23.4 0 0141 40.9a23.4 23.4 0 01-13 6.7l-2.7.4h-2.7l-2.4-.3a23.4 23.4 0 01-13-6.7 23.4 23.4 0 01-7-19.5A22.9 22.9 0 016 8.2 23.5 23.5 0 0123 0a22.8 22.8 0 0113.3 3.4 23.7 23.7 0 0111.3 16.5l.4 2.7zM16.5 34.5a20 20 0 00-2 7.6.6.6 0 00.3.4 20.2 20.2 0 0012.2 2A20.4 20.4 0 0040 37l1.3-1.7c-8.5 4.3-16.8 4-24.9-.8zm-11-1.1c.5-9.5 4.9-16.5 13.1-21.1v-.1A20.2 20.2 0 0013 6.7a.4.4 0 00-.4 0A28.7 28.7 0 009.7 9a20.4 20.4 0 00-6 19.4 18.5 18.5 0 001.8 5zm31.3-8.1a20.3 20.3 0 007.7-2.2.5.5 0 00.1-.4 19.9 19.9 0 00-2.6-8.9A20.5 20.5 0 0028 3.7L25 3.3a24.6 24.6 0 0111.7 22zm-3.4 0v-.4a18.8 18.8 0 00-.4-5A20.3 20.3 0 0019.3 4.3c-1.2-.4-2.1.2-3.2.5l.3.3a24 24 0 019.2 17.6.7.7 0 00.3.5l2.5 1a18.6 18.6 0 005 1zm-15.2 6.3a1.5 1.5 0 00.1.1 20.4 20.4 0 0014 3.1 20.2 20.2 0 0011.5-5.4l.3-.4.4-2.3-.6.3a23.7 23.7 0 01-10.3 1.6 23.3 23.3 0 01-9.2-2.5.6.6 0 00-.7 0l-1.2.9a20.3 20.3 0 00-4.3 4.6zm2.1-16.4a19.5 19.5 0 00-5 3.5 20.7 20.7 0 00-6.2 18 5.4 5.4 0 00.5 2 9.4 9.4 0 001.7 1.7l.1-.4.6-3a23.7 23.7 0 019.8-13.6.8.8 0 00.5-.9c-.2-1.1-.3-2.3-.6-3.4a17 17 0 00-1.4-4z" />
        </symbol>
        <symbol id="icon-award" viewBox="0 0 24 24">
            <circle cx="12" cy="8" r="7" />
            <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" />
        </symbol>
        <symbol id="icon-briefcase" viewBox="0 0 24 24">
            <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
            <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
        </symbol>
        <symbol id="icon-home" viewBox="0 0 24 24">
            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
            <polyline points="9 22 9 12 15 12 15 22" />
        </symbol>
        <symbol id="icon-book-open" viewBox="0 0 24 24">
            <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
            <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
        </symbol>

        <symbol id="icon-lock" viewBox="0 0 24 24">
            <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
            <path d="M7 11V7a5 5 0 0 1 10 0v4" />
        </symbol>
        <symbol id="icon-key" viewBox="0 0 24 24">
            <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" />
        </symbol>

        <symbol id="icon-twitter" viewBox="0 0 24 24">
            <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" />
        </symbol>
        <symbol id="icon-microsoft" viewBox="0 0 24 24">
            <path d="M23 13.222V23h-9.778v-9.778H23Zm-12.222 0V23H1v-9.778h9.778Zm0-12.222v9.778H1V1h9.778ZM23 1v9.778h-9.778V1H23Z" fill-rule="nonzero" />
        </symbol>
        <symbol id="icon-google" viewBox="0 0 24 24">
            <path d="M12.004 1C5.927 1 1 5.925 1 12s4.927 11 11.004 11c9.175 0 11.243-8.519 10.382-12.833H12v3.666h7.093c-.815 3.161-3.678 5.5-7.093 5.5a7.334 7.334 0 0 1 0-14.666c1.842 0 3.52.683 4.807 1.804l2.605-2.603A10.963 10.963 0 0 0 12.004 1Z" fill-rule="nonzero" />
        </symbol>
        <symbol id="icon-apple" viewBox="0 0 24 24">
            <path d="M20.377 8.504c-.098.061-2.428 1.354-2.428 4.222.11 3.27 2.94 4.417 2.989 4.417-.049.061-.427 1.562-1.55 3.135-.89 1.356-1.878 2.722-3.38 2.722-1.427 0-1.94-.903-3.587-.903-1.77 0-2.27.903-3.624.903-1.501 0-2.563-1.44-3.502-2.782-1.22-1.757-2.257-4.515-2.293-7.163-.025-1.403.244-2.782.927-3.953.963-1.636 2.684-2.746 4.563-2.783 1.44-.048 2.72.989 3.6.989.842 0 2.416-.989 4.197-.989.769.001 2.819.233 4.088 2.185ZM11.97 6.039c-.256-1.281.451-2.562 1.11-3.38C13.922 1.671 15.252 1 16.399 1a4.778 4.778 0 0 1-1.22 3.453c-.745.989-2.026 1.733-3.21 1.586Z" fill-rule="nonzero" />
        </symbol>
        <symbol id="icon-facebook" viewBox="0 0 24 24">
            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
        </symbol>

        <symbol id="icon-rotate-mobile" viewBox="0 0 32 32">
            <title>rotate-mobile</title>
            <path d="M23.5 0h-15c-.8 0-1.6.7-1.6 1.6v28.8c0 .9.7 1.6 1.6 1.6h14.9c.9 0 1.6-.7 1.6-1.6V1.6c.1-.9-.7-1.6-1.5-1.6zM20 1.1l-.2.5h-7.5l-.3-.5h8zm4 29.3c0 .3-.2.5-.5.5h-15c-.3 0-.5-.2-.5-.5V1.6c0-.3.2-.5.5-.5h2.3l.5 1.3c.1.2.3.3.5.3H20c.2 0 .4-.1.5-.3l.5-1.3h2.3c.3 0 .5.2.5.5v28.8z" />
            <path d="M19.2 29.3h-6.4c-.3 0-.5.2-.5.5s.2.5.5.5h6.4c.3 0 .5-.2.5-.5 0-.2-.2-.5-.5-.5zM6.4 11.4c0-.3-.2-.5-.5-.5H1.6c-.9 0-1.6.7-1.6 1.6v14.9c0 .9.7 1.6 1.6 1.6h4.3c.3 0 .5-.2.5-.5s-.2-.5-.5-.5H1.6c-.3 0-.5-.2-.5-.5v-15c0-.3.2-.5.5-.5h4.3c.3-.1.5-.3.5-.6zM30.4 10.9h-4.3c-.3 0-.5.2-.5.5s.2.5.5.5h4.3c.3 0 .5.2.5.5v2.3l-1.3.5c-.2.1-.3.3-.3.5V24c0 .2.1.4.3.5l1.3.5v2.3c0 .3-.2.5-.5.5h-4.3c-.3 0-.5.2-.5.5s.2.5.5.5h4.3c.9 0 1.6-.7 1.6-1.6V12.5c0-.9-.7-1.6-1.6-1.6zm0 12.8v-7.5l.5-.2v8l-.5-.3zM2.8 3.2c-.2.2-.2.5 0 .8l.7.7C1.5 4.7 0 6.4 0 8.3v1.1c0 .3.2.5.5.5s.5-.2.5-.5V8.3c0-1.4 1.1-2.5 2.4-2.6l-.6.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0l1.6-1.6s.1-.1.1-.2c.1-.2 0-.4-.1-.6L3.6 3.2c-.1-.1-.3-.2-.4-.2-.1 0-.3.1-.4.2zM26.7 5.1v.2c0 .1.1.1.1.2l1.6 1.6c.2.2.5.2.7 0 .2-.2.2-.5 0-.7l-.7-.7c1.4.1 2.4 1.3 2.4 2.6v1.1c0 .3.2.5.5.5s.5-.2.5-.5V8.3c0-2-1.5-3.6-3.5-3.7l.7-.7c.1-.1.2-.3.1-.5 0-.2-.2-.3-.4-.4-.2 0-.4 0-.5.1l-1.6 1.6s-.1.1-.1.2V5c.2 0 .2.1.2.1z" />
        </symbol>

        <symbol id="icon-maximize-2" viewBox="0 0 24 24">
            <polyline points="15 3 21 3 21 9" />
            <polyline points="9 21 3 21 3 15" />
            <line x1="21" y1="3" x2="14" y2="10" />
            <line x1="3" y1="21" x2="10" y2="14" />
        </symbol>
        <symbol id="icon-minimize-2" viewBox="0 0 24 24">
            <polyline points="4 14 10 14 10 20" />
            <polyline points="20 10 14 10 14 4" />
            <line x1="14" y1="10" x2="21" y2="3" />
            <line x1="3" y1="21" x2="10" y2="14" />
        </symbol>

        <symbol id="icon-plus-square" viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
            <line x1="12" y1="8" x2="12" y2="16" />
            <line x1="8" y1="12" x2="16" y2="12" />
        </symbol>
        <symbol id="icon-minus-square" viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
            <line x1="8" y1="12" x2="16" y2="12" />
        </symbol>
        <symbol id="credit-card" viewBox="0 0 24 24">
            <rect x="1" y="4" width="22" height="16" rx="2" ry="2" />
            <line x1="1" y1="10" x2="23" y2="10" />
        </symbol>

        <symbol id="icon-email" viewBox="0 0 24 24">
            <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
            <polyline points="22,6 12,13 2,6"></polyline>
        </symbol>
        <symbol id="icon-facebook" viewBox="0 0 24 24">
            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
        </symbol>
        <symbol id="icon-whatsapp" viewBox="0 0 32 32">
            <path d="M20.52 17.75c.181 0 .858.306 2.032.917 1.174.61 1.795.979 1.865 1.104.027.07.041.173.041.312 0 .459-.118.986-.354 1.584-.222.541-.715.996-1.479 1.364-.764.368-1.472.552-2.125.552-.792 0-2.111-.43-3.958-1.291A11.889 11.889 0 0 1 13 19.833c-1-1.014-2.028-2.298-3.083-3.854-1-1.486-1.493-2.833-1.48-4.041v-.167c.042-1.264.556-2.361 1.542-3.292.334-.305.695-.458 1.084-.458.083 0 .208.01.375.031.166.02.298.031.395.031.264 0 .448.045.552.136.105.09.212.281.323.573.111.277.34.889.688 1.833.347.944.52 1.465.52 1.563 0 .291-.239.69-.718 1.197-.48.507-.719.83-.719.97 0 .096.035.2.104.312.473 1.014 1.181 1.965 2.125 2.854.778.736 1.827 1.437 3.146 2.104a.93.93 0 0 0 .459.146c.208 0 .583-.337 1.125-1.01.541-.674.902-1.011 1.083-1.011zm-4.228 11.042c1.764 0 3.454-.348 5.073-1.042 1.618-.694 3.01-1.625 4.177-2.792 1.166-1.166 2.097-2.559 2.791-4.177a12.731 12.731 0 0 0 1.042-5.073c0-1.764-.347-3.454-1.042-5.073-.694-1.618-1.625-3.01-2.791-4.177-1.167-1.166-2.56-2.097-4.177-2.791a12.732 12.732 0 0 0-5.073-1.042c-1.764 0-3.455.347-5.073 1.042-1.618.694-3.01 1.625-4.177 2.791-1.167 1.167-2.098 2.56-2.792 4.177a12.732 12.732 0 0 0-1.042 5.073c0 2.82.834 5.375 2.5 7.667L4.063 28.23l5.041-1.604c2.195 1.445 4.59 2.167 7.188 2.167zm0-28.792c2.125 0 4.156.417 6.093 1.25 1.938.833 3.608 1.951 5.01 3.354 1.404 1.403 2.522 3.073 3.355 5.01A15.264 15.264 0 0 1 32 15.709c0 2.125-.417 4.157-1.25 6.094-.833 1.938-1.951 3.608-3.354 5.01-1.403 1.403-3.073 2.521-5.01 3.355a15.264 15.264 0 0 1-6.094 1.25 15.46 15.46 0 0 1-7.604-1.959L0 32.25l2.833-8.437c-1.5-2.473-2.25-5.174-2.25-8.105 0-2.125.417-4.156 1.25-6.093.834-1.938 1.952-3.608 3.355-5.01C6.59 3.2 8.26 2.082 10.198 1.25A15.264 15.264 0 0 1 16.292 0z" fill-rule="evenodd" />
        </symbol>
        <symbol id="icon-twitter" viewBox="0 0 24 24">
            <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" />
        </symbol>

    </svg>

    <svg style="position: absolute; width: 0; height: 0" xmlns="http://www.w3.org/2000/svg">
        <symbol id="brand-logo">
            <path d="M29.7 4.6V1.4H.5v9.3h9.7v38H20v-38h5.9c1-2.5 2.2-4.5 3.8-6zm119 27.2l12-30.4h-10l-4.6 13-1.8 5.6h-.2l-1.8-5.7-4.4-13h-11.1l12.1 30.5v16.8h9.9V31.8zM27.3 24.9c0 18.2 6.6 24.6 17.4 24.6 11 0 17.4-6.6 17.4-24.4C62 7 55.5.5 44.6.5 33.7.5 27.2 7 27.2 24.9zm10.2 0c0-11.5 2.3-15 7.3-15 4.8 0 7.2 3.5 7.2 15.2 0 11.6-2.4 15-7.2 15-5 0-7.3-3.5-7.3-15.2zM66 1.4v47.2h15c12.1 0 17.2-8.7 17.2-23.4 0-15-5.4-23.8-17.6-23.8H66.1zm9.8 37.9V10.7h4c5.4 0 8.3 3.4 8.3 14.8 0 10.1-2.9 13.8-8.4 13.8h-3.9zm44.3 1l1.5 8.3H132L122 1.4h-14l-9.9 47.2h10l1.4-8.3h10.7zm-1.6-9H111l2.1-12 1.5-8.6h.3l1.5 8.8 2 11.7z" />
        </symbol>
        <symbol id="brand-citynews" viewBox="0 0 91 24">
            <path d="M35.21 7.82l.18.16 1.6 5.9 2.11-5.9.18-.16h2.85l.17.16-5.59 15.87-.15.13-3.03.02-.1-.17 1.91-5.35-3.93-10.5.18-.16h3.62zM11.64 0a11.59 11.59 0 015.78 1.55l.05.15C16.7 3 16.5 3.34 15.8 4.62l-.18.01-.31-.16a8.2 8.2 0 00-3.67-.89 8.08 8.08 0 103.99 15.14l.16.02c.7 1.28.9 1.61 1.67 2.92l-.05.15a11.85 11.85 0 01-5.77 1.54A11.66 11.66 0 010 11.67C0 5.23 5.21 0 11.64 0zm16.8 4.88l.17.17V7.8h1.94l.18.18v2.07l-.18.17h-1.94l-.01 2.7c-.02.82.01 1.96.04 2.5.03.37 0 1.2 1.02 1.2s1.15-.2 1.15-.2l.17.18v2l-.18.17c.01.01-1.09.31-2.32.31-3.23 0-3.28-2.06-3.28-3.97v-4.89h-.98l-.17-.17V7.97l.17-.18h.98V5.05l.18-.17h3.05zm59.14 2.65c1.16 0 2.23.3 3.36.9l.06.2c-.48 1.08-.43.87-.8 1.82l-.16.06a7 7 0 00-2.64-.74c-1.12.01-1.68.57-1.75 1.06-.08.62.68.89 1.18 1.14l.44.23c.83.46 2.3 1.1 2.04 2.95-.14.99-1.07 3.92-5.62 3.92-2.1 0-3.14-.64-3.74-1.04l-.04-.18.86-2 .2-.07c.42.3 1.82.96 2.79.96 1.6 0 1.9-.92 1.95-1.2.1-.72-.54-1.05-1.21-1.38l-.42-.23-.25-.14c-.92-.51-1.72-1.03-1.5-2.53.07-.51.7-3.73 5.25-3.73zm-26.31.04c.94 0 1.9.19 2.52.6 1.39.87 1.28 2.4 1.16 3.26-.14.97-.41 1.7-.68 2.38l-.17.17h-6.58c-.06.24-.11.5-.14.73-.18 1.23.56 1.94 2.23 1.94a6.9 6.9 0 003.58-1.13l.18.17-.86 2.42-.16.17c-.56.27-1.7.78-3.74.78-2.92 0-3.7-1.1-4-1.56-.64-.94-.67-1.97-.52-3.07.43-3.05 2.84-6.86 7.18-6.86zm8.4.25l.18.17-1.04 7.32 2.53-4.3L73.02 8l.18-.17h3.57l.18.17-1.18 7.46L80.05 8l.17-.17h2.55l.17.17-6.55 10.75-.18.17h-3.48l-.18-.17 1.01-7.44-4.32 7.44-.17.17h-3.39l-.17-.17.86-10.76.16-.16h3.14zm-47.3 2.04l.17.18v8.69l-.18.17h-3.08l-.18-.17v-8.7l.18-.17h3.08zm29.3-2.31c1.3 0 2.72.63 2.43 2.7-.13.94-.84 2.9-1.4 4.36l-.47 1.44-.9 2.67-.18.17h-3.27l-.18-.17 1.32-3.52.76-2.13c.14-.42.42-1.25.49-1.7.1-.75-.38-1.17-.96-1.17-.62 0-1.16.3-1.72.63l-2.82 7.9-.18.17h-3.25l-.18-.17 3.87-10.75.18-.18h3.23l.17.18-.26.75a5.9 5.9 0 013.33-1.18zM11.7 5.48c1.15 0 2.23.31 3.16.87l-.6 1.01a4.79 4.79 0 00-2.14-.68v-.52s-.19.07-.27.07a5.77 5.77 0 00-5.65 6.44h.53a4.9 4.9 0 004.96 4.19 5.1 5.1 0 002.58-.87l.6 1.01A6.19 6.19 0 1111.7 5.48zm.42 2.2a4.12 4.12 0 01-.42 8.2 3.97 3.97 0 01-3.95-3.21h1.73c-.07 0-.1-.6-.1-.83 0-1.3 1.06-2.49 2.33-2.49.14 0 .21.01.41.04zM60.9 9.62c-.35 0-.9.09-1.56.64-.65.54-.95 1.18-1.2 1.7l3.72-.03c.11-.31.2-.62.25-.94.1-.69-.22-1.37-1.2-1.37zM22.36 5.06l.17.18v2.74l-.17.18h-3.08l-.18-.18V5.24l.18-.18h3.08z" fill-rule="nonzero" />
        </symbol>
        <symbol id="brand-local">
            <path d="M20.1 48.6h11.1l-7.4-19.2c4.2-2.1 6.4-6.7 6.4-12.4 0-9.2-4.9-15.6-14.2-15.6H1.6v47.2h9.9v-17h2.7l6 17zm-8.6-25v-13h3.8c3.3 0 5 2.5 5 6.5 0 4.4-2 6.4-4.8 6.4h-4zm21.4 1.3c0 18.2 6.5 24.6 17.4 24.6 10.9 0 17.4-6.6 17.4-24.4C67.7 7 61 .5 50.3.5 39.3.5 32.9 7 32.9 24.9zM43 25c0-11.5 2.4-15 7.3-15 4.8 0 7.3 3.5 7.3 15.2 0 11.6-2.5 15-7.3 15-5 0-7.3-3.5-7.3-15.2zm56.8 23.7h9.8V1.4H98l-6.6 20.4h-.2l-7-20.4H71.7v47.2h9.5V35.3l-.1-18.1h.2l2.9 10.4 3 10.4h6.6l3-10.5c1.6-5.2 2.8-10.3 3-10.3h.1l-.1 18.1v13.3zm35.3-8.3l1.5 8.3H147L137 1.4h-14l-10 47.2h10l1.4-8.3h10.7zm-1.6-9h-7.4l2-12 1.5-8.6h.3l1.5 8.8 2.1 11.7z" class="c-brand__edition" />
            <path d="M176.7 4.6V1.4h-29.2v9.3h9.7v38h9.8v-38h5.9c1-2.5 2.2-4.5 3.8-6zm119 27.2l12-30.4h-10l-4.6 13-1.8 5.6h-.2l-1.8-5.7-4.4-13h-11.1l12.1 30.5v16.8h9.9V31.8zm-121.5-6.9c0 18.2 6.6 24.6 17.4 24.6 11 0 17.4-6.6 17.4-24.4C209 7 202.5.5 191.6.5c-10.9 0-17.4 6.5-17.4 24.4zm10.2 0c0-11.5 2.3-15 7.3-15 4.8 0 7.2 3.5 7.2 15.2 0 11.6-2.4 15-7.2 15-5 0-7.3-3.5-7.3-15.2zM213 1.4v47.2h15c12.1 0 17.2-8.7 17.2-23.4 0-15-5.4-23.8-17.6-23.8h-14.6zm9.8 37.9V10.7h4c5.4 0 8.3 3.4 8.3 14.8 0 10.1-2.9 13.8-8.4 13.8h-3.9zm44.3 1l1.5 8.3H279L269 1.4h-14l-9.9 47.2h10l1.4-8.3h10.7zm-1.6-9H258l2.1-12 1.5-8.6h.3l1.5 8.8 2 11.7z" class="c-brand__network" />
        </symbol>
    </svg>

    <div class="o-wrapper">

        <nav class="c-menu o-bg-dark u-shadow-bottom u-size-full u-pt-base@md " data-menu>
            <div class="c-menu__search o-container u-justify-between u-column u-row@md u-my-base">

                <div class="u-relative">
                    <input class="u-size-full   " type="text" placeholder="Cerca nel sito">
                    <button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">

                        <svg class="c-form-icon o-icon o-icon--md">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
                        </svg>

                    </button>
                </div>

            </div>
            <div class="o-container u-flex u-justify-between u-column u-row@md u-mb-large">

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md " data-group data-channel="/notizie/">
                    <input type="radio" id="Notizie" name="navigation" value="Notizie" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Notizie</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Politica</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Economia</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Europa</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Cronaca</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Mondo</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Ambiente</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Green</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Attualità</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Città</a>
                        </li>

                    </ul>

                </div>

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md  is-active " data-group data-channel="/lifestyle/">
                    <input type="radio" id="Lifestyle" name="navigation" value="Lifestyle" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Lifestyle</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Benessere</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Casa</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Cucina</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Donna</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Gossip</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Salute</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Viaggi</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Spettacoli</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Motori</a>
                        </li>

                    </ul>

                </div>

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md " data-group data-channel="/cultura/">
                    <input type="radio" id="Cultura" name="navigation" value="Cultura" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Cultura</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Cinena</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Eventi</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Formazione</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Scienze</a>
                        </li>

                    </ul>

                </div>

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md " data-group data-channel="/opinioni/">
                    <input type="radio" id="Opinioni" name="navigation" value="Opinioni" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Opinioni</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Asso di denari</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Cronache marziane</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Curarsi mangiando</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Famiglia creativa</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">FotoGrammi</a>
                        </li>

                    </ul>

                </div>

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md " data-group data-channel="">
                    <input type="radio" id="Altre sezioni" name="navigation" value="Altre sezioni" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Altre sezioni</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Foto</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Video</a>
                        </li>

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Best - Guida allo shopping</a>
                        </li>

                    </ul>

                </div>

                <div tabindex="1" class="c-menu__group u-relative u-z-cover u-size-1-5@md " data-group data-channel="">
                    <input type="radio" id="Dossier" name="navigation" value="Dossier" class="u-absolute u-size-full u-right u-top u-z-cover u-opacity-none u-none@md">
                    <div class="c-menu__title u-flex u-justify-between u-justify-center">
                        <a class="c-menu__link u-a-underline u-relative u-no-underline" href="#">Dossier</a>
                        <div data-title>
                            <svg class="c-menu__icon o-icon o-icon--inverse o-icon--md u-none@md u-cursor-pointer u-block" data-arrow>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                            </svg>
                        </div>
                    </div>

                    <ul class="c-menu__list u-list-none u-justify-between u-wrap">

                        <li class='c-menu__item u-size-1-2 u-size-full@md u-pt-xsmall u-pb-xsmall'>
                            <a class='c-menu__link u-a-underline u-relative u-no-underline u-nav-03' href="">Demo item</a>
                        </li>

                    </ul>

                </div>

                <div class="u-text-center u-px-small u-my-base u-none@md">
                    <a href="/user/login/" class="c-btn c-btn--primary u-no-underline">
                        <svg class="o-icon o-icon--md">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user"></use>
                        </svg>
                        Accedi
                    </a>
                </div>

            </div>

            <div class="u-size-full u-mt-base u-mb-base u-none@md">
                <div class="u-none@md u-flex u-column u-items-center o-container">

                    <div class="c-modetoggle u-inline-flex">

                        <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
                            <input type="radio" value="-1" class="u-none" data-color-scheme="-1">
                            <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
                            </svg>
                        </label>

                        <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema">
                            <input type="radio" value="0" class="u-none" data-color-scheme="0">
                            <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
                            </svg>
                        </label>

                        <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark">
                            <input type="radio" value="1" class="u-none" data-color-scheme="1">
                            <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
                            </svg>
                        </label>

                    </div>

                    <a class="u-mt-base" href="#" target="_blank" rel="noopener noreferrer">
                        <svg class="c-brand-cn" width="91" height="24">
                            <use xlink:href="#brand-citynews"></use>
                        </svg>
                    </a>

                </div>
            </div>

        </nav>

    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="../raw/readingbar/readingbar.js"></script>
    <script src="../raw/modetoggle/modetoggle.js"></script>

</body>

</html>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

  <!-- Chrome, Firefox OS and Opera -->
  <meta name="theme-color" content="#1a3166">
  <!-- Windows Phone -->
  <meta name="msapplication-navbutton-color" content="#1a3166">
  <!-- iOS Safari -->
  <meta name="apple-mobile-web-app-status-bar-style" content="#1a3166">

  {% if theme %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_themes.css' | path }}"> 
  {% else %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_theme-today.css' | path }}">    
  {% endif %}

  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_style.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_forms.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_carousel.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_intro.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_promo.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_item.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_native.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_cpc.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_logo-europa.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_adv.css' | path }}">
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_paywall.css' | path }}">
  
  {% if model=="approfondimento" %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_approfondimento.css' | path }}">
  {% endif %}

  {% if channel=="dossier" %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_dossier.css' | path }}">
  {% endif %}

  {% if channel=="/speciale/animali-domestici/" %}
  <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_branded.css' | path }}">
  {% endif %}

  {% if boxed %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_boxed.css' | path }}">
  {% endif %}

  {% if channel == '/best/' %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_channel_best.css' | path }}">
  {% endif %}
  
  {% if channel == '/notizie/sport/' %}
    <link media="all" rel="stylesheet" href="{{ '/assets/css/v7_sport.css' | path }}">  
  {% endif %}

  <title>{{_target.title}} | Pattern Library</title>
</head>

<body  style="margin: 0; padding: 0" data-theme="{% if theme %}yellow{% else %}today{% endif %}" data-model="{{model}}" data-channel="{{channel}}" data-edition="{{dataedition}}" >

  {% render "@icons" %}
  
  {% render "@brand--sprite" %}

  {% if skin %}
    {% render "@adv--skin" %}
  {% endif %}

  {% if mode != 'page' %}
    <div class="u-text-right">
      {% render "@modetoggle" %}
    </div>  
  {% endif %}

  {% if boxed  %}
    {{ yield | safe }}
    
    {% render "@menu", { open: false }, true %}
    
  {% else %}

    <div class="o-wrapper">
    
      {{ yield | safe }}
    
      {% render "@menu", { open: false }, true %}
    
    </div>
  {% endif %}


  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
  <script src="{{'../raw/readingbar/readingbar.js'}}"></script>
  <script src="{{'../raw/modetoggle/modetoggle.js'}}"></script>

</body>
</html>
{
  "channel": "/cultura/",
  "mode": "page"
}

No notes defined.